ubergeek
/
www
forked from thunix/www
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved responsive coding in style.css

This commit is contained in:
TechEmporium 2019-02-02 17:25:47 -05:00
parent 844c2ad9b4
commit 3a7871389f
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
site.css
View File

@ -151,7 +151,11 @@ padding: 20px 0px;
/* Content */ /* Content */
@media only screen and (orientation: landscape){ #content {
padding: 0px 20px 0px 20px;
}
@media screen and (orientation: landscape) and (min-width: 1024px){
#content { #content {
float: right; float: right;
width: 74%; width: 74%;
@ -159,12 +163,6 @@ padding: 0px 20px 0px 0px;
} }
} }
@media only screen and (orientation: portrait){
#content {
padding: 0px 0px 0px 0px;
}
}
.post { .post {
background: #000000; background: #000000;
border: 2px solid #EEEEEE; border: 2px solid #EEEEEE;
@ -221,18 +219,17 @@ font-weight: bold;
/* Sidebar */ /* Sidebar */
@media only screen and (orientation: landscape){
#sidebar { #sidebar {
float: left;
width: 22%;
margin: 0px; margin: 0px;
padding: 0px 20px 0px 0px; padding: 0px 20px 0px 0px;
color: #00FF00; color: #00FF00;
} }
} }
@media only screen and (orientation: portrait){ @media screen and (orientation: landscape) and (min-width: 1024px){
#sidebar { #sidebar {
float: left;
width: 22%;
margin: 0px; margin: 0px;
padding: 0px 20px 0px 0px; padding: 0px 20px 0px 0px;
color: #00FF00; color: #00FF00;