osp-website
clone your own copy | download snapshot

Snapshots | iceberg

Inside this repository

style.css~
text/plain

Download raw (5.2 KB)

/*
Theme Name:		Open Source Publishing
Theme URI:		http://ospublish.constantvzw.org
Description:		
Version:		1.2
Author:			Open Source Publishing
Author URI:		http://ospublish.constantvzw.org
*/

body { color: #333333; font-size: 10px; font-family: georgia, times new roman, serif; line-height: 170%; /* 15px; */background: white;}

* { padding: 0; margin: 0; }

a { color: olive; text-decoration: none; }

#content_box { padding-bottom: 50px;}

#content_box a { }
#content_box h3 a, #content_box h1 a { }

a:hover { text-decoration: underline;}
	
a img { border: none; }

small, .wp-caption-text { font-size: 10px !important; }
	
blockquote { font-style: italic; color: gray; margin: 10px 10px 10px 15px; padding: 0 0 0 10px; border-left: 1px solid silver; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: gray; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

/*---:[ core layout elements ]:---*/

#container { width: 900px; margin: 15px auto 60px auto; }
					
#content_box { width: 900px; text-align: left; float: left; clear: both; margin: 20px 15px 30px 0;}
		
#right_side, #left_side { width: 440px; float: left; overflow: hidden; }

#left_side { margin: 0 20px 0 0; }

#footer { width: 900px; padding: 5px 0 0 0; margin-bottom: 50px; border-top: 3px solid silver; float: left; clear: both; }
		
/*---:[ header styles ]:---*/

h1, h2, h3, h4 {}
h1, h2 {color: teal;}

h1 { text-transform: uppercase; }

#content_box h1 {font-size: 20px; margin: 0 0 5px 0; line-height: 20px; }

.sidebar li h2, .column h2, .r_column h2, .r_sidebar h2 { font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; padding: 7px 2px; border-top: 3px solid teal; background: url('images/hr_dot_teal.gif') 0 100% repeat-x; }

.sidebar .category h2 { margin: 0 !important; }

h2 {font-size: 15px; text-transform: uppercase;}
h3 {font-size: 14px;}

.entry h3 {margin-bottom: 10px;}

#masthead {margin-bottom: 10px;}
#masthead h1 {font-size: 80px; margin: 0; line-height: 80px;}
#masthead h1 a:hover {text-decoration: none;}
#masthead h3 {text-transform: uppercase; font-size: 15px; }

#subnav {/*position: absolute; z-index: 60px; top: 85px;*/}
#nav {/*position: absolute; z-index: 80px; top: 110px;*/}

ul#nav {  background: teal; }
ul#subnav { background: olive; }
#nav a, #subnav a { color: white; }

ul#nav, ul#subnav { list-style: none; width: 880px; padding: 0 10px; float: left; clear: both; }

ul#nav li, ul#subnav li { padding: 5px 15px 5px 0; float: left; /*font-weight: bold;*/ font-size: 14px; }
			
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: gray; text-decoration: underline; }

/*---:[ content styles ]:---*/

.entry p { margin: 0 0 10px 0; }

.entry img { margin: 5px 0 5px 0; }

.entry ul, .entry ol { margin: 0 0 10px 20px; }
		
.entry li { margin: 0 0 5px 0; }

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 20px; }
		
.meta { color: gray; font-size: 10px !important; line-height: 13px; margin: 3px 0 3px 0; }

.navigation { width: 440px; font-size: 10px; float: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid silver;}
	
.previous { padding: 0 20px 0 0; float: left; }
	
.next { float: right; }

/*---:[ sidebar styles ]:---*/

/*NEEDS TO BE 209px (AND NOT 210px) TO KEEP EXPLORER HAPPY*/
.sidebar, .r_sidebar { width: 209px; float: left; font-size: 12px; }
.sidebar { margin: 0 20px 0 0; overflow: hidden; }
.r_sidebar { margin: 0; }

.sidebar ul, .sidebar li, .r_sidebar ul, .r_sidebar li { list-style: none; }
.widget, .linkcat { margin: 0 0 15px 0; }

.widget li, .blogroll li {padding-bottom: 3px;}
.blogroll {font-size: 10px; color: gray;}
.blogroll a {font-size: 12px;}

/*---:[ footer styles ]:---*/

#footer p { margin: 0 0 1px 0; color: gray; text-align: right; }
		
/*---:[ comment styles ]:---*/

.comments { font-size: 10px; color: gray; }

.comments h3 { margin-bottom: 5px; }
.comments h2 { color: teal; }

.comments .entry { margin: 10px 0 15px 0; }

.comments label { display: block; margin-top: 10px;}

.comments textarea { width: 200px; margin-bottom: 10px; }

/*ADDED*/ 

.column, .r_column { width: 210px; float: left; overflow: hidden; }
.column { margin: 0 20px 0 0; }
.r_column { margin: 0; }

.float { float: left; padding: 0 10px 5px 0; }

.clear { clear: left; }

.post { margin: 5px 0 15px 0; }

.sidebar .post { margin-top: 10px; }

.entry { font-size: 12px;  }

.wide_post .entry { padding: 10px 15px 0 0; margin: 20px 0 15px 0; }

.wide_post .post { border-bottom: teal 3px solid; padding-bottom: 10px;}

.post .entry { margin-top: 5px; }

.recent_date {padding-left: 3px; font-size: 10px;}

.listing { margin-top: 15px;}

.listing ul { margin: 10px 0 10px 20px; font-size: 12px;}

.label { color: gray; }

.description { margin: 10px 0 0 0; }

.thumb { float: left; margin: 0 6px 3px 0 !important; border: 1px silver solid; }

.campaign img { width: 209px; }

.more {padding: 7px 2px; margin-bottom: 10px; border-top: 1px solid silver;}