Change css mobile for 3 columns

This commit is contained in:
chris 2013-02-08 16:16:33 +08:00
parent a9aa1dd150
commit d19ba7b1c6
1 changed files with 11 additions and 8 deletions

View File

@ -35,7 +35,7 @@ div[data-role="page"] {
}
.main-menu ul {
background-color: #333;
width: 280px;
width: 210px;
list-style: none;
margin: 0 auto;
padding: 0;
@ -128,8 +128,8 @@ div[data-role="page"] {
left: 0;
}
.header .language .ui-btn-text i {
font-size: .83em;
margin-top: .2em;
font-size: 1.1em;
margin-top: .33em;
}
.header .language .ui-icon {
background-image: none;
@ -213,6 +213,9 @@ div[data-role="page"] {
padding: 0 10px 20px;
margin-bottom: 0;
}
#announcement_content .content {
padding: 10px;
}
#map div[data-role="content"] {
padding: 0;
}
@ -323,7 +326,7 @@ div[id^="dialog"] .content {
}
@media(min-width:600px) {
.main-menu ul {
width: 560px;
width: 420px;
}
.main-menu ul li {
width: 128px;
@ -331,7 +334,7 @@ div[id^="dialog"] .content {
}
@media(min-width:768px) {
.main-menu ul {
width: 640px;
width: 480px;
}
.main-menu ul li {
width: 148px;
@ -342,7 +345,7 @@ div[id^="dialog"] .content {
}
@media(min-width:800px) {
.main-menu ul {
width: 640px;
width: 480px;
}
.main-menu ul li {
width: 148px;
@ -350,7 +353,7 @@ div[id^="dialog"] .content {
}
@media(min-width:961px) {
.main-menu ul {
width: 640px;
width: 480px;
}
.main-menu ul li {
width: 148px;
@ -358,7 +361,7 @@ div[id^="dialog"] .content {
}
@media(min-width: 1024px) {
.main-menu ul {
width: 800px;
width: 600px;
}
.main-menu ul li {
width: 188px;