/***********************************************/ /* emx_nav_left.css */ /* Use with template Halo_leftNav.html */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: arial, helvetica, sans-serif; /*color: #0033CC;*/ /*line-height: 115%;*/ margin: 0px; padding: 0px; background: #203D99 url("http://www.mn.companionrabbit.org/assets/images/bg_grad_blue2.jpg") fixed;; } /******* hyperlink and anchor tag styles *******/ /* old site: */ a:link{ color: #008080; text-decoration: none; } a:visited{ color: #660099; text-decoration: none; } a:hover{ text-decoration: underline; } /************** header tag styles **************/ h1{ font: bold 130% arial, helvetica, sans-serif; color: #334d55; /* not used? */ margin: 0px; padding: 0px; } h2{ font: bold 114% arial, helvetica, sans-serif; color: #006699; /* not used? */ margin: 0px; padding: 0px; } h3{ font: bold 100% arial, helvetica, sans-serif; color: #0033cc; margin: 0px; padding: 0px; } h4{ font: 100% arial, helvetica, sans-serif; color: #333333; /* not used? */ margin: 0px; padding: 0px; } h5{ font: 100% arial, helvetica, sans-serif; color: #334d55; /* not used? */ margin: 0px; padding: 0px; } /*************** list tag styles ***************/ ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: circle; } /********* table tag styles *********/ table { margin-left:auto; margin-right:auto; border-color:#cccccc; } /********* form and related tag styles *********/ form { margin: 0; padding: 0; } label{ font: bold 1em arial, helvetica, sans-serif; color: #334d55; } input{ font-family: arial, helvetica, sans-serif; } div.row { clear: both; padding-top: 10px; } div.row span.label { float: left; width: 150px; text-align: right; } div.row span.formw { float: right; width: 300px; text-align: left; } div.spacer { clear: both; } /***********************************************/ /* Layout Divs */ /***********************************************/ #pagecell1{ /* position:relative; - fixes ie 6 text-select issue, but causes loss of blog border? */ position:absolute; top: 112px; left: 2%; right: 2%; width:95.6%; background-color: #ffffff; } #tl { position:absolute; top: -1px; left: -1px; margin: 0px; padding: 0px; z-index: 100; } #tr { position:absolute; top: -1px; right: -1px; margin: 0px; padding: 0px; z-index: 100; } #masthead{ position: absolute; top: 0px; left: 2%; right: 2%; width:95.6%; } #pageNav{ float: left; width:178px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif; } #content{ padding: 0px 10px 0px 0px; margin: 0px 0px 0px 178px; border-left: 1px solid #ccd2d2; } #content a { text-decoration: underline; } #footer { position: relative; left: 0; right: 0; width:95.6%; bottom: 0px; text-align: left; padding: 20px 0px; border: 0px; margin: 20px auto; background-color: #00FF00; } /*#footer { position: relative; left: 2%; right: 2%; width:95.6%; bottom: 0px; text-align: left; padding: 20px 0px; border: 0px; margin: 20px auto; font: 0.85em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; z-index: 1000; } */ #homeLeft{ float: left; width:178px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif; text-align: center; } #homeRight{ float: right; width:178px; padding: 0px; background-color: #F5f7f7; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif; text-align: center; } #homeRight .date { color: #0033cc; background-color: transparent; text-decoration: none; font-weight: bold; } #homeRight ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; text-align:left; } #homeContent{ padding: 0px 10px 0px 10px; margin: 0px 178px 0px 178px; border-left: 1px solid #ccd2d2; border-right: 1px solid #ccd2d2; } /***********************************************/ /* Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 16px 0px 8px 0px; color: #ffffff; font-weight: normal; } #siteName a{ color: #ffffff; } /************** utility styles *****************/ #utility{ font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #919999; } #utility a{ color: #ffffff; } #utility a:hover{ text-decoration: underline; } /************** pageName styles ****************/ #pageName{ padding: 0px 0px 14px 10px; margin: 0px; border-bottom:1px solid #ccd2d2; } #pageName h2{ font: bold 175% arial, helvetica, sans-serif; color: #CCD2EA; /* #B9CBFF; */ margin:0px; padding: 0px; text-transform: uppercase; } #pageName h3{ position: relative; left: 50px; top: -32px; font: bold 150% arial, helvetica, sans-serif; color: #000000; margin:0px; padding: 0px; text-transform: lowercase; } #pageName hr{ position: relative; top: -15px; color: #CCD2EA; /* #B9CBFF; */ } #pageName img{ position: absolute; top: 6px; right: 6px; padding: 0px; margin: 0px; border: 0px; } /************* globalNav styles ****************/ #globalNav{ position: relative; width: 100%; min-width: 640px; height: 32px; color: #cccccc; padding: 0px; margin: 0px; background-image: url("http://www.mn.companionrabbit.org/assets/images/glbnav_background_blue3.gif"); } #globalNav img{ margin-bottom: -4px; } #gnl { position: absolute; top: 0px; left:0px; } #gnr { position: absolute; top: 0px; right:0px; } #globalLink{ position: absolute; top: 6px; height: 22px; min-width: 640px; padding: 0px; margin: 0px; left: 10px; z-index: 100; } a.glink, a.glink:visited{ font-size: small; color: #000000; /*font-weight: bold;*/ margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; } a.glink:hover{ background-image: url("http://www.mn.companionrabbit.org/assets/images/glbnav_selected_blue5.gif"); text-decoration: none; } .skipLinks {display: none;} /************ subglobalNav styles **************/ .subglobalNav{ position: absolute; top: 84px; left: 0px; /*width: 100%;*/ min-width: 640px; height: 20px; padding: 0px 0px 0px 10px; visibility: hidden; color: #ffffff; } .subglobalNav a:link, .subglobalNav a:visited { font-size: 80%; color: #ffffff; } .subglobalNav a:hover{ color: #cccccc; } /*************** search styles *****************/ #search{ position: absolute; top: 5px; right: 10px; z-index: 101; } #search input{ font-size: 70%; margin: 0px 0px 0px 10px; border-color: 0033cc; } #search a:link, #search a:visited { font-size: 80%; font-weight: bold; } #search a:hover{ margin: 0px; } .formButton { /* doesn't work */ background-color: ffffff; border-color: 0033cc; border-style: beveled; border-width: 1; color: 0033cc; font-size: 8pt; font-family: arial, helvetica, sans-serif; font-weight: bold; } /************* breadCrumb styles ***************/ #breadCrumb{ padding: 5px 0px 5px 10px; font: small Verdana,sans-serif; color: #AAAAAA; } #breadCrumb a{ color: #AAAAAA; } #breadCrumb a:hover{ color: #008080; text-decoration: underline; } /************** feature styles *****************/ .feature{ padding: 0px 0px 10px 10px; font-size: 80%; /* min-height: 200px; height: 200px; */ } html>body .feature {height: auto;} .feature h3{ font: bold 175% arial, helvetica, sans-serif; color: #0033CC; /*color: #000000;*/ padding: 30px 0px 5px 0px; } /* not working .feature td h3{ font: bold 175% arial, helvetica, sans-serif; color: #0033CC; /*color: #000000; } */ .feature h4{ font: bold 125% arial, helvetica, sans-serif; color: #0033CC; /*color: #000000;*/ } .feature h5{ font: bold 100% arial, helvetica, sans-serif; color: #0033CC; /*color: #000000;*/ } .feature img{ float: left; padding: 10px 20px 10px 0px; border: 0px; } .feature img.right{ float: right; padding: 10px 0px 10px 15px; border: 0px; clear: left; } /*************** story styles ******************/ .story { padding: 10px 10px 0px 10px; font-size: 80%; } .story h3{ font: bold 125% arial, helvetica, sans-serif; color: #0033CC; /*color: #000000;*/ } .story p { padding: 0px 0px 10px 0px; } .story iframe { width: 95%; height: 300px; } .story a.capsule{ font: bold 1em arial, helvetica, sans-serif; color: #008080; display:block; padding-bottom: 5px; } .story a.capsule:hover{ text-decoration: underline; } td.storyLeft{ padding-right: 12px; } /************** siteInfo styles ****************/ #siteInfo{ clear: both; border-top: 1px solid #cccccc; font-size: small; color: #cccccc; padding: 10px 10px 10px 10px; margin-top: -1px; text-align: center; } #siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle; } #disclaimer{ clear: both; font-size: xx-small; color: #cccccc; padding: 10px 10px 10px 10px; margin-top: -1px; text-align: center; } /************ sectionLinks styles **************/ #sectionLinks{ margin: 0px; padding: 0px; } #sectionLinks h3{ padding: 10px 0px 2px 10px; border-bottom: 1px solid #cccccc; } #sectionLinks a:link, #sectionLinks a:visited { display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 0px 3px 10px; color: #21536A; } #sectionLinks a:hover{ border-top: 1px solid #cccccc; background-color: #CCD2EA; /* #E1E9FF; */ background-image: none; font-weight: bold; text-decoration: none; } #sectionLinks.feature a:link, #sectionLinks.feature a:visited { display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 0px 3px 10px; color: #FF0000; } #sectionLinks.feature a:hover{ border-top: 1px solid #cccccc; background-color: #FF0000; /* #E1E9FF; */ background-image: none; font-weight: bold; text-decoration: none; } /************* relatedLinks styles **************/ .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #cccccc; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } .relatedLinks a{ display: block; } /**************** advert styles *****************/ #advert{ padding: 5px; margin: 15px 0px 15px 0px; text-align: center; } #advert a.img{ display: block; text-align:center; } /**************** thumbnail styles *****************/ .thumbnail { float: left; width: 20%; border: thin silver solid; margin: 0.5em; padding: 0.5em; } .thumbnail p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; } div.figure { float: left; width: 25%; min-width: 200px; /*border: thin silver solid;*/ margin: 0.5em; padding: 1em; } div.figure p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; } div.figureright { float: right; width: 25%; min-width: 200px; /*border: thin silver solid;*/ margin: 0.5em; padding: 1em; } div.figureright p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; } img.scaled { width: 100%; } /**************** article styles *****************/ .byline { font-size: smaller; } /************** sitemap styles *****************/ .siteMap a:link{ color: #008080; text-decoration: none; } .siteMap a:visited{ color: #660099; text-decoration: none; } .siteMap a:hover{ color: #0033cc; text-decoration: underline; } .siteMap ul{ font-weight: bold; } .siteMap ul ul { font-weight: normal; } /************** blog styles *****************/ h1#header { /*padding-top: 0.4em;*/ color: #0033cc; font: bold 125% arial, helvetica, sans-serif; } p.date { margin-bottom: 0.2em; color: #888; font-size: 100%; font-weight: bold; } div.entry { border: 1px solid #aaa; margin-bottom: 1em; } div.entry h3 { margin-bottom: 1%; padding: 0.6em 1% 1% 2%; color: #222; font-size: 130%; font-weight: bold; border-bottom: 1px dotted #ccc; } div.entry div.message { padding: 0% 4%; color: #222; font-size: 100%; /* if problem, change font-size in your stories...*/ /*line-height: 145%; */ } div.entry p.postinfo { text-align: right; font-size: 70%; padding-right: 1em; } p#footer { padding: 0em 0.5em 0.5em 0.5em; font-size: 90%; line-height: 130%; text-align: right; clear: right; /* very important */ } .pagelinks img{ border: 0px; } /************** printer-friendly pages *****************/ body.print { background: white; font-family:"Times New Roman", Times, serif; font-size: 12pt; color:#000000; text-decoration: none; } .print .feature a:link, .print .feature a:visited, .print .story a:link, .print .story a:visited { color: #000000; text-decoration: underline; } .print .feature a:link:after, .print .feature a:visited:after, .print .story a:link:after, .print .story a:visited:after { content: " [" attr(href) "] "; font-size: 90%; } .print .feature a[href^="/"]:after, .print .story a[href^="/"]:after { content: " (http://www.mn.companionrabbit.org" attr(href) ") "; } .print .feature h3, .print .feature h4, .print .story h3, .print .story h4 { font-family:"Times New Roman", Times, serif; color: #000000; } /********************* end **********************/ <%flags> inherit => undef