tweak: add style for tables
This commit is contained in:
		
							parent
							
								
									9cb754909b
								
							
						
					
					
						commit
						c2d48d58b7
					
				|  | @ -25,8 +25,8 @@ body { | ||||||
|   font-family: serif; |   font-family: serif; | ||||||
|   /* font-family: 'Source Serif Pro', serif; */ |   /* font-family: 'Source Serif Pro', serif; */ | ||||||
|   font-size: 1.5em; |   font-size: 1.5em; | ||||||
|   background-color: #fff; |   background-color: #fcfcfc; | ||||||
| 
 |   color:#333; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| /* header */ | /* header */ | ||||||
|  | @ -42,6 +42,7 @@ header { | ||||||
| 
 | 
 | ||||||
| header h1 { | header h1 { | ||||||
|   margin-left: 0.7em; |   margin-left: 0.7em; | ||||||
|  |   color:#333; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| header a { | header a { | ||||||
|  | @ -49,7 +50,7 @@ header a { | ||||||
|   color: inherit; |   color: inherit; | ||||||
|   */ |   */ | ||||||
|   text-decoration: none; |   text-decoration: none; | ||||||
|   color: black; |   color: #333; | ||||||
|   /*  |   /*  | ||||||
|    * color: #005386; |    * color: #005386; | ||||||
|    */ |    */ | ||||||
|  | @ -113,6 +114,7 @@ article{ | ||||||
|   padding: 0.3em 0 0 0; |   padding: 0.3em 0 0 0; | ||||||
|   flex-basis: 70%; |   flex-basis: 70%; | ||||||
|   padding-left: 1em; |   padding-left: 1em; | ||||||
|  |   color: #333; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| footer { | footer { | ||||||
|  | @ -153,9 +155,9 @@ img { | ||||||
| 
 | 
 | ||||||
| .img-frontpage-center { | .img-frontpage-center { | ||||||
|   display: block; |   display: block; | ||||||
|   margin-left: auto; |    margin-left: auto; | ||||||
|   margin-right: auto; |   margin-right: auto; | ||||||
|   width: 25%; |   width: 500px; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .img-medium-center { | .img-medium-center { | ||||||
|  | @ -192,13 +194,14 @@ blockquote::before{ | ||||||
| /* Code bloocks */ | /* Code bloocks */ | ||||||
| pre, code { | pre, code { | ||||||
|   display: block; |   display: block; | ||||||
|   overflow-x: auto;  |   overflow-x:auto;  | ||||||
|   tab-width: 2; |   tab-width: 2; | ||||||
|   line-height:1.7; |   line-height:1.7; | ||||||
|   padding: 0.5em 0.5em 0.5em 0.5em; |   padding: 0.5em 0.5em 0.5em 0.5em; | ||||||
|   margin-top: 1em; |   margin-top: 1em; | ||||||
|   margin-bottom: 1em; |   margin-bottom: 1em; | ||||||
|   margin: 2em; |   margin: 2em; | ||||||
|  |   max-width: 1100px !important; | ||||||
|   background: #F0F0F0; |   background: #F0F0F0; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | @ -254,7 +257,7 @@ th { | ||||||
|     display: block; |     display: block; | ||||||
|     margin-left: auto; |     margin-left: auto; | ||||||
|     margin-right: auto; |     margin-right: auto; | ||||||
|     width: 200px; |     width: 300px; | ||||||
|   } |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | @ -306,3 +309,32 @@ img + em { | ||||||
|   text-align: center;  |   text-align: center;  | ||||||
|   font-size: 1em; |   font-size: 1em; | ||||||
| } | } | ||||||
|  | 
 | ||||||
|  | /* Table */ | ||||||
|  | 
 | ||||||
|  | table { | ||||||
|  |     border: 3px solid #005386; | ||||||
|  |     border-collapse: collapse; | ||||||
|  |     table-layout: fixed; | ||||||
|  |     text-align: left; | ||||||
|  |     width: 100%; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | table thead { | ||||||
|  |      position: sticky; | ||||||
|  |      top: 0; | ||||||
|  | } | ||||||
|  |  table tbody tr:nth-child(even) { | ||||||
|  |      background: #E9F1F4; | ||||||
|  | } | ||||||
|  |  table th { | ||||||
|  |      background: #005386; | ||||||
|  |      color: white; | ||||||
|  |      font-weight: bold; | ||||||
|  | } | ||||||
|  |  table th, table td { | ||||||
|  |      padding: 1em 1em 1em 1em; | ||||||
|  |      /* border: 3px solid #005386; */ | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user