l0v3ris/thunix-www
1
0
Fork 0
forked from Thunix/www
Code Pull Requests 2 Activity

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

Browse Source
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
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;