[Plugin: Dropdown Menu Widget] Menu does not move when window resizes.
-
Can someone help me out. I am very close to getting this to work but for some reason the category menu stays fixed outside of the WordPress theme.
here’s the site:
Here’s the code from my header:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<title><?php wp_title(”); ?><?php if(wp_title(”, false)) { echo ‘ :’; } ?> <?php bloginfo(‘name’); ?></title><link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’); ?> Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<link href=’http://i572.photobucket.com/albums/ss169/mlsrumors/soccerball-1.png’ rel=’shortcut icon’/><?php
wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘effects’, get_stylesheet_directory_uri() . ‘/js/effects.js’);
wp_enqueue_script(‘s3Slider’, get_stylesheet_directory_uri() .’/js/s3Slider.js’);
wp_enqueue_script(‘jqueryui’, get_stylesheet_directory_uri() .’/js/jquery-ui-personalized-1.5.2.packed.js’);
wp_enqueue_script(‘sprinkle’, get_stylesheet_directory_uri() .’/js/sprinkle.js’);
?><script type=”text/javascript”><!–//–><![CDATA[//><!–
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls1 = document.getElementById(“catmenu”).getElementsByTagName(“li”);
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=” sfhover1″;
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover1\\b”), “”);
}
}
var sfEls1 = document.getElementById(“menu”).getElementsByTagName(“li”);
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=” sfhover”;
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\\b”), “”);
}
}
}
if (window.attachEvent) window.attachEvent(“onload”, sfHover);
//–><!]]></script><?php wp_get_archives(‘type=monthly&format=link’); ?>
<?php //comments_popup_script(); // off by default ?>
<?php
if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ );
wp_head(); ?>
</head>
<body>
<div class=”masthead”><div id=”foxmenucontainer”>
<?php wp_nav_menu( array( ‘container_id’ => ‘menu’, ‘theme_location’ => ‘primary’,’fallback_cb’=> ‘fallbackmenu1’ ) ); ?>
</div><div id=”top”>
<div class=”head”>
<div class=”blogname”><?php $logo = get_option(‘xan_logo’); if(strlen($logo) > 5): ?> /” title=”<?php bloginfo(‘name’); ?>”><img src=”<?php echo $logo; ?>” alt=”<?php bloginfo(‘name’) ?>” /> <?php else: ?> <h1>/” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></h1> <h2><?php bloginfo(‘description’); ?></h2> <?php endif; ?></div>
<?php include (TEMPLATEPATH . ‘/topad.php’); ?>
</div>
</div><div id=”catmenucontainer”>
<?php shailan_dropdown_menu( array( ‘menu’ => ‘secondary’,’container_id’ => ‘catmenu’,’theme_location’ => ‘secondary’,’fallback_cb’=> ‘fallbackmenu2’ ) ); ?>
</div>
</div><div id=”wrapper”><div class=”scrollposts”><marquee width=”100%”><?php $tick_cat = get_option(‘xan_tick_cat’);$tickerq = new WP_Query( ‘category_name=’.$tick_cat.’&posts_per_page=5′ );echo “<ul id=\”ticker\”>”;while( $tickerq->have_posts() ) : $tickerq->the_post(); echo ‘
- ‘; echo ‘<span>’; the_time(‘M : j : Y’); echo ‘</span>’; echo ‘ – ‘; the_title(); echo ‘
‘;endwhile; echo ”;wp_reset_postdata(); ?><div style=”clear:both;”></div></marquee></div>
<script type=’text/javascript’>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>
<script type=’text/javascript’>
try {
var pageTracker = _gat._getTracker(“UA-2493577-1”);
pageTracker._trackPageview();
} catch(err) {}</script>
<!– Start Quantcast tag –>
<script src=’http://edge.quantserve.com/quant.js’ type=’text/javascript’></script>
<script type=’text/javascript’>_qacct=”p-d7f9WlcKOIcME”;quantserve();</script><noscript>
<img alt=’Quantcast’ border=’0′ height=’1′
src=’http://pixel.quantserve.com/pixel/p-d7f9WlcKOIcME.gif’ style=’display: none;’ width=’1’/>
</noscript>
<!– End Quantcast tag –><div id=”casing”>
And here is the CSS
/*
Theme Name:Xanthos
Theme URL: http://www.web2feel.com/xanthos/
Description: Free WordPress theme released by web2feel.com
Author: Jinsona
Author URI: http://www.web2feel.com
Version: 1.0.0
Tags: Brown, white, grey ,three-columns, jQuery slider,thumbnail, right-sidebar, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense.*/@font-face { font-family: ‘BebasNeueRegular’; src: url(‘fonts/BebasNeue-webfont.eot’); src: url(‘fonts/BebasNeue-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘fonts/BebasNeue-webfont.woff’) format(‘woff’), url(‘fonts/BebasNeue-webfont.ttf’) format(‘truetype’), url(‘fonts/BebasNeue-webfont.svg#BebasNeueRegular’) format(‘svg’); font-weight: normal; font-style: normal;}
*{
margin: 0px;
padding: 0px;
}body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#212121 url(images/body.png);
font-family:Arial, verdana,Tahoma,Century gothic, sans-serif;
font-size:12px;
}
img {
border:0;
margin: 0 0;
}a {
color: #990000;
text-decoration: none;
outline:none;
}
a:visited {
color: #5384BF;
}
a:hover, a:active {
color: #214974;
text-decoration: none;
}h1,h2, h3, h4, h5, h6 {
line-height:125%;
font-weight: bold;
}table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
tr th,
thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
tr.odd td {
background: #f2f7fc;
}ul {
list-style: square;
}blockquote {
font-style: italic;
color: #555;
padding:10px;
}
blockquote blockquote {
color: #777;
}
blockquote em {
font-style: normal;
}pre {
padding: 9px;
background: #f9f9f9;
border: 1px solid #ccc;
}
code {
padding: 0 3px;
background: #eee;
}
pre code {
background: transparent;
}.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#ddd;
border: 1px solid #ccc;
}img.alignright {
padding: 5px 5px;
margin: 5px 0px 10px 10px;
display: inline;
background:#ddd;
border: 1px solid #ccc;
}img.alignleft {
padding: 5px 5px;
margin: 5px 10px 10px 0px;
display: inline;
background:#ddd;
border: 1px solid #ccc;
}.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
}.alignright {
float: right;
margin: 0px 0px 10px 10px;
}.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}.wp-caption {
background:#ddd;
border: 1px solid #ccc;
text-align: center;
padding: 4px 0px 5px 0px;
color:#777;
}.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
.rounded{border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}.insetshadow{
box-shadow:inset 0 0 5px #ddd;
-moz-box-shadow:inset 0 0 5px #ddd;
-webkit-box-shadow:inset 0 0 5px #ddd;
}/* The Outer cover */
.masthead{
height:215px;
background:url(images/masthead.png) repeat-x;}
#wrapper {
width:1020px;
margin:0px auto;
position:relative;
padding:0px 0px;}
#casing {
padding:0px 0px ;
float:left;
width:1020px;
margin:0px 0px 0px 0px;
background:url(images/casingg.png) repeat-y;
}#topbox{
width:900px;
height:66px;
margin:0px auto;
}.facebox,.feedbox,.searchbox{
width:310px;
height:66px;
float:left;
}/* The Header */
#top {
height:123px;
margin:auto;
position:relative;
background:url(images/top.png) top center no-repeat;}
.head{
width:1020px;
margin:0px auto;
}.blogname {
width:400px;
margin:25px 0 0 10px;
height:70px;
text-align:left;
float:left;
font-family: Georgia,Arial ,Tahoma, Helvetica, sans-serif;}
.blogname h1 {
font-size:36px;
padding:0px 0 0px 0;
font-weight:normal;
text-shadow:1px 1px 0px #0F1114;
}
.blogname h1 a:link, .blogname h1 a:visited{display:block;
margin:0px 0 0 0px;
color: #feffe8;}
.blogname h1 a:hover {
color: #fff;
}
.blogname h2 {
margin:0px 0px 0px 0px;
font-size:16px;
font-weight:normal;
color: #BF0000;
text-shadow:1px 1px 0px #0F1114;}
/* The Search */
#search {
width:310px;
padding:0px 0px ;
margin:-1px 0px 5px 0px;
height:54px;
background:url(images/searchbg.png);}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}#search fieldset {
margin: 0;
padding: 0;
border: none;
}#search p {
margin: 0;
font-size: 85%;
}#s {
width:228px;
background:#44362c;
margin:12px 0px 0px 10px;
padding: 6px 5px;
height:15px;
border:1px solid #0e0b0a;
font: normal 100% “Tahoma”, Arial, Helvetica, sans-serif;
color:#DFC7B5;
float:left;
display:inline;
}#searchsubmit{
background:#24272e;
border:1px solid #90100e;
color:#fff;
display:block;
margin:20px 0px 0px 10px;
padding: 4px 5px;
float:left;
cursor:pointer;
}#searchpage{
background:#fff;
border:1px solid #DBDBDB;
margin:15px 15px 0px 15px;
}#sform{
width:480px;
border:none;
padding:4px 5px;
}#formsubmit{
float:right;
background:#DBDBDB ;
border-left:1px solid #DBDBDB!important;
border:none;
padding:3px 5px;
}
.sboxs{
padding:10px 20px;
}
.shead{
margin-bottom:30px;}
.shead p{
margin-left:15px;
margin-bottom:10px;
color:#222;
}h2.stitle{
text-decoration: underline;
font-weight:normal;}
.searchmeta{
margin-top:5px;
color:#43873e;
}/*Page menu*/
#foxmenucontainer{
height:30px;
display:block;
margin:0px auto;
font-size: 14px;
font-weight:normal;
background:url(images/menu-3n.jpg) repeat-x;
padding:10px 0px;
}
#menu{
margin:0px auto;
padding: 0px;
height:30px;
overflow:hidden;
width:1020px;
}#menu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}#menu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
line-height:30px;
color:#BFA98F;
}#menu li a, #menu li a:link, #menu li a:visited {
color:#BFA98F;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:30px;
}#menu li a:hover, #menu li a:active {
background:#810E0C;
color: #fff;
margin: 0px;
padding: 0px 10px ;
line-height:30px;
text-decoration: none;}
#menu li li a, #menu li li a:link, #menu li li a:visited {
background:#3F342B;
width: 150px;
color:#BFA98F;
font-weight: normal;
float: none;
margin: 0px;
padding: 0px 10px ;
line-height:30px;
border-bottom: 1px solid #4F4136;}
#menu li li a:hover, #menu li li a:active {
color: #fff;
background:#810E0C;
padding: 0px 10px ;
line-height:30px;
}#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
background:#0D6191;
}#menu li li {
}#menu li ul a {
width: 140px;
}#menu li ul a:hover, #menu li ul a:active {
}#menu li ul ul {
margin: -31px 0 0 170px;
}#menu li:hover ul ul, #menu li:hover ul ul ul,
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}#menu li:hover ul, #menu li li:hover ul,
#menu li li li:hover ul, #menu li.sfhover ul,
#menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}#menu li:hover, #menu li.sfhover {
position: static;
}/* menu */
#catmenucontainer{
height:41px;
display:block;
padding:0px 0 0px 0px;
font-size: 12px;position:relative;
right: 0;
margin: 0px 0px 0px 220px;
width:1020px;
font-weight:normal;
background:url(images/cmenu.png) repeat-x;}
#catmenu{
margin:0px auto;
padding: 0px 0px;
height:41px;
overflow:hidden;
width:1020px;
}#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
line-height:41px;
color:#c39b7f;
}#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color:#c39b7f;
display: block;
margin: 0px;
padding: 0px 10px ;
line-height:41px;
}#catmenu li a:hover, #catmenu li a:active {
color: #312720;
margin: 0px;
padding: 0px 10px ;
line-height:41px;
text-decoration: none;
background:#fff;
}#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#eee;
width: 150px;
color: #0D081C;
font-weight: normal;
float: none;
margin: 0px;
padding: 0px 10px ;
line-height:35px;
border-bottom: 1px solid #ccc;
}#catmenu li li a:hover, #catmenu li li a:active {
background:#DFDFDF;
color: #555;
padding: 0px 10px ;
line-height:35px;
}#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
background:#00150E;
}#catmenu li li {
}#catmenu li ul a {
width: 140px;
}#catmenu li ul a:hover, #catmenu li ul a:active {
}#catmenu li ul ul {
margin: -36px 0 0 170px;
}#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}#catmenu li:hover, #catmenu li.sfhover {
position: static;
}/* box content */
.high-box{
width:320px;
border-bottom:1px solid #ddd;
margin-bottom:20px;
}.lbox{
float:left;
}.rbox{
float:right;
}.high-cat{
font-family:’BebasNeueRegular’;
font-size:18px;
font-weight:normal;
margin-bottom:10px;
color:#CF4C23;
}.high-first-item{
}
.highmage{
background:#fff;
padding:5px;
}.high-first-item h3{
font-family:’BebasNeueRegular’;
font-size:24px;
font-weight:normal;
margin:5px 0px;}
.high-first-item h3 a:link,.high-first-item h3 a:visited{
color:#222;
}.high-first-item p{
padding:0px 0px 10px 0px;
line-height:20px;
font-size:12px;
}.high-rest-item h3{
font-family:’BebasNeueRegular’;
font-size:18px;
font-weight:normal;
line-height:18px;
padding:7px 0px;
border-top:1px solid #ddd;
}.high-rest-item h3 a:link,.high-rest-item h3 a:visited{
color:#615740;
}/* Main Content*/
#content {
float:left;
width: 710px;
height:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
overflow:hidden;
}.box{
width:325px;
float:left;
margin-left:20px;
margin-bottom:20px;
clear:left;
color:#646464;
}.altbox{
float:right;
margin-right:20px;
clear:right;
}.boxtitle h2{
font-family:Georgia;
font-weight:normal;
font-size:20px;
}.boxtitle h2 a:link, .boxtitle h2 a:visited{
color:#322821;
}.boxmeta{
background:#765e4d;
display:inline-block;
width:330px;
}
.boxmeta a:link,.boxmeta a:visited{
color:#fff;
}
.bcomm{
float:left;
padding:5px 10px;
}.morer{
float:right;
padding:5px 10px;
}.postim{
position:relative;
float:left;
width:150px;
}img.postimg{
margin:10px 10px 0px 0px;
width:150px;
height:120px;
padding:5px 5px;
background:#dddddd ;
float:left;}
.single{border:none!important;
}
.post {height:100%;
color:#646464;
padding:15px 0px;
margin:10px 20px;
position:relative;
}.title{
margin: 0px;
padding: 0px 0px 0px 0px;
}.title h1 {
margin: 0px 0 0px 0;
padding: 5px 5px 10px 0px;
font: 30px georgia,century gothic,verdana, sans-serif;
font-weight:normal;
overflow:hidden;
text-shadow:1px 1px 0px #ddd;
}.title h1 a, .title h1 a:link, .title h1 a:visited {
color:#414855;
background-color: transparent;
}.title h1 a:hover {
color: #000;
background-color: transparent;
}.postmeta{
display: inline-block;
width:670px;
background:#765E4D;
padding:0px 5px;
}
.metablock{
color:#fff;
text-align:center;
padding:5px 10px;
text-transform:uppercase;
font-size:10px;
float:left;
background:url(images/meta.png) no-repeat;}
.metablock a:link,
.metablock a:visited {
color:#fff;}
.metablock a:hover{
color:#000;}
.author{
color:#fff;
font-size:10px;
text-transform:uppercase;}
.clock{
color:#fff;
font-size:10px;
text-transform:uppercase;}
.comm{
color:#fff;
font-size:10px;
text-transform:uppercase;}
.comm a:link,
.comm a:visited {
color:#fff;}
.comm a:hover{
color:#fff;}
.singmet{
color:#32757c;
padding:5px 5px 5px 0px;
margin-top:5px;
font-size:11px;
text-transform:uppercase;}
.singmet a{
color:#32757c;
}.readmore{
width:600px;
height:34px;
display:inline-block;}
.read{
float:right;
width:137px;
background:url(images/rmore.png);
height:34px;
font-size:14px;
line-height:34px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
text-shadow:1px 1px 0px #899F09;
}
.read a:link,
.read a:visited {
color:#fff;}
.read a:hover{
color:#000;}
.category{
color:#000;
padding:5px 5px 5px 0px;
font-size:10px;
background:url(images/tag.png) no-repeat;
text-transform:uppercase;
}.category a:link,.category a:visited{
color:#765E4D;}
.category a:hover{
color:#000;
}.cover{
margin-left:220px;}
.entry {
margin:0 0;
padding: 0px 0px 5px 0px;
font-size:12px;
}.entry a:link,
.entry a:visited {
color:#DF3A00;
background-color: transparent;
}
.entry a:hover {
color:#FF0000;
background-color: transparent;
text-decoration: none;
}.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 1.6em;
}.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:24px;}
/* right column */
.right{
float: right;
width: 310px;
padding:0px 0px 0px 0;
display:inline;position:relative; overflow: hidden;
}p.twitter-message{
color:#555;
font-size:12px;
padding:10px 10px;
border-bottom:1px solid #eee;
}a.twitter-link{
color:#DF4400;
}a.twitter-user{
color:#DF4400;
}h3.sidetitl{
font-family:Georgia,Tahoma,Century gothic, sans-serif;
color:#fff;
font-size:14px;
padding:10px 0px 10px 10px;
font-weight:normal;
background:#201A16;
}
/* The Sidebar */.sidebar{
float:left;
}.sidebox{
width:100%;
margin:0px 0px 10px 0px;
background:#fff;}
.sidebox ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 5px 0px ;}
.sidebox li{
list-style-type: none;
margin: 0 ;
padding: 0;}
.sidebox ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}.sidebox ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}.sidebox ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.sidebox ul li {
height:100%;
line-height:18px;
clear:left;
width: 100%;
margin:0px 0px;
list-style-type: none;
}.sidebox ul li a:link, .sidebox ul li a:visited {
color:#6f6f6f;
border-bottom:1px solid #eee;
text-decoration: none;
padding: 5px 0px 5px 10px;
display:block;}
.sidebox ul li a:hover {
color: #DF4400;
}.sidebox p {
padding: 7px 10px;
margin:0;
}.sidebox table{
width:100%;
text-align:center;
color:#787d7f;
}li.recentcomments{
padding:5px 10px;
width:290px!important;
}.oddli{
background:#fcfcfc;
}.squarebanner {
margin:0px 0px 10px 0px;
width:310px; background: #ffffff;
}.squarebanner ul{
list-style-type:none;
margin: 0px 20px 0px 20px;
padding: 0px 0px 15px 0px;
width: 270px;
overflow:hidden;
}.squarebanner ul li{
list-style-type:none;
margin: 10px 0px 0px 0px;
float:left;
display:inline;
background:#ddd;}
.rbanner{
float:right!important;
margin:10px 0px 0px 0px!important;
}/*calendar*/
#wp-calendar{
width: 100%;
padding: 0px 5px;}
#calendar_wrap{margin:0px auto;
}#wp-calendar caption{
padding: 10px 5px 5px 5px ;
font-size:16px;
color:#375752;
font-weight:bold;
font-family:Arial,Georgia,Century gothic, sans-serif;
text-transform:uppercase;
}#wp-calendar th, #wp-calendar td{
padding: 5px;
text-align:center;
color:#fff;
background:#ccc;
}#wp-calendar td a{
padding: 0px;
border:none;
color:#843400;
}
#wp-calendar td{
background:transparent;
border:none;
color:#444;
}
#wp-calendar td, table#wp-calendar th{
padding: 2px 0;
}/* — FOOTER — */
#footer {
padding:10px 0 10px 0px;
color:#7F5F47;
font-size:12px;
margin:0px auto;
background:#201a16 ;
border-bottom:1px solid #90100d;
}#footer a:link , #footer a:visited{
color:#7F5F47;
}#footer a:hover {
color:#7F5F47;
}.fcred{
text-align:center;
margin:10px 0px 10px 10px;
line-height:16px;
}/* The Navigation */
#navigation{
margin:0px 0px 10px 10px;
padding:5px;
width:690px;
height:27px;
}/* The Attachment */
.contentCenter {
text-align:center;
}/* The Page Title */
h2.pagetitle {
height:35px;
font-family:Georgia,Tahoma,Century gothic, sans-serif;
color:#6F4400;
font-size:18px;
padding-top:15px;
padding-left:20px;
font-weight:normal;}
h2.pagetitle a {
color:#507409;
}
/* Comments */#commentsbox {
margin:10px 20px;
}
h3#comments{
font-size:18px;
color:#fff;
background:#312720;
font-weight:bold;
padding:10px 10px ;
margin-top:10px;
font-family:Arial,Georgia,Century gothic, sans-serif;
}ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;}
ol.commentlist li {
margin:5px 0;
line-height:18px;
padding:10px;
border:1px solid #ddd;
background:#eee;}
ol.commentlist li a{
color:#DF4E00;
}
ol.commentlist li .comment-author {
color:#312720;}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{color:#312720;
font-weight:bold;
text-decoration:none !important;
}ol.commentlist li .comment-author .fn {
color:#312720;
}
cite.fn{
color:#312720;
font-style:normal;
}
ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #ddd;
background:#fff;
padding:3px;
}
ol.commentlist li .comment-meta{
font-size:10px;}
ol.commentlist li .comment-meta .commentmetadata{color:#000;
}ol.commentlist li .comment-meta a {
color:#CF0F00;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#5F5C4D;
font-size:12px;}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;}
ol.commentlist li .reply a{
background:#765E4D;
border:1px solid #4F4136;
color:#fff;
text-decoration:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 10px;
}ol.commentlist li.odd {
}
ol.commentlist li.even {}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {margin:0 0 0px 50px;
}
.comment-nav{padding:5px ;
height:20px;}
.comment-nav a:link,.comment-nav a:visited{
color:#00608F;
}#respond{
padding:0px 0px ;
margin:10px 0px;
border:1px solid #ddd;
background:#eee;}
#respond a{
color:#DF4E00;
}
#respond h3 {
font-size:14px;
color:#fff;
background:#FFAB06;
font-weight:bold;
padding:10px 10px ;}
#commentform {
padding:10px 20px;}
#commentform p{
margin:5px 0px ;
color:#444;
}
#respond label{
display:block;
padding:5px 0;
color:#444;}
#respond label small {
font-size:10px;}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#555;
}
#commentform input{
width:50%;}
#respond input#commentSubmit {
background:#765E4D;
border:1px solid #4F4136;
color:#fff;
text-decoration:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 10px;
width:100px;
margin:10px 0px;cursor:pointer;
}
textarea#comment{
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#555;
}.widebanner{
height:60px;
margin:10px 0px;
text-align:center;
}.postad{
margin:10px auto;
text-align:center;
}.wp-pagenavi{
font-size:12px;
text-align: center !important;
}.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
text-decoration: none;
background:#F2F2F2!important;
border: 1px solid #ddd !important;
color:#555 !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;}
.wp-pagenavi a:hover {
color: #ffffff;
}.wp-pagenavi span.pages {
display:none;
}.wp-pagenavi span.current {
text-decoration: none;
background:#1D94F1 !important;
border: 1px solid #1474C7!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;}
.wp-pagenavi span.extend {
text-decoration: none;
background:#1D94F1 !important;
border: 1px solid #1474C7!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;}
#entry-author-info{
padding:5px;
background:#fcfcfc;
border:1px solid #eee;
margin:10px 0px ;
}#author-avatar{
float:left;
padding:5px;
background:#ddd;
float:left;
margin-right:10px;
}#author-description{
float:left;
margin:0px 0px 0px 5px;
width:520px;
font-size:10px;
line-height:14px;
}
#entry-author-info h3{
margin-bottom:5px;
color:#333;}
#author-description p{
line-height:20px;
color:#555;
}#bottom{
margin:0px auto;
width:1020px;
}
.bottomcover{
background:#312720;
margin:0px auto;}
h3.bothead{height:20px;
font-size:18px;
padding:10px 0px 10px 5px;
color:#fff;
text-shadow:1px 1px 0px #172C2F;
font-family:georgia;
font-weight:normal;}
.botwid{
float:left;
width:175px;
padding-bottom:30px;
font-size:12px;
margin:20px 0px 0px 20px;
color:#ddd;
}
.botwid ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px ;}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
width: 175px;
list-style-type: none;
}.botwid ul li a:link, .botwid ul li a:visited {
color: #7F5F47;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px solid #1F1915;}
.botwid ul li a:hover{
color: #fff;
}.botwid p{
padding: 7px 10px;
margin:0;
}.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}.twitbox{
width:450px;
float:right;
margin:20px 10px 0px 0px;
background:url(images/twit.png) no-repeat;
}.twitbox p{
width:380px;
float:right;
color:#d1d3dc;
}/* Slider */
#slider{
width:530px;
height:300px;
position: relative; /* important */
overflow: hidden; /* important */
margin: 10px;
padding: 0px;
}#sliderContent {
width:530px;
position: absolute;
margin: 0px;
background:#fff;
height:300px;
}.sliderImage {
float: left;
position: relative;
display: none;
list-style:none;
height:300px;
}
.slimg{
width:530px;
height:300px;
}
.sliderImage span {
position: absolute;
font: 12px Arial, Helvetica, sans-serif;
padding: 10px 10px;
width: 510px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.botom {
bottom: 0px;
right: 0px;
}.botom strong{
font-size:16px;
}.tabox{
width:310px;
overflow:hidden;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
background:#fff;}
.tabox a {
color: #222;
text-decoration: none;
}.tabox a:hover {
text-decoration: underline;
}
img.thumbs{
width:75px;
height:60px;
float:left;
margin: 0px 10px 0px 0px;
background:#ccc;
}
ul.tabsnav{
padding:10px 10px 0px 10px;
height:31px;
margin:0px 0px;
background:#201A16;}
.tabsnav li {
display: inline;
list-style: none;
float:left;
font-size:11px;
text-align:center;
margin-right:0px;
width:80px;
text-transform:uppercase;
background:#CFCFCF;}
.tabsnav li a {
text-decoration: none;
font-weight: normal;
line-height:31px;
font-weight:bold;
padding:0px 0px;
font-size: 12px;
color:#666;
text-decoration: none;
display:block;}
.tabsnav li a:hover, .tabsnav li a:active, .tabsnav li.ui-tabs-selected a {
text-decoration:none;
color:#111;
background:#fff;}
.tabsdiv {
border-right:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
padding:0px;}
.tabsdiv a:link,.tabsdiv a:visited {color:#52483e;
}
.tabsdiv a:hover{color:#52483e;
}
.tabsdiv ul{list-style-type:none;
margin:0px 0px;
padding:0px 0px;}
.tabsdiv ul li{
height:100%;
line-height:28px;
padding: 0px 0px 0px 0px;
color:#333;}
.tabsdiv li a:link,.tabsdiv li a:visited{
display:block;
margin-left:5px;
overflow:hidden;
line-height:24px;
padding:2px 5px ;
margin:2px 5px;
color:#666;
font-size:13px;}
.tabsdiv li a:hover {
color:#47587A;
text-decoration:none;
}.tabsdiv embed{
width:320px;
height:270px;
}
.tagbox{
padding:10px;
}
.ui-tabs-hide {
display: none;
}.fblock{
display:block;
border-bottom:1px solid #DBDBDB;
margin:0px 5px!important;
padding:10px 0px!important;
}
.fblock:hover{
background:#f4f4f4;
display:block;
}.fblock h3{
padding:0px 0px 0px 0px;
font-family: ‘BebasNeueRegular’;
font-size:18px;
font-weight:normal;
text-transform: uppercase;
}.fblock h3 a:link,.fblock h3 a:visited{
color:#D1512A;
}.fblock p{
color:#4D5362;
margin:0px !important;
padding:0px !important;
}.fblock img{
width: 80px;
height: 60px;}.tagsbox{
padding:10px 15px;
}.topbanner{
float:right;
margin-top:-80px;}
.cvl_top{
position:relative;
overflow: hidden;
margin:0px;
padding: 0px;
width: 100%;
height: 320px;
background: #e0e0e0;
}.cvl_slideshow{
position: absolute;margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
width: 540px;
height: 320px;
}.cvl_ads{
position: absolute;
overflow: hidden;
margin:0px;
padding:0px;
top:10px;
right:10px;
bottom:10px;
width:468px;
height:300px;
}.clock{
background: url(‘images/clock.png’) no-repeat;
background-position: left center;
margin:0px;
padding: 2px 5px 2px 15px;
font-family: Arial,Tahoma,Century gothic,sans-serif;
font-size: 11px;
line-height: 150%;
color: #777777;
text-transform: capitalize;
}.comm{
background: url(‘images/comm.png’) no-repeat;
background-position: left center;
margin:0px;
padding: 2px 5px 2px 15px;
font-family: Arial,Tahoma,Century gothic,sans-serif;
font-size: 11px;
line-height: 150%;
color: #777777;
text-transform: capitalize;
}.incoming, .outgoing{
width: 325px;
float: left;
margin: 20px 0px 20px 20px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #cccccc;
color:#646464;
}.incoming h2, .outgoing h2{
padding:0px 0px 0px 0px;
font-family: ‘BebasNeueRegular’;
font-size:18px;
font-weight:normal;
text-transform: uppercase;
color: #D1512A;
}.incoming img.postimg, .outgoing img.postimg{
margin: 10px 0px 15px 0px;
padding: 0px;
width: 100%;
height: 150px;
border: none;
}.incoming h3 a:link, .incoming h3 a:visited, .outgoing h3 a:link, .outgoing h3 a:visited{
padding:0px;
font-family: ‘BebasNeueRegular’;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
color: #322821;
}.incoming h3 a:hover, .outgoing h3 a:hover{
color: #322821;
}.incoming p, .outgoing p{
margin: 15px 0px 0px 0px;
}/* Ticker */
.scrollposts{
background:#fff;
border-bottom:1px solid #ddd;
padding:3px 0px;
}#ticker{
float: left;
margin: 5px;
padding: 0px;
}#ticker li{
margin: 0px 25px;
padding: 0px;
float: left;
list-style:none;
}#ticker li span{
font-weight: bold;
}
The topic ‘[Plugin: Dropdown Menu Widget] Menu does not move when window resizes.’ is closed to new replies.