aboutsummaryrefslogtreecommitdiffhomepage
path: root/shaarli.css
diff options
context:
space:
mode:
Diffstat (limited to 'shaarli.css')
-rw-r--r--shaarli.css233
1 files changed, 203 insertions, 30 deletions
diff --git a/shaarli.css b/shaarli.css
index e511e0eb..4fc40e5f 100644
--- a/shaarli.css
+++ b/shaarli.css
@@ -8,60 +8,221 @@ version: 2.8.2r1
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; } 10body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color: #ffffff; }
11input { border: 1px solid #aaa; background-color:#F0F0FF; padding: 2 5 2 5; -moz-box-shadow: inset 2px 2px 3px #aaaaaa; -webkit-box-shadow: inset 2px 2px 3px #aaaaaa; box-shadow: inset 2px 2px 3px #aaaaaa; } 11input, textarea {
12textarea { border: 1px solid #aaa; background-color:#F0F0FF; padding: 2 5 2 5; -moz-box-shadow: inset 2px 2px 3px #B2B2C4; -webkit-box-shadow: inset 2px 2px 3px #B2B2C4; box-shadow: inset 2px 2px 3px #B2B2C4; } 12
13 background-color: #dedede;
14 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
15 background: -webkit-linear-gradient(#dedede, #ffffff);
16 background: -moz-linear-gradient(#dedede, #ffffff);
17 background: -ms-linear-gradient(#dedede, #ffffff);
18 background: -o-linear-gradient(#dedede, #ffffff);
19 background: linear-gradient(#dedede, #ffffff);
20 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
21 padding:5px;
22 border-radius: 5px 5px 5px 5px;
23 border: none;
24 color:#000;
25
26 }
27
13h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } 28h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; }
14/* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */ 29/* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */
15 30
16/* Buttons */ 31/* Buttons */
17.bigbutton {border-style:outset;border-width:2px;padding:3px 6px;background-color:rgb(212,212,212);font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:8pt;-moz-border-radius:0.5em;border-radius:0.5em;} 32.bigbutton {
18.smallbutton {border-style:outset;border-width:2px;padding:0px 4px;background-color:rgb(212,212,212);font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:8pt;-moz-border-radius:0.5em;border-radius:0.5em;} 33 background-color: #a0a0a0;
34 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a0a0a0), to(#d4d4d4));
35 background: -webkit-linear-gradient(#a0a0a0, #d4d4d4);
36 background: -moz-linear-gradient(#a0a0a0, #d4d4d4);
37 background: -ms-linear-gradient(#a0a0a0, #d4d4d4);
38 background: -o-linear-gradient(#a0a0a0, #d4d4d4);
39 background: linear-gradient(#a0a0a0, #d4d4d4);
40 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
41 padding:0 5px 0 5px;
42 margin:5px 0 5px 0;
43 height:25px;
19 44
45 border-radius: 5px 5px 5px 5px;
46 -moz-border-radius:5px 5px 5px 5px;
47 cursor:pointer;
48 border:none;
49 border-style:outset;
50 border-width:2px;
51 }
52.smallbutton {
53 background-color: #a0a0a0;
54 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a0a0a0), to(#d4d4d4));
55 background: -webkit-linear-gradient(#a0a0a0, #d4d4d4);
56 background: -moz-linear-gradient(#a0a0a0, #d4d4d4);
57 background: -ms-linear-gradient(#a0a0a0, #d4d4d4);
58 background: -o-linear-gradient(#a0a0a0, #d4d4d4);
59 background: linear-gradient(#a0a0a0, #d4d4d4);
60 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
61 padding:0;
62 margin:5px 0 5px 0;
63 border-radius: 5px 5px 5px 5px;
64 -moz-border-radius:5px 5px 5px 5px;
65 cursor:pointer;
66 padding:0 3px 0 3px;
67 border-style:outset;
68 border-width:2px;
69 font-size:8pt;
70 }
20 71
72#pageheader #logo{
73background-image: url('./images/logo.png');
74background-repeat: no-repeat;
75float:left;
76margin:0 10px 0 10px;
77width:105px;
78height:55px;
79}
21#pageheader 80#pageheader
22{ 81{
23color:#eee; 82
24border-bottom: 1px solid #aaa; 83 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
25background-color: #6A6A6A; 84 background: -webkit-linear-gradient(#333333, #111111);
26background-image: -webkit-gradient(linear, left top, left bottom, from(#6A6A6A), to(#303030)); /* Saf4+, Chrome */ 85 background: -moz-linear-gradient(#333333, #111111);
27background-image: -webkit-linear-gradient(top, #6A6A6A, #303030); /* Chrome 10+, Saf5.1+ */ 86 background: -ms-linear-gradient(#333333, #111111);
28background-image: -moz-linear-gradient(top, #6A6A6A, #303030); /* FF3.6 */ 87 background: -o-linear-gradient(#333333, #111111);
29background-image: -ms-linear-gradient(top, #6A6A6A, #303030); /* IE10 */ 88 background: linear-gradient(#333333, #111111);
30background-image: -o-linear-gradient(top, #6A6A6A, #303030); /* Opera 11.10+ */ 89
31background-image: linear-gradient(top, #6A6A6A, #303030); 90 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
32filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6A6A6A', EndColorStr='#303030'); /* IE6-IE9 */ 91 padding:5px 0 5px 0;
33padding: 0 10 5 10; 92 width: 100%;
34margin: auto; 93 margin: auto;
94}
95
96#pageheader a
97{
98 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
99 background: -webkit-linear-gradient(#333333, #000000);
100 background: -moz-linear-gradient(#333333, #000000);
101 background: -ms-linear-gradient(#333333, #000000);
102 background: -o-linear-gradient(#333333, #000000);
103 background: linear-gradient(#333333, #000000);
104
105 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
106 padding:5px;
107 border-radius: 5px 5px 5px 5px;
108 margin:10px 3px 3px 3px;
109 color:#A2DD42;
110 text-decoration:none;
111}
112
113.linksperpage,.tagfilter,.searchform,.addform {
114 background-color: #dedede;
115 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
116 background: -webkit-linear-gradient(#dedede, #ffffff);
117 background: -moz-linear-gradient(#dedede, #ffffff);
118 background: -ms-linear-gradient(#dedede, #ffffff);
119 background: -o-linear-gradient(#dedede, #ffffff);
120 background: linear-gradient(#dedede, #ffffff);
121 display:inline;
122
123 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
124 padding:5px;
125 border: none;
126 border-radius: 5px 5px 5px 5px;
127 margin:10px 3px 3px 3px;
128 color:#cecece;
129}
130
131.linksperpage{
132 box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
133 padding:3px;
134}
135
136.linksperpage input,.tagfilter input, .searchform input, .addform input{
137 border:none;
138 color:#606060;
139 background:none;
140 box-shadow:none;
141 padding:5px;
142}
143
144.linksperpage input{
145 padding:0;
146}
147
148.tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{
149 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
150 background: -webkit-linear-gradient(#dedede, #ffffff);
151 background: -moz-linear-gradient(#dedede, #ffffff);
152 background: -ms-linear-gradient(#dedede, #ffffff);
153 background: -o-linear-gradient(#dedede, #ffffff);
154 background: linear-gradient(#dedede, #ffffff);
155 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
156 padding:0 5px 0 5px;
157 margin:5px 0 5px 0;
158 height:20px;
159 border-radius: 5px 5px 5px 5px;
160 cursor:pointer;
35} 161}
162
36#shaarli_title { font-weight:bold; font-style:italic; } 163#shaarli_title { font-weight:bold; font-style:italic; }
37#shaarli_title a { color: #fff !important; } 164#shaarli_title a { color: #fff !important; }
38#pageheader a:link { color:#bbb; text-decoration:none;} 165
39#pageheader a:visited { color:#bbb; text-decoration:none;} 166#pageheader a:visited { color:#bbb; text-decoration:none;}
40#pageheader a:hover { color:#FFFFC9; text-decoration:none;} 167#pageheader a:hover { color:#FFFFC9; text-decoration:none;}
41#pageheader a:active { color:#bbb; text-decoration:none;} 168#pageheader a:active { color:#bbb; text-decoration:none;}
42#searchcriteria { padding: 4 0 5 5; font-weight:bold;} 169#searchcriteria { padding: 4 0 5 5; font-weight:bold;}
43.paging { background-color:#777; color:#ccc; text-align:center; padding:0 0 3 0; clear:both;} 170.paging { padding:5px;background-color:#777; color:#ccc; text-align:center; clear:both;}
44.paging a:link { color:#ccc; text-decoration:none;} 171.paging a:link { color:#ccc; text-decoration:none;}
45.paging a:visited { color:#ccc; } 172.paging a:visited { color:#ccc; }
46.paging a:hover { color:#FFFFC9; } 173.paging a:hover { color:#FFFFC9; }
47.paging a:active { color:#fff; } 174.paging a:active { color:#fff; }
48#headerform { padding:5 5 5 5; } 175#headerform { color:#ffffff; padding:5 5 5 5; }
49#editlinkform { padding:5 5 5 15px; width:80%; } 176#toolsdiv { color:#ffffff; padding:5 5 5 5; clear:left; }
50#linklist li { padding:4 10 8 20; border-top: 1px solid #bbb; clear:both; } 177#uploaddiv { color:#ffffff; padding:5 5 5 5; clear:left; }
178#editlinkform { color:#ffffff; padding:5 5 5 15px; width:80%; clear:left; }
179#linklist li {
180 padding:4 10 15 20; border-top: 1px solid #bbb; clear:both;
181 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
182 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
183 background: -moz-linear-gradient(#F2F2F2, #ffffff);
184 background: -ms-linear-gradient(#F2F2F2, #ffffff);
185 background: -o-linear-gradient(#F2F2F2, #ffffff);
186 background: linear-gradient(#F2F2F2, #ffffff);
187}
188
189
190#linklist li.publicLinkHightLight:hover,#linklist li:hover{
191 background: #E9FFCE;
192}
51#linklist li.private { background-color: #ccc; border-left:8px solid #888; } 193#linklist li.private { background-color: #ccc; border-left:8px solid #888; }
52.linktitle { font-size:14pt; font-weight:bold; } 194.linktitle { font-size:14pt; font-weight:bold; }
53.linktitle a { text-decoration: none; color:#3465A4; } 195.linktitle a { text-decoration: none; color:#80AD48; }
54.linktitle a:hover { color:#F57900; } 196.linktitle a:hover { color:#F57900; }
55.linkdate { font-size:8pt; color:#888; } 197.linkdate { font-size:8pt; color:#888; }
56.linkdate a { text-decoration: none; color:#888; } 198.linkdate a { background-image:url('./images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration: none; color:#E28E3F; }
57.linkdate a:hover { color: #F57900 } 199.linkdate a:hover { color: #F57900 }
58.linkurl { font-size:8pt; color:#4BAA74; } 200.linkurl { font-size:8pt; color:#4BAA74; }
59.linkdescription { color:#000; margin-top:0px; margin-bottom:0px; font-weight:normal; } 201.linkdescription { color:#000; margin-top:0; margin-bottom:0; font-weight:normal; }
60.linkdescription a { text-decoration: none; color:#3465A4; } 202.linkdescription a { text-decoration: none; color:#3465A4; }
61.linkdescription a:hover { color:#F57900; } 203.linkdescription a:hover { color:#F57900; }
62.linktaglist { } 204.linktaglist { padding-top:10px;}
63.linktag { font-size:9pt; color:#777; background-color:#ddd; padding:0 6 0 6; -moz-box-shadow: inset 2px 2px 3px #ffffff; -webkit-box-shadow: inset 2px 2px 3px #ffffff; box-shadow: inset 2px 2px 3px ffffff; 205.linktag {
64border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-radius: 0.3em; } 206
207font-size:9pt;
208 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff));
209 background: -webkit-linear-gradient(#F2F2F2, #ffffff);
210 background: -moz-linear-gradient(#F2F2F2, #ffffff);
211 background: -ms-linear-gradient(#F2F2F2, #ffffff);
212 background: -o-linear-gradient(#F2F2F2, #ffffff);
213 background: linear-gradient(#F2F2F2, #ffffff);
214
215
216 box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
217 padding:3px 3px 3px 20px;
218 height:20px;
219 border-radius: 3px 3px 3px 3px;
220 cursor:pointer;
221 background-image:url('./images/tag_blue.png');
222 background-repeat:no-repeat;
223 background-position:3px center;
224 background-color:#ffffff;
225}
65.linktag:hover { border-color: #555573; color:#000; } 226.linktag:hover { border-color: #555573; color:#000; }
66.linktag a { color:#777; text-decoration:none; } 227.linktag a { color:#777; text-decoration:none; }
67.linkshort { font-size:8pt; color:#888; } 228.linkshort { font-size:8pt; color:#888; }
@@ -72,14 +233,20 @@ border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-radius: 0.3em;
72#newversion { background-color: #FFFFA0; color:#000; position:absolute; top:0;right:0; padding:2 7 2 7; font-size:9pt;} 233#newversion { background-color: #FFFFA0; color:#000; position:absolute; top:0;right:0; padding:2 7 2 7; font-size:9pt;}
73#cloudtag { padding-left:10%; padding-right:10%; } 234#cloudtag { padding-left:10%; padding-right:10%; }
74#cloudtag a { color:black; text-decoration:none; } 235#cloudtag a { color:black; text-decoration:none; }
75#installform td { font-size: 10pt; padding:10 5 10 5; } 236#installform td { font-size: 10pt; padding:10 5 10 5; clear:left; }
76#configform td { color:#ccc; font-size: 10pt; padding:10 5 10 5; } 237#changepasswordform { color:#ccc; padding:10 5 10 5; clear:left; }
238#changetag { color:#ccc; padding:10 5 10 5; clear:left; }
239#configform td { color:#ccc; font-size: 10pt; padding:10 5 10 5; }
240#configform { color:#ccc; padding:10 5 10 5; clear:left; }
77.thumbnail { float:right; margin-left: 10px; } 241.thumbnail { float:right; margin-left: 10px; }
78/* If you want thumbnails on the left: 242/* If you want thumbnails on the left:
79.thumbnail { float:left; margin-right: 10px; } 243.thumbnail { float:left; margin-right: 10px; }
80.linkcontainer { position: static; margin-left:130px; } 244.linkcontainer { position: static; margin-left:130px; }
81*/ 245*/
82 246
247
248
249
83/* --- Picture wall CSS --- */ 250/* --- Picture wall CSS --- */
84#picwall_container { color:#fff; background-color:#000; } 251#picwall_container { color:#fff; background-color:#000; }
85.picwall_pictureframe { z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center; float:left; } 252.picwall_pictureframe { z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center; float:left; }
@@ -98,7 +265,7 @@ border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-radius: 0.3em;
98 text-align: left; 265 text-align: left;
99 background-color: transparent; 266 background-color: transparent;
100 background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ 267 background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
101 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); /* IE6–IE9 */ 268 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); /* IE6–IE9 */
102text-shadow:2px 2px 1px #000000; 269text-shadow:2px 2px 1px #000000;
103} 270}
104 271
@@ -106,6 +273,10 @@ text-shadow:2px 2px 1px #000000;
106.ui-autocomplete { background-color:#fff; padding-left:5px;} 273.ui-autocomplete { background-color:#fff; padding-left:5px;}
107.ui-state-hover { background-color: #604dff; color:#fff; } 274.ui-state-hover { background-color: #604dff; color:#fff; }
108 275
276#linklist li.publicLinkHightLight{
277 background: #ffffff;
278}
279
109@media print { 280@media print {
110html {border:none;background:#fff!important;color:#000!important;} 281html {border:none;background:#fff!important;color:#000!important;}
111body {font-size:12pt;width:auto!important;margin:auto!important;} 282body {font-size:12pt;width:auto!important;margin:auto!important;}
@@ -119,4 +290,6 @@ a {color:#000!important;text-decoration:none!important;}
119.linkdescription { font-size:10pt;} 290.linkdescription { font-size:10pt;}
120.linktag { border: 1px solid black; font-style:italic; font-size:8pt;} 291.linktag { border: 1px solid black; font-style:italic; font-size:8pt;}
121 292
293
294
122} \ No newline at end of file 295} \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-24 22:10:41 +0000