forked from thunix/www
Improved responsive coding in style.css
This commit is contained in:
parent
844c2ad9b4
commit
3a7871389f
19
site.css
19
site.css
|
@ -151,7 +151,11 @@ padding: 20px 0px;
|
|||
|
||||
/* Content */
|
||||
|
||||
@media only screen and (orientation: landscape){
|
||||
#content {
|
||||
padding: 0px 20px 0px 20px;
|
||||
}
|
||||
|
||||
@media screen and (orientation: landscape) and (min-width: 1024px){
|
||||
#content {
|
||||
float: right;
|
||||
width: 74%;
|
||||
|
@ -159,12 +163,6 @@ padding: 0px 20px 0px 0px;
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (orientation: portrait){
|
||||
#content {
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.post {
|
||||
background: #000000;
|
||||
border: 2px solid #EEEEEE;
|
||||
|
@ -221,18 +219,17 @@ font-weight: bold;
|
|||
|
||||
/* Sidebar */
|
||||
|
||||
@media only screen and (orientation: landscape){
|
||||
#sidebar {
|
||||
float: left;
|
||||
width: 22%;
|
||||
margin: 0px;
|
||||
padding: 0px 20px 0px 0px;
|
||||
color: #00FF00;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (orientation: portrait){
|
||||
@media screen and (orientation: landscape) and (min-width: 1024px){
|
||||
#sidebar {
|
||||
float: left;
|
||||
width: 22%;
|
||||
margin: 0px;
|
||||
padding: 0px 20px 0px 0px;
|
||||
color: #00FF00;
|
||||
|
|
Loading…
Reference in New Issue