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