/*=======================================================+ | | | DotNetNuke Skin - Greytness | | Developed by Adammer LLC | | http://www.adammer.com | | | | July 2009 | | | +========================================================+ Version : 2.5 Released : August 2011 Notes : /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Left blank on purpose) --*/ html {} /*-- Body --*/ #Body {margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#333; line-height:1.4em; background-color:#FFF} /*-- Skin Background --*/ .skinBG { clear: both;} /*-- Default Font --*/ p {} /*-- Additional space for lists --*/ li { margin-bottom: 2px;} /*-- Lists Styles. 3 levels deep. --*/ ul li, ul li li, ul li li li {list-style-type:square;} ul {margin-left:10px;padding-left:10px;} /*-- Make sure forms look good --*/ form {margin:0;padding:0;} /*-- Make background white for control tables --*/ .FCKImageGalleryContainer, .FCKLinkGalleryContainer {background-color:#FFF;} /*-- Make sure links are always blue even in Midnight Theme --*/ ul.dnnActionMenuBody li ul li a, ul.dnnActionMenuBody li ul li a img {color:#328DDE !important;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color:#D90707; font-style:normal; text-decoration:none} /*-- default links hover --*/ a:hover {text-decoration:underline;color:#000;} /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; } /*-- normal links hover --*/ a.Normal:hover {text-decoration: none; } /*========================================================+ | Design Elements | +========================================================*/ /*-- Set the margin and padding for the content Border Background Div. --*/ .BorderBgDiv {width:100%; margin:10px auto 0 auto; padding:0px; clear: both;} /*-- Set the top border --*/ .TopDiv {background:url(graphics/BorderedTopCenter_bg.png) top repeat-x; height:15px; width:100%} /*-- Set the top border --*/ .TopDivLeft {background:url(graphics/BorderedTopLeft_bg.jpg) top left no-repeat; height:15px; width:11px; float:left;} /*-- Set the top border --*/ .TopDivRight {background:url(graphics/BorderedTopRight_bg.jpg) top right no-repeat; height:15px; width:11px; float: right;} /*-- Set width for Full page --*/ .fullWidth {padding:0px;margin:0px 9px;border-bottom: #CCC 1px solid; position:relative;} /*-- Set the width of the header content --*/ .HeaderDiv{background:url(graphics/HeaderAreaClientiDX76x80px.png) top right no-repeat; padding:0 100px 0 0;vertical-align:middle;} /*-- Set the background for page content. --*/ .contentWrapper {/*background:url(graphics/BorderedContent_bg.png) top center repeat-y;*/} /*-- content. --*/ .contentWrapperLeft {background:url(graphics/BorderedContentLeft_bg.jpg) top left repeat-y; } /*-- content. --*/ .contentWrapperRight {background:url(graphics/BorderedContentRight_bg.jpg) top right repeat-y; } /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .BannerPane3{ border-bottom:#264832 1px solid;} .Banner p {margin:0px; padding:0px;} .dnnLogo {} .dnnLogo a {} /*-- Set background image i.e. dotted line between dnnUSER and dnnLOGIN. If you don't want the divider, just empty the contents of this style. --*/ .header-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set background image i.e. dotted line between dnnTerms and dnnCOPYRIGHT. If you don't want the divider, just empty the contents of this style. --*/ .footer-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set the margin of the master table (the table that contains the vertical navigation and content cells). --*/ #MasterTable {margin:0px;} /*-- Set the top padding of the TopPane. This keeps the pane from sitting flush against the breadcrumb/search section. --*/ .TopPane {} /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .HeaderPane {position:absolute; left:0px;top:0px;} .LeftNavTop {clear:both;padding:5px;} .LeftNavTop .StdContainer {margin-bottom:0px;} .LeftNavBottom {clear:both;padding:5px;} .LeftGutterPane {clear:both;padding:10px;} .TopPaneDiv {clear:both;} .TopLeftPane { width:450px; vertical-align:top;} .TopRightPane {width:450px; vertical-align:top;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top;} .ContentPane2Div {clear:both;} .LeftPane {width:200px; vertical-align:top;} .ContentPane2 {vertical-align:top; width:700px;} .ContentPane3Div {clear:both;} .ContentPane3 {vertical-align:top; width:700px;} .RightPane {width:200px; vertical-align:top;} .MiddlePaneDiv{clear:both;} .MiddleLeftPane {width:200px;margin-right:20px; vertical-align:top;} .MiddlePane {width:484px;vertical-align:top;} .MiddleRightPane {width:200px;vertical-align:top;} .BottomPaneDiv{clear:both;} .BottomColumn1 {width:216px;margin-right:20px; vertical-align:top;} .BottomColumn2 {width:216px;margin-right:20px; vertical-align:top;} .BottomColumn3 {width:216px;vertical-align:top;} .BottomColumn4 {width:216px;vertical-align:top;} .BottomPane {clear:both;} /*-- These styles are only used for the LinearX Demo site. Feel free to delete. --*/ .DNNPane {border: #333 3px solid; padding: 60px 5px; text-align: center; font-weight: bold; vertical-align: middle; background-color: #FAFAFA;white-space:nowrap; color: #333; font-size:14px;} .DNNHeaderPane{padding: 25px 5px; width:300px;} /*-- Set font size, color, etc. for login links and text. --*/ .login{text-decoration:none; color: #999;} #dnn_dnnUSER_cmdRegister {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;color:#333;} #dnn_dnnUSER_registerLink {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;color:#333;} #dnn_dnnUSER_registerLink:hover {text-decoration:underline; } #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ .menu-bg{background-color: #CC0000; height:26px; border-top: #999 1px solid;border-bottom: #999 1px solid; position:relative;z-index:1000;} .menu{text-align:left; float:left; width:100%} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ .breadcrumb-div{background-color:#F1F1F1; height:18px;border-top:#E6E6E6 1px solid; border-bottom:#CCC 1px solid;line-height:10px;} .breadcrumb-row{padding:2; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ .breadcrumbdiv {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #333; text-align:left;padding:3px 10px 0px 0px; float:right; line-height:normal} .breadcrumb {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none !important; color: #333 !important; font-style:normal !important;} .breadcrumbdiv a:hover {text-decoration:underline !important;} .breadcrumb-pretext {font-weight:normal;color:#FAFAFA;line-height:12px;} /*-- Set font size, color, etc. for the Current Date div. --*/ .currentDateDiv {display:block; float:right;padding-right:10px;} .currentDate {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #999;} .current-date a {font-size:10px; text-decoration:none; color:#666;} .current-date a:hover {text-decoration:underline;} /*-- If panes are empty, we make sure there are no lingering styles. --*/ .DNNEmptyPane {border:0px none !important; line-height:0px !important; padding:0px !important; font-size:0px !important; height:0px !important; width:0px !important;margin:0px !important; display:none;} /*-- Set the background image, width, margin, and border for the content div. --*/ #greytness .content, #GreytnessMidnight .content { margin:0px auto 0 auto; padding:10px 10px 20px 10px} .contentBg {} /*-- Set the background image, width, margin, and font for the footer div. --*/ .BottomDiv{ background:url(graphics/BorderedBottomCenter_bg.jpg) bottom repeat-x; height:2.5em;clear:both;position:relative;} .BottomDivLeft{ background:url(graphics/BorderedBottomLeft_bg.jpg) bottom left no-repeat;height:2.5em; } .BottomDivRight{ background:url(graphics/BorderedBottomRight_bg.jpg) bottom right no-repeat;height:2.5em;} #greytness .footer-bg, #GreytnessMidnight .footer-bg { border-top:#666 1px solid } #greytness .footer, #GreytnessMidnight .footer {font-size:.8em; line-height:1.8em; text-decoration:none; color:#333; width:95%; padding-top:2px; margin:0 auto 0 auto; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif} #greytness .footer a, #GreytnessMidnight .footer a, .charcoolFooter a {text-decoration:none; color:#333} #greytness .footer a:hover,#GreytnessMidnight .footer a:hover, .charcoolFooter a:hover {text-decoration:underline} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ .termsdiv{float:right; bottom:0px;} .terms{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;} .privacy{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;} /*-- Margin-left is used to set the copyright text 3 pixels from the left edge. --*/ .copyright{padding:0;} /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} .action-buttons { padding:0; margin-bottom:10px; text-align:right; /*text-align:right; float:right; display:block;*/} /*-- Footer Links --*/ #greytness .footer ul, #GreytnessMidnight .footer ul {list-style: none;margin: 0;padding: 0;} #greytness .footer li, #GreytnessMidnight .footer li {list-style: none; display: block; float: left; margin-left: 8px;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ .Search {float:right; padding:2px 5px 0 0;} .search img {border:none; padding:0px 0px 0px 0px;} /*-- Set background color for Google custom search input --*/ .GCSearchBox {background-color:#FFFCF2;} /*-- If you need to change the button for the Google custom search --*/ .GCSearchButton {} /*-- Font for Radio Button labels. Not displayed by default but just in case. --*/ a.SearchField:hover {text-decoration:underline !important;} .btnSearch {margin-left:-7px;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 3px 2px 0px 4px; font-size:.8em; height:16px; background:#F8F8F8 url(graphics/search_bg.gif) top repeat-x;border: #999 1px solid; width:120px;} #dnn_dnnSEARCH_cmdSearch img {border:none; vertical-align:top; margin-top:1px; padding:0px} /*========================================================+ | DNN Control Panel | +========================================================*/ /*-- We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. --*/ .DNNAligncenter {text-align:left;} .greytnessCP { } #dnn_ControlPanel {width:962px; margin:0 auto} .greytnessCP .dnnRibbon .barContent {border-right:none; border-top:none} .greytnessCP .RadTabStrip_Default {background:none} .greytnessCP .RadTabStrip_Default .rtsLink {background-color:#F1F1F1; color:#111} .greytnessCP .RadTabStrip_Default .rtsLink:hover {background-color:#FFF; color:#111} .greytnessCP .RadTabStrip_Default .rtsSelected { background-color:#FFF} .greytnessCP .dnnRibbonGroup .content {height:100px} .greytnessCP .dnnRibbonGroup .content:hover {background:#FCFCFC} .greytnessCP .RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {height:auto} .greytnessCP .RadTabStripTop_Default .rtsLink {margin-top:4px } .greytnessCP .RadTabStrip_Default .rtsSelected { border-bottom:#FFF 1px solid; height:24px; margin-top:0px; font-size:13px; color:#333} .greytnessCP .RadTabStrip_Default .rtsSelected:hover {font-size:13px} .greytnessCP .RadTabStrip_Default .rtsSelected .rtsTxt {font-weight:bold} .greytnessCP .dnnRibbon .barContent table {width:100%} .ControlPanel, .PagingTable {background-color:#FFF; border:none; text-align:center} #GreytnessMidnight .ControlPanel, .PagingTable {background:#999 none} /*.dnnActionMenu {right:10px;} */ /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; margin:0 0 10px 0;} /*-- Most of the site text. --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333;} /*-- Most of the bold site text. --*/ .NormalBold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;} /*-- Red Error site text. --*/ .NormalRed {color: #900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333;} /*-- headings - mostly in admin. --*/ .Head {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; background-color:transparent; color: #333;} /*-- Header styles. --*/ h1 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 2.0em; text-decoration: none; font-weight: bold;margin-top:0px;margin-bottom:6px; line-height:1em;} h2 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.8em; font-weight:bold; margin-top:0px;margin-bottom:5px;line-height:1em;} h3 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.6em; font-weight:bold; margin-top:0px;margin-bottom:4px;line-height:1em;} h4 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.4em; font-weight:bold; margin-top:0px;margin-bottom:3px;line-height:1em;} h5 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.2em; font-weight:bold; line-height:1.1em;margin-top:0px;margin-bottom:2px;line-height:1em;} h6 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.0em; font-weight:bold; font-style:italic;margin-top:0px;margin-bottom:1px;line-height:1em;} /*========================================================+ | User Defined Tables | +========================================================*/ .UDT_Table_Head th {font-size:10px;} .UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:10px;background-color:#F3F3F3;vertical-align:top;} .UDT_Table_Item, .UDT_Table_Item p {font-size:10px;vertical-align:top;} /*========================================================+ | Module Menus | +========================================================*/ /*-- Usually no need to change these styles. --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_SubMenu {background-color:#F7F7F7; border:1px solid #666; margin:1px 0px 0px; padding:0px; z-index:2000 !important;} .ModuleTitle_MenuItemSel {background:#DDD none repeat scroll 0%; border-left:1px solid #DDD; border-right:1px solid #DDD; color:#000; font-family:verdana, sans-serif; font-size:11px; font-weight:normal; padding:0px 10px 0px 0px} .ModuleTitle_MenuIcon {border:1px solid #EEE;padding:2px 3px;} .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;} /*========================================================*/ /* Forms */ /*========================================================*/ /*-- Default for Element --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; } /*-- Default Textbox --*/ .NormalTextBox {color:#333; line-height:12px; font-family:tahoma; font-weight:normal} /*========================================================+ | Navigation Menu Styles | +========================================================*/ /*-- Set line height. --*/ #nav li {position:relative; float:left; line-height:12px; list-style:none; padding:0px; margin-bottom:0px; background-color:transparent} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #nav ul {padding:0px; margin:0px; list-style:none; float:left; width:100%; background:transparent; z-index:700} /*-- Font for top menu items. --*/ #nav a {font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; display:block; margin:0; text-decoration:none; text-align:center; padding:0 10px 0 10px; margin:0px; color:#FFF; background:#CC0000 url(graphics/menu_divide.gif) right center no-repeat; line-height:26px; z-index:800} /*-- Second-level list container. --*/ #nav li ul {position:absolute; left:-999em; width:167px; border-top:#999 1px solid; border-left:1px solid #999; z-index:900} #nav li li { z-index:1000 } /*-- Second-level menu items. --*/ #nav li li a { width:150px; font-size:11px; text-align:left; background:#E6E6E6 none; color:#222; border-right:1px solid #999; border-bottom:#999 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal; z-index:1000} /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background: #FAFAFA none; color:#000;} /*-- Top-level selected menu items. --*/ #nav li.SelectedTab a {} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background:#CCC none; color:#222;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background: #CCC none; color:#222;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background: #FAFAFA none; color:#000;} /*-- Font color for disabled tabs. --*/ #nav .DisabledTab {color:#CCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul{left: -999em;} /*-- Set where the first drop-down hover menu starts along the y axis --*/ #nav li:hover ul, #nav li.iehover ul {top: 26px;left:-1px;} /*-- Set where the first drop-down hover menu starts along the x axis --*/ #nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul {top: 2px;left:166px;} /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;} /*-- Adammer Free skin style --*/ .designBy { font-size:10px; color:#B2B2B2; text-align:center; margin-bottom:20px } .designBy a {font-size:10px; color:#B2B2B2; text-decoration:none} .designBy a:hover { font-size:10px; color:#999; text-decoration:underline } /*========================================================+ | Additional Styles | +========================================================*/ .TitleCell {padding:0 20px 20px 0; vertical-align:top} .SizeCell {padding:0 20px 20px 0; vertical-align:top} #GreytnessMidnight .FileManager_StatusBar,#GreytnessMidnight .FileManager_Pager {background-color:#666} #GreytnessMidnight select.Normal {color:#000} #GreytnessMidnight .ExtensionsContent tr.NormalBold {color:#000} div.language-object {width: 960px; margin: 0 auto;} div.language-object span.Language {float: right;} div.language-object span.Language img {width: 20px; margin: 5px 0px 0 0; } div.language-object span.Language.selected img {border-color:#CCC; } #GreytnessMidnight div.language-object span.Language.selected img {border: 2px solid #333; } /*========================================================+ | Clear Fix for floating DIVs | +========================================================*/ * html .clearfix {height:1%; overflow:visible} *+html .clearfix {min-height:1%} .clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden} /*========================================================+ | End DNN Skin Styles | +========================================================*/