]>
git.immae.eu Git - github/shaarli/Shaarli.git/blob - tpl/default/css/shaarli.css
6d73af3ea115ca027bd9173d6428921deb068c8c
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
;
45 .bigbutton, #pageheader a.bigbutton {
46 background-color: #c0c0c0;
47 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
48 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
49 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
50 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
51 background: -o-linear-gradient
(#c0c0c0, #ffffff);
52 background: linear-gradient
(#c0c0c0, #ffffff);
53 border-radius: 3px 3px 3px 3px;
54 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
62 display: inline-block
;
65 a
.bigbutton
, #pageheader a
.bigbutton
{
71 background-color: #c0c0c0;
72 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
73 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
74 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
75 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
76 background: -o-linear-gradient
(#c0c0c0, #ffffff);
77 background: linear-gradient
(#c0c0c0, #ffffff);
78 border-radius: 3px 3px 3px 3px;
79 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
89 /* Small tab on the left of each link with edit/delete buttons. */
90 .button_edit, .button_delete {
102 padding: 4px 2px 2px 2px;
104 -webkit-border-radius: 0px 6px 6px 0px;
105 -moz-border-radius: 0px 6px 6px 0px;
106 -o-border-radius: 0px 6px 6px 0px;
107 -ms-border-radius: 0px 6px 6px 0px;
108 border-radius: 0px 6px 6px 0px;
112 background-image: url
('../../../images/logo.png');
113 background-repeat: no-repeat
;
115 margin: 0 10px 0 10px;
125 #pageheader #menu ul
{
127 padding: 7px 0px 0px 0px;
131 #pageheader #menu ul li
{
135 box-sizing: border-box
;
139 background-color: #333333;
140 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#000000));
141 background: -webkit-linear-gradient
(#333333, #000000);
142 background: -moz-linear-gradient
(#333333, #000000);
143 background: -ms-linear-gradient
(#333333, #000000);
144 background: -o-linear-gradient
(#333333, #000000);
145 background: linear-gradient
(#333333, #000000);
146 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
148 border-radius: 3px 3px 3px 3px;
149 margin: 10px 3px 3px 3px;
151 text-decoration: none
;
156 #pageheader #linkcount
{
162 margin: 3px 3px 0px 0px;
166 background-color: #333333;
167 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#111111));
168 background: -webkit-linear-gradient
(#333333, #111111);
169 background: -moz-linear-gradient
(#333333, #111111);
170 background: -ms-linear-gradient
(#333333, #111111);
171 background: -o-linear-gradient
(#333333, #111111);
172 background: linear-gradient
(#333333, #111111);
173 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
175 padding: 0 10px 5px 10px;
179 #pageheader .search
{
188 #toolsdiv #bookmark
{
196 .linksperpage, .tagfilter, .searchform, .addform {
197 background-color: #dedede;
198 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
199 background: -webkit-linear-gradient
(#dedede, #ffffff);
200 background: -moz-linear-gradient
(#dedede, #ffffff);
201 background: -ms-linear-gradient
(#dedede, #ffffff);
202 background: -o-linear-gradient
(#dedede, #ffffff);
203 background: linear-gradient
(#dedede, #ffffff);
205 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
208 border-radius: 3px 3px 3px 3px;
209 margin: 10px 3px 3px 3px;
214 box-shadow: 0 0 0 rgba
(0, 0, 0, 0.5);
218 .linksperpage input, .tagfilter input, .searchform input, .addform input {
226 .linksperpage input {
230 .searchform #searchform_value {
238 .tagfilter div.awesomplete {
242 .tagfilter #tagfilter_value {
250 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
251 background-color: #dedede;
252 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
253 background: -webkit-linear-gradient
(#dedede, #ffffff);
254 background: -moz-linear-gradient
(#dedede, #ffffff);
255 background: -ms-linear-gradient
(#dedede, #ffffff);
256 background: -o-linear-gradient
(#dedede, #ffffff);
257 background: linear-gradient
(#dedede, #ffffff);
258 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
259 padding: 0 5px 0 5px;
262 border-radius: 3px 3px 3px 3px;
273 color: #fff !important
;
276 #pageheader a:visited
{
278 text-decoration: none
;
281 #pageheader a:hover
{
283 text-decoration: none
;
286 #pageheader a:active
{
288 text-decoration: none
;
292 padding: 4px 0px 5px 5px;
298 background-color: #777;
306 text-decoration: none
;
321 .paging_privatelinks {
325 .paging_linksperpage {
328 margin: 0px 10px 2px 0px;
331 .paging_linksperpage form.linksperpage {
335 .paging_linksperpage form.linksperpage input {
355 padding: 5px 5px 5px 5px;
359 #headerform input
.linkurl
{
369 #headerform label
[for
=longlastingsession
] {
377 padding: 5px 5px 5px 5px;
383 padding: 5px 5px 5px 5px;
389 padding: 5px 5px 5px 15px;
394 #editlinkform label
{
399 #editlinkform textarea
, #editlinkform
.lf_input
{
404 padding: 4px 10px 15px 20px;
405 border-top: 1px solid
#bbb;
407 background-color: #F2F2F2;
408 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
409 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
410 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
411 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
412 background: -o-linear-gradient
(#F2F2F2, #ffffff);
413 background: linear-gradient
(#F2F2F2, #ffffff);
417 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
431 #linklist li
.private
{
432 background: url
('../images/private.png') no-repeat
4px center
;
440 .private .linktitle a {
450 text-decoration: none
;
464 background-image: url
('../images/calendar.png');
465 padding: 2px 0 3px 20px;
466 background-repeat: no-repeat
;
467 text-decoration: none
;
488 text-decoration: none
;
492 .linkdescription a:hover {
503 background-color: #F2F2F2;
504 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
505 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
506 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
507 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
508 background: -o-linear-gradient
(#F2F2F2, #ffffff);
509 background: linear-gradient
(#F2F2F2, #ffffff);
510 box-shadow: 0 0 2px rgba
(0, 0, 0, 0.5);
511 padding: 3px 5px 3px 20px;
515 background-image: url
('../images/tag_blue.png');
516 background-repeat: no-repeat
;
517 background-position: 3px center
;
518 background-color: #ffffff;
522 border-color: #555573;
528 text-decoration: none
;
532 border-left: 1px solid
#aaa;
543 text-decoration: none
;
548 text-decoration: underline
;
561 margin: 15px auto
15px auto
;
573 background-color: #FFFFA0;
582 #newversion #version_id
{
583 text-decoration: blink
;
600 text-decoration: none
;
608 border: 1px solid black
;
619 padding: 10px 5px 10px 5px;
623 #installform input
.bigbutton
{
627 #changepasswordform {
629 padding: 10px 5px 10px 5px;
635 padding: 10px 5px 10px 5px;
657 padding: 10px 5px 10px 5px;
662 padding: 10px 5px 10px 5px;
668 margin: 0px 10px 0px 10px;
673 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
676 /* If you want thumbnails on the left:
687 /* --- Picture wall CSS --- */
690 background-color: #000;
694 .picwall_pictureframe {
695 background-color: #000;
699 vertical-align: middle
;
708 -webkit-transition: opacity
500ms ease-in-out
;
709 -moz-transition: opacity
500ms ease-in-out
;
710 -o-transition: opacity
500ms ease-in-out
;
711 transition: opacity
500ms ease-in-out
;
718 .picwall_pictureframe img {
722 } /* Adapt the width of the image */
724 .picwall_pictureframe a {
725 text-decoration: none
;
728 /* CSS to show title when hovering an image - no javascript required. */
729 .picwall_pictureframe span.info {
733 .picwall_pictureframe:hover span.info {
743 background-color: transparent
;
744 background-color: rgba
(0, 0, 0, 0.4);
745 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
746 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
=#66000000, endColorstr
=#66000000);
748 text-shadow: 2px 2px 1px #000000;
751 #linklist li
.publicLinkHightLight
{
756 font-family: Georgia
, 'DejaVu Serif', Norasi
, serif
;
757 background-color: #E6D6BE;
758 /* Background paper texture by BashCorpo:
759 http://www.bashcorpo.dk/textures.php
760 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
761 background-image: url
("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
762 -webkit-background-size: cover
;
763 -moz-background-size: cover
;
764 -o-background-size: cover
;
765 background-size: cover
;
767 border-bottom: 2px solid black
;
791 border: 1px solid black
;
796 padding: 5px 5px 5px 5px;
812 div
.dailyEntryPermalink
{
820 padding: 10px 20px 0px 20px;
827 padding: 0px 20px 30px 20px;
830 /* Individual entries in "Daily": */
832 margin: 5px 10px 2px 5px;
834 border-top: 1px solid
#555;
838 text-decoration: none
;
846 div
.dailyEntryTitle
{
851 div
.dailyEntryLinkdate
{
855 div
.dailyEntryThumbnail
{
858 background-color: rgb
(128, 128, 128);
859 background: url
(../images/50pc_transparent.png);
860 padding: 4px 0px 2px 0px;
863 div
.dailyEntryDescription
{
872 padding: 40px 0px 90px 0px;
878 padding-bottom: 20px;
881 /* Common CSS screwdriver */
894 /* For lazy images loading in picture wall.
895 Using http://www.appelsiini.net/projects/lazyload
901 #configuration_table td
{
910 background: #fff !important
;
911 color: #000 !important
;
916 width: auto
!important
;
917 margin: auto
!important
;
920 /* Minimum numer of lines to display when splitting a paragraph
928 color: #000 !important
;
929 text-decoration: none
!important
;
932 #pageheader, .paging
, #linklist li form
, #footer
{
938 border-top: 2px solid
#000;
942 #linklist li
.private
{
943 background-color: none
;
960 border: 1px solid black
;
966 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
967 /* A few fixes for mobile devices (far from perfect). */
969 .tagfilter div.awesomplete {
981 #pageheader #menu ul
{
985 #pageheader #menu a
{
987 border-radius: 3px 3px 3px 3px;
996 padding-bottom: 10px;
999 #headerform label input
[type
=text
],
1000 #headerform label input
[type
=password
]{
1005 .searchform, .tagfilter {
1006 display: block
!important
;
1007 margin: 0px 3px 7px 0px !important
;
1008 padding: 0px !important
;
1009 width: 97% !important
;
1012 .searchform input, .tagfilter input {
1013 margin: 0px !important
;
1014 padding: 0px !important
;
1015 display: inline
!important
;
1018 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton {
1024 width: 70% !important
;
1028 width: 70% !important
;
1038 .paging_privatelinks {
1042 .paging_linksperpage {
1044 margin-bottom: 10px;
1048 #paging_older, #paging_newer
, .paging_linksperpage a
{
1049 border: 1px solid black
;
1050 padding: 3px 5px 3px 5px;
1051 background-color: #666;
1053 border-radius: 3px 3px 3px 3px;
1077 #daily_col1, #daily_col2
, #daily_col3
{
1095 div
.dailyEntryTitle
{
1100 div
.dailyEntryDescription
{
1105 #toolsdiv a
.button-description
{
1109 /* Highlight search results */
1111 background-color: #FFFF33;
1125 padding: 20px 0 0 20px;
1128 #pluginsadmin section
{
1132 #pluginsadmin .plugin_parameters
{
1145 #pluginsadmin table
{
1149 #pluginsadmin table
, #pluginsadmin th
, #pluginsadmin td
{
1150 border-width: 1px 0;
1151 border-style: solid
;
1152 border-color: #c0c0c0;
1155 #pluginsadmin table th
{
1160 #pluginsadmin table td
{
1164 #pluginsadmin input
[type
=submit
] {
1168 #pluginsadmin label
{
1172 #pluginsadmin .plugin_parameter
{
1174 border-width: 1px 0;
1175 border-style: solid
;
1176 border-color: #c0c0c0;
1179 #pluginsadmin .float_label
{
1188 #pluginsadmin a
.arrow
{
1199 .error-container h1 {
1200 text-decoration: none
;
1205 .linklist-plugin-icon {