]>
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: 3px 3px 3px 3px;
26 text-decoration: none
;
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);
65 background-color: #c0c0c0;
66 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
67 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
68 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
69 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
70 background: -o-linear-gradient
(#c0c0c0, #ffffff);
71 background: linear-gradient
(#c0c0c0, #ffffff);
72 border-radius: 3px 3px 3px 3px;
73 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
83 /* Small tab on the left of each link with edit/delete buttons. */
84 .button_edit, .button_delete {
96 padding: 4px 2px 2px 2px;
98 -webkit-border-radius: 0px 6px 6px 0px;
99 -moz-border-radius: 0px 6px 6px 0px;
100 -o-border-radius: 0px 6px 6px 0px;
101 -ms-border-radius: 0px 6px 6px 0px;
102 border-radius: 0px 6px 6px 0px;
106 background-image: url
('../images/logo.png');
107 background-repeat: no-repeat
;
109 margin: 0 10px 0 10px;
119 #pageheader #menu ul
{
121 padding: 7px 0px 0px 0px;
125 #pageheader #menu ul li
{
129 box-sizing: border-box
;
133 background-color: #333333;
134 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#000000));
135 background: -webkit-linear-gradient
(#333333, #000000);
136 background: -moz-linear-gradient
(#333333, #000000);
137 background: -ms-linear-gradient
(#333333, #000000);
138 background: -o-linear-gradient
(#333333, #000000);
139 background: linear-gradient
(#333333, #000000);
140 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
142 border-radius: 3px 3px 3px 3px;
143 margin: 10px 3px 3px 3px;
145 text-decoration: none
;
150 #pageheader #linkcount
{
156 margin: 3px 3px 0px 0px;
160 background-color: #333333;
161 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#111111));
162 background: -webkit-linear-gradient
(#333333, #111111);
163 background: -moz-linear-gradient
(#333333, #111111);
164 background: -ms-linear-gradient
(#333333, #111111);
165 background: -o-linear-gradient
(#333333, #111111);
166 background: linear-gradient
(#333333, #111111);
167 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
169 padding: 0 10px 5px 10px;
173 #pageheader .search
{
182 #toolsdiv #bookmark
{
190 .linksperpage, .tagfilter, .searchform, .addform {
191 background-color: #dedede;
192 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
193 background: -webkit-linear-gradient
(#dedede, #ffffff);
194 background: -moz-linear-gradient
(#dedede, #ffffff);
195 background: -ms-linear-gradient
(#dedede, #ffffff);
196 background: -o-linear-gradient
(#dedede, #ffffff);
197 background: linear-gradient
(#dedede, #ffffff);
199 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
202 border-radius: 3px 3px 3px 3px;
203 margin: 10px 3px 3px 3px;
208 box-shadow: 0 0 0 rgba
(0, 0, 0, 0.5);
212 .linksperpage input, .tagfilter input, .searchform input, .addform input {
220 .linksperpage input {
224 .searchform #searchform_value {
232 .tagfilter div.awesomplete {
236 .tagfilter #tagfilter_value {
244 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
245 background-color: #dedede;
246 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
247 background: -webkit-linear-gradient
(#dedede, #ffffff);
248 background: -moz-linear-gradient
(#dedede, #ffffff);
249 background: -ms-linear-gradient
(#dedede, #ffffff);
250 background: -o-linear-gradient
(#dedede, #ffffff);
251 background: linear-gradient
(#dedede, #ffffff);
252 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
253 padding: 0 5px 0 5px;
256 border-radius: 3px 3px 3px 3px;
267 color: #fff !important
;
270 #pageheader a:visited
{
272 text-decoration: none
;
275 #pageheader a:hover
{
277 text-decoration: none
;
280 #pageheader a:active
{
282 text-decoration: none
;
286 padding: 4px 0px 5px 5px;
292 background-color: #777;
300 text-decoration: none
;
315 .paging_privatelinks {
319 .paging_linksperpage {
322 margin: 0px 10px 2px 0px;
325 .paging_linksperpage form.linksperpage {
329 .paging_linksperpage form.linksperpage input {
349 padding: 5px 5px 5px 5px;
353 #headerform input
.linkurl
{
363 #headerform label
[for
=longlastingsession
] {
371 padding: 5px 5px 5px 5px;
377 padding: 5px 5px 5px 5px;
383 padding: 5px 5px 5px 15px;
388 #editlinkform label
{
393 #editlinkform textarea
, #editlinkform
.lf_input
{
398 padding: 4px 10px 15px 20px;
399 border-top: 1px solid
#bbb;
401 background-color: #F2F2F2;
402 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
403 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
404 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
405 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
406 background: -o-linear-gradient
(#F2F2F2, #ffffff);
407 background: linear-gradient
(#F2F2F2, #ffffff);
411 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
425 #linklist li
.private
{
426 background: url
('../images/private.png') no-repeat
4px center
;
434 .private .linktitle a {
444 text-decoration: none
;
458 background-image: url
('../images/calendar.png');
459 padding: 2px 0 3px 20px;
460 background-repeat: no-repeat
;
461 text-decoration: none
;
482 text-decoration: none
;
486 .linkdescription a:hover {
497 background-color: #F2F2F2;
498 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
499 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
500 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
501 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
502 background: -o-linear-gradient
(#F2F2F2, #ffffff);
503 background: linear-gradient
(#F2F2F2, #ffffff);
504 box-shadow: 0 0 2px rgba
(0, 0, 0, 0.5);
505 padding: 3px 5px 3px 20px;
509 background-image: url
('../images/tag_blue.png');
510 background-repeat: no-repeat
;
511 background-position: 3px center
;
512 background-color: #ffffff;
516 border-color: #555573;
522 text-decoration: none
;
526 border-left: 1px solid
#aaa;
537 text-decoration: none
;
542 text-decoration: underline
;
555 margin: 15px auto
15px auto
;
567 background-color: #FFFFA0;
576 #newversion #version_id
{
577 text-decoration: blink
;
594 text-decoration: none
;
602 border: 1px solid black
;
613 padding: 10px 5px 10px 5px;
617 #installform input
.bigbutton
{
621 #changepasswordform {
623 padding: 10px 5px 10px 5px;
629 padding: 10px 5px 10px 5px;
651 padding: 10px 5px 10px 5px;
656 padding: 10px 5px 10px 5px;
662 margin: 0px 10px 0px 10px;
667 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
670 /* If you want thumbnails on the left:
681 /* --- Picture wall CSS --- */
684 background-color: #000;
688 .picwall_pictureframe {
689 background-color: #000;
693 vertical-align: middle
;
702 -webkit-transition: opacity
500ms ease-in-out
;
703 -moz-transition: opacity
500ms ease-in-out
;
704 -o-transition: opacity
500ms ease-in-out
;
705 transition: opacity
500ms ease-in-out
;
712 .picwall_pictureframe img {
716 } /* Adapt the width of the image */
718 .picwall_pictureframe a {
719 text-decoration: none
;
722 /* CSS to show title when hovering an image - no javascript required. */
723 .picwall_pictureframe span.info {
727 .picwall_pictureframe:hover span.info {
737 background-color: transparent
;
738 background-color: rgba
(0, 0, 0, 0.4);
739 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
740 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
=#66000000, endColorstr
=#66000000);
742 text-shadow: 2px 2px 1px #000000;
745 #linklist li
.publicLinkHightLight
{
750 font-family: Georgia
, 'DejaVu Serif', Norasi
, serif
;
751 background-color: #E6D6BE;
752 /* Background paper texture by BashCorpo:
753 http://www.bashcorpo.dk/textures.php
754 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
755 background-image: url
("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
756 -webkit-background-size: cover
;
757 -moz-background-size: cover
;
758 -o-background-size: cover
;
759 background-size: cover
;
761 border-bottom: 2px solid black
;
785 border: 1px solid black
;
790 padding: 5px 5px 5px 5px;
810 padding: 10px 20px 0px 20px;
817 padding: 0px 20px 30px 20px;
820 /* Individual entries in "Daily": */
822 margin: 5px 10px 2px 5px;
824 border-top: 1px solid
#555;
828 text-decoration: none
;
836 div
.dailyEntryTitle
{
841 div
.dailyEntryLinkdate
{
845 div
.dailyEntryThumbnail
{
848 background-color: rgb
(128, 128, 128);
849 background: url
(../images/50pc_transparent.png);
850 padding: 4px 0px 2px 0px;
853 div
.dailyEntryDescription
{
862 padding: 40px 0px 90px 0px;
868 padding-bottom: 20px;
871 /* Common CSS screwdriver */
884 /* For lazy images loading in picture wall.
885 Using http://www.appelsiini.net/projects/lazyload
891 #configuration_table td
{
900 background: #fff !important
;
901 color: #000 !important
;
906 width: auto
!important
;
907 margin: auto
!important
;
910 /* Minimum numer of lines to display when splitting a paragraph
918 color: #000 !important
;
919 text-decoration: none
!important
;
922 #pageheader, .paging
, #linklist li form
, #footer
{
928 border-top: 2px solid
#000;
932 #linklist li
.private
{
933 background-color: none
;
950 border: 1px solid black
;
956 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
957 /* A few fixes for mobile devices (far from perfect). */
959 .tagfilter div.awesomplete {
971 #pageheader #menu ul
{
975 #pageheader #menu a
{
977 border-radius: 3px 3px 3px 3px;
986 padding-bottom: 10px;
989 #headerform label input
[type
=text
],
990 #headerform label input
[type
=password
]{
995 .searchform, .tagfilter {
996 display: block
!important
;
997 margin: 0px 3px 7px 0px !important
;
998 padding: 0px !important
;
999 width: 97% !important
;
1002 .searchform input, .tagfilter input {
1003 margin: 0px !important
;
1004 padding: 0px !important
;
1005 display: inline
!important
;
1008 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
1014 width: 70% !important
;
1018 width: 70% !important
;
1028 .paging_privatelinks {
1032 .paging_linksperpage {
1034 margin-bottom: 10px;
1038 #paging_older, #paging_newer
, .paging_linksperpage a
{
1039 border: 1px solid black
;
1040 padding: 3px 5px 3px 5px;
1041 background-color: #666;
1043 border-radius: 3px 3px 3px 3px;
1067 #daily_col1, #daily_col2
, #daily_col3
{
1085 div
.dailyEntryTitle
{
1090 div
.dailyEntryDescription
{
1095 #toolsdiv a
.button-description
{
1099 /* Highlight search results */
1101 background-color: #FFFF33;
1115 padding: 20px 0 0 20px;
1118 #pluginsadmin section
{
1122 #pluginsadmin .plugin_parameters
{
1135 #pluginsadmin table
{
1139 #pluginsadmin table
, #pluginsadmin th
, #pluginsadmin td
{
1140 border-width: 1px 0;
1141 border-style: solid
;
1142 border-color: #c0c0c0;
1145 #pluginsadmin table th
{
1150 #pluginsadmin table td
{
1154 #pluginsadmin input
[type
=submit
] {
1158 #pluginsadmin label
{
1162 #pluginsadmin .plugin_parameter
{
1164 border-width: 1px 0;
1165 border-style: solid
;
1166 border-color: #c0c0c0;
1169 #pluginsadmin .float_label
{
1178 #pluginsadmin a
.arrow
{
1189 .error-container h1 {
1190 text-decoration: none
;
1195 .linklist-plugin-icon {