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