mirror of https://github.com/ThunixdotNet/www.git
Edited style.css with more responsive code
This commit is contained in:
parent
250244a4aa
commit
da262f36d2
18
site.css
18
site.css
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue