Edited style.css with more responsive code

This commit is contained in:
TechEmporium 2019-01-31 06:25:50 -05:00
parent 250244a4aa
commit da262f36d2
1 changed files with 4 additions and 14 deletions

View File

@ -99,7 +99,6 @@ color: #EEEEEE;
/* Menu */ /* Menu */
#menu { #menu {
width: 980px;
height: 90px; height: 90px;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
@ -140,15 +139,6 @@ padding-left: 0;
/* Page */ /* Page */
@media only screen and (orientation: landscape){
#page {
width: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
}
@media only screen and (orientation: portrait) and (overflow-inline){
#page { #page {
margin: 0 auto; margin: 0 auto;
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
@ -164,12 +154,12 @@ padding: 20px 0px;
@media only screen and (orientation: landscape){ @media only screen and (orientation: landscape){
#content { #content {
float: right; float: right;
width: 650px; width: 74%;
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
} }
} }
@media only screen and (orientation: portrait) and (overflow-inline){ @media only screen and (orientation: portrait){
#content { #content {
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
} }
@ -234,14 +224,14 @@ font-weight: bold;
@media only screen and (orientation: landscape){ @media only screen and (orientation: landscape){
#sidebar { #sidebar {
float: left; float: left;
width: 310px; width: 22px;
margin: 0px; margin: 0px;
padding: 0px 20px 0px 0px; padding: 0px 20px 0px 0px;
color: #00FF00; color: #00FF00;
} }
} }
@media only screen and (orientation: portrait) and (overflow-inline){ @media only screen and (orientation: portrait){
#sidebar { #sidebar {
margin: 0px; margin: 0px;
padding: 0px 20px 0px 0px; padding: 0px 20px 0px 0px;