book/es6tutorial
1
0
Fork 0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-24 18:32:22 +00:00
Code Issues Releases Wiki Activity

edit app.css

Browse Source
This commit is contained in:
ruanyf 2014-04-21 18:32:46 +08:00
parent cdf7fc0b3c
commit 6bfd76c6fa
1 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
css/app.css
View File

@ -26,22 +26,11 @@ body {
font-size: 0.8rem; font-size: 0.8rem;
} }
@media (min-width: 40rem) {
#sidebar {
width: 300px;
position: fixed;
height: 100%;
margin-right: 20px;
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
}
}
#sidebar { #sidebar {
margin-top: 0; margin-top: 0;
padding-left: 25px; padding-left: 25px;
padding-top: 0; padding-bottom:25px;
padding-top: 25px;
box-shadow: 0 0 40px #CCC; box-shadow: 0 0 40px #CCC;
-webkit-box-shadow: 0 0 40px #CCC; -webkit-box-shadow: 0 0 40px #CCC;
@ -49,6 +38,19 @@ body {
border-right: 1px solid #BBB; border-right: 1px solid #BBB;
} }
@media (min-width: 40rem) {
#sidebar {
width: 280px;
position: fixed;
height: 100%;
margin-right: 20px;
padding-bottom:0px;
padding-top: 0px;
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
}
}
#sidebar h1 { #sidebar h1 {
font-size: 25px; font-size: 25px;
margin-bottom: 0px; margin-bottom: 0px;
@ -110,7 +112,7 @@ body {
@media (min-width: 40rem) { @media (min-width: 40rem) {
#content { #content {
width: 580px; width: 580px;
padding-left:350px; padding-left:330px;
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
} }
@ -215,7 +217,7 @@ body {
width: 70px; width: 70px;
top: 20px; top: 20px;
margin-left: 890px; margin-left: 60%;
margin-top: 0px; margin-top: 0px;
color: #FFF; color: #FFF;
@ -228,6 +230,12 @@ body {
background-color: #AAA; background-color: #AAA;
} }
@media (min-width: 40rem) {
#back_to_top {
margin-left: 890px;
}
}
#back_to_top:hover { #back_to_top:hover {
background-color: #444; background-color: #444;
cursor: pointer; cursor: pointer;
@ -241,7 +249,7 @@ body {
width: 70px; width: 70px;
top: 45px; top: 45px;
margin-left: 890px; margin-left: 60%;
margin-top: 0px; margin-top: 0px;
color: #FFF; color: #FFF;
@ -254,6 +262,13 @@ body {
background-color: #AAA; background-color: #AAA;
} }
@media (min-width: 40rem) {
#edit {
margin-left: 890px;
}
}
#edit:hover { #edit:hover {
background-color: #444; background-color: #444;
cursor: pointer; cursor: pointer;