]> git.immae.eu Git - github/wallabag/wallabag.git/blame - tpl/css/style.css
CSS clean up again
[github/wallabag/wallabag.git] / tpl / css / style.css
CommitLineData
1a268ba7 1body {
6a361945 2 font-size: 16px;
096fb74b 3 font-family: 'Roboto', Verdana, Geneva, sans-serif;
4d94769a 4 margin: 10px;
096fb74b 5 color: #000;
7eca3552 6}
7
1a268ba7
NL
8header {
9 text-align: center;
10}
11
2a1791a4
NL
12header h1 {
13 font-size: 1.3em;
14}
15
096fb74b
N
16a, a:hover, a:visited {
17 color: #000;
18}
19
9acfade8 20.bouton {
096fb74b
N
21 background-color: #000;
22 color: #fff;
23 border: none;
24 border-radius: 2px;
25}
26.bouton:hover {
27 background-color: #222;
28 color: #f1f1f1;
29 cursor: pointer;
9acfade8 30}
31
6a361945
NL
32#main {
33 margin: 0 auto;
34}
35
096fb74b 36#main #links {
1a268ba7
NL
37 padding: 0;
38 list-style-type: none;
39 text-align: center;
2a1791a4 40 font-size: 0.9em;
1a268ba7
NL
41}
42
096fb74b 43#main #links li {
1a268ba7 44 display: inline;
4d94769a 45}
8784f095 46
096fb74b
N
47#main #links li .current {
48 background-color: #000;
49 color: #fff;
8784f095 50 -webkit-border-radius: 2px;
51 border-radius: 2px;
8784f095 52}
53
096fb74b 54#main #sort {
9fee2e72 55 padding: 0;
56 list-style-type: none;
57 text-align: center;
6a361945 58 opacity: 0.5;
9fee2e72 59}
60
096fb74b 61#main #sort li {
9fee2e72 62 display: inline;
63 font-size: 0.9em;
64}
65
096fb74b 66#main #sort img:hover {
9fee2e72 67 cursor: pointer;
68}
69
096fb74b 70#links a {
4d94769a 71 text-decoration: none;
72 padding: 5px 10px;
73}
096fb74b
N
74#links a:hover {
75 background-color: #040707;
76 color: #F1F1F1;
4d94769a 77 -webkit-border-radius: 2px;
78 border-radius: 2px;
1a268ba7
NL
79}
80
c594aedf 81/*** ***/
82/*** LINKS DISPLAY ***/
83
096fb74b 84#main .tool {
c594aedf 85 text-decoration: none;
86 cursor: pointer;
87}
88
b70971e0 89#main #content {
7eca3552 90 margin-top: 20px;
91}
92
6a361945
NL
93#main #content h2 {
94 font-size: 1.3em;
95 text-decoration: none;
96}
97
98#main #content .entrie {
096fb74b 99 border-bottom: 1px dashed #222;
7eca3552 100}
101
096fb74b 102#main .entrie .tools {
6a361945
NL
103 list-style-type: none;
104}
105
096fb74b
N
106/*
107#main .entrie .tools li {
108 display: inline;
6a361945 109}
096fb74b 110*/
6a361945 111
cf3180f6 112.tools {
55821e04 113 float: right;
7eca3552 114 text-align: right;
6a361945 115 opacity: 0.5;
cf3180f6 116}
117
6a361945 118.tools p {
096fb74b
N
119 font-size: 0.8em;
120}
6a361945
NL
121
122/*
cf3180f6 123.tools ul {
124 padding: 0; margin: 0;
125 list-style-type: none;
126}
127
128.tools ul li {
129 line-height: 20px;
130}
131
096fb74b 132.tools .tool {
cf3180f6 133 cursor: pointer;
6a361945 134}*/
c8bbe19b 135
096fb74b 136#main .entrie .tools .tool span, #article .tools .tool span {
c594aedf 137 display: inline-block;
138 width: 16px;
139 height: 16px;
4b4afc73
N
140 /* Hide textual content */
141 text-indent: -9999px;
142 text-align: left;
143 overflow: hidden;
c594aedf 144}
145
096fb74b 146
c594aedf 147/*** ***/
148/*** ARTICLE PAGE ***/
149
6a361945
NL
150#article {
151 margin: 0 auto;
c594aedf 152}
5ae45084
N
153
154#article header, #article article {
155 border-bottom: 1px solid #222;
156}
157
c594aedf 158#article header {
159 text-align: left;
c594aedf 160}
161
162#article header a {
1a268ba7
NL
163 text-decoration: none;
164}
165
6a361945 166.vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
c594aedf 167 text-decoration: none;
096fb74b 168 color: #888;
c594aedf 169}
170
c8bbe19b 171.backhome {
172 display: inline;
173}
174
6a361945
NL
175#article .tools {
176 position: relative;
177 display: inline;
096fb74b
N
178 top: 0;
179 right: 0;
6a361945
NL
180 width: 100%;
181}
182
096fb74b 183#article .tools ul li {
6a361945
NL
184 display: inline;
185}
186
187
6a361945
NL
188/* Pagination */
189.pagination {
190 clear: both;
191 padding-bottom: 20px;
192 padding-top: 10px;
193 text-align: right;
194}
195.pagination a {
096fb74b 196 border: 1px solid #d5d5d5;
6a361945
NL
197 color: #333;
198 font-size: 11px;
199 font-weight: bold;
200 height: 25px;
201 padding: 4px 8px;
202 text-decoration: none;
096fb74b 203 margin: 2px;
6a361945
NL
204}
205.pagination a:hover, .pagination a:active {
096fb74b 206 background-color: #efefef;
6a361945 207}
096fb74b 208.pagination .current {
6a361945 209 background-color: #ccc;
096fb74b 210 border: 1px solid #d5d5d5;
6a361945
NL
211 color: #000;
212 font-size: 11px;
213 font-weight: bold;
214 height: 25px;
215 padding: 4px 8px;
216 text-decoration: none;
096fb74b 217 margin: 2px;
6a361945 218}
096fb74b
N
219.pagination .disabled {
220 border: 1px solid #eee;
221 color: #ddd;
222 margin: 2px;
6a361945
NL
223 padding: 4px 8px;
224 font-size: 11px;
225 font-weight: bold;
226}
227
228footer {
229 clear: both;
d9178758
NL
230}
231
232.reading-time {
15493df6 233 font-size: 0.8em;
096fb74b 234}