diff options
author | VirtualTam <virtualtam@flibidi.org> | 2014-10-19 03:12:52 +0200 |
---|---|---|
committer | VirtualTam <virtualtam@flibidi.org> | 2014-12-01 21:50:34 +0100 |
commit | 9308d39fce29908cdd4733032be29ae70ed667ee (patch) | |
tree | fc96288bbf5ccd4e3ef791d8ae106de191b6cf79 /inc/shaarli.css | |
parent | a58240ce8d0e1bdb814e24ae4dc9584dda2dd6f7 (diff) | |
download | Shaarli-9308d39fce29908cdd4733032be29ae70ed667ee.tar.gz Shaarli-9308d39fce29908cdd4733032be29ae70ed667ee.tar.zst Shaarli-9308d39fce29908cdd4733032be29ae70ed667ee.zip |
CSS: replace tabs by spaces, remove trailing whitespaces and empty lines
Signed-off-by: VirtualTam <virtualtam@flibidi.org>
Conflicts:
inc/shaarli.css
Diffstat (limited to 'inc/shaarli.css')
-rw-r--r-- | inc/shaarli.css | 421 |
1 files changed, 206 insertions, 215 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css index bc428f74..058b8c01 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css | |||
@@ -2,27 +2,26 @@ | |||
2 | 2 | ||
3 | /* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */ | 3 | /* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */ |
4 | /* | 4 | /* |
5 | Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html | 5 | Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html |
6 | version: 2.8.2r1 | 6 | version: 2.8.2r1 |
7 | */ | 7 | */ |
8 | html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} | 8 | html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} |
9 | 9 | ||
10 | body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color: #ffffff; word-wrap: break-word; } | 10 | body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color: #ffffff; word-wrap: break-word; } |
11 | input, textarea { | 11 | input, textarea { |
12 | background-color: #dedede; | 12 | background-color: #dedede; |
13 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 13 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
14 | background: -webkit-linear-gradient(#dedede, #ffffff); | 14 | background: -webkit-linear-gradient(#dedede, #ffffff); |
15 | background: -moz-linear-gradient(#dedede, #ffffff); | 15 | background: -moz-linear-gradient(#dedede, #ffffff); |
16 | background: -ms-linear-gradient(#dedede, #ffffff); | 16 | background: -ms-linear-gradient(#dedede, #ffffff); |
17 | background: -o-linear-gradient(#dedede, #ffffff); | 17 | background: -o-linear-gradient(#dedede, #ffffff); |
18 | background: linear-gradient(#dedede, #ffffff); | 18 | background: linear-gradient(#dedede, #ffffff); |
19 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 19 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
20 | padding:5px; | 20 | padding:5px; |
21 | border-radius: 5px 5px 5px 5px; | 21 | border-radius: 5px 5px 5px 5px; |
22 | border: none; | 22 | border: none; |
23 | color:#000; | 23 | color:#000; |
24 | 24 | } | |
25 | } | ||
26 | 25 | ||
27 | a { | 26 | a { |
28 | text-decoration: none; | 27 | text-decoration: none; |
@@ -34,162 +33,160 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
34 | /* Buttons */ | 33 | /* Buttons */ |
35 | .bigbutton { | 34 | .bigbutton { |
36 | background-color: #c0c0c0; | 35 | background-color: #c0c0c0; |
37 | background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; | 36 | background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; |
38 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); | 37 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); |
39 | background: -webkit-linear-gradient(#c0c0c0, #ffffff); | 38 | background: -webkit-linear-gradient(#c0c0c0, #ffffff); |
40 | background: -ms-linear-gradient(#c0c0c0, #ffffff); | 39 | background: -ms-linear-gradient(#c0c0c0, #ffffff); |
41 | background: -o-linear-gradient(#c0c0c0, #ffffff); | 40 | background: -o-linear-gradient(#c0c0c0, #ffffff); |
42 | background: linear-gradient(#c0c0c0, #ffffff); | 41 | background: linear-gradient(#c0c0c0, #ffffff); |
43 | border-radius: 3px 3px 3px 3px; | 42 | border-radius: 3px 3px 3px 3px; |
44 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); | 43 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); |
45 | cursor: pointer; | 44 | cursor: pointer; |
46 | height: 24px; | 45 | height: 24px; |
47 | margin-left: 5px; | 46 | margin-left: 5px; |
48 | padding: 0 5px; | 47 | padding: 0 5px; |
49 | color: #606060; | 48 | color: #606060; |
50 | border-style:outset; | 49 | border-style:outset; |
51 | border-width:1px; | 50 | border-width:1px; |
51 | } | ||
52 | 52 | ||
53 | } | ||
54 | .smallbutton { | 53 | .smallbutton { |
55 | background-color: #c0c0c0; | 54 | background-color: #c0c0c0; |
56 | background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; | 55 | background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; |
57 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); | 56 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); |
58 | background: -webkit-linear-gradient(#c0c0c0, #ffffff); | 57 | background: -webkit-linear-gradient(#c0c0c0, #ffffff); |
59 | background: -ms-linear-gradient(#c0c0c0, #ffffff); | 58 | background: -ms-linear-gradient(#c0c0c0, #ffffff); |
60 | background: -o-linear-gradient(#c0c0c0, #ffffff); | 59 | background: -o-linear-gradient(#c0c0c0, #ffffff); |
61 | background: linear-gradient(#c0c0c0, #ffffff); | 60 | background: linear-gradient(#c0c0c0, #ffffff); |
62 | border-radius: 3px 3px 3px 3px; | 61 | border-radius: 3px 3px 3px 3px; |
63 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); | 62 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); |
64 | cursor: pointer; | 63 | cursor: pointer; |
65 | height: 20px; | 64 | height: 20px; |
66 | margin-left: 5px; | 65 | margin-left: 5px; |
67 | padding: 0 5px; | 66 | padding: 0 5px; |
68 | color: #606060; | 67 | color: #606060; |
69 | border-style:outset; | 68 | border-style:outset; |
70 | border-width:1px; | 69 | border-width:1px; |
71 | 70 | } | |
72 | } | ||
73 | 71 | ||
74 | /* Small tab on the left of each link with edit/delete buttons. */ | 72 | /* Small tab on the left of each link with edit/delete buttons. */ |
75 | .button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; } | 73 | .button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; } |
76 | .linkeditbuttons { | 74 | .linkeditbuttons { |
77 | position:absolute; | 75 | position:absolute; |
78 | left:-1px; | 76 | left:-1px; |
79 | padding:4px 2px 2px 2px; | 77 | padding:4px 2px 2px 2px; |
80 | background-color:#f0f0f0; | 78 | background-color:#f0f0f0; |
81 | 79 | ||
82 | -webkit-border-radius:0px 6px 6px 0px; | 80 | -webkit-border-radius:0px 6px 6px 0px; |
83 | -moz-border-radius:0px 6px 6px 0px; | 81 | -moz-border-radius:0px 6px 6px 0px; |
84 | -o-border-radius:0px 6px 6px 0px; | 82 | -o-border-radius:0px 6px 6px 0px; |
85 | -ms-border-radius:0px 6px 6px 0px; | 83 | -ms-border-radius:0px 6px 6px 0px; |
86 | border-radius:0px 6px 6px 0px; | 84 | border-radius:0px 6px 6px 0px; |
87 | 85 | ||
88 | -webkit-box-shadow:0px 0px 3px 0px #333333; | 86 | -webkit-box-shadow:0px 0px 3px 0px #333333; |
89 | -moz-box-shadow:0px 0px 3px 0px #333333; | 87 | -moz-box-shadow:0px 0px 3px 0px #333333; |
90 | -o-box-shadow:0px 0px 3px 0px #333333; | 88 | -o-box-shadow:0px 0px 3px 0px #333333; |
91 | -ms-box-shadow:0px 0px 3px 0px #333333; | 89 | -ms-box-shadow:0px 0px 3px 0px #333333; |
92 | box-shadow:0px 0px 3px 0px #333333; | 90 | box-shadow:0px 0px 3px 0px #333333; |
93 | } | 91 | } |
94 | 92 | ||
95 | #pageheader #logo{ | 93 | #pageheader #logo{ |
96 | background-image: url('../images/logo.png'); | 94 | background-image: url('../images/logo.png'); |
97 | background-repeat: no-repeat; | 95 | background-repeat: no-repeat; |
98 | float:left; | 96 | float:left; |
99 | margin:0 10px 0 10px; | 97 | margin:0 10px 0 10px; |
100 | width:105px; | 98 | width:105px; |
101 | height:55px; | 99 | height:55px; |
102 | cursor:pointer; | 100 | cursor:pointer; |
103 | |||
104 | } | 101 | } |
105 | 102 | ||
106 | #pageheader | 103 | #pageheader |
107 | { | 104 | { |
108 | background-color: #333333; | 105 | background-color: #333333; |
109 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111)); | 106 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111)); |
110 | background: -webkit-linear-gradient(#333333, #111111); | 107 | background: -webkit-linear-gradient(#333333, #111111); |
111 | background: -moz-linear-gradient(#333333, #111111); | 108 | background: -moz-linear-gradient(#333333, #111111); |
112 | background: -ms-linear-gradient(#333333, #111111); | 109 | background: -ms-linear-gradient(#333333, #111111); |
113 | background: -o-linear-gradient(#333333, #111111); | 110 | background: -o-linear-gradient(#333333, #111111); |
114 | background: linear-gradient(#333333, #111111); | 111 | background: linear-gradient(#333333, #111111); |
115 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 112 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
116 | width:auto; | 113 | width:auto; |
117 | padding:0 10px 5px 10px; | 114 | padding:0 10px 5px 10px; |
118 | margin: auto; | 115 | margin: auto; |
119 | } | 116 | } |
120 | 117 | ||
121 | #pageheader a | 118 | #pageheader a |
122 | { | 119 | { |
123 | background-color: #333333; | 120 | background-color: #333333; |
124 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000)); | 121 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000)); |
125 | background: -webkit-linear-gradient(#333333, #000000); | 122 | background: -webkit-linear-gradient(#333333, #000000); |
126 | background: -moz-linear-gradient(#333333, #000000); | 123 | background: -moz-linear-gradient(#333333, #000000); |
127 | background: -ms-linear-gradient(#333333, #000000); | 124 | background: -ms-linear-gradient(#333333, #000000); |
128 | background: -o-linear-gradient(#333333, #000000); | 125 | background: -o-linear-gradient(#333333, #000000); |
129 | background: linear-gradient(#333333, #000000); | 126 | background: linear-gradient(#333333, #000000); |
130 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 127 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
131 | padding:5px; | 128 | padding:5px; |
132 | border-radius: 5px 5px 5px 5px; | 129 | border-radius: 5px 5px 5px 5px; |
133 | margin:10px 3px 3px 3px; | 130 | margin:10px 3px 3px 3px; |
134 | color:#A2DD42; | 131 | color:#A2DD42; |
135 | float:left; | 132 | float:left; |
136 | text-decoration:none; | 133 | text-decoration:none; |
137 | } | 134 | } |
138 | 135 | ||
139 | #toolsdiv a{ | 136 | #toolsdiv a{ |
140 | clear:both; | 137 | clear:both; |
141 | } | 138 | } |
142 | #toolsdiv a span{ | 139 | #toolsdiv a span{ |
143 | color:#ffffff; | 140 | color:#ffffff; |
144 | } | 141 | } |
145 | .linksperpage,.tagfilter,.searchform,.addform { | 142 | .linksperpage,.tagfilter,.searchform,.addform { |
146 | background-color: #dedede; | 143 | background-color: #dedede; |
147 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 144 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
148 | background: -webkit-linear-gradient(#dedede, #ffffff); | 145 | background: -webkit-linear-gradient(#dedede, #ffffff); |
149 | background: -moz-linear-gradient(#dedede, #ffffff); | 146 | background: -moz-linear-gradient(#dedede, #ffffff); |
150 | background: -ms-linear-gradient(#dedede, #ffffff); | 147 | background: -ms-linear-gradient(#dedede, #ffffff); |
151 | background: -o-linear-gradient(#dedede, #ffffff); | 148 | background: -o-linear-gradient(#dedede, #ffffff); |
152 | background: linear-gradient(#dedede, #ffffff); | 149 | background: linear-gradient(#dedede, #ffffff); |
153 | display:inline; | 150 | display:inline; |
154 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 151 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
155 | padding:5px; | 152 | padding:5px; |
156 | border: none; | 153 | border: none; |
157 | border-radius: 5px 5px 5px 5px; | 154 | border-radius: 5px 5px 5px 5px; |
158 | margin:10px 3px 3px 3px; | 155 | margin:10px 3px 3px 3px; |
159 | color:#cecece; | 156 | color:#cecece; |
160 | } | 157 | } |
161 | 158 | ||
162 | .linksperpage{ | 159 | .linksperpage{ |
163 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); | 160 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); |
164 | padding:3px; | 161 | padding:3px; |
165 | } | 162 | } |
166 | 163 | ||
167 | .linksperpage input,.tagfilter input, .searchform input, .addform input{ | 164 | .linksperpage input,.tagfilter input, .searchform input, .addform input{ |
168 | border:none; | 165 | border:none; |
169 | color:#606060; | 166 | color:#606060; |
170 | background:none; | 167 | background:none; |
171 | box-shadow:none; | 168 | box-shadow:none; |
172 | padding:5px; | 169 | padding:5px; |
173 | } | 170 | } |
174 | 171 | ||
175 | .linksperpage input{ | 172 | .linksperpage input{ |
176 | padding:0; | 173 | padding:0; |
177 | } | 174 | } |
178 | 175 | ||
179 | .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{ | 176 | .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{ |
180 | background-color: #dedede; | 177 | background-color: #dedede; |
181 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 178 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
182 | background: -webkit-linear-gradient(#dedede, #ffffff); | 179 | background: -webkit-linear-gradient(#dedede, #ffffff); |
183 | background: -moz-linear-gradient(#dedede, #ffffff); | 180 | background: -moz-linear-gradient(#dedede, #ffffff); |
184 | background: -ms-linear-gradient(#dedede, #ffffff); | 181 | background: -ms-linear-gradient(#dedede, #ffffff); |
185 | background: -o-linear-gradient(#dedede, #ffffff); | 182 | background: -o-linear-gradient(#dedede, #ffffff); |
186 | background: linear-gradient(#dedede, #ffffff); | 183 | background: linear-gradient(#dedede, #ffffff); |
187 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 184 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
188 | padding:0 5px 0 5px; | 185 | padding:0 5px 0 5px; |
189 | margin:5px 0 5px 0; | 186 | margin:5px 0 5px 0; |
190 | height:20px; | 187 | height:20px; |
191 | border-radius: 5px 5px 5px 5px; | 188 | border-radius: 5px 5px 5px 5px; |
192 | cursor:pointer; | 189 | cursor:pointer; |
193 | } | 190 | } |
194 | 191 | ||
195 | #shaarli_title { font-weight:bold; font-style:italic; margin-top:0;} | 192 | #shaarli_title { font-weight:bold; font-style:italic; margin-top:0;} |
@@ -215,19 +212,19 @@ cursor:pointer; | |||
215 | #uploaddiv { color:#ffffff; padding:5px 5px 5px 5px; clear:left; } | 212 | #uploaddiv { color:#ffffff; padding:5px 5px 5px 5px; clear:left; } |
216 | #editlinkform { height:100%;color:#ffffff; padding:5px 5px 5px 15px; width:80%; clear:left; } | 213 | #editlinkform { height:100%;color:#ffffff; padding:5px 5px 5px 15px; width:80%; clear:left; } |
217 | #linklist li { | 214 | #linklist li { |
218 | padding:4px 10px 15px 20px; border-top: 1px solid #bbb; clear:both; | 215 | padding:4px 10px 15px 20px; border-top: 1px solid #bbb; clear:both; |
219 | background-color: #F2F2F2; | 216 | background-color: #F2F2F2; |
220 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | 217 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); |
221 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | 218 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); |
222 | background: -moz-linear-gradient(#F2F2F2, #ffffff); | 219 | background: -moz-linear-gradient(#F2F2F2, #ffffff); |
223 | background: -ms-linear-gradient(#F2F2F2, #ffffff); | 220 | background: -ms-linear-gradient(#F2F2F2, #ffffff); |
224 | background: -o-linear-gradient(#F2F2F2, #ffffff); | 221 | background: -o-linear-gradient(#F2F2F2, #ffffff); |
225 | background: linear-gradient(#F2F2F2, #ffffff); | 222 | background: linear-gradient(#F2F2F2, #ffffff); |
226 | } | 223 | } |
227 | 224 | ||
228 | /* | 225 | /* |
229 | #linklist li.publicLinkHightLight:hover,#linklist li:hover{ | 226 | #linklist li.publicLinkHightLight:hover,#linklist li:hover{ |
230 | background: #E9FFCE; | 227 | background: #E9FFCE; |
231 | } | 228 | } |
232 | */ | 229 | */ |
233 | #linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left:60px; } | 230 | #linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left:60px; } |
@@ -247,23 +244,23 @@ cursor:pointer; | |||
247 | .linktaglist { padding-top:10px; line-height:200%;} | 244 | .linktaglist { padding-top:10px; line-height:200%;} |
248 | .linktag { | 245 | .linktag { |
249 | 246 | ||
250 | font-size:9pt; | 247 | font-size:9pt; |
251 | background-color: #F2F2F2; | 248 | background-color: #F2F2F2; |
252 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | 249 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); |
253 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | 250 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); |
254 | background: -moz-linear-gradient(#F2F2F2, #ffffff); | 251 | background: -moz-linear-gradient(#F2F2F2, #ffffff); |
255 | background: -ms-linear-gradient(#F2F2F2, #ffffff); | 252 | background: -ms-linear-gradient(#F2F2F2, #ffffff); |
256 | background: -o-linear-gradient(#F2F2F2, #ffffff); | 253 | background: -o-linear-gradient(#F2F2F2, #ffffff); |
257 | background: linear-gradient(#F2F2F2, #ffffff); | 254 | background: linear-gradient(#F2F2F2, #ffffff); |
258 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); | 255 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); |
259 | padding:3px 3px 3px 20px; | 256 | padding:3px 3px 3px 20px; |
260 | height:20px; | 257 | height:20px; |
261 | border-radius: 3px 3px 3px 3px; | 258 | border-radius: 3px 3px 3px 3px; |
262 | cursor:pointer; | 259 | cursor:pointer; |
263 | background-image:url('../images/tag_blue.png'); | 260 | background-image:url('../images/tag_blue.png'); |
264 | background-repeat:no-repeat; | 261 | background-repeat:no-repeat; |
265 | background-position:3px center; | 262 | background-position:3px center; |
266 | background-color:#ffffff; | 263 | background-color:#ffffff; |
267 | } | 264 | } |
268 | .linktag:hover { border-color: #555573; color:#000; } | 265 | .linktag:hover { border-color: #555573; color:#000; } |
269 | .linktag a { color:#777; text-decoration:none; } | 266 | .linktag a { color:#777; text-decoration:none; } |
@@ -288,9 +285,6 @@ font-size:9pt; | |||
288 | .linkcontainer { position: static; margin-left:130px; } | 285 | .linkcontainer { position: static; margin-left:130px; } |
289 | */ | 286 | */ |
290 | 287 | ||
291 | |||
292 | |||
293 | |||
294 | /* --- Picture wall CSS --- */ | 288 | /* --- Picture wall CSS --- */ |
295 | #picwall_container { color:#fff; background-color:#000; clear:both; } | 289 | #picwall_container { color:#fff; background-color:#000; clear:both; } |
296 | .picwall_pictureframe { background-color:#000; z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center; float:left; } | 290 | .picwall_pictureframe { background-color:#000; z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center; float:left; } |
@@ -307,10 +301,10 @@ font-size:9pt; | |||
307 | font-size:8pt; | 301 | font-size:8pt; |
308 | color:#fff; | 302 | color:#fff; |
309 | text-align: left; | 303 | text-align: left; |
310 | background-color: transparent; | 304 | background-color: transparent; |
311 | background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ | 305 | background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ |
312 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); /* IE6IE9 */ | 306 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); /* IE6IE9 */ |
313 | text-shadow:2px 2px 1px #000000; | 307 | text-shadow:2px 2px 1px #000000; |
314 | } | 308 | } |
315 | 309 | ||
316 | /* Minimal customisation for jQuery widgets */ | 310 | /* Minimal customisation for jQuery widgets */ |
@@ -318,26 +312,26 @@ text-shadow:2px 2px 1px #000000; | |||
318 | .ui-state-hover { background-color: #604dff; color:#fff; } | 312 | .ui-state-hover { background-color: #604dff; color:#fff; } |
319 | 313 | ||
320 | #linklist li.publicLinkHightLight{ | 314 | #linklist li.publicLinkHightLight{ |
321 | background: #ffffff; | 315 | background: #ffffff; |
322 | } | 316 | } |
323 | 317 | ||
324 | div#permalinkQrcode { | 318 | div#permalinkQrcode { |
325 | padding:20px; | 319 | padding:20px; |
326 | width:220px; | 320 | width:220px; |
327 | height:220px; | 321 | height:220px; |
328 | background-color: #ffffff; | 322 | background-color: #ffffff; |
329 | border: 1px solid black; | 323 | border: 1px solid black; |
330 | position: absolute; | 324 | position: absolute; |
331 | top:-100px; | 325 | top:-100px; |
332 | left:-100px; | 326 | left:-100px; |
333 | text-align:center; | 327 | text-align:center; |
334 | font-size: 8pt; | 328 | font-size: 8pt; |
335 | z-index:50; | 329 | z-index:50; |
336 | -webkit-box-shadow:2px 2px 20px 2px #333333; | 330 | -webkit-box-shadow:2px 2px 20px 2px #333333; |
337 | -moz-box-shadow:2px 2px 20px 2px #333333; | 331 | -moz-box-shadow:2px 2px 20px 2px #333333; |
338 | -o-box-shadow:2px 2px 20px 2px #333333; | 332 | -o-box-shadow:2px 2px 20px 2px #333333; |
339 | -ms-box-shadow:2px 2px 20px 2px #333333; | 333 | -ms-box-shadow:2px 2px 20px 2px #333333; |
340 | box-shadow:2px 2px 20px 2px #333333; | 334 | box-shadow:2px 2px 20px 2px #333333; |
341 | } | 335 | } |
342 | 336 | ||
343 | div.daily | 337 | div.daily |
@@ -373,18 +367,18 @@ div.dailyAbout | |||
373 | } | 367 | } |
374 | div.dailyAbout a { color: #890500; } | 368 | div.dailyAbout a { color: #890500; } |
375 | div.dailyTitle | 369 | div.dailyTitle |
376 | { | 370 | { |
377 | font-weight: bold; | 371 | font-weight: bold; |
378 | font-size: 44pt; | 372 | font-size: 44pt; |
379 | text-align:center; | 373 | text-align:center; |
380 | padding:10px 20px 0px 20px; | 374 | padding:10px 20px 0px 20px; |
381 | } | 375 | } |
382 | div.dailyDate | 376 | div.dailyDate |
383 | { | 377 | { |
384 | font-size: 12pt; | 378 | font-size: 12pt; |
385 | font-weight:bold; | 379 | font-weight:bold; |
386 | text-align:center; | 380 | text-align:center; |
387 | padding:0px 20px 30px 20px; | 381 | padding:0px 20px 30px 20px; |
388 | } | 382 | } |
389 | 383 | ||
390 | /* Individual entries in "Daily": */ | 384 | /* Individual entries in "Daily": */ |
@@ -415,59 +409,56 @@ div.dailyEntryDescription | |||
415 | 409 | ||
416 | /* Common CSS screwdriver */ | 410 | /* Common CSS screwdriver */ |
417 | .clear{ | 411 | .clear{ |
418 | clear:both; | 412 | clear:both; |
419 | } | 413 | } |
420 | 414 | ||
421 | /* For lazy images loading in picture wall. | 415 | /* For lazy images loading in picture wall. |
422 | Using http://www.appelsiini.net/projects/lazyload | 416 | Using http://www.appelsiini.net/projects/lazyload |
423 | */ | 417 | */ |
424 | .lazyimage { display:none; } | 418 | .lazyimage { display:none; } |
425 | 419 | ||
426 | @media print { | 420 | @media print { |
427 | html {border:none;background:#fff!important;color:#000!important;} | 421 | html {border:none;background:#fff!important;color:#000!important;} |
428 | body {font-size:12pt;width:auto!important;margin:auto!important;} | 422 | body {font-size:12pt;width:auto!important;margin:auto!important;} |
429 | p {orphans:3; /*pas de ligne seule en bas */widows:3;/*pas de ligne seule en haut*/} | 423 | p {orphans:3; /*pas de ligne seule en bas */widows:3;/*pas de ligne seule en haut*/} |
430 | a {color:#000!important;text-decoration:none!important;} | 424 | a {color:#000!important;text-decoration:none!important;} |
431 | #pageheader, .paging, #linklist li form, #footer {display:none;} | 425 | #pageheader, .paging, #linklist li form, #footer {display:none;} |
432 | #linklist li { padding:2 0 10 0; border-top: 2px solid #000; clear:both; } | 426 | #linklist li { padding:2 0 10 0; border-top: 2px solid #000; clear:both; } |
433 | #linklist li.private { background-color: none; border-left:0; } | 427 | #linklist li.private { background-color: none; border-left:0; } |
434 | .linkdate { line-height:2; } | 428 | .linkdate { line-height:2; } |
435 | .linkurl { color:#000; } | 429 | .linkurl { color:#000; } |
436 | .linkdescription { font-size:10pt;} | 430 | .linkdescription { font-size:10pt;} |
437 | .linktag { border: 1px solid black; font-style:italic; font-size:8pt;} | 431 | .linktag { border: 1px solid black; font-style:italic; font-size:8pt;} |
438 | |||
439 | } | 432 | } |
440 | 433 | ||
441 | |||
442 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) | 434 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) |
443 | { | 435 | { |
444 | /* A few fixes for mobile devices (far from perfect). */ | 436 | /* A few fixes for mobile devices (far from perfect). */ |
445 | .nomobile { display:none; } | 437 | .nomobile { display:none; } |
446 | #logo { display:none; } | 438 | #logo { display:none; } |
447 | #pageheader a | 439 | #pageheader a |
448 | { | 440 | { |
449 | padding:5px; | 441 | padding:5px; |
450 | border-radius: 5px 5px 5px 5px; | 442 | border-radius: 5px 5px 5px 5px; |
451 | margin:3px; | 443 | margin:3px; |
452 | } | 444 | } |
453 | .searchform,.tagfilter { display:block !important; margin:0px !important; padding:0px !important; width:100% !important; } | 445 | .searchform,.tagfilter { display:block !important; margin:0px !important; padding:0px !important; width:100% !important; } |
454 | .searchform input,.tagfilter input { margin:0px !important; padding:0px !important; display:inline !important; } | 446 | .searchform input,.tagfilter input { margin:0px !important; padding:0px !important; display:inline !important; } |
455 | .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{ width:30%; font-size:smaller;} | 447 | .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{ width:30%; font-size:smaller;} |
456 | #searchform_value { width:70% !important; } | 448 | #searchform_value { width:70% !important; } |
457 | #tagfilter_value { width:70% !important; } | 449 | #tagfilter_value { width:70% !important; } |
458 | div.qrcode { position:relative; float:left; top:-10px; left:0px; } | 450 | div.qrcode { position:relative; float:left; top:-10px; left:0px; } |
459 | #paging_privatelinks { float:none; } | 451 | #paging_privatelinks { float:none; } |
460 | #paging_linksperpage { float:none; margin-bottom:10px; font-size:smaller;} | 452 | #paging_linksperpage { float:none; margin-bottom:10px; font-size:smaller;} |
461 | #paging_older,#paging_newer,#paging_linksperpage a { border: 1px solid black; padding:3px 5px 3px 5px; background-color:#666; color:#fff; border-radius: 5px 5px 5px 5px;} | 453 | #paging_older,#paging_newer,#paging_linksperpage a { border: 1px solid black; padding:3px 5px 3px 5px; background-color:#666; color:#fff; border-radius: 5px 5px 5px 5px;} |
462 | .thumbnail { float:none; height:auto; margin: 0px; text-align:center;} | 454 | .thumbnail { float:none; height:auto; margin: 0px; text-align:center;} |
463 | #cloudtag { padding:0px; } | 455 | #cloudtag { padding:0px; } |
464 | div.dailyAbout { float:none; position:relative; width:100%; clear:both; padding:0px; top:0px; left:0px; } | 456 | div.dailyAbout { float:none; position:relative; width:100%; clear:both; padding:0px; top:0px; left:0px; } |
465 | #daily_col1,#daily_col2,#daily_col3 { float:none; width:100%; padding:0px;} | 457 | #daily_col1,#daily_col2,#daily_col3 { float:none; width:100%; padding:0px;} |
466 | div.dailyTitle { font-size: 18pt; margin-top:5px; padding:0px;} | 458 | div.dailyTitle { font-size: 18pt; margin-top:5px; padding:0px;} |
467 | div.dailyDate { font-size: 11pt;padding:0px; display:block; } | 459 | div.dailyDate { font-size: 11pt;padding:0px; display:block; } |
468 | div.dailyEntryTitle { font-size:16pt; font-weight:bold;} | 460 | div.dailyEntryTitle { font-size:16pt; font-weight:bold;} |
469 | div.dailyEntryDescription { font-size:10pt; } | 461 | div.dailyEntryDescription { font-size:10pt; } |
470 | |||
471 | } | 462 | } |
472 | 463 | ||
473 | /* Highlight search results */ | 464 | /* Highlight search results */ |