first version of mobile-friendly design
This commit is contained in:
		
							parent
							
								
									b9aaa5143b
								
							
						
					
					
						commit
						a0955b3b9c
					
				
					 1 changed files with 33 additions and 5 deletions
				
			
		
							
								
								
									
										38
									
								
								dencode.css
									
										
									
									
									
								
							
							
						
						
									
										38
									
								
								dencode.css
									
										
									
									
									
								
							|  | @ -1,5 +1,38 @@ | |||
| @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext); | ||||
| 
 | ||||
| @media (max-width: 800px) { | ||||
| 	body { | ||||
| 		margin: 0; | ||||
| 		padding: 0; | ||||
| 	} | ||||
| 
 | ||||
| 	h1 { | ||||
| 		margin: 0; | ||||
| 	} | ||||
| 
 | ||||
| 	div.wrapper { | ||||
| 		border-radius: 0; | ||||
| 		margin-left: 0; | ||||
| 		margin-right: 0; | ||||
| 	} | ||||
| 
 | ||||
| 	textarea.input { | ||||
| 		border-radius: 0; | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
| @media (min-width: 801px) { | ||||
| 	div.wrapper { | ||||
| 		border-radius: 0.5em; | ||||
| 		margin-left: auto; | ||||
| 		margin-right: auto; | ||||
| 		width: 50%; | ||||
| 	} | ||||
| 
 | ||||
| 	textarea.input { | ||||
| 		border-radius: 0.5em; | ||||
| 	} | ||||
| } | ||||
| body { | ||||
| 	font-family: 'Open Sans', sans-serif; | ||||
| 	font-weight: 300; | ||||
|  | @ -17,19 +50,14 @@ strong { | |||
| div.wrapper { | ||||
| 	background-color: #fc0; | ||||
| 	border-color: #da0; | ||||
| 	border-radius: 0.5em; | ||||
| 	border-style: solid; | ||||
| 	border-width: 1px; | ||||
| 	box-shadow: 0 0 1px 1px #ea0 inset; | ||||
| 	margin-bottom: 0.5em; | ||||
| 	margin-left: auto; | ||||
| 	margin-right: auto; | ||||
| 	padding: 0.5em; | ||||
| 	width: 50%; | ||||
| } | ||||
| 
 | ||||
| textarea.input { | ||||
| 	border-radius: 0.5em; | ||||
| 	border-style: solid; | ||||
| 	border-width: 1px; | ||||
| 	display: block; | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue