/*========================================================*/ /* CSS for DotNetNuke Skin - Vertigo */ /* by Evan ONeil */ /* http://evan.normanoneil.com */ /* oneilevan@gmail.com */ /*========================================================*/ /*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { background: url(greytx.jpg) repeat top left; height: 100%; } /* stripes at top and bottom of page */ /* Style For HTML BODY */ body { margin: 0; background: url(greytx.jpg) repeat; margin: 5 0 5 0; } /* background: #a8acb3; */ /* Setting Text Throughout the skin */ table, tr, td, p { font-family: tahoma; font-size: 11px; color: #BBBBBB; line-height: 1.4em; } /* background: #000000; makes everything black */ /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ /*-- outermost table of skin -Standard --*/ .OuterTable { width: 964px; height: 100%; background: url(page_bg_l_black.gif) repeat-y top left #000000; align: center; } /* background element */ /*-- outermost table of skin -Admin --*/ .OuterTableAdmin { width: 85%; height: 100%; background: url(page_bg_l_black.gif) repeat-y top left #FFF; align: center; } /*-- cell containing panes --*/ .PanesTD { width:100%; vertical-align: top; padding: 0 11px 0 6px; } /* outer rectangle */ /*-- DIV containing panes --*/ .PanesDIV { background: #000000; padding: 10px 5px 0 5px; } /* background element */ /*-- cell containing menu pane --*/ .MenuPaneTD { background: url(menu_bottom.gif) no-repeat top left; width:100%; vertical-align: top; padding: 14px 0 0 0; } /*-- bottom footer section --*/ .BottomRow { background: url(footer_bg_black.gif) repeat-x top center #B5B5B5; height: 80px; padding: 0;} /* */ /*-- bottomleft footer section --*/ .BottomRowLeft { background: url(footer_bg_l_black.gif) no-repeat top left; height: 80px; padding: 0;} /*-- bottomright footer section --*/ .BottomRowRight { background: url(footer_bg_r_black.gif) no-repeat top right; height: 80px; text-align: right; vertical-align: top; padding: 23px 40px 0 25px; } /*-- middle content section --*/ .MiddleRow { background: url(page_bg_r_black.gif) repeat-y top right; padding: 0 8px 0 0px; } /* top section height: 155px was the opriginal setting */ /*-- top header section --*/ .TopRow { background: url(header_center.jpg) repeat-x top left; height: 62px; padding: 0; } /*-- topright header section --*/ .TopRowRight { background: url(header_right.jpg) no-repeat top right; height: 62px; width:100%; padding: 0; margin:0;} /*-- topleft header section --*/ .TopRowLeft { background: url(header_left2.gif) no-repeat top left; height: 62px; width:100%; padding: 0 0 0 0; margin:0;} /*-- cell containing logo --*/ .LogoTD { vtext-align:center; vertical-align: top; padding: 25px 0 0 0; width: 198px;} /*-- cell containing login & search --*/ .LoginSearchTD { text-align: right; vertical-align: top; padding: 28px 25px 0 0; } /*-- login and user token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #404852; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #000; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- search button in search form --*/ .SearchButton { padding: 0px 0px 0px 0px; cursor: hand; font-size:11px; margin: 0 0 0 0px; } /*-- search field in search form --*/ .SearchField { padding: 0px 0px 0px 0px; cursor: hand; font-size:11px; margin: 0 0 0 0px; text-decoration: none; } /* Vertical Nav */ /*-- cell containing vertical menu --*/ .MenuTD { width: 198px; vertical-align: top; padding: 0; } /*-- cell containing breadcrumbs --*/ .BreadCrumbsTD { text-align:left; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:26px;} /*-- cell containing date --*/ .DateTD { text-align:right; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:26px;} /*-- top inner section vertical menu --*/ .InnerTD { background: url(inner_bg.gif) repeat-x top left; height: 35px; width:100%; padding: 0; } /*-- topleft inner section vertical menu --*/ .InnerLeft { background: url(inner_bg.gif) repeat-x top left; height: 35px; width:100%; padding: 0; vertical-align:top; } /*-- topright inner section vertical menu --*/ .InnerRight { background: url(inner_bg.gif) repeat-x top right; height: 35px; width:100%; padding: 0; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ /*-- top inside content pane --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;} /*-- left content pane --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; } /*-- content pane --*/ .PaneCenter { background: #000000; padding: 0 7px 0 7px; } /* background element */ /*-- right content pane --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; } /*-- bottom inside pane --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; } /*-- bottom menu content pane --*/ .PaneMenuBottom { width: 100%; padding: 5px 15px 0 15px; } /*-- header content pane --*/ .PaneHeader { width: 63%; padding: 10px 15px 0 15px; } /*========================================================*/ /* 4. Tokens */ /*========================================================*/ /*-- date token idle --*/ .DATE_object { color: #FFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #DCDDDF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #FFFFFF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#FFF; font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFF; font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#DDD; font-weight:bold; text-decoration:none; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #FFFFFF; } /* font-size: 11px; color: #555 */ /*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #FFFFFF; } /* color: #555 */ /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #a7bce5; padding: 0; } /* color #777 */ /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;} /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #6A0000; font-family: tahoma; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #6A0000; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: tahoma; font-size: 11px; color: #777; } /*-- textbox --*/ .NormalTextBox { color: #777; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; } /*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; } /*-- textbox used for search #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 140px; color: #404852; padding: 4px 0px 0px 8px; border: 0px solid #FFFFFF; cursor:text;} --*/ /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; width: 140px; color: #777777; padding: 4px 0px 0px 8px; border: 0px solid #FFFFFF; cursor:text;} /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/