]>
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
;
42 background-color: #c0c0c0;
43 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
44 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
45 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
46 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
47 background: -o-linear-gradient
(#c0c0c0, #ffffff);
48 background: linear-gradient
(#c0c0c0, #ffffff);
49 border-radius: 3px 3px 3px 3px;
50 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
61 background-color: #c0c0c0;
62 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
63 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
64 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
65 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
66 background: -o-linear-gradient
(#c0c0c0, #ffffff);
67 background: linear-gradient
(#c0c0c0, #ffffff);
68 border-radius: 3px 3px 3px 3px;
69 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
79 /* Small tab on the left of each link with edit/delete buttons. */
80 .button_edit, .button_delete {
92 padding: 4px 2px 2px 2px;
94 -webkit-border-radius: 0px 6px 6px 0px;
95 -moz-border-radius: 0px 6px 6px 0px;
96 -o-border-radius: 0px 6px 6px 0px;
97 -ms-border-radius: 0px 6px 6px 0px;
98 border-radius: 0px 6px 6px 0px;
102 background-image: url
('../images/logo.png');
103 background-repeat: no-repeat
;
105 margin: 0 10px 0 10px;
115 #pageheader #menu ul
{
117 padding: 7px 0px 0px 0px;
121 #pageheader #menu ul li
{
125 box-sizing: border-box
;
129 background-color: #333333;
130 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#000000));
131 background: -webkit-linear-gradient
(#333333, #000000);
132 background: -moz-linear-gradient
(#333333, #000000);
133 background: -ms-linear-gradient
(#333333, #000000);
134 background: -o-linear-gradient
(#333333, #000000);
135 background: linear-gradient
(#333333, #000000);
136 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
138 border-radius: 3px 3px 3px 3px;
139 margin: 10px 3px 3px 3px;
141 text-decoration: none
;
146 #pageheader #linkcount
{
152 margin: 3px 3px 0px 0px;
156 background-color: #333333;
157 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#111111));
158 background: -webkit-linear-gradient
(#333333, #111111);
159 background: -moz-linear-gradient
(#333333, #111111);
160 background: -ms-linear-gradient
(#333333, #111111);
161 background: -o-linear-gradient
(#333333, #111111);
162 background: linear-gradient
(#333333, #111111);
163 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
165 padding: 0 10px 5px 10px;
169 #pageheader .search
{
178 #toolsdiv #bookmark
{
186 .linksperpage, .tagfilter, .searchform, .addform {
187 background-color: #dedede;
188 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
189 background: -webkit-linear-gradient
(#dedede, #ffffff);
190 background: -moz-linear-gradient
(#dedede, #ffffff);
191 background: -ms-linear-gradient
(#dedede, #ffffff);
192 background: -o-linear-gradient
(#dedede, #ffffff);
193 background: linear-gradient
(#dedede, #ffffff);
195 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
198 border-radius: 3px 3px 3px 3px;
199 margin: 10px 3px 3px 3px;
204 box-shadow: 0 0 0 rgba
(0, 0, 0, 0.5);
208 .linksperpage input, .tagfilter input, .searchform input, .addform input {
216 .linksperpage input {
220 .searchform #searchform_value {
228 .tagfilter div.awesomplete {
232 .tagfilter #tagfilter_value {
240 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
241 background-color: #dedede;
242 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
243 background: -webkit-linear-gradient
(#dedede, #ffffff);
244 background: -moz-linear-gradient
(#dedede, #ffffff);
245 background: -ms-linear-gradient
(#dedede, #ffffff);
246 background: -o-linear-gradient
(#dedede, #ffffff);
247 background: linear-gradient
(#dedede, #ffffff);
248 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
249 padding: 0 5px 0 5px;
252 border-radius: 3px 3px 3px 3px;
263 color: #fff !important
;
266 #pageheader a:visited
{
268 text-decoration: none
;
271 #pageheader a:hover
{
273 text-decoration: none
;
276 #pageheader a:active
{
278 text-decoration: none
;
282 padding: 4px 0px 5px 5px;
288 background-color: #777;
296 text-decoration: none
;
311 .paging_privatelinks {
315 .paging_linksperpage {
318 margin: 0px 10px 2px 0px;
321 .paging_linksperpage form.linksperpage {
325 .paging_linksperpage form.linksperpage input {
345 padding: 5px 5px 5px 5px;
349 #headerform input
.linkurl
{
359 #headerform label
[for
=longlastingsession
] {
367 padding: 5px 5px 5px 5px;
373 padding: 5px 5px 5px 5px;
379 padding: 5px 5px 5px 15px;
384 #editlinkform label
{
389 #editlinkform textarea
, #editlinkform
.lf_input
{
394 padding: 4px 10px 15px 20px;
395 border-top: 1px solid
#bbb;
397 background-color: #F2F2F2;
398 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
399 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
400 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
401 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
402 background: -o-linear-gradient
(#F2F2F2, #ffffff);
403 background: linear-gradient
(#F2F2F2, #ffffff);
407 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
421 #linklist li
.private
{
422 background: url
('../images/private.png') no-repeat
4px center
;
430 .private .linktitle a {
440 text-decoration: none
;
454 background-image: url
('../images/calendar.png');
455 padding: 2px 0 3px 20px;
456 background-repeat: no-repeat
;
457 text-decoration: none
;
478 text-decoration: none
;
482 .linkdescription a:hover {
493 background-color: #F2F2F2;
494 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
495 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
496 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
497 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
498 background: -o-linear-gradient
(#F2F2F2, #ffffff);
499 background: linear-gradient
(#F2F2F2, #ffffff);
500 box-shadow: 0 0 2px rgba
(0, 0, 0, 0.5);
501 padding: 3px 5px 3px 20px;
505 background-image: url
('../images/tag_blue.png');
506 background-repeat: no-repeat
;
507 background-position: 3px center
;
508 background-color: #ffffff;
512 border-color: #555573;
518 text-decoration: none
;
522 border-left: 1px solid
#aaa;
533 text-decoration: none
;
538 text-decoration: underline
;
551 margin: 15px auto
15px auto
;
563 background-color: #FFFFA0;
572 #newversion #version_id
{
573 text-decoration: blink
;
590 text-decoration: none
;
598 border: 1px solid black
;
609 padding: 10px 5px 10px 5px;
613 #installform input
.bigbutton
{
617 #changepasswordform {
619 padding: 10px 5px 10px 5px;
625 padding: 10px 5px 10px 5px;
647 padding: 10px 5px 10px 5px;
652 padding: 10px 5px 10px 5px;
658 margin: 0px 10px 0px 10px;
663 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
666 /* If you want thumbnails on the left:
677 /* --- Picture wall CSS --- */
680 background-color: #000;
684 .picwall_pictureframe {
685 background-color: #000;
689 vertical-align: middle
;
698 -webkit-transition: opacity
500ms ease-in-out
;
699 -moz-transition: opacity
500ms ease-in-out
;
700 -o-transition: opacity
500ms ease-in-out
;
701 transition: opacity
500ms ease-in-out
;
708 .picwall_pictureframe img {
712 } /* Adapt the width of the image */
714 .picwall_pictureframe a {
715 text-decoration: none
;
718 /* CSS to show title when hovering an image - no javascript required. */
719 .picwall_pictureframe span.info {
723 .picwall_pictureframe:hover span.info {
733 background-color: transparent
;
734 background-color: rgba
(0, 0, 0, 0.4);
735 /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
736 filter: progid: DXImageTransform
.Microsoft
.gradient
(startColorstr
=#66000000, endColorstr
=#66000000);
738 text-shadow: 2px 2px 1px #000000;
741 #linklist li
.publicLinkHightLight
{
746 font-family: Georgia
, 'DejaVu Serif', Norasi
, serif
;
747 background-color: #E6D6BE;
748 /* Background paper texture by BashCorpo:
749 http://www.bashcorpo.dk/textures.php
750 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
751 background-image: url
("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
752 -webkit-background-size: cover
;
753 -moz-background-size: cover
;
754 -o-background-size: cover
;
755 background-size: cover
;
757 border-bottom: 2px solid black
;
781 border: 1px solid black
;
786 padding: 5px 5px 5px 5px;
806 padding: 10px 20px 0px 20px;
813 padding: 0px 20px 30px 20px;
816 /* Individual entries in "Daily": */
818 margin: 5px 10px 2px 5px;
820 border-top: 1px solid
#555;
824 text-decoration: none
;
832 div
.dailyEntryTitle
{
837 div
.dailyEntryLinkdate
{
841 div
.dailyEntryThumbnail
{
844 background-color: rgb
(128, 128, 128);
845 background: url
(../images/50pc_transparent.png);
846 padding: 4px 0px 2px 0px;
849 div
.dailyEntryDescription
{
858 padding: 40px 0px 90px 0px;
864 padding-bottom: 20px;
867 /* Common CSS screwdriver */
880 /* For lazy images loading in picture wall.
881 Using http://www.appelsiini.net/projects/lazyload
887 #configuration_table td
{
896 background: #fff !important
;
897 color: #000 !important
;
902 width: auto
!important
;
903 margin: auto
!important
;
906 /* Minimum numer of lines to display when splitting a paragraph
914 color: #000 !important
;
915 text-decoration: none
!important
;
918 #pageheader, .paging
, #linklist li form
, #footer
{
924 border-top: 2px solid
#000;
928 #linklist li
.private
{
929 background-color: none
;
946 border: 1px solid black
;
952 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
953 /* A few fixes for mobile devices (far from perfect). */
955 .tagfilter div.awesomplete {
967 #pageheader #menu ul
{
971 #pageheader #menu a
{
973 border-radius: 3px 3px 3px 3px;
982 padding-bottom: 10px;
985 #headerform label input
[type
=text
],
986 #headerform label input
[type
=password
]{
991 .searchform, .tagfilter {
992 display: block
!important
;
993 margin: 0px 3px 7px 0px !important
;
994 padding: 0px !important
;
995 width: 97% !important
;
998 .searchform input, .tagfilter input {
999 margin: 0px !important
;
1000 padding: 0px !important
;
1001 display: inline
!important
;
1004 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
1010 width: 70% !important
;
1014 width: 70% !important
;
1024 .paging_privatelinks {
1028 .paging_linksperpage {
1030 margin-bottom: 10px;
1034 #paging_older, #paging_newer
, .paging_linksperpage a
{
1035 border: 1px solid black
;
1036 padding: 3px 5px 3px 5px;
1037 background-color: #666;
1039 border-radius: 3px 3px 3px 3px;
1063 #daily_col1, #daily_col2
, #daily_col3
{
1081 div
.dailyEntryTitle
{
1086 div
.dailyEntryDescription
{
1091 #toolsdiv a
.button-description
{
1095 /* Highlight search results */
1097 background-color: #FFFF33;
1111 padding: 20px 0 0 20px;
1114 #pluginsadmin section
{
1118 #pluginsadmin .plugin_parameters
{
1131 #pluginsadmin table
{
1135 #pluginsadmin table
, #pluginsadmin th
, #pluginsadmin td
{
1136 border-width: 1px 0;
1137 border-style: solid
;
1138 border-color: #c0c0c0;
1141 #pluginsadmin table th
{
1146 #pluginsadmin table td
{
1150 #pluginsadmin input
[type
=submit
] {
1154 #pluginsadmin .plugin_parameter
{
1156 border-width: 1px 0;
1157 border-style: solid
;
1158 border-color: #c0c0c0;
1161 #pluginsadmin .float_label
{
1176 .error-container h1 {
1177 text-decoration: none
;