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

Edited CSS to adapt to cell phone screens, based on screen orientation

This commit is contained in:
TechEmporium 2019-01-18 16:41:01 -05:00
parent 8ebdb6ea79
commit 3ec229cb93
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
site.css
View File

@ -152,11 +152,20 @@ padding: 20px 0px;
/* Content */
@media only screen and (orientation: landscape){
#content {
float: right;
width: 650px;
padding: 0px 0px 0px 0px;
}
}
@media only screen and (orientation: portrait){
#content {
width: 650px;
padding: 0px 0px 0px 0px;
}
}
.post {
background: #000000;
@ -214,6 +223,7 @@ font-weight: bold;
/* Sidebar */
@media only screen and (orientation: landscape){
#sidebar {
float: left;
width: 310px;
@ -221,6 +231,16 @@ margin: 0px;
padding: 0px 20px 0px 0px;
color: #00FF00;
}
}
@media only screen and (orientation: portrait){
#sidebar {
width: 310px;
margin: 0px;
padding: 0px 20px 0px 0px;
color: #00FF00;
}
}
#sidebar ul {
margin: 0;