]> git.immae.eu Git - github/wallabag/wallabag.git/blame - tpl/css/style.css
Fix HTML code of tools lists
[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;
140}
141
096fb74b 142
c594aedf 143/*** ***/
144/*** ARTICLE PAGE ***/
145
6a361945
NL
146#article {
147 margin: 0 auto;
c594aedf 148}
c594aedf 149#article header {
150 text-align: left;
c594aedf 151}
152
153#article header a {
1a268ba7
NL
154 text-decoration: none;
155}
156
6a361945 157.vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
c594aedf 158 text-decoration: none;
096fb74b 159 color: #888;
c594aedf 160}
161
c8bbe19b 162.backhome {
163 display: inline;
164}
165
6a361945
NL
166#article .tools {
167 position: relative;
168 display: inline;
096fb74b
N
169 top: 0;
170 right: 0;
6a361945
NL
171 width: 100%;
172}
173
096fb74b 174#article .tools ul li {
6a361945
NL
175 display: inline;
176}
177
178
b70971e0 179/*** ***/
6a361945 180/*** ARTICLE PAGE ***/
45a04467 181
6a361945 182#article header, #article article {
096fb74b 183 border-bottom: 1px solid #222;
b70971e0 184}
6a361945
NL
185
186
187/* Pagination */
188.pagination {
189 clear: both;
190 padding-bottom: 20px;
191 padding-top: 10px;
192 text-align: right;
193}
194.pagination a {
096fb74b 195 border: 1px solid #d5d5d5;
6a361945
NL
196 color: #333;
197 font-size: 11px;
198 font-weight: bold;
199 height: 25px;
200 padding: 4px 8px;
201 text-decoration: none;
096fb74b 202 margin: 2px;
6a361945
NL
203}
204.pagination a:hover, .pagination a:active {
096fb74b 205 background-color: #efefef;
6a361945 206}
096fb74b 207.pagination .current {
6a361945 208 background-color: #ccc;
096fb74b 209 border: 1px solid #d5d5d5;
6a361945
NL
210 color: #000;
211 font-size: 11px;
212 font-weight: bold;
213 height: 25px;
214 padding: 4px 8px;
215 text-decoration: none;
096fb74b 216 margin: 2px;
6a361945 217}
096fb74b
N
218.pagination .disabled {
219 border: 1px solid #eee;
220 color: #ddd;
221 margin: 2px;
6a361945
NL
222 padding: 4px 8px;
223 font-size: 11px;
224 font-weight: bold;
225}
226
227footer {
228 clear: both;
d9178758
NL
229}
230
231.reading-time {
15493df6 232 font-size: 0.8em;
096fb74b 233}