Separated out CSS files, and updated some of them
This commit is contained in:
		
							
								
								
									
										9
									
								
								css/fonts.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								css/fonts.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,9 @@ | ||||
| /** | ||||
|  * Handle Self-hosted True Type Fonts | ||||
|  */ | ||||
| @font-face { | ||||
| 	font-family: 'Cardo'; | ||||
| 	font-style: normal; | ||||
| 	font-weight: normal; | ||||
| 	src: local('Cardo'), url('../fonts/Cardo99s.ttf') format('truetype'); | ||||
| } | ||||
							
								
								
									
										28
									
								
								css/layout.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										28
									
								
								css/layout.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,28 @@ | ||||
| /** | ||||
|  * These styles handle layout | ||||
|  */ | ||||
|  | ||||
| body { | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| } | ||||
| #header-inner, #content, #footer-inner { | ||||
| 	width: 80%; | ||||
| 	min-width: 45em; | ||||
| 	max-width: 60em; | ||||
| 	margin: 0 auto;  | ||||
| } | ||||
| #main, #sidebar { | ||||
| 	position: relative; | ||||
| }  | ||||
| #main { | ||||
| 	float: left; | ||||
| 	width: 73%; | ||||
| }  | ||||
| #sidebar { | ||||
| 	float: right; | ||||
| 	width: 23%; | ||||
| } | ||||
| #footer { | ||||
| 	clear: both; | ||||
| } | ||||
							
								
								
									
										131
									
								
								css/look.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										131
									
								
								css/look.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,131 @@ | ||||
| /** | ||||
|  * These styles handle look | ||||
|  */ | ||||
|  | ||||
| body { | ||||
| 	font: 12pt/18pt Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; | ||||
| 	font-family: 'Cardo', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; | ||||
| /*	font: normal 100% Helvetica, Arial, sans-serif;*/ | ||||
| 	background-color: #eeeeee; | ||||
| } | ||||
| #header { | ||||
| 	height: 150px; | ||||
| 	width: 100%; | ||||
| 	background-color: #88BBEE; | ||||
| 	border-bottom: 6px solid #003366; | ||||
| } | ||||
| #header-inner { | ||||
| 	position: relative; | ||||
| 	background: url('../graphics/stripedTree.png') no-repeat bottom left; | ||||
| 	height: 100%; | ||||
| } | ||||
| #header-inner #title { | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| 	position: absolute; | ||||
| 	height: 53px; | ||||
| 	top: 0em; | ||||
| 	right: 0em; | ||||
| 	font-weight: bold; | ||||
| 	font-size: 1.2em; | ||||
| 	background: url('../graphics/cornerStripedLeft.png') no-repeat bottom left; | ||||
| } | ||||
| #header-inner #title a{ | ||||
| 	display: block; | ||||
| 	margin: 0; | ||||
| 	padding: 15px 20px 10px 20px; | ||||
| 	text-decoration: none; | ||||
| 	color: #666666; | ||||
| 	background: url('../graphics/cornerStripedRight.png') no-repeat top right; | ||||
| } | ||||
| #header-inner #title a:hover{ | ||||
| 	color: #FFFFFF; | ||||
| } | ||||
| #content { | ||||
| 	padding: 1em 0 0 0; | ||||
| } | ||||
| #main { | ||||
| 	padding: 0 0 2em 0; | ||||
| 	margin: 0; | ||||
| } | ||||
| #sidebar { | ||||
| 	background-color: #f5f5f5; | ||||
| 	margin: 1em 0 1em 0; | ||||
| 	border: 2px solid #ccd; | ||||
| 	-moz-border-radius: 5px; | ||||
| 	border-radius: 5px; | ||||
| 	padding: 5px 0 5px 0; | ||||
| } | ||||
| #sidebar > * { | ||||
| 	margin: .5em; | ||||
| } | ||||
| #footer { | ||||
| 	margin: 0; | ||||
| 	padding: 1em 0 1em 0; | ||||
| 	background-color: #339933; | ||||
| 	border-top: 6px solid #006600; | ||||
| 	border-bottom: 6px solid #663300; | ||||
| } | ||||
| #footer a{ | ||||
| 	color: #003366; | ||||
| } | ||||
| #footer a:hover{ | ||||
| 	color: #000033; | ||||
| } | ||||
|  | ||||
|  | ||||
| div#tabs { | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| 	position: absolute; | ||||
| 	right: 0px; | ||||
| 	bottom: 0px; | ||||
| } | ||||
| div#tabs ul { | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| 	list-style: none; | ||||
| 	text-align: left; | ||||
| } | ||||
| div#tabs ul li { | ||||
| 	margin: 0; | ||||
| 	padding: 0; | ||||
| 	display:inline; | ||||
| } | ||||
| div#tabs ul li a { | ||||
| 	position: relative; | ||||
| 	bottom: 3px; | ||||
| 	font-weight: bold; | ||||
| 	color: #333333; | ||||
| 	margin: 0 0 0 17px; | ||||
| 	padding: 3px; | ||||
| 	text-decoration:none; | ||||
| 	border-top: #003366 2px solid; | ||||
| 	background-color: #88BBEE; | ||||
| } | ||||
| div#tabs ul li a:hover { | ||||
| 	color: #eee; | ||||
| } | ||||
|  | ||||
| a { | ||||
| 	color: #2288aa; | ||||
| } | ||||
| a:hover { | ||||
| 	color: #006699; | ||||
| } | ||||
| h2 { | ||||
| 	font-weight: bold; | ||||
| 	margin: 1em 0 1em 0; | ||||
| 	border-bottom: 2px solid #ccd; | ||||
| 	text-shadow: 3px 3px 3px #bbc; | ||||
| } | ||||
| h2 a{ | ||||
| 	text-decoration: none; | ||||
| } | ||||
|  | ||||
| /* Fix-up for Firefox rendering of Cardo in bold */ | ||||
| @-moz-document url-prefix() { | ||||
| 	h2, div#tabs ul li a, #header-inner #title { | ||||
| 		letter-spacing: -.08em; | ||||
| 	} | ||||
| } | ||||
							
								
								
									
										4
									
								
								css/stylesheet.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								css/stylesheet.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,4 @@ | ||||
| @import url('fonts.css'); | ||||
| @import url('layout.css'); | ||||
| @import url('look.css'); | ||||
| @import url('wordpress.css'); | ||||
							
								
								
									
										57
									
								
								css/wordpress.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										57
									
								
								css/wordpress.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,57 @@ | ||||
| /** | ||||
|  * Styles for Wordpress | ||||
|  */ | ||||
|  | ||||
| #sidebar ul { | ||||
| 	padding: 0px; | ||||
| } | ||||
| #sidebar li { | ||||
| 	list-style-type: none; | ||||
| } | ||||
| .post { | ||||
| 	margin: 0 0 3em 0; | ||||
| } | ||||
| .post h2 { | ||||
| 	margin: 1em 0 0 0; | ||||
| } | ||||
| .post h2 a{ | ||||
| 	color: #001; | ||||
| } | ||||
| .post h2 a:hover{ | ||||
| 	color: #556; | ||||
| } | ||||
|  | ||||
| /* Wordpress Captions */ | ||||
| .aligncenter, | ||||
| div.aligncenter { | ||||
|         display: block; | ||||
|         margin-left: auto; | ||||
|         margin-right: auto; | ||||
| } | ||||
|  | ||||
| .wp-caption { | ||||
|         border: 1px solid #ddd; | ||||
|         text-align: center; | ||||
|         background-color: #f3f3f3; | ||||
|         padding-top: 4px; | ||||
|         margin: 10px; | ||||
|         -moz-border-radius: 3px; | ||||
|         -khtml-border-radius: 3px; | ||||
|         -webkit-border-radius: 3px; | ||||
|         border-radius: 3px; | ||||
| } | ||||
|  | ||||
| .wp-caption img { | ||||
|         margin: 0; | ||||
|         padding: 0; | ||||
|         border: 0 none; | ||||
| } | ||||
|  | ||||
| .wp-caption p.wp-caption-text { | ||||
|         font-size: 11px; | ||||
|         line-height: 17px; | ||||
|         padding: 0 4px 5px; | ||||
|         margin: 0; | ||||
| } | ||||
| /* End captions */ | ||||
|  | ||||
		Reference in New Issue
	
	Block a user