moparisthebest
/
wallabag
mirror of https://github.com/moparisthebest/wallabag
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #159 from NumEricR/css-cleanup 

CSS clean up on style.css file
This commit is contained in:
Nicolas Lœuillet 2013-08-23 08:34:58 -07:00
parent e93c7c9c46 096fb74bf1
commit a458cff25e
1 changed files with 55 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
tpl/css/style.css
View File

@ -1,7 +1,8 @@
body { body {
font-size: 16px; font-size: 16px;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', Verdana, Geneva, sans-serif;
margin: 10px; margin: 10px;
color: #000;
} }
header { header {
@ -12,52 +13,67 @@ header h1 {
font-size: 1.3em; font-size: 1.3em;
} }
a, a:hover, a:visited {
color: #000;
}
.bouton { .bouton {
border-radius: 2px; background-color: #000;
color: #fff;
border: none;
border-radius: 2px;
}
.bouton:hover {
background-color: #222;
color: #f1f1f1;
cursor: pointer;
} }
#main { #main {
margin: 0 auto; margin: 0 auto;
} }
#main ul#links { #main #links {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
text-align: center; text-align: center;
font-size: 0.9em; font-size: 0.9em;
} }
#main ul#links li { #main #links li {
display: inline; display: inline;
} }
#main ul#links li a.current { #main #links li .current {
background-color: #000;
color: #fff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
#main ul#sort { #main #sort {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
text-align: center; text-align: center;
opacity: 0.5; opacity: 0.5;
} }
#main ul#sort li { #main #sort li {
display: inline; display: inline;
font-size: 0.9em; font-size: 0.9em;
} }
#main ul#sort img:hover { #main #sort img:hover {
cursor: pointer; cursor: pointer;
} }
#links a {
#links a{
text-decoration: none; text-decoration: none;
padding: 5px 10px; padding: 5px 10px;
} }
#links a:hover{ #links a:hover {
background-color: #040707;
color: #F1F1F1;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
@ -65,7 +81,7 @@ header h1 {
/*** ***/ /*** ***/
/*** LINKS DISPLAY ***/ /*** LINKS DISPLAY ***/
#main a.tool { #main .tool {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@ -80,16 +96,18 @@ header h1 {
} }
#main #content .entrie { #main #content .entrie {
border-bottom: 1px dashed #222222; border-bottom: 1px dashed #222;
} }
#main .entrie ul.tools { #main .entrie .tools {
list-style-type: none; list-style-type: none;
} }
#main .entrie ul.tools li { /*
/*display: inline;*/ #main .entrie .tools li {
display: inline;
} }
*/
.tools { .tools {
float: right; float: right;
@ -98,7 +116,8 @@ header h1 {
} }
.tools p { .tools p {
font-size: 0.8em;} font-size: 0.8em;
}
/* /*
.tools ul { .tools ul {
@ -110,16 +129,17 @@ header h1 {
line-height: 20px; line-height: 20px;
} }
.tools a.tool { .tools .tool {
cursor: pointer; cursor: pointer;
}*/ }*/
#main .entrie .tools a.tool span, #article .tools a.tool span { #main .entrie .tools .tool span, #article .tools .tool span {
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
/*** ***/ /*** ***/
/*** ARTICLE PAGE ***/ /*** ARTICLE PAGE ***/
@ -136,7 +156,7 @@ header h1 {
.vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited { .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
text-decoration: none; text-decoration: none;
color: #888888; color: #888;
} }
.backhome { .backhome {
@ -146,51 +166,21 @@ header h1 {
#article .tools { #article .tools {
position: relative; position: relative;
display: inline; display: inline;
top: 0px; top: 0;
right: 0px; right: 0;
width: 100%; width: 100%;
} }
#article .tools ul li{ #article .tools ul li {
display: inline; display: inline;
} }
/*** GENERAL ***/
body {
color: #000;
}
a, a:hover, a:visited {
color: #000;
}
.bouton {
background-color: #000;
color: #fff;
border: none;
}
.bouton:hover {
background-color: #222222;
color: #F1F1F1;
}
#main ul#links li a.current {
background-color: #000;
color: #fff;
}
#links a:hover{
background-color: #040707;
color: #F1F1F1;
}
/*** ***/ /*** ***/
/*** ARTICLE PAGE ***/ /*** ARTICLE PAGE ***/
#article header, #article article { #article header, #article article {
border-bottom: 1px solid #222222; border-bottom: 1px solid #222;
} }
@ -202,33 +192,33 @@ a, a:hover, a:visited {
text-align: right; text-align: right;
} }
.pagination a { .pagination a {
border: 1px solid #D5D5D5; border: 1px solid #d5d5d5;
color: #333; color: #333;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
height: 25px; height: 25px;
padding: 4px 8px; padding: 4px 8px;
text-decoration: none; text-decoration: none;
margin:2px; margin: 2px;
} }
.pagination a:hover, .pagination a:active { .pagination a:hover, .pagination a:active {
background:#efefef; background-color: #efefef;
} }
.pagination span.current { .pagination .current {
background-color: #ccc; background-color: #ccc;
border: 1px solid #D5D5D5; border: 1px solid #d5d5d5;
color: #000; color: #000;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
height: 25px; height: 25px;
padding: 4px 8px; padding: 4px 8px;
text-decoration: none; text-decoration: none;
margin:2px; margin: 2px;
} }
.pagination span.disabled { .pagination .disabled {
border: 1px solid #EEEEEE; border: 1px solid #eee;
color: #DDDDDD; color: #ddd;
margin:2px; margin: 2px;
padding: 4px 8px; padding: 4px 8px;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
@ -240,4 +230,4 @@ footer {
.reading-time { .reading-time {
font-size: 0.8em; font-size: 0.8em;
} }