X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=inc%2Fshaarli.css;h=bb564e99d24bc6920ed5b567e83c2b3db0bf20c6;hb=a6e0134;hp=22000ba977b5f48c6a64dab418a51d528d46579e;hpb=6e70d65546c59f43b0d07355cb8f702181844290;p=github%2Fshaarli%2FShaarli.git diff --git a/inc/shaarli.css b/inc/shaarli.css index 22000ba9..bb564e99 100644 --- a/inc/shaarli.css +++ b/inc/shaarli.css @@ -1,11 +1,4 @@ -/* 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; @@ -118,6 +111,14 @@ h1 { 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)); @@ -149,10 +150,19 @@ h1 { text-decoration: none; } +#pageheader .search { + width: 100%; + white-space: nowrap; +} + #toolsdiv a { clear: both; } +#toolsdiv #bookmark { + clear: none; +} + #toolsdiv a span { color: #ffffff; } @@ -191,6 +201,18 @@ h1 { 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)); @@ -262,26 +284,34 @@ h1 { 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; } @@ -291,6 +321,10 @@ h1 { clear: both; } +#headerform input.linkurl { + width: 50%; +} + #toolsdiv { color: #ffffff; padding: 5px 5px 5px 5px; @@ -311,6 +345,10 @@ h1 { clear: left; } +#editlinkform textarea, #editlinkform .lf_input { + width: 100%; +} + #linklist li { padding: 4px 10px 15px 20px; border-top: 1px solid #bbb; @@ -339,6 +377,16 @@ h1 { 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; @@ -440,6 +488,12 @@ h1 { text-decoration: none; } +.linktag .remove { + border-left: 1px solid #aaa; + padding-left: 5px; + color:#6767A7; +} + .linkshort { font-size: 8pt; color: #888; @@ -466,11 +520,11 @@ h1 { clear: both; } -#footer a { +#footer a { color: #486D08; } -#footer a:hover { +#footer a:hover { color: #000000; } @@ -484,16 +538,40 @@ h1 { 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; @@ -501,6 +579,10 @@ h1 { clear: left; } +#installform input.bigbutton { + float: right; +} + #changepasswordform { color: #ccc; padding: 10px 5px 10px 5px; @@ -513,6 +595,10 @@ h1 { clear: left; } +#changetag #totag { + margin-left: 40px; +} + #configform td { color: #ccc; font-size: 10pt; @@ -676,6 +762,14 @@ div.dailyAbout 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; @@ -711,6 +805,10 @@ div.dailyEntryTitle { font-weight: bold; } +div.dailyEntryLinkdate { + font-size: 8pt; +} + div.dailyEntryThumbnail { width: 100%; text-align: center; @@ -726,11 +824,26 @@ div.dailyEntryDescription { 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 */ @@ -738,6 +851,12 @@ div.dailyEntryDescription { display: none; } +#configuration_table td { + border: none; + padding: 10px; + vertical-align: top; +} + @media print { html { border: none; @@ -846,17 +965,17 @@ div.dailyEntryDescription { 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; @@ -913,7 +1032,15 @@ div.dailyEntryDescription { } } +#toolsdiv a.button-description { + clear: none; +} + /* Highlight search results */ .highlight { background-color: #FFFF33; } + +.center { + text-align: center; +}