Update style.
This commit is contained in:
		
							parent
							
								
									9779fd7489
								
							
						
					
					
						commit
						8f929523b2
					
				
							
								
								
									
										35
									
								
								style.css
								
								
								
								
							
							
						
						
									
										35
									
								
								style.css
								
								
								
								
							| 
						 | 
					@ -1,8 +1,8 @@
 | 
				
			||||||
/* || general styles */
 | 
					/* || general styles */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
html {
 | 
					html {
 | 
				
			||||||
    font-family: 'Oswald',  sans-serif;
 | 
					    font-family: monospace,  sans-serif;
 | 
				
			||||||
    font-weight: 200;
 | 
					    font-weight: thin;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#comments > a {
 | 
					#comments > a {
 | 
				
			||||||
| 
						 | 
					@ -10,7 +10,7 @@ html {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
article  {
 | 
					article  {
 | 
				
			||||||
    font-family: 'Oswald',  sans-serif;
 | 
					    font-family: monospace,  sans-serif;
 | 
				
			||||||
    color: #fff;
 | 
					    color: #fff;
 | 
				
			||||||
    background:#313543;
 | 
					    background:#313543;
 | 
				
			||||||
    display: grid;
 | 
					    display: grid;
 | 
				
			||||||
| 
						 | 
					@ -20,7 +20,7 @@ article  {
 | 
				
			||||||
	"footer footer";
 | 
						"footer footer";
 | 
				
			||||||
    grid-template-columns: 1fr 3fr;
 | 
					    grid-template-columns: 1fr 3fr;
 | 
				
			||||||
    gap: 0.5em;
 | 
					    gap: 0.5em;
 | 
				
			||||||
    width: 30em;
 | 
					    width: 40em;
 | 
				
			||||||
    padding: 1em 0.25em 0em 0.25em;
 | 
					    padding: 1em 0.25em 0em 0.25em;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -44,24 +44,43 @@ article header summary {
 | 
				
			||||||
article aside {
 | 
					article aside {
 | 
				
			||||||
    grid-area: profile;
 | 
					    grid-area: profile;
 | 
				
			||||||
    text-align:center;
 | 
					    text-align:center;
 | 
				
			||||||
 | 
					    overflow-wrap: anywhere;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
article aside h1 {
 | 
					article aside h1 {
 | 
				
			||||||
    font-size: 1.2em;
 | 
					    font-size: 1em;
 | 
				
			||||||
    font-weight: 300;
 | 
					    font-weight: 300;
 | 
				
			||||||
    padding:0; margin-bottom:0;
 | 
					    padding:0.25em; margin-bottom:0;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
article aside h2  {
 | 
					article aside h2  {
 | 
				
			||||||
    font-size: 1.0em;
 | 
					    font-size: 0.8em;
 | 
				
			||||||
    font-weight: 200;
 | 
					    font-weight: 200;
 | 
				
			||||||
    padding:0; margin:0;
 | 
					    padding:0.25em; margin:0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					article aside h2 > a {
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					    font-style: oblique;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					article aside h2 > a:before {
 | 
				
			||||||
 | 
					    content: "@";
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
article aside img {
 | 
					article aside img {
 | 
				
			||||||
    max-width: 100px;
 | 
					    max-width: 100px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					article > aside > div {
 | 
				
			||||||
 | 
					    
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					article > aside > div > time {
 | 
				
			||||||
 | 
					    font-size: 0.7em;
 | 
				
			||||||
 | 
					    color:#b4b5ba;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
article section {
 | 
					article section {
 | 
				
			||||||
    grid-area: content;
 | 
					    grid-area: content;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue