*/
width: 134px;
padding: 0px 17px 10px 15px;
overflow: auto;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
}
h3
{ /* titles of sections of NEWSNAV */
font-size: 18px;
}
#newsnav ul
{ /* whole list in NEWSNAV & major titles */
list-style: none;
margin: 0px 0px 0px -4px;
padding: 0px 0px 0px 0px;
font-size: 12px;
}
#newsnav ul li
{ /* section titles (& bullets if present NEWSNAV) */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: 0px;
text-transform: uppercase;
}
#newsnav ul li h2
{ /* Category titles in NEWSNAV */
font-size: 14px;
}
#newsnav ul li ul
{ /* whole post/date titles (parts that aren't links) NEWSNAV */
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: 0px;
}
#newsnav ul li ul li
{ /* only post/date titles (parts that aren't links) NEWSNAV */
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-transform: capitalize;
}
#newsnav ul li ul li ul
{ /* subcategories under Categories */
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
#newsnav ul a
{ /* color of links in NEWSNAV */
}
#newsnav ul a:hover
{ /* color of links in NEWSNAV */
}
/* ***********************************
POSTS (which only occur on "News" page
************************************** */
/* STYLE HIERARCHY OF A POST
#newsbox
#newscontent = master DIV [on news page]
.post = all content related to one post
.post p a = link text in .post
.post p a:hover = link text in .post on mouse hover
.post a image, .post img = images in .post (with or without links)
h2 = title of post
p.postmetadata = time & categories p.postmetadata a = link text in .postmetadata
.timr = time
.catr = categories
.editr = "EDIT THIS POST" ...only if logged-in
.entry = main text of each post
.entry image = image in each post's body
*/
#newsbox
{ /*
that contains #newscontent & #newsnav [major container for all posts & news navigation] */
width: 770px;
position: absolute;
top: 140px;
bottom: 45px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
#newscontent
{ /* outer container of dynamic news page content
*/
width: 600px;
overflow: auto;
/* position relative to #newsbox */
position: absolute;
top: 0px;
bottom: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: solid 1px #0D1011;
}
.post
{ /* outter container of individual posts, including the box/background if requested */
font-size: 14px;
border-bottom: solid 1px #0D1011;
margin: 0px 0px 10px 0px;
padding: 0px 0px 20px 0px;
}
.post p a
{ /* GIVES UNDERLINES TO LINKS inside Posts */
}
.post p a:hover
{ /* CAUSES LINKS' UNDERLINES TO DISAPPEAR ON HOVER */
}
.post a img, .post img
{ /* ALL images in posts */
}
h2
{ /* titles of posts */
font-size: 18px;
}
p.postmetadata
{ /* date, author, news, etc. */
font-size: 12px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
p.postmetadata a
{ /* LINKS */
}
.timr
{ /* date & time inside p.postmetadata */
}
.catr
{ /* category inside p.postmetadata */
}
.editr
{ /* for all "edit this post" links that appear when logged-in */
color: #FF1100;
font-size: 10px;
}
.editr a
{
color: #FF1100;
text-decoration: underline;
}
.editr a:hover
{
text-decoration: none;
}
.entry
{ /* main text of each entry */
}
.entry img
{ /* 'entry' = "read the rest of this entry" at end of each Post */
border: 1px solid #0D1011;
float: left;
padding: 5px 5px 5px 5px;
margin: 0px 5px 0px 0px;
img-align: texttop;
}
div.clearer
{ /* structural hack to force DIV containing posts to expand, preventing any content from hanging over the edge, especially images */
clear: left;
line-height: 0;
height: 0;
}
/* STATIC PAGES (if different style is desired than on NewsPage. leave all these blank if pages should match NEWS page)
*********************************************************************************************************************** */
div.content
{ /* outter-most container of dynamic content on Static Pages */
width: 750px;
overflow: auto;
position: absolute;
top: 140px;
bottom: 45px;
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
div.content div.post
{ /* title & rest of post on static pages */
}
div.content div div.entry
{ /* main text & image in post on static pages */
}
div.content a
{
}
div.content a:hover
{
}
/* *********************
PORTFOLIO specific items
************************ */
p.gallery_title
{ /* titles of galleries created by NextGen Gallery plug-in */
font-size: 16px;
margin: 0px 0px -2px 0px;
}
table.products
{
border-collapse: separate;
border-spacing: 0px 40px;
position: relative;
top: -30px;
}
/* COPYRIGHT FOOTER
******************* */
#copyright
{/* copyright footer on every page (applied inside footer.php) */
width: 750px;
position: absolute;
bottom: 20px;
margin: 0px 20px 0px 20px;
padding: 3px 0px 0px 0px;
border-top: 2px solid #0D1011;
clear: all;
font-size: 10px;
text-align: right;
}
/* ***************
BLACK BOX HOMEPAGE
****************** */
div.body
{/* HOME PAGE Black Box PLACE HOLDER */
width: 750px;
position: absolute;
top: 160px;
bottom: 50px;
background-color: #0D1011;
color: #FFFFFF;
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
}
/* ***************
ONE STORY HOMEPAGE
****************** */
div.homebox
{
width: 770px;
position: absolute;
top: 140px;
bottom: 45px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
div.hometext
{
width: 225px;
overflow: auto;
position: absolute;
top: 10px;
bottom: 10px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.homeimage
{
width: 505px;
/*overflow: auto;*/
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 20px;
position: absolute;
top: 0px;
right: 20px;
bottom: 0px;
border-left: solid 1px #0D1011;
}
div.homeimage img
{
height: 100%;
max-height: 670px;
width: auto;
float: left;
margin-right: auto;
margin-left: auto;
}
/* ***************
MULTI-STORY HOMEPAGE
****************** */
div.homebox
{
width: 748px;
position: absolute;
top: 140px;
bottom: 45px;
left: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.homewelcome
{
width: 748px;
height: 200px;
overflow: auto;
position: absolute;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.homemultigreater
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 200px;
left: 0px;
bottom: 0px;
right: 0px;
}
h1
{ /* "Recent News:" on homepage */
font-size: 21px;
font-style: italic;
}
div.homemultilesser
{
overflow: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50px;
left: 0px;
bottom: 0px;
right: 0px;
border-top: solid 2px #0D1011;
border-bottom: solid 1px #0D1011;
}
/* Change Log ***
1.0 : 18sept2008 : Public posted @ http://www.studioweber.net/
*/