[chg] optimise and clean css
This commit is contained in:
parent
ff50f9c69e
commit
7d0661086e
1 changed files with 59 additions and 84 deletions
133
inc/user.css
133
inc/user.css
|
|
@ -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 {
|
||||
|
|
@ -323,11 +303,10 @@ fieldset {
|
|||
}
|
||||
|
||||
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;
|
||||
};
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue