dan
/
jekyll
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some polish for the docs nav/content responsiveness

This commit is contained in:
Coby Chapple 2013-04-04 18:05:03 +01:00
parent f583e4fbb5
commit a765b75b5e
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
site/css/style.css
View File

@ -386,9 +386,24 @@ p {
.docs article { .docs article {
background: #444; background: #444;
border-radius: 10px; border-radius: 10px;
padding: 40px 40px 30px; padding: 20px;
margin: 0 10px;
box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1);
min-height: 800px; min-height: 800px;
font-size: 16px;
}
@media (max-width: 568px){
.docs article {
margin: 0;
}
}
@media (min-width: 768px){
.docs article {
padding: 40px 40px 30px;
font-size: 21px;
}
} }
.docs aside { .docs aside {
@ -435,6 +450,7 @@ p {
padding-top: 40px; padding-top: 40px;
position: relative; position: relative;
background: url(../img/article-footer.png) top center no-repeat; background: url(../img/article-footer.png) top center no-repeat;
margin: 40px -20px 10px;
} }
.section-nav > div { .section-nav > div {
@ -634,7 +650,7 @@ code.option, code.flag, code.filter, code.output {
.note { .note {
margin: 30px 0; margin: 30px 0;
margin-left: -50px; margin-left: -30px;
padding: 20px 20px 24px; padding: 20px 20px 24px;
padding-left: 50px; padding-left: 50px;
border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;
@ -651,6 +667,12 @@ code.option, code.flag, code.filter, code.output {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d42', endColorstr='#5c4e35',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d42', endColorstr='#5c4e35',GradientType=0 );
} }
@media (min-width: 768px){
.note {
margin-left: -50px;
}
}
.note:before { .note:before {
content: ""; content: "";
position: absolute; position: absolute;