]>
git.immae.eu Git - github/shaarli/Shaarli.git/blob - tpl/default/css/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;
806 div
.dailyEntryPermalink
{
814 padding: 10px 20px 0px 20px;
821 padding: 0px 20px 30px 20px;
824 /* Individual entries in "Daily": */
826 margin: 5px 10px 2px 5px;
828 border-top: 1px solid
#555;
832 text-decoration: none
;
840 div
.dailyEntryTitle
{
845 div
.dailyEntryLinkdate
{
849 div
.dailyEntryThumbnail
{
852 background-color: rgb
(128, 128, 128);
853 background: url
(../images/50pc_transparent.png);
854 padding: 4px 0px 2px 0px;
857 div
.dailyEntryDescription
{
866 padding: 40px 0px 90px 0px;
872 padding-bottom: 20px;
875 /* Common CSS screwdriver */
888 /* For lazy images loading in picture wall.
889 Using http://www.appelsiini.net/projects/lazyload
895 #configuration_table td
{
904 background: #fff !important
;
905 color: #000 !important
;
910 width: auto
!important
;
911 margin: auto
!important
;
914 /* Minimum numer of lines to display when splitting a paragraph
922 color: #000 !important
;
923 text-decoration: none
!important
;
926 #pageheader, .paging
, #linklist li form
, #footer
{
932 border-top: 2px solid
#000;
936 #linklist li
.private
{
937 background-color: none
;
954 border: 1px solid black
;
960 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
961 /* A few fixes for mobile devices (far from perfect). */
963 .tagfilter div.awesomplete {
975 #pageheader #menu ul
{
979 #pageheader #menu a
{
981 border-radius: 3px 3px 3px 3px;
990 padding-bottom: 10px;
993 #headerform label input
[type
=text
],
994 #headerform label input
[type
=password
]{
999 .searchform, .tagfilter {
1000 display: block
!important
;
1001 margin: 0px 3px 7px 0px !important
;
1002 padding: 0px !important
;
1003 width: 97% !important
;
1006 .searchform input, .tagfilter input {
1007 margin: 0px !important
;
1008 padding: 0px !important
;
1009 display: inline
!important
;
1012 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
1018 width: 70% !important
;
1022 width: 70% !important
;
1032 .paging_privatelinks {
1036 .paging_linksperpage {
1038 margin-bottom: 10px;
1042 #paging_older, #paging_newer
, .paging_linksperpage a
{
1043 border: 1px solid black
;
1044 padding: 3px 5px 3px 5px;
1045 background-color: #666;
1047 border-radius: 3px 3px 3px 3px;
1071 #daily_col1, #daily_col2
, #daily_col3
{
1089 div
.dailyEntryTitle
{
1094 div
.dailyEntryDescription
{
1099 #toolsdiv a
.button-description
{
1103 /* Highlight search results */
1105 background-color: #FFFF33;
1119 padding: 20px 0 0 20px;
1122 #pluginsadmin section
{
1126 #pluginsadmin .plugin_parameters
{
1139 #pluginsadmin table
{
1143 #pluginsadmin table
, #pluginsadmin th
, #pluginsadmin td
{
1144 border-width: 1px 0;
1145 border-style: solid
;
1146 border-color: #c0c0c0;
1149 #pluginsadmin table th
{
1154 #pluginsadmin table td
{
1158 #pluginsadmin input
[type
=submit
] {
1162 #pluginsadmin label
{
1166 #pluginsadmin .plugin_parameter
{
1168 border-width: 1px 0;
1169 border-style: solid
;
1170 border-color: #c0c0c0;
1173 #pluginsadmin .float_label
{
1182 #pluginsadmin a
.arrow
{
1193 .error-container h1 {
1194 text-decoration: none
;
1199 .linklist-plugin-icon {