diff options
author | VirtualTam <virtualtam@flibidi.org> | 2014-10-19 03:23:04 +0200 |
---|---|---|
committer | VirtualTam <virtualtam@flibidi.org> | 2014-12-01 21:52:37 +0100 |
commit | eeb0fe33a08251284df29fc2bf28a31355cffeb5 (patch) | |
tree | 6a64c725f3da59cc2fc55fa57922458f1842032d | |
parent | 9308d39fce29908cdd4733032be29ae70ed667ee (diff) | |
download | Shaarli-eeb0fe33a08251284df29fc2bf28a31355cffeb5.tar.gz Shaarli-eeb0fe33a08251284df29fc2bf28a31355cffeb5.tar.zst Shaarli-eeb0fe33a08251284df29fc2bf28a31355cffeb5.zip |
CSS: unify coding style - spaces, brackets, keywords
Spaces:
- before an opening bracket
- before a closing bracket
- between a keyword and its value(s)
- between comma-separated selectors
Signed-off-by: VirtualTam <virtualtam@flibidi.org>
Conflicts:
inc/shaarli.css
Conflicts:
inc/shaarli.css
Conflicts:
inc/shaarli.css
-rw-r--r-- | inc/shaarli.css | 453 |
1 files changed, 223 insertions, 230 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css index 058b8c01..2b55fa15 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css | |||
@@ -7,7 +7,8 @@ | |||
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 | |||
11 | input, textarea { | 12 | input, textarea { |
12 | background-color: #dedede; | 13 | background-color: #dedede; |
13 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 14 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
@@ -17,17 +18,17 @@ input, textarea { | |||
17 | background: -o-linear-gradient(#dedede, #ffffff); | 18 | background: -o-linear-gradient(#dedede, #ffffff); |
18 | background: linear-gradient(#dedede, #ffffff); | 19 | background: linear-gradient(#dedede, #ffffff); |
19 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 20 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
20 | padding:5px; | 21 | padding: 5px; |
21 | border-radius: 5px 5px 5px 5px; | 22 | border-radius: 5px 5px 5px 5px; |
22 | border: none; | 23 | border: none; |
23 | color:#000; | 24 | color: #000; |
24 | } | 25 | } |
25 | 26 | ||
26 | a { | 27 | a { |
27 | text-decoration: none; | 28 | text-decoration: none; |
28 | } | 29 | } |
29 | 30 | ||
30 | h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | 31 | h1 { font-size: 20pt; font-weight: bold; font-style: italic; margin-bottom: 20px; } |
31 | /* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */ | 32 | /* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */ |
32 | 33 | ||
33 | /* Buttons */ | 34 | /* Buttons */ |
@@ -46,8 +47,8 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
46 | margin-left: 5px; | 47 | margin-left: 5px; |
47 | padding: 0 5px; | 48 | padding: 0 5px; |
48 | color: #606060; | 49 | color: #606060; |
49 | border-style:outset; | 50 | border-style: outset; |
50 | border-width:1px; | 51 | border-width: 1px; |
51 | } | 52 | } |
52 | 53 | ||
53 | .smallbutton { | 54 | .smallbutton { |
@@ -65,43 +66,42 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
65 | margin-left: 5px; | 66 | margin-left: 5px; |
66 | padding: 0 5px; | 67 | padding: 0 5px; |
67 | color: #606060; | 68 | color: #606060; |
68 | border-style:outset; | 69 | border-style: outset; |
69 | border-width:1px; | 70 | border-width: 1px; |
70 | } | 71 | } |
71 | 72 | ||
72 | /* Small tab on the left of each link with edit/delete buttons. */ | 73 | /* Small tab on the left of each link with edit/delete buttons. */ |
73 | .button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; } | 74 | .button_edit, .button_delete { border-radius: 0; box-shadow: none; border-style: none; border-width: 0; padding: 0; background: none; } |
74 | .linkeditbuttons { | 75 | .linkeditbuttons { |
75 | position:absolute; | 76 | position: absolute; |
76 | left:-1px; | 77 | left: -1px; |
77 | padding:4px 2px 2px 2px; | 78 | padding: 4px 2px 2px 2px; |
78 | background-color:#f0f0f0; | 79 | background-color: #f0f0f0; |
79 | 80 | ||
80 | -webkit-border-radius:0px 6px 6px 0px; | 81 | -webkit-border-radius: 0px 6px 6px 0px; |
81 | -moz-border-radius:0px 6px 6px 0px; | 82 | -moz-border-radius: 0px 6px 6px 0px; |
82 | -o-border-radius:0px 6px 6px 0px; | 83 | -o-border-radius: 0px 6px 6px 0px; |
83 | -ms-border-radius:0px 6px 6px 0px; | 84 | -ms-border-radius: 0px 6px 6px 0px; |
84 | border-radius:0px 6px 6px 0px; | 85 | border-radius: 0px 6px 6px 0px; |
85 | 86 | ||
86 | -webkit-box-shadow:0px 0px 3px 0px #333333; | 87 | -webkit-box-shadow: 0px 0px 3px 0px #333333; |
87 | -moz-box-shadow:0px 0px 3px 0px #333333; | 88 | -moz-box-shadow: 0px 0px 3px 0px #333333; |
88 | -o-box-shadow:0px 0px 3px 0px #333333; | 89 | -o-box-shadow: 0px 0px 3px 0px #333333; |
89 | -ms-box-shadow:0px 0px 3px 0px #333333; | 90 | -ms-box-shadow: 0px 0px 3px 0px #333333; |
90 | box-shadow:0px 0px 3px 0px #333333; | 91 | box-shadow: 0px 0px 3px 0px #333333; |
91 | } | 92 | } |
92 | 93 | ||
93 | #pageheader #logo{ | 94 | #pageheader #logo { |
94 | background-image: url('../images/logo.png'); | 95 | background-image: url('../images/logo.png'); |
95 | background-repeat: no-repeat; | 96 | background-repeat: no-repeat; |
96 | float:left; | 97 | float: left; |
97 | margin:0 10px 0 10px; | 98 | margin: 0 10px 0 10px; |
98 | width:105px; | 99 | width: 105px; |
99 | height:55px; | 100 | height: 55px; |
100 | cursor:pointer; | 101 | cursor: pointer; |
101 | } | 102 | } |
102 | 103 | ||
103 | #pageheader | 104 | #pageheader { |
104 | { | ||
105 | background-color: #333333; | 105 | background-color: #333333; |
106 | 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)); |
107 | background: -webkit-linear-gradient(#333333, #111111); | 107 | background: -webkit-linear-gradient(#333333, #111111); |
@@ -110,13 +110,12 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
110 | background: -o-linear-gradient(#333333, #111111); | 110 | background: -o-linear-gradient(#333333, #111111); |
111 | background: linear-gradient(#333333, #111111); | 111 | background: linear-gradient(#333333, #111111); |
112 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 112 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
113 | width:auto; | 113 | width: auto; |
114 | padding:0 10px 5px 10px; | 114 | padding: 0 10px 5px 10px; |
115 | margin: auto; | 115 | margin: auto; |
116 | } | 116 | } |
117 | 117 | ||
118 | #pageheader a | 118 | #pageheader a { |
119 | { | ||
120 | background-color: #333333; | 119 | background-color: #333333; |
121 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000)); | 120 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000)); |
122 | background: -webkit-linear-gradient(#333333, #000000); | 121 | background: -webkit-linear-gradient(#333333, #000000); |
@@ -125,21 +124,21 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
125 | background: -o-linear-gradient(#333333, #000000); | 124 | background: -o-linear-gradient(#333333, #000000); |
126 | background: linear-gradient(#333333, #000000); | 125 | background: linear-gradient(#333333, #000000); |
127 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 126 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
128 | padding:5px; | 127 | padding: 5px; |
129 | border-radius: 5px 5px 5px 5px; | 128 | border-radius: 5px 5px 5px 5px; |
130 | margin:10px 3px 3px 3px; | 129 | margin: 10px 3px 3px 3px; |
131 | color:#A2DD42; | 130 | color: #A2DD42; |
132 | float:left; | 131 | float: left; |
133 | text-decoration:none; | 132 | text-decoration: none; |
134 | } | 133 | } |
135 | 134 | ||
136 | #toolsdiv a{ | 135 | #toolsdiv a { |
137 | clear:both; | 136 | clear: both; |
138 | } | 137 | } |
139 | #toolsdiv a span{ | 138 | #toolsdiv a span { |
140 | color:#ffffff; | 139 | color: #ffffff; |
141 | } | 140 | } |
142 | .linksperpage,.tagfilter,.searchform,.addform { | 141 | .linksperpage, .tagfilter, .searchform, .addform { |
143 | background-color: #dedede; | 142 | background-color: #dedede; |
144 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 143 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
145 | background: -webkit-linear-gradient(#dedede, #ffffff); | 144 | background: -webkit-linear-gradient(#dedede, #ffffff); |
@@ -147,33 +146,33 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
147 | background: -ms-linear-gradient(#dedede, #ffffff); | 146 | background: -ms-linear-gradient(#dedede, #ffffff); |
148 | background: -o-linear-gradient(#dedede, #ffffff); | 147 | background: -o-linear-gradient(#dedede, #ffffff); |
149 | background: linear-gradient(#dedede, #ffffff); | 148 | background: linear-gradient(#dedede, #ffffff); |
150 | display:inline; | 149 | display: inline; |
151 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 150 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
152 | padding:5px; | 151 | padding: 5px; |
153 | border: none; | 152 | border: none; |
154 | border-radius: 5px 5px 5px 5px; | 153 | border-radius: 5px 5px 5px 5px; |
155 | margin:10px 3px 3px 3px; | 154 | margin: 10px 3px 3px 3px; |
156 | color:#cecece; | 155 | color: #cecece; |
157 | } | 156 | } |
158 | 157 | ||
159 | .linksperpage{ | 158 | .linksperpage { |
160 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); | 159 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); |
161 | padding:3px; | 160 | padding: 3px; |
162 | } | 161 | } |
163 | 162 | ||
164 | .linksperpage input,.tagfilter input, .searchform input, .addform input{ | 163 | .linksperpage input, .tagfilter input, .searchform input, .addform input { |
165 | border:none; | 164 | border: none; |
166 | color:#606060; | 165 | color: #606060; |
167 | background:none; | 166 | background: none; |
168 | box-shadow:none; | 167 | box-shadow: none; |
169 | padding:5px; | 168 | padding: 5px; |
170 | } | 169 | } |
171 | 170 | ||
172 | .linksperpage input{ | 171 | .linksperpage input { |
173 | padding:0; | 172 | padding: 0; |
174 | } | 173 | } |
175 | 174 | ||
176 | .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{ | 175 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { |
177 | background-color: #dedede; | 176 | background-color: #dedede; |
178 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); | 177 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); |
179 | background: -webkit-linear-gradient(#dedede, #ffffff); | 178 | background: -webkit-linear-gradient(#dedede, #ffffff); |
@@ -182,37 +181,37 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
182 | background: -o-linear-gradient(#dedede, #ffffff); | 181 | background: -o-linear-gradient(#dedede, #ffffff); |
183 | background: linear-gradient(#dedede, #ffffff); | 182 | background: linear-gradient(#dedede, #ffffff); |
184 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); | 183 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
185 | padding:0 5px 0 5px; | 184 | padding: 0 5px 0 5px; |
186 | margin:5px 0 5px 0; | 185 | margin: 5px 0 5px 0; |
187 | height:20px; | 186 | height: 20px; |
188 | border-radius: 5px 5px 5px 5px; | 187 | border-radius: 5px 5px 5px 5px; |
189 | cursor:pointer; | 188 | cursor: pointer; |
190 | } | 189 | } |
191 | 190 | ||
192 | #shaarli_title { font-weight:bold; font-style:italic; margin-top:0;} | 191 | #shaarli_title { font-weight: bold; font-style: italic; margin-top: 0; } |
193 | #shaarli_title a { color: #fff !important; } | 192 | #shaarli_title a { color: #fff !important; } |
194 | 193 | ||
195 | #pageheader a:visited { color:#98C943; text-decoration:none;} | 194 | #pageheader a:visited { color: #98C943; text-decoration: none; } |
196 | #pageheader a:hover { color:#FFFFC9; text-decoration:none;} | 195 | #pageheader a:hover { color: #FFFFC9; text-decoration: none; } |
197 | #pageheader a:active { color:#bbb; text-decoration:none;} | 196 | #pageheader a:active { color: #bbb; text-decoration: none; } |
198 | #searchcriteria { padding: 4px 0px 5px 5px; font-weight:bold;} | 197 | #searchcriteria { padding: 4px 0px 5px 5px; font-weight: bold; } |
199 | .paging { padding:5px;background-color:#777; color:#ccc; text-align:center; clear:both;} | 198 | .paging { padding: 5px; background-color: #777; color: #ccc; text-align: center; clear: both; } |
200 | .paging a:link { color:#ccc; text-decoration:none;} | 199 | .paging a:link { color: #ccc; text-decoration: none; } |
201 | .paging a:visited { color:#ccc; } | 200 | .paging a:visited { color: #ccc; } |
202 | .paging a:hover { color:#FFFFC9; } | 201 | .paging a:hover { color: #FFFFC9; } |
203 | .paging a:active { color:#fff; } | 202 | .paging a:active { color: #fff; } |
204 | #paging_privatelinks { float:left; } | 203 | #paging_privatelinks { float: left; } |
205 | #paging_linksperpage { float:right; padding-right:5px; } | 204 | #paging_linksperpage { float: right; padding-right: 5px; } |
206 | #paging_current { display:inline; color:#fff; padding:0 20 0 20; } | 205 | #paging_current { display: inline; color: #fff; padding: 0 20 0 20; } |
207 | #paging_older { margin-right:15px; } | 206 | #paging_older { margin-right: 15px; } |
208 | #paging_newer { margin-left:15px; } | 207 | #paging_newer { margin-left: 15px; } |
209 | 208 | ||
210 | #headerform { color:#ffffff; padding:5px 5px 5px 5px; clear: both;} | 209 | #headerform { color: #ffffff; padding: 5px 5px 5px 5px; clear: both; } |
211 | #toolsdiv { color:#ffffff; padding:5px 5px 5px 5px; clear:left; } | 210 | #toolsdiv { color: #ffffff; padding: 5px 5px 5px 5px; clear: left; } |
212 | #uploaddiv { color:#ffffff; padding:5px 5px 5px 5px; clear:left; } | 211 | #uploaddiv { color: #ffffff; padding: 5px 5px 5px 5px; clear: left; } |
213 | #editlinkform { height:100%;color:#ffffff; padding:5px 5px 5px 15px; width:80%; clear:left; } | 212 | #editlinkform { height: 100%; color: #ffffff; padding: 5px 5px 5px 15px; width: 80%; clear: left; } |
214 | #linklist li { | 213 | #linklist li { |
215 | padding:4px 10px 15px 20px; border-top: 1px solid #bbb; clear:both; | 214 | padding: 4px 10px 15px 20px; border-top: 1px solid #bbb; clear: both; |
216 | background-color: #F2F2F2; | 215 | background-color: #F2F2F2; |
217 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | 216 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); |
218 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | 217 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); |
@@ -223,28 +222,28 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
223 | } | 222 | } |
224 | 223 | ||
225 | /* | 224 | /* |
226 | #linklist li.publicLinkHightLight:hover,#linklist li:hover{ | 225 | #linklist li.publicLinkHightLight:hover, #linklist li:hover { |
227 | background: #E9FFCE; | 226 | background: #E9FFCE; |
228 | } | 227 | } |
229 | */ | 228 | */ |
230 | #linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left:60px; } | ||
231 | #linklist li { padding-left:26px; } | ||
232 | .private .linktitle a {color:#969696;} | ||
233 | .linktitle { font-size:14pt; font-weight:bold; } | ||
234 | .linktitle a { text-decoration: none; color:#80AD48; } | ||
235 | .linktitle a:hover { color:#F57900; } | ||
236 | .linkdate, .linkarchive { font-size:8pt; color:#888; } | 229 | .linkdate, .linkarchive { font-size:8pt; color:#888; } |
237 | .linkdate a, .linkarchive a { color:#E28E3F; } | 230 | .linkdate a, .linkarchive a { color:#E28E3F; } |
238 | .linkdate a {background-image:url('../images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration: none; } | 231 | #linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left: 60px; } |
239 | .linkdate a:hover, .linkarchive a:hover { color: #F57900 } | 232 | #linklist li { padding-left: 26px; } |
240 | .linkurl { font-size:8pt; color:#4BAA74; } | 233 | .private .linktitle a { color: #969696; } |
241 | .linkdescription { color:#000; margin-top:0; margin-bottom:12px; font-weight:normal; max-height:400px; overflow:auto; } | 234 | .linktitle { font-size: 14pt; font-weight: bold; } |
242 | .linkdescription a { text-decoration: none; color:#3465A4; } | 235 | .linktitle a { text-decoration: none; color: #80AD48; } |
243 | .linkdescription a:hover { color:#F57900; } | 236 | .linktitle a:hover { color: #F57900; } |
244 | .linktaglist { padding-top:10px; line-height:200%;} | 237 | .linkdate, .linkarchive { font-size: 8pt; color: #888; } |
238 | .linkdate a, .linkarchive a { background-image: url('../images/calendar.png'); padding: 2px 0 3px 20px; background-repeat: no-repeat; text-decoration: none; color: #E28E3F; } | ||
239 | .linkdate a:hover { color: #F57900 } | ||
240 | .linkurl { font-size: 8pt; color: #4BAA74; } | ||
241 | .linkdescription { color: #000; margin-top: 0; margin-bottom: 12px; font-weight: normal; max-height: 400px; overflow: auto; } | ||
242 | .linkdescription a { text-decoration: none; color: #3465A4; } | ||
243 | .linkdescription a:hover { color: #F57900; } | ||
244 | .linktaglist { padding-top: 10px; line-height: 200%; } | ||
245 | .linktag { | 245 | .linktag { |
246 | 246 | font-size: 9pt; | |
247 | font-size:9pt; | ||
248 | background-color: #F2F2F2; | 247 | background-color: #F2F2F2; |
249 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); | 248 | background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); |
250 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); | 249 | background: -webkit-linear-gradient(#F2F2F2, #ffffff); |
@@ -253,85 +252,85 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } | |||
253 | background: -o-linear-gradient(#F2F2F2, #ffffff); | 252 | background: -o-linear-gradient(#F2F2F2, #ffffff); |
254 | background: linear-gradient(#F2F2F2, #ffffff); | 253 | background: linear-gradient(#F2F2F2, #ffffff); |
255 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); | 254 | box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); |
256 | padding:3px 3px 3px 20px; | 255 | padding: 3px 3px 3px 20px; |
257 | height:20px; | 256 | height: 20px; |
258 | border-radius: 3px 3px 3px 3px; | 257 | border-radius: 3px 3px 3px 3px; |
259 | cursor:pointer; | 258 | cursor: pointer; |
260 | background-image:url('../images/tag_blue.png'); | 259 | background-image: url('../images/tag_blue.png'); |
261 | background-repeat:no-repeat; | 260 | background-repeat: no-repeat; |
262 | background-position:3px center; | 261 | background-position: 3px center; |
263 | background-color:#ffffff; | 262 | background-color: #ffffff; |
264 | } | 263 | } |
265 | .linktag:hover { border-color: #555573; color:#000; } | 264 | .linktag:hover { border-color: #555573; color: #000; } |
266 | .linktag a { color:#777; text-decoration:none; } | 265 | .linktag a { color: #777; text-decoration: none; } |
267 | .linkshort { font-size:8pt; color:#888; } | 266 | .linkshort { font-size: 8pt; color: #888; } |
268 | .linkshort a { text-decoration: none; color:#393964; } | 267 | .linkshort a { text-decoration: none; color: #393964; } |
269 | .linkshort a:hover { text-decoration: underline; } | 268 | .linkshort a:hover { text-decoration: underline; } |
270 | .buttoneditform { display:inline; } | 269 | .buttoneditform { display: inline; } |
271 | #footer { font-size:8pt; text-align:center; border-top:1px solid #ddd; color: #888; clear:both; } | 270 | #footer { font-size: 8pt; text-align: center; border-top: 1px solid #ddd; color: #888; clear: both; } |
272 | #footer a{ color:#486D08;} | 271 | #footer a { color: #486D08; } |
273 | #footer a:hover{ color:#000000;} | 272 | #footer a:hover { color: #000000; } |
274 | #newversion { background-color: #FFFFA0; color:#000; position:absolute; top:0;right:0; padding:2 7 2 7; font-size:9pt;} | 273 | #newversion { background-color: #FFFFA0; color: #000; position: absolute; top: 0; right: 0; padding: 2 7 2 7; font-size: 9pt; } |
275 | #cloudtag { padding-left:10%; padding-right:10%; } | 274 | #cloudtag { padding-left: 10%; padding-right: 10%; } |
276 | #cloudtag a { color:black; text-decoration:none; } | 275 | #cloudtag a { color: black; text-decoration: none; } |
277 | #installform td { font-size: 10pt; color:black; padding:10px 5px 10px 5px; clear:left; } | 276 | #installform td { font-size: 10pt; color: black; padding: 10px 5px 10px 5px; clear: left; } |
278 | #changepasswordform { color:#ccc; padding:10px 5px 10px 5px; clear:left; } | 277 | #changepasswordform { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } |
279 | #changetag { color:#ccc; padding:10px 5px 10px 5px; clear:left; } | 278 | #changetag { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } |
280 | #configform td { color:#ccc; font-size: 10pt; padding:10px 5px 10px 5px; } | 279 | #configform td { color: #ccc; font-size: 10pt; padding: 10px 5px 10px 5px; } |
281 | #configform { color:#ccc; padding:10px 5px 10px 5px; clear:left; } | 280 | #configform { color: #ccc; padding: 10px 5px 10px 5px; clear: left; } |
282 | .thumbnail { float:right; margin-left: 10px; } | 281 | .thumbnail { float: right; margin-left: 10px; } |
283 | /* If you want thumbnails on the left: | 282 | /* If you want thumbnails on the left: |
284 | .thumbnail { float:left; margin-right: 10px; } | 283 | .thumbnail { float: left; margin-right: 10px; } |
285 | .linkcontainer { position: static; margin-left:130px; } | 284 | .linkcontainer { position: static; margin-left: 130px; } |
286 | */ | 285 | */ |
287 | 286 | ||
288 | /* --- Picture wall CSS --- */ | 287 | /* --- Picture wall CSS --- */ |
289 | #picwall_container { color:#fff; background-color:#000; clear:both; } | 288 | #picwall_container { color: #fff; background-color: #000; clear: both; } |
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; } | 289 | .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; } |
291 | .picwall_pictureframe img { max-width: 100%;height: auto; } /* Adapt the width of the image */ | 290 | .picwall_pictureframe img { max-width: 100%; height: auto; } /* Adapt the width of the image */ |
292 | .picwall_pictureframe a {text-decoration:none;} | 291 | .picwall_pictureframe a { text-decoration: none; } |
293 | 292 | ||
294 | /* CSS to show title when hovering an image - no javascript required. */ | 293 | /* CSS to show title when hovering an image - no javascript required. */ |
295 | .picwall_pictureframe span.info {display: none;} | 294 | .picwall_pictureframe span.info { display: none; } |
296 | .picwall_pictureframe:hover span.info { | 295 | .picwall_pictureframe:hover span.info { |
297 | display:block; | 296 | display: block; |
298 | position:absolute; | 297 | position: absolute; |
299 | top:0; left:0; width:90px; | 298 | top: 0; left: 0; width: 90px; |
300 | font-weight:bold; | 299 | font-weight: bold; |
301 | font-size:8pt; | 300 | font-size: 8pt; |
302 | color:#fff; | 301 | color: #fff; |
303 | text-align: left; | 302 | text-align: left; |
304 | background-color: transparent; | 303 | background-color: transparent; |
305 | background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ | 304 | background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ |
306 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); /* IE6IE9 */ | 305 | filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); /* IE6IE9 */ |
307 | text-shadow:2px 2px 1px #000000; | 306 | text-shadow: 2px 2px 1px #000000; |
308 | } | 307 | } |
309 | 308 | ||
310 | /* Minimal customisation for jQuery widgets */ | 309 | /* Minimal customisation for jQuery widgets */ |
311 | .ui-autocomplete { background-color:#fff; padding-left:5px;} | 310 | .ui-autocomplete { background-color: #fff; padding-left: 5px; } |
312 | .ui-state-hover { background-color: #604dff; color:#fff; } | 311 | .ui-state-hover { background-color: #604dff; color: #fff; } |
313 | 312 | ||
314 | #linklist li.publicLinkHightLight{ | 313 | #linklist li.publicLinkHightLight { |
315 | background: #ffffff; | 314 | background: #ffffff; |
316 | } | 315 | } |
317 | 316 | ||
318 | div#permalinkQrcode { | 317 | div#permalinkQrcode { |
319 | padding:20px; | 318 | padding: 20px; |
320 | width:220px; | 319 | width: 220px; |
321 | height:220px; | 320 | height: 220px; |
322 | background-color: #ffffff; | 321 | background-color: #ffffff; |
323 | border: 1px solid black; | 322 | border: 1px solid black; |
324 | position: absolute; | 323 | position: absolute; |
325 | top:-100px; | 324 | top: -100px; |
326 | left:-100px; | 325 | left: -100px; |
327 | text-align:center; | 326 | text-align: center; |
328 | font-size: 8pt; | 327 | font-size: 8pt; |
329 | z-index:50; | 328 | z-index: 50; |
330 | -webkit-box-shadow:2px 2px 20px 2px #333333; | 329 | -webkit-box-shadow: 2px 2px 20px 2px #333333; |
331 | -moz-box-shadow:2px 2px 20px 2px #333333; | 330 | -moz-box-shadow: 2px 2px 20px 2px #333333; |
332 | -o-box-shadow:2px 2px 20px 2px #333333; | 331 | -o-box-shadow: 2px 2px 20px 2px #333333; |
333 | -ms-box-shadow:2px 2px 20px 2px #333333; | 332 | -ms-box-shadow: 2px 2px 20px 2px #333333; |
334 | box-shadow:2px 2px 20px 2px #333333; | 333 | box-shadow: 2px 2px 20px 2px #333333; |
335 | } | 334 | } |
336 | 335 | ||
337 | div.daily | 336 | div.daily |
@@ -346,119 +345,113 @@ div.daily | |||
346 | -moz-background-size: cover; | 345 | -moz-background-size: cover; |
347 | -o-background-size: cover; | 346 | -o-background-size: cover; |
348 | background-size: cover; | 347 | background-size: cover; |
349 | position:relative; | 348 | position: relative; |
350 | border-bottom: 2px solid black; | 349 | border-bottom: 2px solid black; |
351 | } | 350 | } |
352 | 351 | ||
353 | #daily_col1 { float:left;position:relative; width:33%; padding-left:1%; } | 352 | #daily_col1 { float: left; position: relative; width: 33%; padding-left: 1%; } |
354 | #daily_col2 { float:left;position:relative; width:33%; } | 353 | #daily_col2 { float: left; position: relative; width: 33%; } |
355 | #daily_col3 { float:left;position:relative; width:33%;} | 354 | #daily_col3 { float: left; position: relative; width: 33%; } |
356 | 355 | ||
357 | div.dailyAbout | 356 | div.dailyAbout { |
358 | { | 357 | float: left; |
359 | float:left; | ||
360 | border: 1px solid black; | 358 | border: 1px solid black; |
361 | font-size: 8pt; | 359 | font-size: 8pt; |
362 | position:absolute; | 360 | position: absolute; |
363 | left:10px; | 361 | left: 10px; |
364 | top: 15px; | 362 | top: 15px; |
365 | padding: 5px 5px 5px 5px; | 363 | padding: 5px 5px 5px 5px; |
366 | text-align:center; | 364 | text-align: center; |
367 | } | 365 | } |
368 | div.dailyAbout a { color: #890500; } | 366 | div.dailyAbout a { color: #890500; } |
369 | div.dailyTitle | 367 | div.dailyTitle { |
370 | { | ||
371 | font-weight: bold; | 368 | font-weight: bold; |
372 | font-size: 44pt; | 369 | font-size: 44pt; |
373 | text-align:center; | 370 | text-align: center; |
374 | padding:10px 20px 0px 20px; | 371 | padding: 10px 20px 0px 20px; |
375 | } | 372 | } |
376 | div.dailyDate | 373 | div.dailyDate { |
377 | { | ||
378 | font-size: 12pt; | 374 | font-size: 12pt; |
379 | font-weight:bold; | 375 | font-weight: bold; |
380 | text-align:center; | 376 | text-align: center; |
381 | padding:0px 20px 30px 20px; | 377 | padding: 0px 20px 30px 20px; |
382 | } | 378 | } |
383 | 379 | ||
384 | /* Individual entries in "Daily": */ | 380 | /* Individual entries in "Daily": */ |
385 | div.dailyEntry | 381 | div.dailyEntry { |
386 | { | ||
387 | margin: 5px 10px 2px 5px; | 382 | margin: 5px 10px 2px 5px; |
388 | font-size: 11pt; | 383 | font-size: 11pt; |
389 | border-top: 1px solid #555; | 384 | border-top: 1px solid #555; |
390 | } | 385 | } |
391 | div.dailyEntry a { text-decoration:none; color: #890500; } | 386 | div.dailyEntry a { text-decoration: none; color: #890500; } |
392 | div.dailyEntryTags { font-size:7.75pt; } | 387 | div.dailyEntryTags { font-size: 7.75pt; } |
393 | div.dailyEntryTitle { font-size:18pt; font-weight:bold;} | 388 | div.dailyEntryTitle { font-size: 18pt; font-weight: bold; } |
394 | div.dailyEntryThumbnail | 389 | div.dailyEntryThumbnail { |
395 | { | 390 | width: 100%; |
396 | width:100%; | 391 | text-align: center; |
397 | text-align:center; | 392 | background-color: rgb(128, 128, 128); |
398 | background-color:rgb(128,128,128); | 393 | background: url(../images/50pc_transparent.png); |
399 | background:url(../images/50pc_transparent.png); | 394 | padding: 4px 0px 2px 0px; |
400 | padding:4px 0px 2px 0px; | ||
401 | } | 395 | } |
402 | div.dailyEntryDescription | 396 | div.dailyEntryDescription { |
403 | { | ||
404 | margin-top: 10px; | 397 | margin-top: 10px; |
405 | margin-bottom: 30px; | 398 | margin-bottom: 30px; |
406 | text-align:justify; | 399 | text-align: justify; |
407 | overflow:auto; | 400 | overflow: auto; |
408 | } | 401 | } |
409 | 402 | ||
410 | /* Common CSS screwdriver */ | 403 | /* Common CSS screwdriver */ |
411 | .clear{ | 404 | .clear { |
412 | clear:both; | 405 | clear: both; |
413 | } | 406 | } |
414 | 407 | ||
415 | /* For lazy images loading in picture wall. | 408 | /* For lazy images loading in picture wall. |
416 | Using http://www.appelsiini.net/projects/lazyload | 409 | Using http://www.appelsiini.net/projects/lazyload |
417 | */ | 410 | */ |
418 | .lazyimage { display:none; } | 411 | .lazyimage { display: none; } |
419 | 412 | ||
420 | @media print { | 413 | @media print { |
421 | html {border:none;background:#fff!important;color:#000!important;} | 414 | html { border: none; background: #fff!important; color: #000!important; } |
422 | body {font-size:12pt;width:auto!important;margin:auto!important;} | 415 | body { font-size: 12pt; width: auto!important; margin: auto!important; } |
423 | p {orphans:3; /*pas de ligne seule en bas */widows:3;/*pas de ligne seule en haut*/} | 416 | p { orphans: 3; /*pas de ligne seule en bas */widows: 3; /*pas de ligne seule en haut*/ } |
424 | a {color:#000!important;text-decoration:none!important;} | 417 | a { color: #000!important; text-decoration: none!important; } |
425 | #pageheader, .paging, #linklist li form, #footer {display:none;} | 418 | #pageheader, .paging, #linklist li form, #footer { display: none; } |
426 | #linklist li { padding:2 0 10 0; border-top: 2px solid #000; clear:both; } | 419 | #linklist li { padding: 2 0 10 0; border-top: 2px solid #000; clear: both; } |
427 | #linklist li.private { background-color: none; border-left:0; } | 420 | #linklist li.private { background-color: none; border-left: 0; } |
428 | .linkdate { line-height:2; } | 421 | .linkdate { line-height: 2; } |
429 | .linkurl { color:#000; } | 422 | .linkurl { color: #000; } |
430 | .linkdescription { font-size:10pt;} | 423 | .linkdescription { font-size: 10pt; } |
431 | .linktag { border: 1px solid black; font-style:italic; font-size:8pt;} | 424 | .linktag { border: 1px solid black; font-style: italic; font-size: 8pt; } |
432 | } | 425 | } |
433 | 426 | ||
434 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) | 427 | @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) |
435 | { | 428 | { |
436 | /* A few fixes for mobile devices (far from perfect). */ | 429 | /* A few fixes for mobile devices (far from perfect). */ |
437 | .nomobile { display:none; } | 430 | .nomobile { display: none; } |
438 | #logo { display:none; } | 431 | #logo { display: none; } |
439 | #pageheader a | 432 | #pageheader a |
440 | { | 433 | { |
441 | padding:5px; | 434 | padding: 5px; |
442 | border-radius: 5px 5px 5px 5px; | 435 | border-radius: 5px 5px 5px 5px; |
443 | margin:3px; | 436 | margin: 3px; |
444 | } | 437 | } |
445 | .searchform,.tagfilter { display:block !important; margin:0px !important; padding:0px !important; width:100% !important; } | 438 | .searchform, .tagfilter { display: block !important; margin: 0px !important; padding: 0px !important; width: 100% !important; } |
446 | .searchform input,.tagfilter input { margin:0px !important; padding:0px !important; display:inline !important; } | 439 | .searchform input, .tagfilter input { margin: 0px !important; padding: 0px !important; display: inline !important; } |
447 | .tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{ width:30%; font-size:smaller;} | 440 | .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { width: 30%; font-size: smaller; } |
448 | #searchform_value { width:70% !important; } | 441 | #searchform_value { width: 70% !important; } |
449 | #tagfilter_value { width:70% !important; } | 442 | #tagfilter_value { width: 70% !important; } |
450 | div.qrcode { position:relative; float:left; top:-10px; left:0px; } | 443 | div.qrcode { position: relative; float: left; top: -10px; left: 0px; } |
451 | #paging_privatelinks { float:none; } | 444 | #paging_privatelinks { float: none; } |
452 | #paging_linksperpage { float:none; margin-bottom:10px; font-size:smaller;} | 445 | #paging_linksperpage { float: none; margin-bottom: 10px; font-size: smaller; } |
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;} | 446 | #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; } |
454 | .thumbnail { float:none; height:auto; margin: 0px; text-align:center;} | 447 | .thumbnail { float: none; height: auto; margin: 0px; text-align: center; } |
455 | #cloudtag { padding:0px; } | 448 | #cloudtag { padding: 0px; } |
456 | div.dailyAbout { float:none; position:relative; width:100%; clear:both; padding:0px; top:0px; left:0px; } | 449 | div.dailyAbout { float: none; position: relative; width: 100%; clear: both; padding: 0px; top: 0px; left: 0px; } |
457 | #daily_col1,#daily_col2,#daily_col3 { float:none; width:100%; padding:0px;} | 450 | #daily_col1, #daily_col2, #daily_col3 { float: none; width: 100%; padding: 0px; } |
458 | div.dailyTitle { font-size: 18pt; margin-top:5px; padding:0px;} | 451 | div.dailyTitle { font-size: 18pt; margin-top: 5px; padding: 0px; } |
459 | div.dailyDate { font-size: 11pt;padding:0px; display:block; } | 452 | div.dailyDate { font-size: 11pt; padding: 0px; display: block; } |
460 | div.dailyEntryTitle { font-size:16pt; font-weight:bold;} | 453 | div.dailyEntryTitle { font-size: 16pt; font-weight: bold; } |
461 | div.dailyEntryDescription { font-size:10pt; } | 454 | div.dailyEntryDescription { font-size: 10pt; } |
462 | } | 455 | } |
463 | 456 | ||
464 | /* Highlight search results */ | 457 | /* Highlight search results */ |