]>
git.immae.eu Git - github/shaarli/Shaarli.git/blob - inc/shaarli.css
fe959646bd082884bc075465c8f2ef831d678ce1
1 /* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
4 font-family: "Trebuchet MS",Verdana
,Arial
,Helvetica
,sans-serif
;
6 background-color: #ffffff;
11 background-color: #dedede;
12 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
13 background: -webkit-linear-gradient
(#dedede, #ffffff);
14 background: -moz-linear-gradient
(#dedede, #ffffff);
15 background: -ms-linear-gradient
(#dedede, #ffffff);
16 background: -o-linear-gradient
(#dedede, #ffffff);
17 background: linear-gradient
(#dedede, #ffffff);
18 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
20 border-radius: 3px 3px 3px 3px;
26 text-decoration: none
;
38 background-color: #c0c0c0;
39 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
40 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
41 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
42 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
43 background: -o-linear-gradient
(#c0c0c0, #ffffff);
44 background: linear-gradient
(#c0c0c0, #ffffff);
45 border-radius: 3px 3px 3px 3px;
46 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
57 background-color: #c0c0c0;
58 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
59 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
60 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
61 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
62 background: -o-linear-gradient
(#c0c0c0, #ffffff);
63 background: linear-gradient
(#c0c0c0, #ffffff);
64 border-radius: 3px 3px 3px 3px;
65 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
75 /* Small tab on the left of each link with edit/delete buttons. */
76 .button_edit, .button_delete {
88 padding: 4px 2px 2px 2px;
90 -webkit-border-radius: 0px 6px 6px 0px;
91 -moz-border-radius: 0px 6px 6px 0px;
92 -o-border-radius: 0px 6px 6px 0px;
93 -ms-border-radius: 0px 6px 6px 0px;
94 border-radius: 0px 6px 6px 0px;
98 background-image: url
('../images/logo.png');
99 background-repeat: no-repeat
;
101 margin: 0 10px 0 10px;
111 #pageheader #menu ul
{
113 padding: 7px 0px 0px 0px;
117 #pageheader #menu ul li
{
121 box-sizing: border-box
;
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);
134 border-radius: 3px 3px 3px 3px;
135 margin: 10px 3px 3px 3px;
137 text-decoration: none
;
142 #pageheader #linkcount
{
148 margin: 3px 3px 0px 0px;
152 background-color: #333333;
153 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#111111));
154 background: -webkit-linear-gradient
(#333333, #111111);
155 background: -moz-linear-gradient
(#333333, #111111);
156 background: -ms-linear-gradient
(#333333, #111111);
157 background: -o-linear-gradient
(#333333, #111111);
158 background: linear-gradient
(#333333, #111111);
159 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
161 padding: 0 10px 5px 10px;
165 #pageheader .search
{
174 #toolsdiv #bookmark
{
182 .linksperpage, .tagfilter, .searchform, .addform {
183 background-color: #dedede;
184 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
185 background: -webkit-linear-gradient
(#dedede, #ffffff);
186 background: -moz-linear-gradient
(#dedede, #ffffff);
187 background: -ms-linear-gradient
(#dedede, #ffffff);
188 background: -o-linear-gradient
(#dedede, #ffffff);
189 background: linear-gradient
(#dedede, #ffffff);
191 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
194 border-radius: 3px 3px 3px 3px;
195 margin: 10px 3px 3px 3px;
200 box-shadow: 0 0 0 rgba
(0, 0, 0, 0.5);
204 .linksperpage input, .tagfilter input, .searchform input, .addform input {
212 .linksperpage input {
216 .searchform #searchform_value {
224 .tagfilter div.awesomplete {
228 .tagfilter #tagfilter_value {
237 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
238 background-color: #dedede;
239 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
240 background: -webkit-linear-gradient
(#dedede, #ffffff);
241 background: -moz-linear-gradient
(#dedede, #ffffff);
242 background: -ms-linear-gradient
(#dedede, #ffffff);
243 background: -o-linear-gradient
(#dedede, #ffffff);
244 background: linear-gradient
(#dedede, #ffffff);
245 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
246 padding: 0 5px 0 5px;
249 border-radius: 3px 3px 3px 3px;
260 color: #fff !important
;
263 #pageheader a:visited
{
265 text-decoration: none
;
268 #pageheader a:hover
{
270 text-decoration: none
;
273 #pageheader a:active
{
275 text-decoration: none
;
279 padding: 4px 0px 5px 5px;
285 background-color: #777;
293 text-decoration: none
;
308 .paging_privatelinks {
312 .paging_linksperpage {
315 margin: 0px 10px 2px 0px;
318 .paging_linksperpage form.linksperpage {
322 .paging_linksperpage form.linksperpage input {
342 padding: 5px 5px 5px 5px;
346 #headerform input
.linkurl
{
355 #headerform label
[for
=longlastingsession
] {
363 padding: 5px 5px 5px 5px;
369 padding: 5px 5px 5px 5px;
375 padding: 5px 5px 5px 15px;
380 #editlinkform label
{
384 #editlinkform textarea
, #editlinkform
.lf_input
{
389 padding: 4px 10px 15px 20px;
390 border-top: 1px solid
#bbb;
392 background-color: #F2F2F2;
393 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
394 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
395 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
396 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
397 background: -o-linear-gradient
(#F2F2F2, #ffffff);
398 background: linear-gradient
(#F2F2F2, #ffffff);
402 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
407 .linkdate, .linkarchive {
412 .linkdate a, .linkarchive a {
426 #linklist li
.private
{
427 background: url
('../images/private.png') no-repeat
4px center
;
435 .private .linktitle a {
445 text-decoration: none
;
453 .linkdate, .linkarchive {
458 .linkdate a, .linkarchive a {
459 background-image: url
('../images/calendar.png');
460 padding: 2px 0 3px 20px;
461 background-repeat: no-repeat
;
462 text-decoration: none
;
484 text-decoration: none
;
488 .linkdescription a:hover {
499 background-color: #F2F2F2;
500 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
501 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
502 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
503 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
504 background: -o-linear-gradient
(#F2F2F2, #ffffff);
505 background: linear-gradient
(#F2F2F2, #ffffff);
506 box-shadow: 0 0 2px rgba
(0, 0, 0, 0.5);
507 padding: 3px 5px 3px 20px;
511 background-image: url
('../images/tag_blue.png');
512 background-repeat: no-repeat
;
513 background-position: 3px center
;
514 background-color: #ffffff;
518 border-color: #555573;
524 text-decoration: none
;
528 border-left: 1px solid
#aaa;
539 text-decoration: none
;
544 text-decoration: underline
;
557 margin: 15px auto
15px auto
;
569 background-color: #FFFFA0;
578 #newversion #version_id
{
579 text-decoration: blink
;
596 text-decoration: none
;
604 border: 1px solid black
;
615 padding: 10px 5px 10px 5px;
619 #installform input
.bigbutton
{
623 #changepasswordform {
625 padding: 10px 5px 10px 5px;
631 padding: 10px 5px 10px 5px;
653 padding: 10px 5px 10px 5px;
658 padding: 10px 5px 10px 5px;
664 margin: 0px 10px 0px 10px;
669 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
672 /* If you want thumbnails on the left:
683 /* --- Picture wall CSS --- */
686 background-color: #000;
690 .picwall_pictureframe {
691 background-color: #000;
695 vertical-align: middle
;
704 -webkit-transition: opacity
500ms ease-in-out
;
705 -moz-transition: opacity
500ms ease-in-out
;
706 -o-transition: opacity
500ms ease-in-out
;
707 transition: opacity
500ms ease-in-out
;
714 .picwall_pictureframe img {
718 } /* Adapt the width of the image */
720 .picwall_pictureframe a {
721 text-decoration: none
;
724 /* CSS to show title when hovering an image - no javascript required. */
725 .picwall_pictureframe span.info {
729 .picwall_pictureframe:hover span.info {
739 background-color: transparent
;
740 background-color: rgba
(0, 0, 0, 0.4);
741 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
742 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
=#66000000, endColorstr
=#66000000);
744 text-shadow: 2px 2px 1px #000000;
747 #linklist li
.publicLinkHightLight
{
751 div#permalinkQrcode
{
755 background-color: #ffffff;
756 border: 1px solid black
;
763 -webkit-box-shadow: 2px 2px 20px 2px #333333;
764 -moz-box-shadow: 2px 2px 20px 2px #333333;
765 -o-box-shadow: 2px 2px 20px 2px #333333;
766 -ms-box-shadow: 2px 2px 20px 2px #333333;
767 box-shadow: 2px 2px 20px 2px #333333;
771 font-family: Georgia
, 'DejaVu Serif', Norasi
, serif
;
772 background-color: #E6D6BE;
773 /* Background paper texture by BashCorpo:
774 http://www.bashcorpo.dk/textures.php
775 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
776 background-image: url
("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
777 -webkit-background-size: cover
;
778 -moz-background-size: cover
;
779 -o-background-size: cover
;
780 background-size: cover
;
782 border-bottom: 2px solid black
;
806 border: 1px solid black
;
811 padding: 5px 5px 5px 5px;
831 padding: 10px 20px 0px 20px;
838 padding: 0px 20px 30px 20px;
841 /* Individual entries in "Daily": */
843 margin: 5px 10px 2px 5px;
845 border-top: 1px solid
#555;
849 text-decoration: none
;
857 div
.dailyEntryTitle
{
862 div
.dailyEntryLinkdate
{
866 div
.dailyEntryThumbnail
{
869 background-color: rgb
(128, 128, 128);
870 background: url
(../images/50pc_transparent.png);
871 padding: 4px 0px 2px 0px;
874 div
.dailyEntryDescription
{
883 padding: 40px 0px 90px 0px;
889 padding-bottom: 20px;
892 /* Common CSS screwdriver */
905 /* For lazy images loading in picture wall.
906 Using http://www.appelsiini.net/projects/lazyload
912 #configuration_table td
{
921 background: #fff !important
;
922 color: #000 !important
;
927 width: auto
!important
;
928 margin: auto
!important
;
931 /* Minimum numer of lines to display when splitting a paragraph
939 color: #000 !important
;
940 text-decoration: none
!important
;
943 #pageheader, .paging
, #linklist li form
, #footer
{
949 border-top: 2px solid
#000;
953 #linklist li
.private
{
954 background-color: none
;
971 border: 1px solid black
;
977 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
978 /* A few fixes for mobile devices (far from perfect). */
980 .tagfilter div.awesomplete {
992 #pageheader #menu ul
{
996 #pageheader #menu a
{
998 border-radius: 3px 3px 3px 3px;
1007 padding-bottom: 10px;
1010 #headerform label input
[type
=text
],
1011 #headerform label input
[type
=password
]{
1016 .searchform, .tagfilter {
1017 display: block
!important
;
1018 margin: 0px 3px 7px 0px !important
;
1019 padding: 0px !important
;
1020 width: 97% !important
;
1023 .searchform input, .tagfilter input {
1024 margin: 0px !important
;
1025 padding: 0px !important
;
1026 display: inline
!important
;
1029 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
1035 width: 70% !important
;
1039 width: 70% !important
;
1049 .paging_privatelinks {
1053 .paging_linksperpage {
1055 margin-bottom: 10px;
1059 #paging_older, #paging_newer
, .paging_linksperpage a
{
1060 border: 1px solid black
;
1061 padding: 3px 5px 3px 5px;
1062 background-color: #666;
1064 border-radius: 3px 3px 3px 3px;
1088 #daily_col1, #daily_col2
, #daily_col3
{
1106 div
.dailyEntryTitle
{
1111 div
.dailyEntryDescription
{
1116 #toolsdiv a
.button-description
{
1120 /* Highlight search results */
1122 background-color: #FFFF33;