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