/* Theme Name: MFDS Theme URL: http://www.mfds.com Description: Two-coloumn, flexible navigation, lots of illustrations of gods and monsters. This one is not designed with IE6 in mind, so there's a banner just for IE6 users recommending an upgrade to Firefox. Author: John Kilgallon Author URI: http://www.jks.com Tags: black, white, red, celtic, two-columns, fixed-width, left-sidebar Have a look at http://www.seoadsensethemes.com/wordpress-multi-level-drop-down-menu-using-jquery/ Version: 1.0 */ * { margin:0; padding:0; } body { background: #000000 url(images/bg.gif); font: 100% "Times New Roman",Times,FreeSerif,serif; height:100%; } /*********************Drop Menu*****************************/ #dropmenu, #dropmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:2; width:100%; } #dropmenu a { display:block; padding:0px; text-decoration:none; } #dropmenu ul a:hover { background: url(images/menu_over_red2.png) top left; color:#fff; } #dropmenu li { float:left; position:relative; } #dropmenu ul { position: absolute; top: 27px; left: -1px; background: url(images/menu_hover_red2.png) top left; } #dropmenu ul a { } #dropmenu li ul { min-width: 201px; width: max-content; /* padding: 0 5px; */ } #dropmenu li ul a { min-width:200px; height:auto; float:left; } #dropmenu ul ul{ top:0px; padding:0 0 0 10px; } #dropmenu li ul ul { left:190px; float:left; margin:0px 0 0 10px; } #dropmenu li li ul { left:190px; float:left; margin:0px 0 0 0px; padding:0 0 0 0px; } #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; } #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display: flex; flex-direction: column; } /*********************general*****************************/ h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1 { font-size:2.2em; line-height:1; margin-bottom:0.5em; color: #750e12; } h2 { font-size:1.8em; margin-bottom:0.75em; } h3 { font-size:1.4em; line-height:1; margin-bottom:1em; } h4 { font-size:1em; line-height:1.25; margin-bottom:1.25em; height:1.25em; } h5 { font-size:.8em; margin-bottom:1.5em; } h6 { font-size:.6em; } p { padding-bottom:14px; color:#302821; } img{ border:0px; } strong{ font-weight:bold; } em, dfn{ font-style:italic; } hr{ margin:5px 30px 10px 0; } legend { margin:0 0 0 10px; } input, textarea, select { background: #ffea94; margin:10px 0 10px 0; color:#302821; border: 1px solid #302831; } fieldset { padding: 10px; margin: 0 30px 0 0; border: 1px solid #e6d9c2; } pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; height: auto; background: #ffea94; margin: 15px 30px 15px 0px; padding: 10px 0px 10px 20px; border: 1px solid #302831; } pre, code{ font:14px Monaco, 'andale mono', 'lucida console', monospace; line-height:1.5; } table{ #padding:20px 0 20px 0; } /*********************classes*****************************/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin:0px 10px 10px 0px; } .alignright { float: right; margin:0px 0px 10px 10px; } .wp-caption { border: 1px solid #17191a; text-align: center; background-color: none; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .rss{ float:left; font-size:24px; padding: 55px 0 0 0px; margin: 0 -20px 0 0; } .sidetitle{ font-size:24px; padding: 0 0 0 15px; } .datea { color:#423b30; font-size:24px; text-align:center; } .dateb { font-style: italic; color:#423b30; font-size:18px; text-align:center; } .author{ padding:0px; margin-top:-8px; font-style: italic; } .label{ margin: 20px 0 0 0; } .label2{ margin: 40px 0 0 0; } .class2{ font-size:32px; padding:40px 0 0 0; } .class1{ font-size: 18px; } .class4, .class4 a{ font-size: 18px; margin:30px 0 0 0; } .class3{ margin:30px 0 0 0; display:inline; } .class5{ text-align:center; padding-right:15px; font-size:22px; width:635px; } /*********************links*****************************/ a, a:visited { color: #84011f; text-decoration: none; outline: none; } a:hover { text-decoration: none; } /*********************header*****************************/ #headerwrap{ margin:0 auto; width: 990px; height: 100%; background: #ffffff url(images/page_bg.png) repeat-y center top; } #header { position:relative; width: 934px; #height: 100%; height: 112px; margin:0 auto; background: url(images/Title2.png) no-repeat; } #logo { position:relative; width: 187px; height: 191px; background: url(images/logo.png) no-repeat; left: -22px; Top: 5px; } #contenttop{ position:absolute; bottom:0px; width:100%; height:21px; } #headertitle { visibility:hidden; position:absolute; top:50px; left:215px; } #headertitle h1{ font-size:58px; color: #ffea94; } #tag{ position:absolute; top:5px; right:120px; color: #ffea94; font-size:11px; } #quote{ position:absolute; top:140px; left:225px; width:560px; height:0px; z-index:1; } #quote p{ font-style: italic; font-size:18px; color:#39332b; } /*********************nav*****************************/ #nav { position:absolute; left:250px; top:72px; width: 640px; border:0px; } #nav li { float: left; margin:0px 0px 0 0; border:0px; } #nav li a { text-align: center; display: block; color:#000000; margin: 0; padding: 2px 10px 2px 10px; font-size: 18px; text-decoration: none; } #nav li a:hover { color:#ce2110; } #nav li li a { color:#ffffff; padding: 2px 5px 2px 15px; } #nav li li a:hover { color:#ffffff; } /*********************Main***************************/ #wrapper { width: 930px; margin: 50px auto; } #content{ float:left; width: 500px; position:relative margin: 40px 0px 0px 40px; padding: 0px 10px 150px 10px; } #content_wide{ float:left; width: 760px; margin: 0 0 200px 150px; padding: 0px auto 150px auto; } #content_forum{ width: 934px; margin: 0 0 0 -27px; } #content h1, #content h1 a{ font-size: 36px; padding:12px 40px 12px 0; margin:0px; color:#750e12; } .postheader h1{ } .postheader_full h1{ padding: 0 0 0 200px; } #content p{ padding-right:5px; text-align:justify; } #content dt, #content dd{ margin: 0px 0px 0px 20px; padding: 0px 0px 15px 0px; } #content ol{ margin: 0px 0px 0px 20px; padding: 0px 0px 15px 0px; } #content ol li{ margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } #content ul{ list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 15px 0px; } #content ul li{ list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; } blockquote{ background: #ffea94; margin:15px 30px 15px 0px; padding: 10px 20px 10px 20px; border: 1px solid #302831; } #wrapper blockquote p{ color:#302821; } #postheader{ width: 510px; margin:0 0 10px 0; } .postmeta { width: 680px; padding: 10px 0px 30px 0px; margin: 15px 0px 0px 0px; } .postmeta p, .postmeta a{ font-size:14px; } #date{ float:left; width:50px; } #date p{ padding:5px 0 0 0; margin:0px; } /*********************sidebar***************************/ #sidebar { width: 222px; padding: 0; line-height: 17px; float:left; margin-bottom:200px; padding: 0px 0px 0px 120px; } #sidebar h2 { font-size:24px; color:#302821; padding: 0px 0px 0px 15px; margin: 20px 0px 10px 0px; } #sidebar ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; } #sidebar ul li { padding: 0px 0px 3px 15px; margin: 0px; } #sidebar ul li ul li { background: transparent; } #sidebar ul li ul{ background: transparent; } #sidebar ul li a, #r_sidebar ul li a:visited { font-size: 14px; text-decoration: none; margin: 0px; padding: 0px; color:#302821; } #sidebar ul li a:hover { text-decoration: underline; } #wp-calendar{ width:200px; } #sbsl0_1 { margin: 5px 0px -5px 15px; } /*********************footer***************************/ #footerwrap{ width: 100%; height: auto; } #footer { width: 960px; height: 20px; margin: 0px auto; position: relative; bottom:0px; } #copyright{ position:absolute; bottom:5px; left:135px; } #copyright p, #design p { color: #394b55; font: 11px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif; padding: 3px 0px 0px 0px; } #copyright a, #design a { color: #394b55; font: 11px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif; text-decoration: none; } #copyright a:hover, #design a:hover{ color: #017F8D; text-decoration: none; } #credit p, #credit a{ font-size:8px; color: #3d3527; } #design{ position:absolute; bottom:0px; right:-23px; } /*********************Search Header**************************/ #f-header { background:transparent; width: 134px; color: #17191a; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin:112px 0 0 44px; border:0; } #search-header{ height:42px; width:194px; padding:0px 0 0 0; margin:0; position:relative; float:right; } #search-box-header{ height:145px; padding:0; margin:0; background: url(images/search-header.png) no-repeat left bottom!important; } /*********************search**************************/ #f { background:transparent; width: 134px; color: #17191a; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin:32px 0 0 44px; border:0; } #search{ height:115px; padding:20px 0 0 0; margin:0; } #search-box{ height:75px; padding:0; margin:0; background: url(images/search.png) no-repeat left bottom!important; } /*********************comments*****************************/ #sbutt { background: #8C8989; width: 200px; color: #17191a; font-size: 11px; font-family: Arial, Tahoma, Verdana; } #commentbox p{ font:14px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif; margin:15px 0 0 0; } #author, #email, #url { background: #ffea94; width: 300px; color: #17191a; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 10px 0px 0px 0px; border: 1px solid #302831; } #comment { background: #ffea94; width: 440px; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 10px 0px 0px 0px; border: 1px solid #302831; } #submit { background: #17191a; width: 150px; color: #e6d9c2; font-size: 12px; font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 20px 0px 0px 0px; border: 1px solid #e6d9c2; } #commentblock { width: 660px; color: #000000; float: left; padding: 10px 0px 10px 0px; margin: 20px 0px 0px 0px; } #commentblock ol{ list-style-type: none; margin: 0px 0px 20px 0px; } .commentname { font-size: 16px; color: #333333; margin: 0px; padding: 5px 5px 5px 0px; } .commentinfo{ clear: both; } .commenttext { width: 440px; padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0px; } .commenttext-admin { width: 440px; padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0px; } #commentsformheader{ padding-left: 0px; } #commentsform{ text-align: center; margin: 0px; padding: 0px; } #commentsform form{ text-align: left; margin: 0px; } #commentsform p{ margin: 0px; } #commentsform form textarea{ width: 99%; } p.comments_link img{ margin: 0px; padding: 0px; border-style: none; } #fourofour{ width:100%; text-align:center; }