charlesbaptista_html

Source for my website; charlesbaptista.com
Log | Files | Refs

style.css (1309B)

      1 html {
      2 	font-family: Helvetica, sans-serif;
      3 }
      4 
      5 header {
      6 	height:          5em;
      7 	padding:         0.5em 1em 0 1em;
      8 	background:      #941;
      9 }
     10 
     11 body {
     12 	margin:0;
     13 	padding:0;
     14 	background:#DDD;
     15 }
     16 
     17 header a {
     18         text-decoration: none;
     19 	color: #FFF;
     20 }
     21 
     22 img {
     23 	width=100%;
     24 	height= 100%;
     25 }
     26 
     27 #top_nav {
     28 	height: 1em;
     29 	padding: 0.3em;
     30 	font-size:14px;
     31 	text-align: left;
     32 	border-bottom: 1px dotted;
     33 	background-color: #578;
     34 }
     35 
     36 #top_nav a {
     37         text-decoration: none;
     38 	color: #FFF;
     39 	padding: 0.3em 1em 0.15em 1em;
     40 }
     41 
     42 #top_nav a:hover {
     43 	color: #C00;
     44 	background-color: #ACD
     45 }
     46 
     47 #side_nav {
     48 	float: right;
     49 	height: 100vh;
     50 	font-size:14px;
     51 	border-left: 1px dotted;
     52 	text-align: left;
     53 }
     54 
     55 #side_nav li {
     56 	list-style: none;
     57 }
     58 
     59 #side_nav a {
     60 	display: block;
     61 	text-decoration: none;
     62 	color: #07E;
     63 	padding: 0.3em 1em 0.3em 1em;
     64 	margin: 0;
     65 }
     66 
     67 #side_nav a:hover {
     68 	color: #05C;
     69 	background-color: #EEE;
     70 }
     71 
     72 #center_content {
     73 	max-width: 75%;
     74 	font-size:14px;
     75 	padding: 0 20px 0 20px;
     76 	overflow: hidden;
     77 }
     78 
     79 #center_content img {
     80 	max-width: 100%;
     81 	height: auto;
     82 }
     83 
     84 #center_content a {
     85 	color: #07E;
     86 }
     87 
     88 #center_content a:hover {
     89 	color: #05C;
     90 }
     91 
     92 #article_menu li {
     93 	list-style: none;
     94 }
     95 
     96 #hidden {
     97 	display: none;
     98 }
     99 :checked + #hidden {
    100 	display: block;
    101 }
    102 #shown {
    103 	display: block;
    104 }
    105 :checked + #shown {
    106 	display: none;
    107 }