X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=inc%2Fshaarli.css;fp=shaarli.css;h=d0614e34872e85589f1cbb7d0a4709968eeb89ce;hb=24e267ca714f591921eb659457332c3f7fea1930;hp=aba488a776d1ea317c1c016e46a2cfbdaf4a8245;hpb=5112a433897d4d6507982b64bb07333b774ddb3a;p=github%2Fshaarli%2FShaarli.git diff --git a/shaarli.css b/inc/shaarli.css similarity index 90% rename from shaarli.css rename to inc/shaarli.css index aba488a7..d0614e34 100644 --- a/shaarli.css +++ b/inc/shaarli.css @@ -7,9 +7,9 @@ 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%;} -body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color: #ffffff; } +body { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color: #ffffff; } input, textarea { - + background-color: #dedede; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); background: -webkit-linear-gradient(#dedede, #ffffff); @@ -22,8 +22,8 @@ input, textarea { border-radius: 5px 5px 5px 5px; border: none; color:#000; - - } + + } h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } /* I don't give a shit about IE. He can't understand selectors such as input[type='submit']. */ @@ -46,7 +46,7 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } border-style:outset; border-width:1px; - } + } .smallbutton { background: -moz-linear-gradient(#c0c0c0, #ffffff) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c0c0c0), to(#ffffff)); @@ -67,18 +67,19 @@ h1 { font-size:20pt; font-weight:bold; font-style:italic; margin-bottom:20px; } } /* Edit/Delete buttons on links */ -.button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; } +.button_edit, .button_delete { border-radius:0; box-shadow:none; border-style:none; border-width:0; padding:0; background:none; } .button_edit { margin-left:10px; } #pageheader #logo{ -background-image: url('./images/logo.png'); +background-image: url('../images/logo.png'); background-repeat: no-repeat; float:left; margin:0 10px 0 10px; width:105px; height:55px; cursor:pointer; + } #pageheader @@ -90,11 +91,11 @@ cursor:pointer; background: -ms-linear-gradient(#333333, #111111); background: -o-linear-gradient(#333333, #111111); background: linear-gradient(#333333, #111111); - + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); - padding:5px 0 5px 0; - width: 100%; - margin: auto; + width:auto; + padding:0 10px 5px 10px; + margin: auto; } #pageheader a @@ -118,7 +119,7 @@ cursor:pointer; clear:both; } #toolsdiv a span{ - color:#ffffff; + color:#ffffff; } .linksperpage,.tagfilter,.searchform,.addform { background-color: #dedede; @@ -129,12 +130,12 @@ cursor:pointer; background: -o-linear-gradient(#dedede, #ffffff); background: linear-gradient(#dedede, #ffffff); display:inline; - + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); padding:5px; border: none; border-radius: 5px 5px 5px 5px; - margin:10px 3px 3px 3px; + margin:10px 3px 3px 3px; color:#cecece; } @@ -175,7 +176,7 @@ cursor:pointer; #pageheader a:visited { color:#98C943; text-decoration:none;} #pageheader a:hover { color:#FFFFC9; text-decoration:none;} -#pageheader a:active { color:#bbb; text-decoration:none;} +#pageheader a:active { color:#bbb; text-decoration:none;} #searchcriteria { padding: 4 0 5 5; font-weight:bold;} .paging { padding:5px;background-color:#777; color:#ccc; text-align:center; clear:both;} .paging a:link { color:#ccc; text-decoration:none;} @@ -186,8 +187,8 @@ cursor:pointer; #toolsdiv { color:#ffffff; padding:5 5 5 5; clear:left; } #uploaddiv { color:#ffffff; padding:5 5 5 5; clear:left; } #editlinkform { height:100%;color:#ffffff; padding:5 5 5 15px; width:80%; clear:left; } -#linklist li { - padding:4 10 15 20; border-top: 1px solid #bbb; clear:both; +#linklist li { + padding:4 10 15 20; border-top: 1px solid #bbb; clear:both; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); background: -webkit-linear-gradient(#F2F2F2, #ffffff); background: -moz-linear-gradient(#F2F2F2, #ffffff); @@ -197,39 +198,39 @@ cursor:pointer; } -#linklist li.publicLinkHightLight:hover,#linklist li:hover{ +#linklist li.publicLinkHightLight:hover,#linklist li:hover{ background: #E9FFCE; } -#linklist li.private { background: url('./images/private.png') no-repeat 10px center; padding-left:60px; } +#linklist li.private { background: url('../images/private.png') no-repeat 10px center; padding-left:60px; } .private .linktitle a {color:#969696;} .linktitle { font-size:14pt; font-weight:bold; } .linktitle a { text-decoration: none; color:#80AD48; } .linktitle a:hover { color:#F57900; } .linkdate { font-size:8pt; color:#888; } -.linkdate a { background-image:url('./images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration: none; color:#E28E3F; } +.linkdate a { background-image:url('../images/calendar.png');padding:2px 0 3px 20px;background-repeat:no-repeat;text-decoration: none; color:#E28E3F; } .linkdate a:hover { color: #F57900 } .linkurl { font-size:8pt; color:#4BAA74; } -.linkdescription { color:#000; margin-top:0; margin-bottom:0; font-weight:normal; } +.linkdescription { color:#000; margin-top:0; margin-bottom:12px; font-weight:normal; max-height:400px; overflow:auto; } .linkdescription a { text-decoration: none; color:#3465A4; } .linkdescription a:hover { color:#F57900; } .linktaglist { padding-top:10px;} -.linktag { +.linktag { -font-size:9pt; +font-size:9pt; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#ffffff)); background: -webkit-linear-gradient(#F2F2F2, #ffffff); background: -moz-linear-gradient(#F2F2F2, #ffffff); background: -ms-linear-gradient(#F2F2F2, #ffffff); background: -o-linear-gradient(#F2F2F2, #ffffff); background: linear-gradient(#F2F2F2, #ffffff); - - + + box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); padding:3px 3px 3px 20px; height:20px; border-radius: 3px 3px 3px 3px; cursor:pointer; - background-image:url('./images/tag_blue.png'); + background-image:url('../images/tag_blue.png'); background-repeat:no-repeat; background-position:3px center; background-color:#ffffff; @@ -243,7 +244,7 @@ font-size:9pt; #footer { font-size:8pt; text-align:center; border-top:1px solid #ddd; color: #888; clear:both; } #footer a{ color:#486D08;} #footer a:hover{ color:#000000;} -#newversion { background-color: #FFFFA0; color:#000; position:absolute; top:0;right:0; padding:2 7 2 7; font-size:9pt;} +#newversion { background-color: #FFFFA0; color:#000; position:absolute; top:0;right:0; padding:2 7 2 7; font-size:9pt;} #cloudtag { padding-left:10%; padding-right:10%; } #cloudtag a { color:black; text-decoration:none; } #installform td { font-size: 10pt; padding:10 5 10 5; clear:left; } @@ -261,8 +262,8 @@ font-size:9pt; /* --- Picture wall CSS --- */ -#picwall_container { color:#fff; background-color:#000; } -.picwall_pictureframe { z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center; float:left; } +#picwall_container { color:#fff; background-color:#000; clear:both; } +.picwall_pictureframe { background-color:#000; z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center; float:left; } .picwall_pictureframe img { max-width: 100%;height: auto; } /* Adapt the width of the image */ .picwall_pictureframe a {text-decoration:none;} @@ -311,4 +312,4 @@ a {color:#000!important;text-decoration:none!important;} -} \ No newline at end of file +}