aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc
diff options
context:
space:
mode:
Diffstat (limited to 'inc')
-rw-r--r--inc/shaarli.css453
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 */
8html{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%;} 8html{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
10body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color: #ffffff; word-wrap: break-word; } 10body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; background-color: #ffffff; word-wrap: break-word; }
11
11input, textarea { 12input, 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
26a { 27a {
27 text-decoration: none; 28 text-decoration: none;
28} 29}
29 30
30h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } 31h1 { 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); /* IE6–IE9 */ 305 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000); /* IE6–IE9 */
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
318div#permalinkQrcode { 317div#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
337div.daily 336div.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
357div.dailyAbout 356div.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}
368div.dailyAbout a { color: #890500; } 366div.dailyAbout a { color: #890500; }
369div.dailyTitle 367div.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}
376div.dailyDate 373div.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": */
385div.dailyEntry 381div.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}
391div.dailyEntry a { text-decoration:none; color: #890500; } 386div.dailyEntry a { text-decoration: none; color: #890500; }
392div.dailyEntryTags { font-size:7.75pt; } 387div.dailyEntryTags { font-size: 7.75pt; }
393div.dailyEntryTitle { font-size:18pt; font-weight:bold;} 388div.dailyEntryTitle { font-size: 18pt; font-weight: bold; }
394div.dailyEntryThumbnail 389div.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}
402div.dailyEntryDescription 396div.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 */