1001

static P2P wikisoft.
Log | Files | Refs | README

layout.css (1017B)

      1 .container {
      2 	display: block;
      3 	-webkit-border-radius: 2px;
      4 	        border-radius: 2px;
      5 	font-style: italic;
      6 	border: 1px solid white;
      7 	padding: 10px;
      8 }
      9 
     10 header {
     11 	margin: 0; padding: 0;
     12 }
     13 
     14 nav {
     15 	height: 100vh;
     16 	margin: 0; padding: 0;
     17 	padding: 20px;
     18 	width: 17.5%;
     19 	padding-right: 15px;
     20 	float: left;
     21 }
     22 
     23 main {
     24 	height: 100vh;
     25 	margin: 0; padding: 0;
     26 	width: 66.6%;
     27 	padding: 20px;
     28 	float: left;
     29 }
     30 
     31 aside {
     32 	display: none
     33 }
     34 
     35 @media ( min-width: 980px ) {
     36 	aside {
     37 		height: 100vh;		
     38 		display: block;
     39 		margin: 0; padding: 0;
     40 		padding: 20px;
     41 		width: 15%;
     42 		float: right;
     43 	}
     44 
     45 	main {
     46 		width: 50%;
     47 	}
     48 }
     49 
     50 @media ( max-width: 720px ) {
     51 	nav {
     52 		height: auto;
     53 		float: none;
     54 		width: auto;
     55 		padding-bottom: 0;
     56 	}
     57 
     58 	main {
     59 		height: auto;
     60 		padding-top: 0;
     61 		width: auto;
     62 	}
     63 }
     64 
     65 footer {
     66 	position: fixed;
     67 	width: 100%;
     68 	background: #000;
     69 	padding: 11px;
     70 	bottom: 0px;
     71 	left: 0px;
     72 	font-size: 12px;
     73 	font-family: 'Basis Grotesque Pro Mono';
     74 }
     75 
     76 #logo {
     77 	position: fixed;
     78 	padding: 11px;
     79 	bottom: -15px;
     80 	right: 0px;
     81 }
     82