aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorNicolas LÅ“uillet <nicolas.loeuillet@gmail.com>2013-08-23 08:34:58 -0700
committerNicolas LÅ“uillet <nicolas.loeuillet@gmail.com>2013-08-23 08:34:58 -0700
commita458cff25e08870c3afb681e0ba024e3df607827 (patch)
treed1a131875c20ff8d861413a5f225030db02f8a7f /tpl
parente93c7c9c460ce71fb10ea1e807eabed9c490fe15 (diff)
parent096fb74bf1bd0065b464e74503b55f37a09ff3f8 (diff)
downloadwallabag-a458cff25e08870c3afb681e0ba024e3df607827.tar.gz
wallabag-a458cff25e08870c3afb681e0ba024e3df607827.tar.zst
wallabag-a458cff25e08870c3afb681e0ba024e3df607827.zip
Merge pull request #159 from NumEricR/css-cleanup
CSS clean up on style.css file
Diffstat (limited to 'tpl')
-rw-r--r--tpl/css/style.css120
1 files changed, 55 insertions, 65 deletions
diff --git a/tpl/css/style.css b/tpl/css/style.css
index e2a512f7..9b249989 100644
--- a/tpl/css/style.css
+++ b/tpl/css/style.css
@@ -1,7 +1,8 @@
1body { 1body {
2 font-size: 16px; 2 font-size: 16px;
3 font-family: 'Roboto', sans-serif; 3 font-family: 'Roboto', Verdana, Geneva, sans-serif;
4 margin: 10px; 4 margin: 10px;
5 color: #000;
5} 6}
6 7
7header { 8header {
@@ -12,52 +13,67 @@ header h1 {
12 font-size: 1.3em; 13 font-size: 1.3em;
13} 14}
14 15
16a, a:hover, a:visited {
17 color: #000;
18}
19
15.bouton { 20.bouton {
16 border-radius: 2px; 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;
17} 30}
18 31
19#main { 32#main {
20 margin: 0 auto; 33 margin: 0 auto;
21} 34}
22 35
23#main ul#links { 36#main #links {
24 padding: 0; 37 padding: 0;
25 list-style-type: none; 38 list-style-type: none;
26 text-align: center; 39 text-align: center;
27 font-size: 0.9em; 40 font-size: 0.9em;
28} 41}
29 42
30#main ul#links li { 43#main #links li {
31 display: inline; 44 display: inline;
32} 45}
33 46
34#main ul#links li a.current { 47#main #links li .current {
48 background-color: #000;
49 color: #fff;
35 -webkit-border-radius: 2px; 50 -webkit-border-radius: 2px;
36 border-radius: 2px; 51 border-radius: 2px;
37} 52}
38 53
39#main ul#sort { 54#main #sort {
40 padding: 0; 55 padding: 0;
41 list-style-type: none; 56 list-style-type: none;
42 text-align: center; 57 text-align: center;
43 opacity: 0.5; 58 opacity: 0.5;
44} 59}
45 60
46#main ul#sort li { 61#main #sort li {
47 display: inline; 62 display: inline;
48 font-size: 0.9em; 63 font-size: 0.9em;
49} 64}
50 65
51#main ul#sort img:hover { 66#main #sort img:hover {
52 cursor: pointer; 67 cursor: pointer;
53} 68}
54 69
55 70#links a {
56#links a{
57 text-decoration: none; 71 text-decoration: none;
58 padding: 5px 10px; 72 padding: 5px 10px;
59} 73}
60#links a:hover{ 74#links a:hover {
75 background-color: #040707;
76 color: #F1F1F1;
61 -webkit-border-radius: 2px; 77 -webkit-border-radius: 2px;
62 border-radius: 2px; 78 border-radius: 2px;
63} 79}
@@ -65,7 +81,7 @@ header h1 {
65/*** ***/ 81/*** ***/
66/*** LINKS DISPLAY ***/ 82/*** LINKS DISPLAY ***/
67 83
68#main a.tool { 84#main .tool {
69 text-decoration: none; 85 text-decoration: none;
70 cursor: pointer; 86 cursor: pointer;
71} 87}
@@ -80,16 +96,18 @@ header h1 {
80} 96}
81 97
82#main #content .entrie { 98#main #content .entrie {
83 border-bottom: 1px dashed #222222; 99 border-bottom: 1px dashed #222;
84} 100}
85 101
86#main .entrie ul.tools { 102#main .entrie .tools {
87 list-style-type: none; 103 list-style-type: none;
88} 104}
89 105
90#main .entrie ul.tools li { 106/*
91 /*display: inline;*/ 107#main .entrie .tools li {
108 display: inline;
92} 109}
110*/
93 111
94.tools { 112.tools {
95 float: right; 113 float: right;
@@ -98,7 +116,8 @@ header h1 {
98} 116}
99 117
100.tools p { 118.tools p {
101 font-size: 0.8em;} 119 font-size: 0.8em;
120}
102 121
103/* 122/*
104.tools ul { 123.tools ul {
@@ -110,16 +129,17 @@ header h1 {
110 line-height: 20px; 129 line-height: 20px;
111} 130}
112 131
113.tools a.tool { 132.tools .tool {
114 cursor: pointer; 133 cursor: pointer;
115}*/ 134}*/
116 135
117#main .entrie .tools a.tool span, #article .tools a.tool span { 136#main .entrie .tools .tool span, #article .tools .tool span {
118 display: inline-block; 137 display: inline-block;
119 width: 16px; 138 width: 16px;
120 height: 16px; 139 height: 16px;
121} 140}
122 141
142
123/*** ***/ 143/*** ***/
124/*** ARTICLE PAGE ***/ 144/*** ARTICLE PAGE ***/
125 145
@@ -136,7 +156,7 @@ header h1 {
136 156
137.vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited { 157.vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
138 text-decoration: none; 158 text-decoration: none;
139 color: #888888; 159 color: #888;
140} 160}
141 161
142.backhome { 162.backhome {
@@ -146,51 +166,21 @@ header h1 {
146#article .tools { 166#article .tools {
147 position: relative; 167 position: relative;
148 display: inline; 168 display: inline;
149 top: 0px; 169 top: 0;
150 right: 0px; 170 right: 0;
151 width: 100%; 171 width: 100%;
152} 172}
153 173
154#article .tools ul li{ 174#article .tools ul li {
155 display: inline; 175 display: inline;
156} 176}
157 177
158 178
159/*** GENERAL ***/
160body {
161 color: #000;
162}
163
164a, a:hover, a:visited {
165 color: #000;
166}
167
168.bouton {
169 background-color: #000;
170 color: #fff;
171 border: none;
172}
173.bouton:hover {
174 background-color: #222222;
175 color: #F1F1F1;
176}
177
178#main ul#links li a.current {
179 background-color: #000;
180 color: #fff;
181}
182
183#links a:hover{
184 background-color: #040707;
185 color: #F1F1F1;
186}
187
188
189/*** ***/ 179/*** ***/
190/*** ARTICLE PAGE ***/ 180/*** ARTICLE PAGE ***/
191 181
192#article header, #article article { 182#article header, #article article {
193 border-bottom: 1px solid #222222; 183 border-bottom: 1px solid #222;
194} 184}
195 185
196 186
@@ -202,33 +192,33 @@ a, a:hover, a:visited {
202 text-align: right; 192 text-align: right;
203} 193}
204.pagination a { 194.pagination a {
205 border: 1px solid #D5D5D5; 195 border: 1px solid #d5d5d5;
206 color: #333; 196 color: #333;
207 font-size: 11px; 197 font-size: 11px;
208 font-weight: bold; 198 font-weight: bold;
209 height: 25px; 199 height: 25px;
210 padding: 4px 8px; 200 padding: 4px 8px;
211 text-decoration: none; 201 text-decoration: none;
212 margin:2px; 202 margin: 2px;
213} 203}
214.pagination a:hover, .pagination a:active { 204.pagination a:hover, .pagination a:active {
215 background:#efefef; 205 background-color: #efefef;
216} 206}
217.pagination span.current { 207.pagination .current {
218 background-color: #ccc; 208 background-color: #ccc;
219 border: 1px solid #D5D5D5; 209 border: 1px solid #d5d5d5;
220 color: #000; 210 color: #000;
221 font-size: 11px; 211 font-size: 11px;
222 font-weight: bold; 212 font-weight: bold;
223 height: 25px; 213 height: 25px;
224 padding: 4px 8px; 214 padding: 4px 8px;
225 text-decoration: none; 215 text-decoration: none;
226 margin:2px; 216 margin: 2px;
227} 217}
228.pagination span.disabled { 218.pagination .disabled {
229 border: 1px solid #EEEEEE; 219 border: 1px solid #eee;
230 color: #DDDDDD; 220 color: #ddd;
231 margin:2px; 221 margin: 2px;
232 padding: 4px 8px; 222 padding: 4px 8px;
233 font-size: 11px; 223 font-size: 11px;
234 font-weight: bold; 224 font-weight: bold;
@@ -240,4 +230,4 @@ footer {
240 230
241.reading-time { 231.reading-time {
242 font-size: 0.8em; 232 font-size: 0.8em;
243} \ No newline at end of file 233}