]>
git.immae.eu Git - github/shaarli/Shaarli.git/blob - inc/shaarli.css
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: 5px 5px 5px 5px;
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;
89 background-color: #f0f0f0;
91 -webkit-border-radius: 0px 6px 6px 0px;
92 -moz-border-radius: 0px 6px 6px 0px;
93 -o-border-radius: 0px 6px 6px 0px;
94 -ms-border-radius: 0px 6px 6px 0px;
95 border-radius: 0px 6px 6px 0px;
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;
105 background-image: url
('../images/logo.png');
106 background-repeat: no-repeat
;
108 margin: 0 10px 0 10px;
114 #pageheader #linkcount
{
123 background-color: #333333;
124 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#111111));
125 background: -webkit-linear-gradient
(#333333, #111111);
126 background: -moz-linear-gradient
(#333333, #111111);
127 background: -ms-linear-gradient
(#333333, #111111);
128 background: -o-linear-gradient
(#333333, #111111);
129 background: linear-gradient
(#333333, #111111);
130 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
132 padding: 0 10px 5px 10px;
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);
146 border-radius: 5px 5px 5px 5px;
147 margin: 10px 3px 3px 3px;
150 text-decoration: none
;
153 #pageheader .search
{
162 #toolsdiv #bookmark
{
170 .linksperpage, .tagfilter, .searchform, .addform {
171 background-color: #dedede;
172 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
173 background: -webkit-linear-gradient
(#dedede, #ffffff);
174 background: -moz-linear-gradient
(#dedede, #ffffff);
175 background: -ms-linear-gradient
(#dedede, #ffffff);
176 background: -o-linear-gradient
(#dedede, #ffffff);
177 background: linear-gradient
(#dedede, #ffffff);
179 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
182 border-radius: 5px 5px 5px 5px;
183 margin: 10px 3px 3px 3px;
188 box-shadow: 0 0 0 rgba
(0, 0, 0, 0.5);
192 .linksperpage input, .tagfilter input, .searchform input, .addform input {
200 .linksperpage input {
204 .searchform #searchform_value {
212 .tagfilter #tagfilter_value {
216 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
217 background-color: #dedede;
218 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
219 background: -webkit-linear-gradient
(#dedede, #ffffff);
220 background: -moz-linear-gradient
(#dedede, #ffffff);
221 background: -ms-linear-gradient
(#dedede, #ffffff);
222 background: -o-linear-gradient
(#dedede, #ffffff);
223 background: linear-gradient
(#dedede, #ffffff);
224 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
225 padding: 0 5px 0 5px;
228 border-radius: 5px 5px 5px 5px;
239 color: #fff !important
;
242 #pageheader a:visited
{
244 text-decoration: none
;
247 #pageheader a:hover
{
249 text-decoration: none
;
252 #pageheader a:active
{
254 text-decoration: none
;
258 padding: 4px 0px 5px 5px;
264 background-color: #777;
272 text-decoration: none
;
287 .paging_privatelinks {
291 .paging_linksperpage {
296 .paging_linksperpage form.linksperpage {
300 .paging_linksperpage form.linksperpage input {
320 padding: 5px 5px 5px 5px;
324 #headerform input
.linkurl
{
330 padding: 5px 5px 5px 5px;
336 padding: 5px 5px 5px 5px;
343 padding: 5px 5px 5px 15px;
348 #editlinkform textarea
, #editlinkform
.lf_input
{
353 padding: 4px 10px 15px 20px;
354 border-top: 1px solid
#bbb;
356 background-color: #F2F2F2;
357 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
358 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
359 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
360 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
361 background: -o-linear-gradient
(#F2F2F2, #ffffff);
362 background: linear-gradient
(#F2F2F2, #ffffff);
366 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
371 .linkdate, .linkarchive {
376 .linkdate a, .linkarchive a {
390 #linklist li
.private
{
391 background: url
('../images/private.png') no-repeat
10px center
;
399 .private .linktitle a {
409 text-decoration: none
;
417 .linkdate, .linkarchive {
422 .linkdate a, .linkarchive a {
423 background-image: url
('../images/calendar.png');
424 padding: 2px 0 3px 20px;
425 background-repeat: no-repeat
;
426 text-decoration: none
;
448 text-decoration: none
;
452 .linkdescription a:hover {
463 background-color: #F2F2F2;
464 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
465 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
466 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
467 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
468 background: -o-linear-gradient
(#F2F2F2, #ffffff);
469 background: linear-gradient
(#F2F2F2, #ffffff);
470 box-shadow: 0 0 2px rgba
(0, 0, 0, 0.5);
471 padding: 3px 3px 3px 20px;
473 border-radius: 3px 3px 3px 3px;
475 background-image: url
('../images/tag_blue.png');
476 background-repeat: no-repeat
;
477 background-position: 3px center
;
478 background-color: #ffffff;
482 border-color: #555573;
488 text-decoration: none
;
492 border-left: 1px solid
#aaa;
503 text-decoration: none
;
508 text-decoration: underline
;
518 border-top: 1px solid
#ddd;
532 background-color: #FFFFA0;
541 #newversion #version_id
{
542 text-decoration: blink
;
559 text-decoration: none
;
567 border: 1px solid black
;
578 padding: 10px 5px 10px 5px;
582 #installform input
.bigbutton
{
586 #changepasswordform {
588 padding: 10px 5px 10px 5px;
594 padding: 10px 5px 10px 5px;
605 padding: 10px 5px 10px 5px;
610 padding: 10px 5px 10px 5px;
619 /* If you want thumbnails on the left:
630 /* --- Picture wall CSS --- */
633 background-color: #000;
637 .picwall_pictureframe {
638 background-color: #000;
642 vertical-align: middle
;
651 -webkit-transition: opacity
500ms ease-in-out
;
652 -moz-transition: opacity
500ms ease-in-out
;
653 -o-transition: opacity
500ms ease-in-out
;
654 transition: opacity
500ms ease-in-out
;
661 .picwall_pictureframe img {
665 } /* Adapt the width of the image */
667 .picwall_pictureframe a {
668 text-decoration: none
;
671 /* CSS to show title when hovering an image - no javascript required. */
672 .picwall_pictureframe span.info {
676 .picwall_pictureframe:hover span.info {
686 background-color: transparent
;
687 background-color: rgba
(0, 0, 0, 0.4);
688 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
689 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
=#66000000, endColorstr
=#66000000);
691 text-shadow: 2px 2px 1px #000000;
694 /* Minimal customisation for jQuery widgets */
696 background-color: #fff;
701 background-color: #604dff;
705 #linklist li
.publicLinkHightLight
{
709 div#permalinkQrcode
{
713 background-color: #ffffff;
714 border: 1px solid black
;
721 -webkit-box-shadow: 2px 2px 20px 2px #333333;
722 -moz-box-shadow: 2px 2px 20px 2px #333333;
723 -o-box-shadow: 2px 2px 20px 2px #333333;
724 -ms-box-shadow: 2px 2px 20px 2px #333333;
725 box-shadow: 2px 2px 20px 2px #333333;
729 font-family: Georgia
, 'DejaVu Serif', Norasi
, serif
;
730 background-color: #E6D6BE;
731 /* Background paper texture by BashCorpo:
732 http://www.bashcorpo.dk/textures.php
733 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
734 background-image: url
("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
735 -webkit-background-size: cover
;
736 -moz-background-size: cover
;
737 -o-background-size: cover
;
738 background-size: cover
;
740 border-bottom: 2px solid black
;
764 border: 1px solid black
;
769 padding: 5px 5px 5px 5px;
789 padding: 10px 20px 0px 20px;
796 padding: 0px 20px 30px 20px;
799 /* Individual entries in "Daily": */
801 margin: 5px 10px 2px 5px;
803 border-top: 1px solid
#555;
807 text-decoration: none
;
815 div
.dailyEntryTitle
{
820 div
.dailyEntryLinkdate
{
824 div
.dailyEntryThumbnail
{
827 background-color: rgb
(128, 128, 128);
828 background: url
(../images/50pc_transparent.png);
829 padding: 4px 0px 2px 0px;
832 div
.dailyEntryDescription
{
841 padding: 40px 0px 90px 0px;
847 padding-bottom: 20px;
850 /* Common CSS screwdriver */
859 /* For lazy images loading in picture wall.
860 Using http://www.appelsiini.net/projects/lazyload
866 #configuration_table td
{
875 background: #fff !important
;
876 color: #000 !important
;
881 width: auto
!important
;
882 margin: auto
!important
;
885 /* Minimum numer of lines to display when splitting a paragraph
893 color: #000 !important
;
894 text-decoration: none
!important
;
897 #pageheader, .paging
, #linklist li form
, #footer
{
903 border-top: 2px solid
#000;
907 #linklist li
.private
{
908 background-color: none
;
925 border: 1px solid black
;
931 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
932 /* A few fixes for mobile devices (far from perfect). */
943 border-radius: 5px 5px 5px 5px;
947 .searchform, .tagfilter {
948 display: block
!important
;
949 margin: 0px !important
;
950 padding: 0px !important
;
951 width: 100% !important
;
954 .searchform input, .tagfilter input {
955 margin: 0px !important
;
956 padding: 0px !important
;
957 display: inline
!important
;
960 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
966 width: 70% !important
;
970 width: 70% !important
;
980 .paging_privatelinks {
984 .paging_linksperpage {
990 #paging_older, #paging_newer
, .paging_linksperpage a
{
991 border: 1px solid black
;
992 padding: 3px 5px 3px 5px;
993 background-color: #666;
995 border-radius: 5px 5px 5px 5px;
1019 #daily_col1, #daily_col2
, #daily_col3
{
1037 div
.dailyEntryTitle
{
1042 div
.dailyEntryDescription
{
1047 #toolsdiv a
.button-description
{
1051 /* Highlight search results */
1053 background-color: #FFFF33;