thirdculture-docker/werc/apps/barf/pub/osx.css

/* osx.stanleylieber.com */

body {
font-family :Helvetica, Verdana, Arial, Sans-Serif;
font-style : normal;
padding: 2px 2em;
line-height: 1.5em;
font-size: 70%;
background: #FFF;
color: #111;
}

/* font styles */
a { text-decoration: none; color: #000000; }
a:hover { background: #7600FC; color: #fff; }
li:hover { color: #000000; }
li a { color: #000000; }
li a:hover { background: #7600FC; color: #fff; }
ul { list-style: none; padding-left: 0px; margin: 0px }
p {
font-size : 100%; 
font-style : normal; 
padding: 0px;
} 
h2 {
font-size : 140%; 
}
h3 {
font-size: 120%;
}
h4 {
font-size: 100%;
}
h2, h3, h1, h4 {
font-family: Helvetica, Verdana, Arial, Sans-Serif;
color : #000000; 
margin: 0px 0px;
padding: 2px 0px;
clear: both;
}
/* end font styles */

hr {
border: 1px solid #fff;
} 

blockquote, code {
background : #eee;
padding: 6px;
border-left: 3px solid #eee;
}

code, pre {
font-family: Courier, 'Lucida Console','Courier New', Sans-Serif;
}

#admin_banner {
position: relative;
text-align: center;
}

#admin_body {
position: relative;
top: 100px;
left: 10px;
width: 90%;
}

#admin_frames {
height: 100%;
float: top;

/* for ie */
margin: 0; 
overflow: auto;
/* end for ie */

}

#admin_index_body {
position: relative;
top: 100px;
margin-left: auto;
margin-right: auto;
}


#admin_menu {
position: relative;
left: 10px;
width: 90%;
text-align: left;
}

#admin_table {
margin-left: auto;
margin-right: auto;
width: 90%;
border-collapse: collapse;
border-color: #111;
font-family: sans-serif;
font-size: 9pt;
}

#admin_table td {
vertical-align: middle;
text-align: center;
}

#admin_table th {
background: #111;
color: gray;
}

#bottom { 
float: bottom;
position: absolute;
bottom: 10px;
}

#button input.submit {
background: #111;
color: gray;
border-top: solid 1px #111;
border-bottom: solid 1px #111;
border-left: solid 1px #111;
border-right: solid 1px #111;
width: 15%;
}

#center {
position: absolute;
top: 155px;
left: 1%;
width: 65%;
height: 100%;
}

#divider {
background: #111;
height: 1px;
}

/*forms*/
input , textarea, select, option {
font-family : Helvetica, Verdana, Arial, Sans-Serif; 
font-size:100%;
padding: 2px;
background : #eee;
color : #111; 
border: 1px solid #fff;
margin: 2px;
}
fieldset, legend {
background:transparent;
color : #111; 
border: none;
padding: 5px;
}
label, legend {
font-weight:normal;
}

#header {
float: top;
position: absolute;
top: 0px;
left: 17%;
height: 100%;
font-size: 24pt;
background: #7600FC;
height: 50px;
}

#header a {
background: #7600FC;
color: #fff;
}

#left {
float: left;
position: absolute;
top: 0px;
left: 10%;
width: 15%;
height: 100%;
list-style: none;
overflow: auto;
}

#meta {
font-size: 8pt;
}

#page_frames {
width: 100%;
float: left;

/* for ie */
margin: 0; 
overflow: auto;
/* end for ie */

}

#page_category {
position: relative;
text-align: center;
}

#page_list {
text-align: right;
font-size: 9pt;
}

#page_login {
position: relative;
text-align: right;
font-size: 8pt;
}

#page_upload {
background: #111; color: #444; font-weight: bold
}

#post {
position: relative;
left: 13%;
width: 86%;
padding-bottom: 100px;
}

#post_body {
position: relative;
top: 10px;
bottom: 10px;
left: 10px;;
}

#post_date {
font-size: 8pt;
}

#post_meta {
margin-left: 2px;
color: #111;
font-size: 8pt;
}

#post_tags {
font-size: 8pt;
}

#post_thumb {
margin-top: 5px;
margin-bottom: 5px;
}
 
#post_title {
border: 1px;
line-height: 1.5em;
}

#post_title a {
background: red;
color: #fff;
}

#post_title a:hover {
background: #7600FC;
color: #fff;
}

#post_title h2 {
font-weight: 100;
}

#registration_body {
left: 10px;
text-align: left;
}

#right {
float: right;
position: absolute;
top: 150px;
right: 1%;
width: 33%;
height: 100%;
list-style: none;
}

#rss {
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 8pt;
}

/* sidebar */
#sidebar {
position: relative;
z-index: 100;
width: 90%;
top: 10px;
right: 10px;
left: 10px;
margin: 2px;
background: #FFFFFF;
}
#sidebar h2 {
margin: 5px 0px 0px;
padding: 4px 0px;
font-size:100%;
}
#sidebar ul {
margin: 2px;
}

/*searchform*/
#searchform label {
font-weight:bold;
}
#searchform input#s {
width: 40%;
}
#searchform input.submit {
width: 16%;
}

#top {
float: top;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 10%;
width: 100%
overflow: auto;
}

.warning {
color: #111;
font-weight: bold;
}