Change css mobile for 3 columns
This commit is contained in:
parent
a9aa1dd150
commit
d19ba7b1c6
|
@ -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;
|
Reference in New Issue