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
;
49 .bigbutton, #pageheader a.bigbutton {
50 background-color: #c0c0c0;
51 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
52 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
53 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
54 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
55 background: -o-linear-gradient
(#c0c0c0, #ffffff);
56 background: linear-gradient
(#c0c0c0, #ffffff);
57 border-radius: 3px 3px 3px 3px;
58 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
66 display: inline-block
;
69 a
.bigbutton
, #pageheader a
.bigbutton
{
75 background-color: #c0c0c0;
76 background: -moz-linear-gradient
(#c0c0c0, #ffffff) repeat scroll
0 0 transparent
;
77 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#c0c0c0), to
(#ffffff));
78 background: -webkit-linear-gradient
(#c0c0c0, #ffffff);
79 background: -ms-linear-gradient
(#c0c0c0, #ffffff);
80 background: -o-linear-gradient
(#c0c0c0, #ffffff);
81 background: linear-gradient
(#c0c0c0, #ffffff);
82 border-radius: 3px 3px 3px 3px;
83 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.5);
93 /* Small tab on the left of each link with edit/delete buttons. */
94 .button_edit, .button_delete {
106 padding: 4px 2px 2px 2px;
108 -webkit-border-radius: 0px 6px 6px 0px;
109 -moz-border-radius: 0px 6px 6px 0px;
110 -o-border-radius: 0px 6px 6px 0px;
111 -ms-border-radius: 0px 6px 6px 0px;
112 border-radius: 0px 6px 6px 0px;
116 background-image: url
('../img/logo.png');
117 background-repeat: no-repeat
;
119 margin: 0 10px 0 10px;
129 #pageheader #menu ul
{
131 padding: 7px 0px 0px 0px;
135 #pageheader #menu ul li
{
139 box-sizing: border-box
;
143 background-color: #333333;
144 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#000000));
145 background: -webkit-linear-gradient
(#333333, #000000);
146 background: -moz-linear-gradient
(#333333, #000000);
147 background: -ms-linear-gradient
(#333333, #000000);
148 background: -o-linear-gradient
(#333333, #000000);
149 background: linear-gradient
(#333333, #000000);
150 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
152 border-radius: 3px 3px 3px 3px;
153 margin: 10px 3px 3px 3px;
155 text-decoration: none
;
160 #pageheader #linkcount
{
166 margin: 3px 3px 0px 0px;
170 background-color: #333333;
171 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#333333), to
(#111111));
172 background: -webkit-linear-gradient
(#333333, #111111);
173 background: -moz-linear-gradient
(#333333, #111111);
174 background: -ms-linear-gradient
(#333333, #111111);
175 background: -o-linear-gradient
(#333333, #111111);
176 background: linear-gradient
(#333333, #111111);
177 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
179 padding: 0 10px 5px 10px;
183 #pageheader .search
{
192 #toolsdiv #bookmark
{
200 .linksperpage, .tagfilter, .searchform, .addform {
201 background-color: #dedede;
202 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
203 background: -webkit-linear-gradient
(#dedede, #ffffff);
204 background: -moz-linear-gradient
(#dedede, #ffffff);
205 background: -ms-linear-gradient
(#dedede, #ffffff);
206 background: -o-linear-gradient
(#dedede, #ffffff);
207 background: linear-gradient
(#dedede, #ffffff);
209 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
212 border-radius: 3px 3px 3px 3px;
213 margin: 10px 3px 3px 3px;
218 box-shadow: 0 0 0 rgba
(0, 0, 0, 0.5);
222 .linksperpage input, .tagfilter input, .searchform input, .addform input {
230 .linksperpage input {
234 .searchform #searchform_value {
242 .tagfilter div.awesomplete {
246 .tagfilter #tagfilter_value {
254 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
255 background-color: #dedede;
256 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#dedede), to
(#ffffff));
257 background: -webkit-linear-gradient
(#dedede, #ffffff);
258 background: -moz-linear-gradient
(#dedede, #ffffff);
259 background: -ms-linear-gradient
(#dedede, #ffffff);
260 background: -o-linear-gradient
(#dedede, #ffffff);
261 background: linear-gradient
(#dedede, #ffffff);
262 box-shadow: 0 1px 2px rgba
(0, 0, 0, 0.5);
263 padding: 0 5px 0 5px;
266 border-radius: 3px 3px 3px 3px;
277 color: #fff !important
;
280 #pageheader a:visited
{
282 text-decoration: none
;
285 #pageheader a:hover
{
287 text-decoration: none
;
290 #pageheader a:active
{
292 text-decoration: none
;
296 padding: 4px 0px 5px 5px;
302 background-color: #777;
310 text-decoration: none
;
325 .paging_privatelinks {
329 .paging_linksperpage {
332 margin: 0px 10px 2px 0px;
335 .paging_linksperpage form.linksperpage {
339 .paging_linksperpage form.linksperpage input {
359 padding: 5px 5px 5px 5px;
363 #headerform input
.linkurl
{
373 #headerform label
[for
=longlastingsession
] {
381 padding: 5px 5px 5px 5px;
387 padding: 5px 5px 5px 5px;
393 padding: 5px 5px 5px 15px;
398 #editlinkform label
{
403 #editlinkform textarea
, #editlinkform
.lf_input
{
408 padding: 4px 10px 15px 20px;
409 border-top: 1px solid
#bbb;
411 background-color: #F2F2F2;
412 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
413 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
414 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
415 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
416 background: -o-linear-gradient
(#F2F2F2, #ffffff);
417 background: linear-gradient
(#F2F2F2, #ffffff);
421 #linklist li.publicLinkHightLight:hover, #linklist li:hover {
435 #linklist li
.private
{
436 background: url
('../img/private.png') no-repeat
4px center
;
444 .private .linktitle a {
454 text-decoration: none
;
468 background-image: url
('../img/calendar.png');
469 padding: 2px 0 3px 20px;
470 background-repeat: no-repeat
;
471 text-decoration: none
;
492 text-decoration: none
;
496 .linkdescription a:hover {
507 background-color: #F2F2F2;
508 background: -webkit-gradient
(linear
, 0 0, 0 bottom
, from
(#F2F2F2), to
(#ffffff));
509 background: -webkit-linear-gradient
(#F2F2F2, #ffffff);
510 background: -moz-linear-gradient
(#F2F2F2, #ffffff);
511 background: -ms-linear-gradient
(#F2F2F2, #ffffff);
512 background: -o-linear-gradient
(#F2F2F2, #ffffff);
513 background: linear-gradient
(#F2F2F2, #ffffff);
514 box-shadow: 0 0 2px rgba
(0, 0, 0, 0.5);
515 padding: 3px 5px 3px 20px;
519 background-image: url
('../img/tag_blue.png');
520 background-repeat: no-repeat
;
521 background-position: 3px center
;
522 background-color: #ffffff;
526 border-color: #555573;
532 text-decoration: none
;
536 border-left: 1px solid
#aaa;
547 text-decoration: none
;
552 text-decoration: underline
;
565 margin: 15px auto
15px auto
;
577 background-color: #FFFFA0;
586 #newversion #version_id
{
587 text-decoration: blink
;
604 text-decoration: none
;
612 border: 1px solid black
;
623 padding: 10px 5px 10px 5px;
627 #installform input
.bigbutton
{
631 #changepasswordform {
633 padding: 10px 5px 10px 5px;
639 padding: 10px 5px 10px 5px;
661 padding: 10px 5px 10px 5px;
666 padding: 10px 5px 10px 5px;
672 margin: 0px 10px 0px 10px;
677 box-shadow: 0.5px 0.5px 0.5px 1px #dde4e6;
680 /* If you want thumbnails on the left:
691 /* --- Picture wall CSS --- */
694 background-color: #000;
698 .picwall_pictureframe {
699 background-color: #000;
703 vertical-align: middle
;
712 -webkit-transition: opacity
500ms ease-in-out
;
713 -moz-transition: opacity
500ms ease-in-out
;
714 -o-transition: opacity
500ms ease-in-out
;
715 transition: opacity
500ms ease-in-out
;
722 .picwall_pictureframe img {
726 } /* Adapt the width of the image */
728 .picwall_pictureframe a {
729 text-decoration: none
;
732 /* CSS to show title when hovering an image - no javascript required. */
733 .picwall_pictureframe span.info {
737 .picwall_pictureframe:hover span.info {
747 background-color: transparent
;
748 background-color: rgba
(0, 0, 0, 0.4);
750 text-shadow: 2px 2px 1px #000000;
753 #linklist li
.publicLinkHightLight
{
758 font-family: Georgia
, 'DejaVu Serif', Norasi
, serif
;
759 background-color: #E6D6BE;
760 /* Background paper texture by BashCorpo:
761 http://www.bashcorpo.dk/textures.php
762 http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998 */
763 background-image: url
("../img/Paper_texture_v5_by_bashcorpo_w1000.jpg");
764 -webkit-background-size: cover
;
765 -moz-background-size: cover
;
766 -o-background-size: cover
;
767 background-size: cover
;
769 border-bottom: 2px solid black
;
793 border: 1px solid black
;
798 padding: 5px 5px 5px 5px;
814 div
.dailyEntryPermalink
{
822 padding: 10px 20px 0px 20px;
829 padding: 0px 20px 30px 20px;
832 /* Individual entries in "Daily": */
834 margin: 5px 10px 2px 5px;
836 border-top: 1px solid
#555;
840 text-decoration: none
;
848 div
.dailyEntryTitle
{
853 div
.dailyEntryLinkdate
{
857 div
.dailyEntryThumbnail
{
860 background-color: rgb
(128, 128, 128);
861 background: url
(../img/50pc_transparent.png);
862 padding: 4px 0px 2px 0px;
865 div
.dailyEntryDescription
{
874 padding: 40px 0px 90px 0px;
880 padding-bottom: 20px;
883 /* Common CSS screwdriver */
896 /* For lazy images loading in picture wall.
897 Using http://www.appelsiini.net/projects/lazyload
903 #configuration_table td
{
912 background: #fff !important
;
913 color: #000 !important
;
918 width: auto
!important
;
919 margin: auto
!important
;
922 /* Minimum numer of lines to display when splitting a paragraph
930 color: #000 !important
;
931 text-decoration: none
!important
;
934 #pageheader, .paging
, #linklist li form
, #footer
{
940 border-top: 2px solid
#000;
944 #linklist li
.private
{
945 background-color: none
;
962 border: 1px solid black
;
968 @media handheld
, only screen and
(max-width: 480px), only screen and
(max-device-width: 854px) {
969 /* A few fixes for mobile devices (far from perfect). */
971 .tagfilter div.awesomplete {
983 #pageheader #menu ul
{
987 #pageheader #menu a
{
989 border-radius: 3px 3px 3px 3px;
998 padding-bottom: 10px;
1001 #headerform label input
[type
=text
],
1002 #headerform label input
[type
=password
]{
1007 .searchform, .tagfilter {
1008 display: block
!important
;
1009 margin: 0px 3px 7px 0px !important
;
1010 padding: 0px !important
;
1011 width: 97% !important
;
1014 .searchform input, .tagfilter input {
1015 margin: 0px !important
;
1016 padding: 0px !important
;
1017 display: inline
!important
;
1020 .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton, a.bigbutton {
1026 width: 70% !important
;
1030 width: 70% !important
;
1040 .paging_privatelinks {
1044 .paging_linksperpage {
1046 margin-bottom: 10px;
1050 #paging_older, #paging_newer
, .paging_linksperpage a
{
1051 border: 1px solid black
;
1052 padding: 3px 5px 3px 5px;
1053 background-color: #666;
1055 border-radius: 3px 3px 3px 3px;
1079 #daily_col1, #daily_col2
, #daily_col3
{
1097 div
.dailyEntryTitle
{
1102 div
.dailyEntryDescription
{
1107 #toolsdiv a
.button-description
{
1111 /* Highlight search results */
1113 background-color: #FFFF33;
1137 padding: 20px 0 0 20px;
1140 #pluginsadmin section
{
1144 #pluginsadmin .plugin_parameters
{
1157 #pluginsadmin table
{
1161 #pluginsadmin table
, #pluginsadmin th
, #pluginsadmin td
{
1162 border-width: 1px 0;
1163 border-style: solid
;
1164 border-color: #c0c0c0;
1167 #pluginsadmin table th
{
1172 #pluginsadmin table td
{
1176 #pluginsadmin input
[type
=submit
] {
1180 #pluginsadmin label
{
1184 #pluginsadmin .plugin_parameter
{
1186 border-width: 1px 0;
1187 border-style: solid
;
1188 border-color: #c0c0c0;
1191 #pluginsadmin .float_label
{
1200 #pluginsadmin a
.arrow
{
1211 .error-container h1 {
1212 text-decoration: none
;
1217 .linklist-plugin-icon {
1222 .thumbnails-update-container {
1228 .thumbnails-update-container .thumbnail-placeholder {
1233 .thumbnails-update-container .thumbnail-link-title {
1237 padding-bottom: 20px;
1239 text-overflow: ellipsis
;
1240 white-space: nowrap
;
1245 background-color: #111;
1249 .progressbar > div {
1250 border-radius: 10px;
1251 background: repeating-linear-gradient
(
1268 transform: rotate
(0deg);
1272 transform: rotate
(360deg);
1276 .loading-input .icon-container {
1279 top: calc
(50% - 10px);
1282 .loading-input .loader {
1286 display: inline-block
;
1287 animation: around
5.4s infinite
;
1290 .loading-input
.loader::after
,
1291 .loading-input .loader::before {
1295 display: inline-block
;
1299 border-color: #333 #333 transparent transparent
;
1300 border-style: solid
;
1301 border-radius: 20px;
1302 box-sizing: border-box
;
1305 animation: around
0.7s ease-in-out infinite
;
1308 .loading-input .loader::after {
1309 animation: around
0.7s ease-in-out
0.1s infinite
;
1310 background: transparent
;