[chg] optimise and clean css

This commit is contained in:
Knah Tsaeb 2015-06-29 11:30:57 +02:00
parent ff50f9c69e
commit 7d0661086e

View file

@ -1,36 +1,21 @@
* {
box-sizing: border-box;
}
html {
overflow-y: scroll;
background: #434343;
/* Old browsers */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#434343), color-stop(100%,#cdcdcd) ) no-repeat scroll 0 0 transparent;
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
background: -o-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
background: -ms-linear-gradient(top,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
background-color: #434343;
background: linear-gradient(to bottom,#434343 0,#cdcdcd 100%) no-repeat scroll 0 0 transparent;
background: -moz-linear-gradient(center top,#434343,#cdcdcd) no-repeat scroll 0 0 transparent;
filter: progid : DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#cdcdcd', GradientType=0);
box-sizing: border-box;
}
body {
background-color: inherit;
}
.markdownHelp{
.markdownHelp {
background-color: #FFFFFF;
padding: 0.3em;
}
a, .linkdescription a {
color: #E28E3F;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
@ -80,21 +65,18 @@ pre code {
background: #fff;
}
#linklist li .linkdescription li,
.markdownHelp li {
#linklist li .linkdescription li, .markdownHelp li {
margin: 0;
border: none;
list-style-position: outside;
list-style-type: disc;
}
#linklist li .linkdescription ol li,
.markdownHelp ol li {
#linklist li .linkdescription ol li, .markdownHelp ol li {
list-style: decimal;
}
#linklist li .linkdescription ol,
.markdownHelp ol {
#linklist li .linkdescription ol, .markdownHelp ol {
list-style: decimal outside;
}
@ -200,7 +182,6 @@ pre code {
}
.searchform, .tagfilter, .addform {
display: inline-block;
text-align: left;
margin: 0;
padding: 0.3em;
@ -212,13 +193,13 @@ pre code {
align-items: flex-start;
}
.searchform input:nth-child(1), .tagfilter input:nth-child(1), .addform input:nth-child(1){
.searchform input:nth-child(1), .tagfilter input:nth-child(1), .addform input:nth-child(1) {
order: 1;
flex: 1 0 auto;
align-self: stretch;
}
.searchform input:nth-child(2), .tagfilter input:nth-child(2), .addform input:nth-child(2){
.searchform input:nth-child(2), .tagfilter input:nth-child(2), .addform input:nth-child(2) {
order: 2;
flex: 0 0 20%;
align-self: stretch;
@ -256,8 +237,7 @@ pre code {
font-style: italic;
}
#editlinkform input[type='text'],
#editlinkform textarea {
#editlinkform input[type='text'], #editlinkform textarea {
width: 100%;
}
@ -274,12 +254,12 @@ pre code {
text-align: center;
}
.submitButton .bigbutton{
width : 25%;
.submitButton .bigbutton {
width: 25%;
}
.ui-autocomplete {
width : 50px;
width: 50px;
}
#pageheader #logo {
@ -307,8 +287,8 @@ pre code {
}
.paging_current {
color: #fff;
display: inline;
color: #fff;
display: inline;
}
.linkList {
@ -317,17 +297,16 @@ pre code {
fieldset {
border: 1px solid #CDCDCD;
border-radius: 0.3em;
padding: 0.3em;
margin: 0.3em 0;
border-radius: 0.3em;
padding: 0.3em;
margin: 0.3em 0;
}
legend {
padding : 0 0.3em;
padding: 0 0.3em;
margin: 0 0 0 0.6em;
color : #FFFFFF;
color: #FFFFFF;
font-weight: bolder;
}
p {
@ -479,26 +458,22 @@ em {
font-style: italic;
}
.result {
/*display: none;*/
}
.linkWallabag {
font-size:8pt;
color:#888;
}
font-size: 8pt;
color: #888;
}
.linkWallabag a {
color:#E28E3F;
color: #E28E3F;
text-decoration: none;
}
}
.linkWallabag a {
background-image:url('../images/logo_wallabag.png');
padding:2px 0 3px 20px;
background-repeat:no-repeat;
}
background-image: url('../images/logo_wallabag.png');
padding: 2px 0 3px 20px;
background-repeat: no-repeat;
}
.linkWallabag a:hover {
color: #F57900
}
}
@media handheld, only screen and (max-width: 480px) , only screen and (max-device-width: 854px) {
/* A few fixes for mobile devices (far from perfect). */
@ -523,15 +498,16 @@ em {
}
.searchform, .tagfilter {
display: block !important;
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 2em;
}
.searchform input, .tagfilter input {
height: 2em;padding 0.1em;
height: 2em;
padding: 0.1em;
}
.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
@ -548,14 +524,15 @@ em {
width: 70% !important;
}
div.qrcode {
.qrcode {
position: relative;
float: left;
top: -10px;
left: 0px;
left: 0;
}
#paging_privatelinks {float;none;
#paging_privatelinks {
float: none;
}
#paging_linksperpage {
@ -575,48 +552,48 @@ em {
.thumbnail {
float: none;
height: auto;
margin: 0px;
margin: 0;
text-align: center;
}
#cloudtag {
padding: 0px;
padding: 0;
}
div.dailyAbout {
.dailyAbout {
float: none;
position: relative;
width: 100%;
clear: both;
padding: 0px;
top: 0px;
left: 0px;
padding: 0;
top: 0;
left: 0;
}
#daily_col1, #daily_col2, #daily_col3 {
float: none;
width: 100%;
padding: 0px;
padding: 0;
}
div.dailyTitle {
.dailyTitle {
font-size: 18pt;
margin-top: 5px;
padding: 0px;
padding: 0;
}
div.dailyDate {
.dailyDate {
font-size: 11pt;
padding: 0px;
padding: 0;
display: block;
}
div.dailyEntryTitle {
.dailyEntryTitle {
font-size: 16pt;
font-weight: bold;
}
div.dailyEntryDescription {
.dailyEntryDescription {
font-size: 10pt;
}
@ -632,10 +609,10 @@ em {
@media print {
* {
color: black !important;
background: transparent !important;
filter: none !important;
-ms-filter: none !important;
color: #000000;
background: transparent;
filter: none;
-ms-filter: none;
}
body {
@ -650,7 +627,7 @@ em {
hr {
height: 1px;
border: 0;
border-bottom: 1px solid black;
border-bottom: 1px solid #000000;
}
a[href]:after {
@ -676,15 +653,13 @@ em {
}
img {
max-width: 100% !important;
max-width: 100%;
}
@
page:left {
margin: 15mm 20mm 15mm 10mm;
}
@
page:right {
margin: 15mm 10mm 15mm 20mm;
}
@ -696,5 +671,5 @@ em {
h2, h3 {
page-break-after: avoid;
};
}
}