Improve styles.
This commit is contained in:
Alexandre Vicenzi
parent
46faaea2b7
commit
d18f2c5cf5
4 changed files with 7 additions and 402 deletions
15
gulpfile.js
15
gulpfile.js
|
|
@ -3,19 +3,14 @@ var gulp = require('gulp'),
|
|||
rename = require('gulp-rename'),
|
||||
minify = require('gulp-minify-css');
|
||||
|
||||
gulp.task('minify', function () {
|
||||
return gulp.src('./static/css/style.css')
|
||||
.pipe(minify())
|
||||
.pipe(rename({
|
||||
extname: '.min.css'
|
||||
}))
|
||||
.pipe(gulp.dest('./static/css'));
|
||||
});
|
||||
|
||||
gulp.task('less', function () {
|
||||
return gulp.src('./static/css/style.less')
|
||||
.pipe(less())
|
||||
.pipe(minify())
|
||||
.pipe(rename({
|
||||
extname: '.min.css'
|
||||
}))
|
||||
.pipe(gulp.dest('./static/css'));
|
||||
});
|
||||
|
||||
gulp.task('default', ['less', 'minify']);
|
||||
gulp.task('default', ['less']);
|
||||
|
|
|
|||
63
static/css/pygments.min.css
vendored
63
static/css/pygments.min.css
vendored
|
|
@ -1,63 +1,2 @@
|
|||
/* https://github.com/richleland/pygments-css/blob/master/github.css */
|
||||
|
||||
.hll { background-color: #ffffcc }
|
||||
.c { color: #999988; font-style: italic }
|
||||
.err { color: #a61717; background-color: #e3d2d2 }
|
||||
.k { color: #000000; font-weight: bold }
|
||||
.o { color: #000000; font-weight: bold }
|
||||
.cm { color: #999988; font-style: italic }
|
||||
.cp { color: #999999; font-weight: bold }
|
||||
.c1 { color: #999988; font-style: italic }
|
||||
.cs { color: #999999; font-weight: bold }
|
||||
.gd { color: #000000; background-color: #ffdddd }
|
||||
.ge { color: #000000; font-style: italic }
|
||||
.gr { color: #aa0000 }
|
||||
.gh { color: #999999 }
|
||||
.gi { color: #000000; background-color: #ddffdd }
|
||||
.go { color: #888888 }
|
||||
.gp { color: #555555 }
|
||||
.gs { font-weight: bold }
|
||||
.gu { color: #aaaaaa }
|
||||
.gt { color: #aa0000 }
|
||||
.kc { color: #000000; font-weight: bold }
|
||||
.kd { color: #000000; font-weight: bold }
|
||||
.kn { color: #000000; font-weight: bold }
|
||||
.kp { color: #000000; font-weight: bold }
|
||||
.kr { color: #000000; font-weight: bold }
|
||||
.kt { color: #445588; font-weight: bold }
|
||||
.m { color: #009999 }
|
||||
.s { color: #d01040 }
|
||||
.na { color: #008080 }
|
||||
.nb { color: #0086B3 }
|
||||
.nc { color: #445588; font-weight: bold }
|
||||
.no { color: #008080 }
|
||||
.nd { color: #3c5d5d; font-weight: bold }
|
||||
.ni { color: #800080 }
|
||||
.ne { color: #990000; font-weight: bold }
|
||||
.nf { color: #990000; font-weight: bold }
|
||||
.nl { color: #990000; font-weight: bold }
|
||||
.nn { color: #555555 }
|
||||
.nt { color: #000080 }
|
||||
.nv { color: #008080 }
|
||||
.ow { color: #000000; font-weight: bold }
|
||||
.w { color: #bbbbbb }
|
||||
.mf { color: #009999 }
|
||||
.mh { color: #009999 }
|
||||
.mi { color: #009999 }
|
||||
.mo { color: #009999 }
|
||||
.sb { color: #d01040 }
|
||||
.sc { color: #d01040 }
|
||||
.sd { color: #d01040 }
|
||||
.s2 { color: #d01040 }
|
||||
.se { color: #d01040 }
|
||||
.sh { color: #d01040 }
|
||||
.si { color: #d01040 }
|
||||
.sx { color: #d01040 }
|
||||
.sr { color: #009926 }
|
||||
.s1 { color: #d01040 }
|
||||
.ss { color: #990073 }
|
||||
.bp { color: #999999 }
|
||||
.vc { color: #008080 }
|
||||
.vg { color: #008080 }
|
||||
.vi { color: #008080 }
|
||||
.il { color: #009999 }
|
||||
.hll { background-color: #ffffcc } .c { color: #999988; font-style: italic } .err { color: #a61717; background-color: #e3d2d2 } .k { color: #000000; font-weight: bold } .o { color: #000000; font-weight: bold } .cm { color: #999988; font-style: italic } .cp { color: #999999; font-weight: bold } .c1 { color: #999988; font-style: italic } .cs { color: #999999; font-weight: bold } .gd { color: #000000; background-color: #ffdddd } .ge { color: #000000; font-style: italic } .gr { color: #aa0000 } .gh { color: #999999 } .gi { color: #000000; background-color: #ddffdd } .go { color: #888888 } .gp { color: #555555 } .gs { font-weight: bold } .gu { color: #aaaaaa } .gt { color: #aa0000 } .kc { color: #000000; font-weight: bold } .kd { color: #000000; font-weight: bold } .kn { color: #000000; font-weight: bold } .kp { color: #000000; font-weight: bold } .kr { color: #000000; font-weight: bold } .kt { color: #445588; font-weight: bold } .m { color: #009999 } .s { color: #d01040 } .na { color: #008080 } .nb { color: #0086B3 } .nc { color: #445588; font-weight: bold } .no { color: #008080 } .nd { color: #3c5d5d; font-weight: bold } .ni { color: #800080 } .ne { color: #990000; font-weight: bold } .nf { color: #990000; font-weight: bold } .nl { color: #990000; font-weight: bold } .nn { color: #555555 } .nt { color: #000080 } .nv { color: #008080 } .ow { color: #000000; font-weight: bold } .w { color: #bbbbbb } .mf { color: #009999 } .mh { color: #009999 } .mi { color: #009999 } .mo { color: #009999 } .sb { color: #d01040 } .sc { color: #d01040 } .sd { color: #d01040 } .s2 { color: #d01040 } .se { color: #d01040 } .sh { color: #d01040 } .si { color: #d01040 } .sx { color: #d01040 } .sr { color: #009926 } .s1 { color: #d01040 } .ss { color: #990073 } .bp { color: #999999 } .vc { color: #008080 } .vg { color: #008080 } .vi { color: #008080 } .il { color: #009999 }
|
||||
|
|
@ -1,329 +0,0 @@
|
|||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 300;
|
||||
line-height: 1.1;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.4em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.36em;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #ffffff;
|
||||
color: #242121;
|
||||
font-family: 'Source Sans Pro', 'Verdana', sans-serif;
|
||||
font-size: 1.02em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
a {
|
||||
color: #d9411e;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #ff5a09;
|
||||
}
|
||||
hr {
|
||||
color: #eeeeee;
|
||||
background-color: #eeeeee;
|
||||
height: 1px;
|
||||
border: none;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
aside {
|
||||
background-color: #333333;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
aside a {
|
||||
color: #ffffff;
|
||||
}
|
||||
aside a:hover {
|
||||
color: #eeeeee;
|
||||
}
|
||||
aside div {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
aside div img {
|
||||
border-radius: 50%;
|
||||
max-width: 140px;
|
||||
}
|
||||
aside div h1 {
|
||||
margin: 15px 0 5px 0;
|
||||
}
|
||||
aside div p {
|
||||
margin: 0 0 15px 0;
|
||||
font-size: .92em;
|
||||
}
|
||||
aside nav ul li {
|
||||
display: inline;
|
||||
line-height: 1.6em;
|
||||
font-size: 1.28em;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
main nav {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: .72em;
|
||||
padding: 14px 0 14px 0;
|
||||
border-bottom: #eeeeee 1px solid;
|
||||
}
|
||||
main nav a {
|
||||
padding: 0 4px 0 4px;
|
||||
border-right: #eeeeee 1px solid;
|
||||
}
|
||||
main nav :first-child {
|
||||
border-left: #eeeeee 1px solid;
|
||||
}
|
||||
main .pagination {
|
||||
margin: 4% 8% 2% 8%;
|
||||
}
|
||||
main .social-share p {
|
||||
font-size: .8em;
|
||||
}
|
||||
main article {
|
||||
margin: 0 8% 2% 8%;
|
||||
}
|
||||
main article header h1,
|
||||
main article header h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
main article header p {
|
||||
color: #999999;
|
||||
font-size: 0.82em;
|
||||
}
|
||||
main article code,
|
||||
main article kbd,
|
||||
main article samp,
|
||||
main article pre {
|
||||
font-family: 'Source Code Pro', 'Consolas', monospace;
|
||||
}
|
||||
main article blockquote,
|
||||
main article pre {
|
||||
background-color: rgba(128, 128, 128, 0.05);
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-left: 8px solid rgba(128, 128, 128, 0.075);
|
||||
border-left-width: 10px;
|
||||
}
|
||||
main article blockquote {
|
||||
padding: 10px 20px;
|
||||
font-weight: 300;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
main article pre {
|
||||
padding: 4px;
|
||||
font-size: .9em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
main article samp {
|
||||
white-space: pre;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
main article kbd {
|
||||
padding: .1em .6em;
|
||||
border: 1px solid rgba(63, 63, 63, 0.25);
|
||||
box-shadow: 0 1px 0 rgba(63, 63, 63, 0.25);
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
margin: 0 .1em;
|
||||
white-space: nowrap;
|
||||
font-size: .78em;
|
||||
}
|
||||
main article code {
|
||||
font-size: .8em;
|
||||
white-space: nowrap;
|
||||
color: #c25;
|
||||
padding: 1px 3px;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
border-radius: 3px;
|
||||
}
|
||||
main article .comment-count {
|
||||
font-size: .8em;
|
||||
}
|
||||
main article table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
main article table thead:first-child tr:first-child th {
|
||||
border-top: 0;
|
||||
}
|
||||
main article table th,
|
||||
main article table td {
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
main footer {
|
||||
padding-top: 4px;
|
||||
border-top: #eeeeee 1px solid;
|
||||
}
|
||||
main footer p {
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
padding: 0 40px 0 40px;
|
||||
color: #999999;
|
||||
font-size: 11px;
|
||||
}
|
||||
.tag-cloud a {
|
||||
background-color: #d9411e;
|
||||
padding: .2em .6em .2em;
|
||||
font-size: .74em;
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
}
|
||||
.tag-cloud a:hover {
|
||||
background-color: #ff5a09;
|
||||
}
|
||||
a.btn {
|
||||
background-color: #d9411e;
|
||||
padding: .4em .6em;
|
||||
font-size: .9em;
|
||||
line-height: 1;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
}
|
||||
a.btn:hover {
|
||||
background-color: #ff5a09;
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
ul.list,
|
||||
ul.social {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.list {
|
||||
padding: 1em 0 1em 0;
|
||||
}
|
||||
ul.list li {
|
||||
padding: 4px;
|
||||
}
|
||||
ul.social {
|
||||
font-size: 1.6em;
|
||||
padding-top: 20px;
|
||||
}
|
||||
ul.social li {
|
||||
display: inline;
|
||||
}
|
||||
ul.social a:hover {
|
||||
z-index: 2;
|
||||
-webkit-transform: translateY(-5px);
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
ul.social a {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 100%;
|
||||
text-align: center;
|
||||
font-size: .8em;
|
||||
line-height: 36px;
|
||||
}
|
||||
ul.social a.sc-facebook {
|
||||
background-color: #3e5b98;
|
||||
}
|
||||
ul.social a.sc-google {
|
||||
background-color: #d93e2d;
|
||||
}
|
||||
ul.social a.sc-pinterest {
|
||||
background-color: #c92619;
|
||||
}
|
||||
ul.social a.sc-linkedin {
|
||||
background-color: #3371b7;
|
||||
}
|
||||
ul.social a.sc-rss {
|
||||
background-color: #f26109;
|
||||
}
|
||||
ul.social a.sc-stack-overflow {
|
||||
background-color: #ff9900;
|
||||
}
|
||||
ul.social a.sc-twitter {
|
||||
background-color: #4da7de;
|
||||
}
|
||||
ul.social a.sc-youtube {
|
||||
background-color: #e02a20;
|
||||
}
|
||||
ul.social a.sc-github,
|
||||
ul.social a.sc-github-alt {
|
||||
background-color: #111010;
|
||||
}
|
||||
ul.social a.sc-envelope-o {
|
||||
background-color: #578AD6;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
aside {
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
aside div {
|
||||
padding: 36px 18px;
|
||||
}
|
||||
aside div nav ul li {
|
||||
padding: 0 !important;
|
||||
display: block;
|
||||
}
|
||||
aside div ul.social {
|
||||
padding-top: 32px;
|
||||
}
|
||||
main {
|
||||
width: 75%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 25%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
main article ul.list li {
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
2
static/css/style.min.css
vendored
2
static/css/style.min.css
vendored
|
|
@ -1 +1 @@
|
|||
aside,main footer p,main nav{text-align:center}body,html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.36em}h5{font-size:1.2em}h6{font-size:1.1em}body{margin:0;padding:0;background-color:#fff;color:#242121;font-family:'Source Sans Pro',Verdana,sans-serif;font-size:1.02em;line-height:1.2em}a{color:#d9411e;text-decoration:none}a:hover{color:#ff5a09}hr{color:#eee;background-color:#eee;height:1px;border:none;margin-top:40px;margin-bottom:40px}aside,aside a{color:#fff}img{max-width:100%}aside{background-color:#333}aside a:hover{color:#eee}aside div{padding:20px;margin:0}aside div img{border-radius:50%;max-width:140px}aside div h1{margin:15px 0 5px}aside div p{margin:0 0 15px;font-size:.92em}aside nav ul li{display:inline;line-height:1.6em;font-size:1.28em;text-transform:lowercase}main nav{text-transform:uppercase;font-size:.72em;padding:14px 0;border-bottom:#eee 1px solid}main nav a{padding:0 4px;border-right:#eee 1px solid}main nav :first-child{border-left:#eee 1px solid}main .pagination{margin:4% 8% 2%}main .social-share p{font-size:.8em}main article{margin:0 8% 2%}main article header h1,main article header h2{margin-bottom:0}main article header p{color:#999;font-size:.82em}main article code,main article kbd,main article pre,main article samp{font-family:'Source Code Pro',Consolas,monospace}main article blockquote,main article pre{background-color:rgba(128,128,128,.05);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:8px solid rgba(128,128,128,.075);border-left-width:10px}main article blockquote{padding:10px 20px;font-weight:300;font-size:1.1em}main article pre{padding:4px;font-size:.9em;overflow-x:auto}main article samp{white-space:pre;display:block;overflow-x:auto}main article kbd{padding:.1em .6em;border:1px solid rgba(63,63,63,.25);box-shadow:0 1px 0 rgba(63,63,63,.25);background-color:#fff;color:#333;border-radius:3px;display:inline-block;margin:0 .1em;white-space:nowrap;font-size:.78em}main article code{font-size:.8em;white-space:nowrap;color:#c25;padding:1px 3px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px}main article .comment-count{font-size:.8em}main article table{border-collapse:collapse;border-spacing:0}main article table thead:first-child tr:first-child th{border-top:0}main article table td,main article table th{padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #ddd}main footer{padding-top:4px;border-top:#eee 1px solid}main footer p{margin:2px;padding:0 40px;color:#999;font-size:11px}.tag-cloud a,a.btn{line-height:1;color:#fff;white-space:nowrap;vertical-align:baseline;border-radius:.25em;text-align:center}.tag-cloud a{background-color:#d9411e;padding:.2em .6em;font-size:.74em}.tag-cloud a:hover{background-color:#ff5a09}a.btn{background-color:#d9411e;padding:.4em .6em;font-size:.9em}a.btn:hover{background-color:#ff5a09}.center{text-align:center}.float-right{float:right}ul.list,ul.social{list-style-type:none;margin:0;padding:0}ul.list{padding:1em 0}ul.list li{padding:4px}ul.social{font-size:1.6em;padding-top:20px}ul.social li{display:inline}ul.social a:hover{z-index:2;-webkit-transform:translateY(-5px);transform:translateY(-5px)}ul.social a{display:inline-block;width:36px;height:36px;border-radius:100%;text-align:center;font-size:.8em;line-height:36px}ul.social a.sc-facebook{background-color:#3e5b98}ul.social a.sc-google{background-color:#d93e2d}ul.social a.sc-pinterest{background-color:#c92619}ul.social a.sc-linkedin{background-color:#3371b7}ul.social a.sc-rss{background-color:#f26109}ul.social a.sc-stack-overflow{background-color:#f90}ul.social a.sc-twitter{background-color:#4da7de}ul.social a.sc-youtube{background-color:#e02a20}ul.social a.sc-github,ul.social a.sc-github-alt{background-color:#111010}ul.social a.sc-envelope-o{background-color:#578AD6}@media screen and (min-width:768px){aside{width:25%;height:100%;position:fixed;top:0;left:0;overflow-y:auto}aside div{padding:36px 18px}aside div nav ul li{padding:0!important;display:block}aside div ul.social{padding-top:32px}main{width:75%;position:absolute;top:0;left:25%;overflow-x:hidden;overflow-y:hidden}main article ul.list li{padding:2px}}
|
||||
aside,main nav{text-align:center}body,html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.36em}h5{font-size:1.2em}h6{font-size:1.1em}body{margin:0;padding:0;background-color:#fff;color:#242121;font-family:'Source Sans Pro',Verdana,sans-serif;font-size:1.02em;line-height:1.2em}a{color:#d9411e;text-decoration:none}a:hover{color:#ff5a09}hr{color:#eee;background-color:#eee;height:1px;border:none;margin-top:40px;margin-bottom:40px}aside,aside a{color:#fff}img{max-width:100%}aside{background-color:#333}aside a:hover{color:#eee}aside div{padding:20px;margin:0}aside div img{border-radius:50%;max-width:140px}aside div h1{margin:15px 0 5px}aside div p{margin:0 0 15px;font-size:.92em}aside nav ul li{display:inline;line-height:1.6em;font-size:1.28em;text-transform:lowercase}main nav{text-transform:uppercase;font-size:.72em;padding:14px 0;border-bottom:#eee 1px solid}main nav a{padding:0 4px;border-right:#eee 1px solid}main nav :first-child{border-left:#eee 1px solid}main .pagination{margin:4% 8% 2%}main .social-share p{font-size:.8em}main article{margin:0 8% 2%}main article header h1,main article header h2{margin-bottom:0}main article header p{color:#999;font-size:.82em}main article code,main article kbd,main article pre,main article samp{font-family:'Source Code Pro',Consolas,monospace}main article blockquote,main article pre{background-color:rgba(128,128,128,.05);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:8px solid rgba(128,128,128,.075);border-left-width:10px}main article blockquote{padding:10px 20px;font-weight:300;font-size:1.1em}main article pre{padding:4px;font-size:.9em;overflow-x:auto}main article samp{white-space:pre;display:block;overflow-x:auto}main article kbd{padding:.1em .6em;border:1px solid rgba(63,63,63,.25);box-shadow:0 1px 0 rgba(63,63,63,.25);background-color:#fff;color:#333;border-radius:3px;display:inline-block;margin:0 .1em;white-space:nowrap;font-size:.78em}main article code{font-size:.8em;white-space:nowrap;color:#c25;padding:1px 3px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px}main article .comment-count{font-size:.8em}main article table{border-collapse:collapse;border-spacing:0}main article table thead:first-child tr:first-child th{border-top:0}main article table td,main article table th{padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #ddd}main footer{padding-top:4px;border-top:#eee 1px solid}main footer p{margin:2px;text-align:center;padding:0 40px;color:#999;font-size:11px}.tag-cloud a,a.btn{text-align:center;line-height:1;color:#fff;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.tag-cloud a{background-color:#d9411e;padding:.2em .6em;font-size:.74em}.tag-cloud a:hover{background-color:#ff5a09}a.btn{background-color:#d9411e;padding:.4em .6em;font-size:.9em}a.btn:hover{background-color:#ff5a09}.center{text-align:center}.float-right{float:right}ul.list,ul.social{list-style-type:none;margin:0;padding:0}ul.list{padding:1em 0}ul.list li{padding:4px}ul.social{font-size:1.6em;padding-top:20px}ul.social li{display:inline}ul.social a:hover{z-index:2;-webkit-transform:translateY(-5px);transform:translateY(-5px)}ul.social a{display:inline-block;width:36px;height:36px;border-radius:100%;text-align:center;font-size:.8em;line-height:36px}ul.social a.sc-facebook{background-color:#3e5b98}ul.social a.sc-google{background-color:#d93e2d}ul.social a.sc-pinterest{background-color:#c92619}ul.social a.sc-linkedin{background-color:#3371b7}ul.social a.sc-rss{background-color:#f26109}ul.social a.sc-stack-overflow{background-color:#f90}ul.social a.sc-twitter{background-color:#4da7de}ul.social a.sc-youtube{background-color:#e02a20}ul.social a.sc-github,ul.social a.sc-github-alt{background-color:#111010}ul.social a.sc-envelope-o{background-color:#578AD6}@media screen and (min-width:768px){aside{width:25%;height:100%;position:fixed;top:0;left:0;overflow-y:auto}aside div{padding:36px 18px}aside div nav ul li{padding:0!important;display:block}aside div ul.social{padding-top:32px}main{width:75%;position:absolute;top:0;left:25%;overflow-x:hidden;overflow-y:hidden}main article ul.list li{padding:2px}}
|
||||
Loading…
Reference in a new issue