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 {
 | 
			
		||||
	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;
 | 
			
		||||
		Reference in New Issue