aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc
diff options
context:
space:
mode:
Diffstat (limited to 'inc')
-rw-r--r--inc/shaarli.css103
1 files changed, 63 insertions, 40 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css
index 53a407c4..7bfdc420 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -17,7 +17,7 @@ input, textarea {
17 background: linear-gradient(#dedede, #ffffff); 17 background: linear-gradient(#dedede, #ffffff);
18 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); 18 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
19 padding: 5px; 19 padding: 5px;
20 border-radius: 5px 5px 5px 5px; 20 border-radius: 3px 3px 3px 3px;
21 border: none; 21 border: none;
22 color: #000; 22 color: #000;
23} 23}
@@ -84,21 +84,14 @@ h1 {
84 84
85.linkeditbuttons { 85.linkeditbuttons {
86 position: absolute; 86 position: absolute;
87 left: -1px; 87 left: 2px;
88 padding: 4px 2px 2px 2px; 88 padding: 4px 2px 2px 2px;
89 background-color: #f0f0f0;
90 89
91 -webkit-border-radius: 0px 6px 6px 0px; 90 -webkit-border-radius: 0px 6px 6px 0px;
92 -moz-border-radius: 0px 6px 6px 0px; 91 -moz-border-radius: 0px 6px 6px 0px;
93 -o-border-radius: 0px 6px 6px 0px; 92 -o-border-radius: 0px 6px 6px 0px;
94 -ms-border-radius: 0px 6px 6px 0px; 93 -ms-border-radius: 0px 6px 6px 0px;
95 border-radius: 0px 6px 6px 0px; 94 border-radius: 0px 6px 6px 0px;
96
97 -webkit-box-shadow: 0px 0px 3px 0px #333333;
98 -moz-box-shadow: 0px 0px 3px 0px #333333;
99 -o-box-shadow: 0px 0px 3px 0px #333333;
100 -ms-box-shadow: 0px 0px 3px 0px #333333;
101 box-shadow: 0px 0px 3px 0px #333333;
102} 95}
103 96
104#pageheader #logo { 97#pageheader #logo {
@@ -111,12 +104,48 @@ h1 {
111 cursor: pointer; 104 cursor: pointer;
112} 105}
113 106
107#pageheader #menu {
108 width: 100%;
109}
110
111#pageheader #menu ul {
112 margin: auto;
113 padding: 7px 0px 0px 0px;
114 float: none;
115}
116
117#pageheader #menu ul li {
118 list-style: none;
119 display: inline;
120 position: relative;
121 box-sizing: border-box;
122}
123
124#pageheader a {
125 background-color: #333333;
126 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
127 background: -webkit-linear-gradient(#333333, #000000);
128 background: -moz-linear-gradient(#333333, #000000);
129 background: -ms-linear-gradient(#333333, #000000);
130 background: -o-linear-gradient(#333333, #000000);
131 background: linear-gradient(#333333, #000000);
132 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
133 padding: 5px;
134 border-radius: 3px 3px 3px 3px;
135 margin: 10px 3px 3px 3px;
136 color: #A2DD42;
137 text-decoration: none;
138 line-height: 2.5;
139 white-space: nowrap;
140}
141
114#pageheader #linkcount { 142#pageheader #linkcount {
115 float: right; 143 float: right;
116 font-style: italic; 144 font-style: italic;
117 color: #bbb; 145 color: #bbb;
118 text-align: right; 146 text-align: right;
119 padding-right: 5px; 147 padding-right: 5px;
148 margin: 3px 3px 0px 0px;
120} 149}
121 150
122#pageheader { 151#pageheader {
@@ -133,23 +162,6 @@ h1 {
133 margin: auto; 162 margin: auto;
134} 163}
135 164
136#pageheader a {
137 background-color: #333333;
138 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#000000));
139 background: -webkit-linear-gradient(#333333, #000000);
140 background: -moz-linear-gradient(#333333, #000000);
141 background: -ms-linear-gradient(#333333, #000000);
142 background: -o-linear-gradient(#333333, #000000);
143 background: linear-gradient(#333333, #000000);
144 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
145 padding: 5px;
146 border-radius: 5px 5px 5px 5px;
147 margin: 10px 3px 3px 3px;
148 color: #A2DD42;
149 float: left;
150 text-decoration: none;
151}
152
153#pageheader .search { 165#pageheader .search {
154 width: 100%; 166 width: 100%;
155 white-space: nowrap; 167 white-space: nowrap;
@@ -179,7 +191,7 @@ h1 {
179 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); 191 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
180 padding: 5px; 192 padding: 5px;
181 border: none; 193 border: none;
182 border-radius: 5px 5px 5px 5px; 194 border-radius: 3px 3px 3px 3px;
183 margin: 10px 3px 3px 3px; 195 margin: 10px 3px 3px 3px;
184 color: #cecece; 196 color: #cecece;
185} 197}
@@ -225,7 +237,7 @@ h1 {
225 padding: 0 5px 0 5px; 237 padding: 0 5px 0 5px;
226 margin: 5px 0 5px 0; 238 margin: 5px 0 5px 0;
227 height: 20px; 239 height: 20px;
228 border-radius: 5px 5px 5px 5px; 240 border-radius: 3px 3px 3px 3px;
229 cursor: pointer; 241 cursor: pointer;
230} 242}
231 243
@@ -291,6 +303,7 @@ h1 {
291.paging_linksperpage { 303.paging_linksperpage {
292 float: right; 304 float: right;
293 padding-right: 5px; 305 padding-right: 5px;
306 margin: 0px 10px 2px 0px;
294} 307}
295 308
296.paging_linksperpage form.linksperpage { 309.paging_linksperpage form.linksperpage {
@@ -391,12 +404,12 @@ a.qrcode img {
391} 404}
392 405
393#linklist li.private { 406#linklist li.private {
394 background: url('../images/private.png') no-repeat 10px center; 407 background: url('../images/private.png') no-repeat 4px center;
395 padding-left: 60px; 408 padding-left: 30px;
396} 409}
397 410
398#linklist li { 411#linklist li {
399 padding-left: 26px; 412 padding-left: 30px;
400} 413}
401 414
402.private .linktitle a { 415.private .linktitle a {
@@ -471,9 +484,9 @@ a.qrcode img {
471 background: -o-linear-gradient(#F2F2F2, #ffffff); 484 background: -o-linear-gradient(#F2F2F2, #ffffff);
472 background: linear-gradient(#F2F2F2, #ffffff); 485 background: linear-gradient(#F2F2F2, #ffffff);
473 box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); 486 box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
474 padding: 3px 3px 3px 20px; 487 padding: 3px 5px 3px 20px;
475 height: 20px; 488 height: 20px;
476 border-radius: 3px 3px 3px 3px; 489 border-radius: 3px;
477 cursor: pointer; 490 cursor: pointer;
478 background-image: url('../images/tag_blue.png'); 491 background-image: url('../images/tag_blue.png');
479 background-repeat: no-repeat; 492 background-repeat: no-repeat;
@@ -518,9 +531,10 @@ a.qrcode img {
518#footer { 531#footer {
519 font-size: 8pt; 532 font-size: 8pt;
520 text-align: center; 533 text-align: center;
521 border-top: 1px solid #ddd;
522 color: #888; 534 color: #888;
523 clear: both; 535 clear: both;
536 max-width: 30em;
537 margin: 15px auto 15px auto;
524} 538}
525 539
526#footer a { 540#footer a {
@@ -627,7 +641,12 @@ a.qrcode img {
627 641
628.thumbnail { 642.thumbnail {
629 float: right; 643 float: right;
630 margin-left: 10px; 644 margin: 0px 10px 0px 10px;
645}
646
647.thumbnail img {
648 border-radius: 3px;
649 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
631} 650}
632 651
633/* If you want thumbnails on the left: 652/* If you want thumbnails on the left:
@@ -945,17 +964,21 @@ div.dailyNoEntry {
945 display: none; 964 display: none;
946 } 965 }
947 966
948 #pageheader a { 967 #pageheader #menu ul {
968 text-align: center;
969 }
970
971 #pageheader #menu a {
949 padding: 5px; 972 padding: 5px;
950 border-radius: 5px 5px 5px 5px; 973 border-radius: 3px 3px 3px 3px;
951 margin: 3px; 974 margin: 3px;
952 } 975 }
953 976
954 .searchform, .tagfilter { 977 .searchform, .tagfilter {
955 display: block !important; 978 display: block !important;
956 margin: 0px !important; 979 margin: 0px 3px 7px 0px !important;
957 padding: 0px !important; 980 padding: 0px !important;
958 width: 100% !important; 981 width: 97% !important;
959 } 982 }
960 983
961 .searchform input, .tagfilter input { 984 .searchform input, .tagfilter input {
@@ -999,7 +1022,7 @@ div.dailyNoEntry {
999 padding: 3px 5px 3px 5px; 1022 padding: 3px 5px 3px 5px;
1000 background-color: #666; 1023 background-color: #666;
1001 color: #fff; 1024 color: #fff;
1002 border-radius: 5px 5px 5px 5px; 1025 border-radius: 3px 3px 3px 3px;
1003 } 1026 }
1004 1027
1005 .thumbnail { 1028 .thumbnail {