Knah-Tsaeb/MyShaarli
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

CSS: separate rules with a blank line

Browse source 
Signed-off-by: VirtualTam <virtualtam@flibidi.org>
This commit is contained in:
VirtualTam 2014-11-09 13:21:48 +01:00
parent 32c8dee39c
commit 6e70d65546
1 changed files with 102 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
inc/shaarli.css
View file

@ -88,6 +88,7 @@ h1 {
padding: 0; padding: 0;
background: none; background: none;
} }
.linkeditbuttons { .linkeditbuttons {
position: absolute; position: absolute;
left: -1px; left: -1px;
@ -151,9 +152,11 @@ h1 {
#toolsdiv a { #toolsdiv a {
clear: both; clear: both;
} }
#toolsdiv a span { #toolsdiv a span {
color: #ffffff; color: #ffffff;
} }
.linksperpage, .tagfilter, .searchform, .addform { .linksperpage, .tagfilter, .searchform, .addform {
background-color: #dedede; background-color: #dedede;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
@ -209,6 +212,7 @@ h1 {
font-style: italic; font-style: italic;
margin-top: 0; margin-top: 0;
} }
#shaarli_title a { #shaarli_title a {
color: #fff !important; color: #fff !important;
} }
@ -217,18 +221,22 @@ h1 {
color: #98C943; color: #98C943;
text-decoration: none; text-decoration: none;
} }
#pageheader a:hover { #pageheader a:hover {
color: #FFFFC9; color: #FFFFC9;
text-decoration: none; text-decoration: none;
} }
#pageheader a:active { #pageheader a:active {
color: #bbb; color: #bbb;
text-decoration: none; text-decoration: none;
} }
#searchcriteria { #searchcriteria {
padding: 4px 0px 5px 5px; padding: 4px 0px 5px 5px;
font-weight: bold; font-weight: bold;
} }
.paging { .paging {
padding: 5px; padding: 5px;
background-color: #777; background-color: #777;
@ -236,34 +244,43 @@ h1 {
text-align: center; text-align: center;
clear: both; clear: both;
} }
.paging a:link { .paging a:link {
color: #ccc; color: #ccc;
text-decoration: none; text-decoration: none;
} }
.paging a:visited { .paging a:visited {
color: #ccc; color: #ccc;
} }
.paging a:hover { .paging a:hover {
color: #FFFFC9; color: #FFFFC9;
} }
.paging a:active { .paging a:active {
color: #fff; color: #fff;
} }
#paging_privatelinks { #paging_privatelinks {
float: left; float: left;
} }
#paging_linksperpage { #paging_linksperpage {
float: right; float: right;
padding-right: 5px; padding-right: 5px;
} }
#paging_current { #paging_current {
display: inline; display: inline;
color: #fff; color: #fff;
padding: 0 20 0 20; padding: 0 20 0 20;
} }
#paging_older { #paging_older {
margin-right: 15px; margin-right: 15px;
} }
#paging_newer { #paging_newer {
margin-left: 15px; margin-left: 15px;
} }
@ -273,16 +290,19 @@ h1 {
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
clear: both; clear: both;
} }
#toolsdiv { #toolsdiv {
color: #ffffff; color: #ffffff;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
clear: left; clear: left;
} }
#uploaddiv { #uploaddiv {
color: #ffffff; color: #ffffff;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
clear: left; clear: left;
} }
#editlinkform { #editlinkform {
height: 100%; height: 100%;
color: #ffffff; color: #ffffff;
@ -290,6 +310,7 @@ h1 {
width: 80%; width: 80%;
clear: left; clear: left;
} }
#linklist li { #linklist li {
padding: 4px 10px 15px 20px; padding: 4px 10px 15px 20px;
border-top: 1px solid #bbb; border-top: 1px solid #bbb;
@ -308,38 +329,48 @@ h1 {
background: #E9FFCE; background: #E9FFCE;
} }
*/ */
.linkdate, .linkarchive { .linkdate, .linkarchive {
font-size:8pt; font-size:8pt;
color:#888; color:#888;
} }
.linkdate a, .linkarchive a { .linkdate a, .linkarchive a {
color:#E28E3F; color:#E28E3F;
} }
#linklist li.private { #linklist li.private {
background: url('../images/private.png') no-repeat 10px center; background: url('../images/private.png') no-repeat 10px center;
padding-left: 60px; padding-left: 60px;
} }
#linklist li { #linklist li {
padding-left: 26px; padding-left: 26px;
} }
.private .linktitle a { .private .linktitle a {
color: #969696; color: #969696;
} }
.linktitle { .linktitle {
font-size: 14pt; font-size: 14pt;
font-weight: bold; font-weight: bold;
} }
.linktitle a { .linktitle a {
text-decoration: none; text-decoration: none;
color: #80AD48; color: #80AD48;
} }
.linktitle a:hover { .linktitle a:hover {
color: #F57900; color: #F57900;
} }
.linkdate, .linkarchive { .linkdate, .linkarchive {
font-size: 8pt; font-size: 8pt;
color: #888; color: #888;
} }
.linkdate a, .linkarchive a { .linkdate a, .linkarchive a {
background-image: url('../images/calendar.png'); background-image: url('../images/calendar.png');
padding: 2px 0 3px 20px; padding: 2px 0 3px 20px;
@ -347,12 +378,15 @@ h1 {
text-decoration: none; text-decoration: none;
color: #E28E3F; color: #E28E3F;
} }
.linkdate a:hover { .linkdate a:hover {
color: #F57900 } color: #F57900 }
.linkurl { .linkurl {
font-size: 8pt; font-size: 8pt;
color: #4BAA74; color: #4BAA74;
} }
.linkdescription { .linkdescription {
color: #000; color: #000;
margin-top: 0; margin-top: 0;
@ -361,17 +395,21 @@ h1 {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
} }
.linkdescription a { .linkdescription a {
text-decoration: none; text-decoration: none;
color: #3465A4; color: #3465A4;
} }
.linkdescription a:hover { .linkdescription a:hover {
color: #F57900; color: #F57900;
} }
.linktaglist { .linktaglist {
padding-top: 10px; padding-top: 10px;
line-height: 200%; line-height: 200%;
} }
.linktag { .linktag {
font-size: 9pt; font-size: 9pt;
background-color: #F2F2F2; background-color: #F2F2F2;
@ -391,28 +429,35 @@ h1 {
background-position: 3px center; background-position: 3px center;
background-color: #ffffff; background-color: #ffffff;
} }
.linktag:hover { .linktag:hover {
border-color: #555573; border-color: #555573;
color: #000; color: #000;
} }
.linktag a { .linktag a {
color: #777; color: #777;
text-decoration: none; text-decoration: none;
} }
.linkshort { .linkshort {
font-size: 8pt; font-size: 8pt;
color: #888; color: #888;
} }
.linkshort a { .linkshort a {
text-decoration: none; text-decoration: none;
color: #393964; color: #393964;
} }
.linkshort a:hover { .linkshort a:hover {
text-decoration: underline; text-decoration: underline;
} }
.buttoneditform { .buttoneditform {
display: inline; display: inline;
} }
#footer { #footer {
font-size: 8pt; font-size: 8pt;
text-align: center; text-align: center;
@ -420,12 +465,15 @@ h1 {
color: #888; color: #888;
clear: both; clear: both;
} }
#footer a { #footer a {
color: #486D08; color: #486D08;
} }
#footer a:hover { #footer a:hover {
color: #000000; color: #000000;
} }
#newversion { #newversion {
background-color: #FFFFA0; background-color: #FFFFA0;
color: #000; color: #000;
@ -435,44 +483,53 @@ h1 {
padding: 2 7 2 7; padding: 2 7 2 7;
font-size: 9pt; font-size: 9pt;
} }
#cloudtag { #cloudtag {
padding-left: 10%; padding-left: 10%;
padding-right: 10%; padding-right: 10%;
} }
#cloudtag a { #cloudtag a {
color: black; color: black;
text-decoration: none; text-decoration: none;
} }
#installform td { #installform td {
font-size: 10pt; font-size: 10pt;
color: black; color: black;
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
clear: left; clear: left;
} }
#changepasswordform { #changepasswordform {
color: #ccc; color: #ccc;
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
clear: left; clear: left;
} }
#changetag { #changetag {
color: #ccc; color: #ccc;
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
clear: left; clear: left;
} }
#configform td { #configform td {
color: #ccc; color: #ccc;
font-size: 10pt; font-size: 10pt;
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
} }
#configform { #configform {
color: #ccc; color: #ccc;
padding: 10px 5px 10px 5px; padding: 10px 5px 10px 5px;
clear: left; clear: left;
} }
.thumbnail { .thumbnail {
float: right; float: right;
margin-left: 10px; margin-left: 10px;
} }
/* If you want thumbnails on the left: /* If you want thumbnails on the left:
.thumbnail { .thumbnail {
float: left; float: left;
@ -490,6 +547,7 @@ h1 {
background-color: #000; background-color: #000;
clear: both; clear: both;
} }
.picwall_pictureframe { .picwall_pictureframe {
background-color: #000; background-color: #000;
z-index: 5; z-index: 5;
@ -502,10 +560,12 @@ h1 {
text-align: center; text-align: center;
float: left; float: left;
} }
.picwall_pictureframe img { .picwall_pictureframe img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} /* Adapt the width of the image */ } /* Adapt the width of the image */
.picwall_pictureframe a { .picwall_pictureframe a {
text-decoration: none; text-decoration: none;
} }
@ -514,6 +574,7 @@ h1 {
.picwall_pictureframe span.info { .picwall_pictureframe span.info {
display: none; display: none;
} }
.picwall_pictureframe:hover span.info { .picwall_pictureframe:hover span.info {
display: block; display: block;
position: absolute; position: absolute;
@ -537,6 +598,7 @@ h1 {
background-color: #fff; background-color: #fff;
padding-left: 5px; padding-left: 5px;
} }
.ui-state-hover { .ui-state-hover {
background-color: #604dff; background-color: #604dff;
color: #fff; color: #fff;
@ -586,11 +648,13 @@ div.daily {
width: 33%; width: 33%;
padding-left: 1%; padding-left: 1%;
} }
#daily_col2 { #daily_col2 {
float: left; float: left;
position: relative; position: relative;
width: 33%; width: 33%;
} }
#daily_col3 { #daily_col3 {
float: left; float: left;
position: relative; position: relative;
@ -607,15 +671,18 @@ div.dailyAbout {
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
text-align: center; text-align: center;
} }
div.dailyAbout a { div.dailyAbout a {
color: #890500; color: #890500;
} }
div.dailyTitle { div.dailyTitle {
font-weight: bold; font-weight: bold;
font-size: 44pt; font-size: 44pt;
text-align: center; text-align: center;
padding: 10px 20px 0px 20px; padding: 10px 20px 0px 20px;
} }
div.dailyDate { div.dailyDate {
font-size: 12pt; font-size: 12pt;
font-weight: bold; font-weight: bold;
@ -629,17 +696,21 @@ div.dailyEntry {
font-size: 11pt; font-size: 11pt;
border-top: 1px solid #555; border-top: 1px solid #555;
} }
div.dailyEntry a { div.dailyEntry a {
text-decoration: none; text-decoration: none;
color: #890500; color: #890500;
} }
div.dailyEntryTags { div.dailyEntryTags {
font-size: 7.75pt; font-size: 7.75pt;
} }
div.dailyEntryTitle { div.dailyEntryTitle {
font-size: 18pt; font-size: 18pt;
font-weight: bold; font-weight: bold;
} }
div.dailyEntryThumbnail { div.dailyEntryThumbnail {
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -647,6 +718,7 @@ div.dailyEntryThumbnail {
background: url(../images/50pc_transparent.png); background: url(../images/50pc_transparent.png);
padding: 4px 0px 2px 0px; padding: 4px 0px 2px 0px;
} }
div.dailyEntryDescription { div.dailyEntryDescription {
margin-top: 10px; margin-top: 10px;
margin-bottom: 30px; margin-bottom: 30px;
@ -672,42 +744,52 @@ div.dailyEntryDescription {
background: #fff !important; background: #fff !important;
color: #000 !important; color: #000 !important;
} }
body { body {
font-size: 12pt; font-size: 12pt;
width: auto !important; width: auto !important;
margin: auto !important; margin: auto !important;
} }
/* Minimum numer of lines to display when splitting a paragraph /* Minimum numer of lines to display when splitting a paragraph
over two pages */ over two pages */
p { p {
orphans: 3; orphans: 3;
widows: 3; widows: 3;
} }
a { a {
color: #000 !important; color: #000 !important;
text-decoration: none !important; text-decoration: none !important;
} }
#pageheader, .paging, #linklist li form, #footer { #pageheader, .paging, #linklist li form, #footer {
display: none; display: none;
} }
#linklist li { #linklist li {
padding: 2 0 10 0; padding: 2 0 10 0;
border-top: 2px solid #000; border-top: 2px solid #000;
clear: both; clear: both;
} }
#linklist li.private { #linklist li.private {
background-color: none; background-color: none;
border-left: 0; border-left: 0;
} }
.linkdate { .linkdate {
line-height: 2; line-height: 2;
} }
.linkurl { .linkurl {
color: #000; color: #000;
} }
.linkdescription { .linkdescription {
font-size: 10pt; font-size: 10pt;
} }
.linktag { .linktag {
border: 1px solid black; border: 1px solid black;
font-style: italic; font-style: italic;
@ -720,50 +802,60 @@ div.dailyEntryDescription {
.nomobile { .nomobile {
display: none; display: none;
} }
#logo { #logo {
display: none; display: none;
} }
#pageheader a
{ #pageheader a {
padding: 5px; padding: 5px;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin: 3px; margin: 3px;
} }
.searchform, .tagfilter { .searchform, .tagfilter {
display: block !important; display: block !important;
margin: 0px !important; margin: 0px !important;
padding: 0px !important; padding: 0px !important;
width: 100% !important; width: 100% !important;
} }
.searchform input, .tagfilter input { .searchform input, .tagfilter input {
margin: 0px !important; margin: 0px !important;
padding: 0px !important; padding: 0px !important;
display: inline !important; display: inline !important;
} }
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { .tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
width: 30%; width: 30%;
font-size: smaller; font-size: smaller;
} }
#searchform_value { #searchform_value {
width: 70% !important; width: 70% !important;
} }
#tagfilter_value { #tagfilter_value {
width: 70% !important; width: 70% !important;
} }
div.qrcode { div.qrcode {
position: relative; position: relative;
float: left; float: left;
top: -10px; top: -10px;
left: 0px; left: 0px;
} }
#paging_privatelinks { #paging_privatelinks {
float: none; float: none;
} }
#paging_linksperpage { #paging_linksperpage {
float: none; float: none;
margin-bottom: 10px; margin-bottom: 10px;
font-size: smaller; font-size: smaller;
} }
#paging_older, #paging_newer, #paging_linksperpage a { #paging_older, #paging_newer, #paging_linksperpage a {
border: 1px solid black; border: 1px solid black;
padding: 3px 5px 3px 5px; padding: 3px 5px 3px 5px;
@ -771,15 +863,18 @@ div.dailyEntryDescription {
color: #fff; color: #fff;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
} }
.thumbnail { .thumbnail {
float: none; float: none;
height: auto; height: auto;
margin: 0px; margin: 0px;
text-align: center; text-align: center;
} }
#cloudtag { #cloudtag {
padding: 0px; padding: 0px;
} }
div.dailyAbout { div.dailyAbout {
float: none; float: none;
position: relative; position: relative;
@ -789,25 +884,30 @@ div.dailyEntryDescription {
top: 0px; top: 0px;
left: 0px; left: 0px;
} }
#daily_col1, #daily_col2, #daily_col3 { #daily_col1, #daily_col2, #daily_col3 {
float: none; float: none;
width: 100%; width: 100%;
padding: 0px; padding: 0px;
} }
div.dailyTitle { div.dailyTitle {
font-size: 18pt; font-size: 18pt;
margin-top: 5px; margin-top: 5px;
padding: 0px; padding: 0px;
} }
div.dailyDate { div.dailyDate {
font-size: 11pt; font-size: 11pt;
padding: 0px; padding: 0px;
display: block; display: block;
} }
div.dailyEntryTitle { div.dailyEntryTitle {
font-size: 16pt; font-size: 16pt;
font-weight: bold; font-weight: bold;
} }
div.dailyEntryDescription { div.dailyEntryDescription {
font-size: 10pt; font-size: 10pt;
} }