/* File: custom.css Description: Custom styles for the Neoclassical Theme that you define Use: The tag has been appended with the "custom" class, like so: . You can use the "custom" class to overwrite *any* CSS declarations contained in this theme's style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them Why this works: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! */ /*- Menu Tabs F--------------------------- */ /*- Menu Tabs J--------------------------- */ .chromestyle{ width: 860px; font-weight: bold; } .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ display: block; height: 0; clear: both; visibility: hidden; } .chromestyle ul{ border: 1px solid #BBB; width: auto; background: url(chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/ padding: 4px 0; margin: 0; font-size: 12px; font-family:"Times New Roman", Times, serif; /*This will change the font size on the navigation bar BUT REMEMBER to add the
below the navigation list in the header.php file*/ text-align: left; /*set value to "left", "center", or "right"*/ } .chromestyle ul li{ display: inline; } .chromestyle ul li a{ color: #494949; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #DADADA; } .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ background: url(chrometheme/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position:absolute; top: 0; border: 1px solid #BBB; /*THEME CHANGE HERE*/ border-bottom-width: 0; font-size:11px; font-family: Georgia, "Times New Roman", Times, serif; /* font-size:11px; --- This will change the font size on the navigation bar - Change 11px to whatever*/ line-height:15px; z-index:100; background-color: white; width: 400px; visibility: hidden; } .dropmenudiv a{ width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/ padding: 2px 0; text-decoration: none; font-weight: bold; color: black; } * html .dropmenudiv a{ /*IE only hack*/ width: 100%; } .dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #F0F0F0; }