|
|
Posted by on 02/14/06 21:33
Jose wrote:
> Use percents. Ems if you must.
Thanks for the info. Would you be able to help me with *where* I change
the pixels to % as I am still new to all this CSS. Any help appreciated.
Here is the CSS:
---
/* andreas07 - an open source xhtml/css website layout by Andreas
Viklund - http://andreasviklund.com . Free to use for any purpose as
long as the proper credits are given for the original design work.
Version: 1.1, November 28, 2005 */
/**************** Page and tag styles ****************/
body
{margin:0; padding:0; color:#303030; background:#fafafa
url(images/bodybg.gif) top left repeat-y; font:76%
Verdana,Tahoma,sans-serif;}
ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}
li
{margin:0 0 8px 25px;}
a
{color:#008fd8; font-weight:bold; text-decoration:none;}
a:hover
{color:#505050; text-decoration:underline;}
img
{float:center; margin:0 15px 15px 0; padding:1px; border:0px solid
#d0d0d0;}
a img
{border-color:#008fd8;}
a img:hover
{background:#008fd8; border-color:#008fd8;}
/**************** Sidebar area styles ****************/
#sidebar
{position:absolute; top:0; left:0; width: 220px; height:100%;
overflow:auto; background:#e0e0e0 url(images/sidebarbg.gif) top right
repeat-y; text-align:right;}
body > #sidebar
{position:fixed;}
#sidebar h1
{margin:20px 18px 0 5px; color:#008fd8; font-size:1.6em;
letter-spacing:-2px; text-align:right;}
#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#628600; font-size:1.1em;
font-weight:bold; letter-spacing:-1px; text-align:right;}
#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}
#sidebar p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}
#sidebar a
{color:#808080;
}
/**************** Navigation menu styles ****************/
#menu a
{display:block; width: 202px; padding:5px 18px 5px 0; color:#606060;
background:#e0e0e0 url(images/sidebarbg.gif) top right repeat-y;
font-size:1.8em; font-weight:normal; text-decoration:none;
letter-spacing:-2px;}
#menu a:hover
{color:#303030; background:#f0f0f0 url(images/sidebarbg.gif) top right
repeat-y;}
#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid
#c0c0c0; border-bottom:2px solid #c0c0c0;}
#menu a.active:hover
{color:#505050; background:#fafafa;}
/**************** Content area styles ****************/
#content
{width: 520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}
#content p
{margin:0 0 20px 0; line-height:1.5em;}
#content h1
{margin:0; color:#008fd8; font-size:4em; letter-spacing:-5px;
text-align:center;}
#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em;
letter-spacing:-2px; text-align:center;}
#content h3
{clear:both; margin:30px 0 10px 0; color:#008fd8; font-weight:normal;
font-size: 2em; letter-spacing:-2px;}
Navigation:
[Reply to this message]
|