forked from root/threadr.lostcave.ddnss.de
				
			fixed formatting
							parent
							
								
									f040a3f906
								
							
						
					
					
						commit
						2015987e13
					
				|  | @ -1,64 +1,58 @@ | |||
| /* optimized for desktop users */ | ||||
| @media only screen and (min-width: 721px) { | ||||
| 	.container{ | ||||
| 		display: grid; | ||||
| 		grid-template-columns: repeat(3, 1fr); | ||||
| 		grid-template-rows: 100px; | ||||
| 		grid-template-columns: 1fr 1fr 1fr; | ||||
| 		grid-auto-rows: minmax(100px, auto); | ||||
| 	}	 | ||||
| 
 | ||||
| 	div.item-1 { | ||||
| 		grid-column: 2 / 3; | ||||
| 		grid-row: 1; | ||||
| 	} | ||||
| 	 | ||||
| 	div.item-2 { | ||||
| 		grid-column: 2 / 3; | ||||
| 		grid-row: 2; | ||||
| 	} | ||||
| 	 | ||||
| 	div.item-3 { | ||||
| 		grid-column: 2 / 3; | ||||
| 		grid-row: 3; | ||||
| 	} | ||||
|   .container{ | ||||
|     display: grid; | ||||
|     grid-template-columns: repeat(3, 1fr); | ||||
|     grid-template-rows: 100px; | ||||
|     grid-template-columns: 1fr 1fr 1fr; | ||||
|     grid-auto-rows: minmax(100px, auto); | ||||
|   } | ||||
|   div.item-1 { | ||||
|     grid-column: 2 / 3; | ||||
|     grid-row: 1; | ||||
|   } | ||||
|   div.item-2 { | ||||
|     grid-column: 2 / 3; | ||||
|     grid-row: 2; | ||||
|   } | ||||
|   div.item-3 { | ||||
|     grid-column: 2 / 3; | ||||
|     grid-row: 3; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| /* optimized for mobile users */ | ||||
| @media only screen and (max-width: 720px) { | ||||
| 	.container{ | ||||
| 		display: grid; | ||||
| 		grid-template-columns: repeat(1, 1fr); | ||||
| 		grid-template-rows: 100px; | ||||
| 		grid-template-columns: 1fr; | ||||
| 		grid-auto-rows: minmax(100px, auto); | ||||
| 	}	 | ||||
| 
 | ||||
| 	div.item-1 { | ||||
| 		grid-column: 1 / 1; | ||||
| 		grid-row: 1; | ||||
| 	} | ||||
| 	 | ||||
| 	div.item-2 { | ||||
| 		grid-column: 1 / 1; | ||||
| 		grid-row: 2; | ||||
| 	} | ||||
| 	 | ||||
| 	div.item-3 { | ||||
| 		grid-column: 1 / 1; | ||||
| 		grid-row: 3; | ||||
| 	} | ||||
|   .container{ | ||||
|     display: grid; | ||||
|     grid-template-columns: repeat(1, 1fr); | ||||
|     grid-template-rows: 100px; | ||||
|     grid-template-columns: 1fr; | ||||
|     grid-auto-rows: minmax(100px, auto); | ||||
|   } | ||||
|   div.item-1 { | ||||
|     grid-column: 1 / 1; | ||||
|     grid-row: 1; | ||||
|   } | ||||
|   div.item-2 { | ||||
|     grid-column: 1 / 1; | ||||
|     grid-row: 2; | ||||
|   } | ||||
|   div.item-3 { | ||||
|     grid-column: 1 / 1; | ||||
|     grid-row: 3; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| div.round-border { | ||||
| 	border: 1px solid; | ||||
| 	padding: 0.01em 16px; | ||||
| 	border-radius: 16px; | ||||
|   border: 1px solid; | ||||
|   padding: 0.01em 16px; | ||||
|   border-radius: 16px; | ||||
| } | ||||
| 
 | ||||
| body { | ||||
|  background-color:#feffef; | ||||
|  color:#00000; | ||||
|   background-color:#feffef; | ||||
|   color:#00000; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
|  | @ -74,12 +68,22 @@ pre { | |||
|   font-size:              11pt; | ||||
|   font-family:            monospace; | ||||
| } | ||||
| 
 | ||||
| pre.commandLine { | ||||
|   background-color:       #2E3436; | ||||
|   color:                  #C3F097; | ||||
| } | ||||
| 
 | ||||
| /* in-line code block */ | ||||
| span.codeBlockInText{ | ||||
|   background-color:       white; | ||||
|   border-color:           black; | ||||
|   border-style:           solid; | ||||
|   border-width:           1px; | ||||
|   font-size:              11pt; | ||||
|   font-family:            monospace; | ||||
|   padding-left:           5px; | ||||
|   padding-right:          5px; | ||||
| } | ||||
| /* code highlighting */ | ||||
| span.structure { | ||||
|   color:                  #FCAF3E; | ||||
|   font-weight:            bold; | ||||
|  | @ -92,7 +96,6 @@ span.className { | |||
|   color:                  #8AE234; | ||||
|   font-weight:            bold; | ||||
| } | ||||
| 
 | ||||
| span.type { | ||||
|   color:                  #729FCF; | ||||
| } | ||||
|  | @ -108,14 +111,3 @@ span.name { | |||
| span.comment { | ||||
|   color:                  #888A85; | ||||
| } | ||||
| /* in-line code block */ | ||||
| span.codeBlockInText{ | ||||
|   background-color:       white; | ||||
|   border-color:           black; | ||||
|   border-style:           solid; | ||||
|   border-width:           1px; | ||||
|   font-size:              11pt; | ||||
|   font-family:            monospace; | ||||
|   padding-left:           5px; | ||||
|   padding-right:          5px; | ||||
| } | ||||
		Loading…
	
		Reference in New Issue