mirror of
https://github.com/ThunixdotNet/www.git
synced 2026-11-04 18:35:38 +00:00
Edited CSS to adapt to cell phone screens, based on screen orientation
This commit is contained in:
1 parent
c0273eeb98
commit
9a91052f45
1 file changed
+11
-4
@@ -140,11 +140,20 @@ padding-left: 0;
|
||||
|
||||
/* 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 {
|
||||
margin: 0 auto;
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
#page-bgtop {
|
||||
padding: 20px 0px;
|
||||
@@ -160,9 +169,8 @@ padding: 0px 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (orientation: portrait){
|
||||
@media only screen and (orientation: portrait) and (overflow-inline){
|
||||
#content {
|
||||
width: 650px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
@@ -233,9 +241,8 @@ color: #00FF00;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (orientation: portrait){
|
||||
@media only screen and (orientation: portrait) and (overflow-inline){
|
||||
#sidebar {
|
||||
width: 310px;
|
||||
margin: 0px;
|
||||
padding: 0px 20px 0px 0px;
|
||||
color: #00FF00;
|
||||
|
||||
Reference in new issue
Block a user