-/* Cascading Stylesheet for Shaarli - http://sebsauvage.net/wiki/doku.php?id=php:shaarli */
-
-/* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
-/*
- Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html
- version: 2.8.2r1
- */
-html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
+/* Cascading Stylesheet for Shaarli - https://github.com/shaarli/Shaarli */
body {
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
cursor: pointer;
}
+#pageheader #linkcount {
+ float: right;
+ font-style: italic;
+ color: #bbb;
+ text-align: right;
+ padding-right: 5px;
+}
+
#pageheader {
background-color: #333333;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
text-decoration: none;
}
+#pageheader .search {
+ width: 100%;
+ white-space: nowrap;
+}
+
#toolsdiv a {
clear: both;
}
+#toolsdiv #bookmark {
+ clear: none;
+}
+
#toolsdiv a span {
color: #ffffff;
}
padding: 0;
}
+.searchform #searchform_value {
+ width: 30%;
+}
+
+.tagfilter {
+ margin-left:24px;
+}
+
+.tagfilter #tagfilter_value {
+ width: 10%;
+}
+
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
background-color: #dedede;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
color: #fff;
}
-#paging_privatelinks {
+.paging_privatelinks {
float: left;
}
-#paging_linksperpage {
+.paging_linksperpage {
float: right;
padding-right: 5px;
}
-#paging_current {
+.paging_linksperpage form.linksperpage {
+ display: inline;
+}
+
+.paging_linksperpage form.linksperpage input {
+ height: 15px;
+}
+
+.paging_current {
display: inline;
color: #fff;
padding: 0 20 0 20;
}
-#paging_older {
+.paging_older {
margin-right: 15px;
}
-#paging_newer {
+.paging_newer {
margin-left: 15px;
}
clear: both;
}
+#headerform input.linkurl {
+ width: 50%;
+}
+
#toolsdiv {
color: #ffffff;
padding: 5px 5px 5px 5px;
clear: left;
}
+#editlinkform textarea, #editlinkform .lf_input {
+ width: 100%;
+}
+
#linklist li {
padding: 4px 10px 15px 20px;
border-top: 1px solid #bbb;
color:#E28E3F;
}
+.linkqrcode {
+ display: inline;
+ position: relative;
+}
+
+a.qrcode img {
+ width: 13px;
+ height: 13px;
+}
+
#linklist li.private {
background: url('../images/private.png') no-repeat 10px center;
padding-left: 60px;
text-decoration: none;
}
+.linktag .remove {
+ border-left: 1px solid #aaa;
+ padding-left: 5px;
+ color:#6767A7;
+}
+
.linkshort {
font-size: 8pt;
color: #888;
clear: both;
}
-#footer a {
+#footer a {
color: #486D08;
}
-#footer a:hover {
+#footer a:hover {
color: #000000;
}
font-size: 9pt;
}
+#newversion #version_id {
+ text-decoration: blink;
+}
+
#cloudtag {
padding-left: 10%;
padding-right: 10%;
}
+#cloudtag .count {
+ color: #99f;
+ font-size: 9pt;
+ padding-left: 5px;
+ padding-right: 2px;
+}
+
#cloudtag a {
color: black;
text-decoration: none;
}
+#install {
+ margin: 0 20px;
+}
+
+#installform {
+ border: 1px solid black;
+ padding: 10px;
+}
+
+#installform table {
+ border: none;
+}
+
#installform td {
font-size: 10pt;
color: black;
clear: left;
}
+#installform input.bigbutton {
+ float: right;
+}
+
#changepasswordform {
color: #ccc;
padding: 10px 5px 10px 5px;
clear: left;
}
+#changetag #totag {
+ margin-left: 40px;
+}
+
#configform td {
color: #ccc;
font-size: 10pt;
float: left;
}
+.b-lazy {
+ -webkit-transition: opacity 500ms ease-in-out;
+ -moz-transition: opacity 500ms ease-in-out;
+ -o-transition: opacity 500ms ease-in-out;
+ transition: opacity 500ms ease-in-out;
+ opacity: 0;
+}
+.b-lazy.b-loaded {
+ opacity: 1;
+}
+
.picwall_pictureframe img {
max-width: 100%;
height: auto;
+ color: transparent;
} /* Adapt the width of the image */
.picwall_pictureframe a {
color: #890500;
}
+div.dailyAbout img {
+ position: relative;
+ top: 3px;
+ margin-right: 4px;
+ width: 14px;
+ height: 14px;
+}
+
div.dailyTitle {
font-weight: bold;
font-size: 44pt;
font-weight: bold;
}
+div.dailyEntryLinkdate {
+ font-size: 8pt;
+}
+
div.dailyEntryThumbnail {
width: 100%;
text-align: center;
overflow: auto;
}
+div.dailyNoEntry {
+ text-align: center;
+ padding: 40px 0px 90px 0px;
+}
+
+.daily #closing {
+ clear: both;
+ text-align: center;
+ padding-bottom: 20px;
+}
+
/* Common CSS screwdriver */
.clear {
clear: both;
}
+.right {
+ text-align: right;
+}
+
/* For lazy images loading in picture wall.
Using http://www.appelsiini.net/projects/lazyload
*/
display: none;
}
+#configuration_table td {
+ border: none;
+ padding: 10px;
+ vertical-align: top;
+}
+
@media print {
html {
border: none;
left: 0px;
}
- #paging_privatelinks {
+ .paging_privatelinks {
float: none;
}
- #paging_linksperpage {
+ .paging_linksperpage {
float: none;
margin-bottom: 10px;
font-size: smaller;
}
- #paging_older, #paging_newer, #paging_linksperpage a {
+ #paging_older, #paging_newer, .paging_linksperpage a {
border: 1px solid black;
padding: 3px 5px 3px 5px;
background-color: #666;
}
}
+#toolsdiv a.button-description {
+ clear: none;
+}
+
/* Highlight search results */
.highlight {
background-color: #FFFF33;
}
+
+.center {
+ text-align: center;
+}