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

[chg] optimise and clean css

Browse source
This commit is contained in:
Knah Tsaeb 2015-06-29 11:30:57 +02:00
parent ff50f9c69e
commit 7d0661086e
1 changed files with 59 additions and 84 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

133
inc/user.css
View file

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