/* Start of CMSMS style sheet 'Blue Dream Layout' */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75.01%; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } img { border: 0; } /*default link styles*/ /* set all links*/ a, a:link a:active { color: #596174; text-decoration: none; background-color: inherit; } a:visited { background-color: inherit; color: #565871; text-decoration: none; } /* remove underline on hover and change color */ a:hover { text-decoration: none; background-color: inherit; color: #495164; } /*****************basic layout *****************/ body { margin: 0; padding: 0; /* default text color for entire site*/ color: #061b2e; /* you can set your own image and background color here */ background: #1a1d22; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 99em; min-width: 60em; width:1000px; /* now that width is set this centers wrapper */ margin: 0 auto; background-color:#1a1d22; color:#122f3d; } div#backwrap { background-color:#A49890; margin-left:60px; margin-right:61px; } div#main { float:right; background-color:#A49890; color:#122f3d; padding-right:24px; padding-top:10px; padding-bottom:10px; padding-left:40px; width:530px; margin:0; text-align:justify; border-left:1px #061b2e solid; } div#sidebar { float:left; background-color:#A49890; color:#122f3d; padding:0; padding-left:30px; padding-right:30px; margin:0; width:224px; text-align:center; height:600px; } div#sidebarb { padding: 10px 15px 10px 20px; } div#sidebarb div#news { /* less margin surrounding the news, sidebarb has enough */ margin: 2em 0 1em 0em; } div#sidebara { padding: 10px 15px 15px 0px; } div#footer { clear: both; padding: 10px; margin:0; border-top:1px solid; } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 70%; } div.right49 { float: right; width: 29%; /* set right to keep text on right */ text-align: right; } div.breadcrumbs { float:left; background-color:#A49890; margin: 0; padding: 0; } div.breadcrumbs span.lastitem { font-weight: bold; } div#search { float: right; width: 27em; text-align: right; font-family:Verdana,Tahoma,Arial,Times,serif; font-size:8pt; font-weight:bold; margin:0; padding; } input.search-input { background-color:#A49890; color:#1a1d22; border: 1px solid; font-size:8pt; font-weight:bold; padding:3px; } /* a class for Submit button for the search input box */ input.search-button { background-color:#1a1d22; color:#A49890; border: 3px double; font-size:7pt; font-weight:bold; padding:2px; width: 55px; margin-left: 5px; /* makes the hover cursor show, you can set your own cursor here */ cursor: pointer; } div#copy { padding-top:9px; font-size:80%; font-weight:bold; text-align:right; } div#poweredby { padding-top:3px; font-size:75%; text-align:right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { /* font size for h1 */ font-size: 2em; line-height: 1em; margin: 0; } div#content h2 { font-size:9pt; text-align:center; color:#061b2e; margin: 0 auto; width:80%; padding-bottom:4px; border-bottom:2px dashed; margin-bottom:8px; margin-top:8px; } div#content h3 { font-size:7pt; font-weight:bold; text-transform:uppercase; margin:0; padding:0; width:80%; padding-bottom:2px; border-bottom:1px dashed; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ #content #box { border:1px solid; margin:0 auto; padding:8px; width:65%; text-align:center; } div.hide { border:1px #061b2e solid; color:#A49890; margin:0 auto; padding:8px; width:95%; text-align:justify; } p { /* default p font size, this is set different in some other divs */ font-size: 1em; /* some air around p elements */ margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style: italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } /* definition lists topics on bold */ div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } /* END LISTS */ /********************MENU*********************/ /* hack for IE6 */ * html div#menu_horiz { /* hide ie/mac \*/ height: 1%; /* end hide */ } div#menu_horiz { background-color:#1a1d22; background-image:url(./uploads/images/header/bluedream.jpg); background-repeat:no-repeat; color: #061b2e; height:30px; padding-top:220px; padding-left:60px; text-align:center; } div#menu_horiz ul { margin: 0; padding: 0; list-style-type: none; line-height:28px; text-transform:uppercase; font-weight:bold; } /* menu list items */ div#menu_horiz li { float:left; padding-right:15px; } /* the links, that is each list item */ div#menu_horiz a { background:transparent; color: #A49890; display: block; width: 130px; text-decoration:none; border-top:2px solid; border-right:2px solid; border-left:2px solid; } /* hover state for links */ div#menu_horiz li a:hover {; background: #1a1d22; color:#A49890; text-decoration: none; } /* active parent, that is the first level parent of a child page that is the current page */ div#menu_horiz li.menuactive a { background:#A49890; color:#1a1d22; text-decoration:none; } /********************END MENU*********************/ /********************SIDE MENU ********************/ #menu_vert { margin: 0; padding: 0; } #menu_vert ul { /* remove any bullets */ list-style: none; /* margin/padding set in li */ margin: 0px; padding: 0px; text-align:right; line-height:18px; } #menu_vert ul ul { margin: 0; padding:0; line-height:12px; } #menu_vert li { list-style: none; margin: 0; padding:0; margin-top:10px; } #menu_vert li.currentpage { padding: 0; margin-top:10px; } #menu_vert li.menuactive { margin: 0; padding: 0; margin-top:10px; padding-right:5px; } #menu_vert li.menuactive ul { margin: 0; margin-top:10px; } #menu_vert li.activeparent { margin: 0; padding: 0; margin-top:10px; } /* fix stupid IE6 bug with display:block; */ * html #menu_vert li { height: 1%; } * html #menu_vert li a { height: 1%; } * html #menu_vert li hr { height: 1%; } /** end fix **/ /* first level links */ div#menu_vert a { display: block; /* Fixes IE7 whitespace bug */ min-height: 1em; background:#A49890; color: #061b2e; width: 200px; font-size:9pt; padding-top:3px; padding-bottom:3px; padding-right:12px; border-right:8px #061b2e double; border-bottom:1px #061b2e solid; } /* next level links, more padding and smaller font */ div#menu_vert ul ul a { background:#A49890; color: #061b2e; width: 160px; font-size:9pt; padding-top:1px; padding-bottom:1px; padding-left:5px; text-align:left; border:0; border-left:5px #061b2e solid; margin-left:30px; } /* third level links, more padding */ div#menu_vert ul ul ul a { padding: 0.5em 0.3em 0.3em 3em; } /* hover state for all links */ div#menu_vert a:hover { background-color: transparent; color: #061b2e; text-decoration: none; border-right:8px #061b2e solid; } div#menu_vert ul ul a:hover { color: #03092b; width: 160px; font-size:9pt; padding-top:1px; padding-bottom:1px; padding-left:5px; text-align:left; border:0; border-left:5px #03092b solid; margin-left:30px; } div#menu_vert a.activeparent:hover { color: #061b2e; } /* active parent, that is the first level parent of a child page that is the current page */ div#menu_vert li.activeparent { } div#menu_vert li.activeparent a.activeparent { } div#menu_vert li a.parent { /* takes left padding out so span image has room on left */ padding-left: 0em; } div#menu_vert ul ul li a.parent { } div#menu_vert li a.parent span { display: block; margin: 0; } div#menu_vert li a.parent:hover { text-decoration: none; } div#menu_vert li a.parent:hover span { display: block; margin: 0; margin-left: 0; } div#menu_vert li a.menuactive.menuparent { /* sets it in a little more than a.parent */ margin-left: 0; } div#menu_vert ul ul li a.menuactive.menuparent { /* sets it in a little more on next level */ margin-left: 0; } div#menu_vert li a.menuactive.menuparent span { display: block; margin: 0; font-weight: bold; margin-left: 5px; } div#menu_vert li a.menuactive.menuparent:hover { text-decoration: none; color: #18507C; } div#menu_vert ul ul li a.activeparent { text-transform:uppercase; } /* current pages in the default Menu Manager template are unclickable. This is for current page on first level */ div#menu_vert ul h3 { background:#A49890; color: #061b2e; width: 200px; font-size:9pt; padding-top:3px; padding-bottom:3px; padding-right:12px; border-right:8px #061b2e double; border-bottom:1px #061b2e solid; } /* next level current pages */ div#menu_vert ul ul h3 { color: #03092b; width: 160px; font-size:8pt; line-height:12px; width:160px; padding:0; padding-left:5px; text-align:left; border:0; border-left:5px solid; margin:0; margin-left:30px; margin-bottom:8px; } /* current page on third level, more padding */ div#menu_vert ul ul ul h3 { padding: 0.6em 0.5em 0.2em 3em; } /* BIG NOTE: I didn't do anything to these, never tested */ /* section header */ div#menu_vert li.sectionheader { border-right: none; padding: 0.8em 0.5em 0.5em 1.5em; line-height: 1em; margin: 0; color: #18507C; cursor:text; } /* separator */ div#menu_vert .separator { height: 1px !important; margin-top: -1px; margin-bottom: 0; -padding: 2px 0 2px 0; background-color: #000; overflow: hidden !important; line-height: 1px !important; font-size: 1px; /* for ie */ } div#menu_vert li.separator hr { display: none; /* this is for accessibility */ } /*****************END SIDE MENU ******************/ div#news { /* margin for the entire div surrounding the news items */ margin: 2em 0 1em 1em; /* border set here */ border: 1px solid #909799; /* sets it off from surroundings */ background: #f5f5f5; } .NewsSummary { /* padding for the news article summary */ padding: 0.5em 0.5em 1em; /* margin to the bottom of the news article summary */ margin: 0 0.5em 1em 0.5em; border-bottom: 1px solid #ccc; } .NewsSummaryPostdate { /* smaller than default text size */ font-size: 90%; /* bold to set it off from text */ font-weight: bold; } .NewsSummaryLink { /* bold to set it off from text */ font-weight: bold; /* little more room at top */ padding-top: 0.2em; } .NewsSummarySummary, .NewsSummaryContent { /* larger than default text */ line-height: 140%; } #NewsPostDetailDate { /* smaller text */ font-size: 90%; margin-bottom: 5px; /* bold to set it off from text */ font-weight: bold; } #NewsPostDetailSummary { /* larger than default text */ line-height: 150%; } /* End of 'Blue Dream Layout' */