Volver al Foro de Diseño de páginas Web

¿Alguien puede ayudarme en mi problema de la CSS?

  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Sep 28, 2009
  • Mensajes: 6
  • Status: Offline

Nota Septiembre 29th, 2009, 10:46 pm

¿Alguien puede ayudarme en mi problema de la CSS?

He creado un submenú que aparece en algunas páginas sólo en el menú principal. En Firefox en el menú se muestra correctamente en IE7, pero la altura de la div submenú es diferente o es el relleno?
Traté de poner en práctica las sugerencias de este hilo, pero que no funciona para mi sitio?

URL: www; orthopedie-Ronse; ser / orthopedieronseonline

submenú div:

Código: [ Select ]
#submenu li { 
  float:left; 
  list-style:none 
  } 

#submenu { 
   background:#FFFFFF; 
   border-bottom:2px solid #cad8e6; 
   height:18px; 
   } 
 
#submenu li { 
   //border-right:1px solid #295887; 
   padding:0 7px;
   padding-top: 2px; 
   }  
 
#submenu a, #submenu a:visited { 
   color:#295887; 
   text-decoration:none; 
   font-weight:bold 
   } 
 
#submenu a:hover, #submenu a:active, 
#submenu li.current_page_item a, 
#submenu li.current_page_item a:visited { 
   text-decoration:underline 
   } 
  1. #submenu li { 
  2.   float:left; 
  3.   list-style:none 
  4.   } 
  6. #submenu { 
  7.    background:#FFFFFF; 
  8.    border-bottom:2px solid #cad8e6; 
  9.    height:18px; 
  10.    } 
  11.  
  12. #submenu li { 
  13.    //border-right:1px solid #295887; 
  14.    padding:0 7px;
  15.    padding-top: 2px; 
  16.    }  
  17.  
  18. #submenu a, #submenu a:visited { 
  19.    color:#295887; 
  20.    text-decoration:none; 
  21.    font-weight:bold 
  22.    } 
  23.  
  24. #submenu a:hover, #submenu a:active, 
  25. #submenu li.current_page_item a, 
  26. #submenu li.current_page_item a:visited { 
  27.    text-decoration:underline 
  28.    } 


style.css completo:
Código: [ Select ]
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;

    
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* --------------------------------------------------- MAIN */
body {width:100%;background: #8c9889 url("img/background.jpg") top left repeat-x; font-size: 62.5%; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }

#overlay { background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; display: none; }

.overlayActive { z-index: 99; opacity: 0; position: absolute !important; }

#container, #home #container { width: 999px auto; }

a { text-decoration: underline; color: #a0c8ca; }
a:hover { text-decoration: underline; }

div.Header {
       height: 194px;
       width: 999px;
       position: relative;
       z-index: 0;
       margin: 0 auto;
}

div.Header-jpg {
         background-image:url(img/header_bg.jpg);
         background-position:center center;
         background-repeat:no-repeat;
         height:194px;
         left:0;
         position:absolute;
         top:0;
         width:992px;
         z-index:-1;
}

h1 { font-size: 3em; font-weight: bold; text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; }
h1 a { color: #8c9889; }
h1 a:hover { text-decoration: none; color: #8c9889 }
div.subtitle { line-height: 50px; font-size: 1.2em; color: #55554e; margin-left: 1em; float: left; text-transform: lowercase; }

#wrapper{
width:100%;
background: #ebe9d9 url("img/wrapp_bg.gif") left bottom repeat-x;
border:0px solid #FFFF00;
padding-bottom:2px;
}

#content_container{

margin: 0px auto;
width:969px;
border-left:15px solid #fff;
border-top:15px solid #fff;
border-right:15px solid #fff;
margin-top:13px;
background-color:#f1f0ea;
}


#menu {

    text-decoration:none;
    font-weight: none;
    text-transform: lowercase;
    font-size: 1.2em;
    font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
    border:0px solid #CC3300;
    margin: 0px auto;
    width:999px;
    background: #ebe9d9 url("img/menu_bg.jpg") repeat-x;
    height: 48px;
    position: relative;
    text-align:right;
    }

#submenu li { 
  float:left; 
  list-style:none 
  } 

#submenu { 
   background:#FFFFFF; 
   border-bottom:2px solid #cad8e6; 
   height:18px; 
   } 
 
#submenu li { 
   //border-right:1px solid #295887; 
   padding:0 7px;
   padding-top: 2px; 
   }  
 
#submenu a, #submenu a:visited { 
   color:#295887; 
   text-decoration:none; 
   font-weight:bold 
   } 
 
#submenu a:hover, #submenu a:active, 
#submenu li.current_page_item a, 
#submenu li.current_page_item a:visited { 
   text-decoration:underline 
   } 

    
#menu li {text-align:center;width:142px;background:url("img/menu_item_bg_right.gif") top right repeat-y;list-style-image:none;}
#menu ul { position: relative; float: left; line-height: 48px; padding:0px;margin:0px;border:0px solid #CC3300;}
#menu ul li {padding-left:12px;padding-right:12px;float: left;border:0px solid #33FF33;text-align:center;}
#menu ul li a {text-decoration:none;color: #848379; outline: none; text-align: center; display: block; overflow: hidden; z-index: 10; position: relative; border:0px solid #CC3300;} /* relative breaks ie */
#menu ul li a:hover {color:#ffffff;/*background:url("img/menu_hover.gif")*/no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}
#menu ul li a:active {color:#ffffff;/*background:url("img/menu_hover.gif")*/ no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}

#menu ul li.back {color:#1696b2;border:0px solid #CC3300; background: url("") no-repeat right -28px; padding:0px; margin:0px;text-align:center;height: 28px;border:0px solid #ff0000; position: absolute; z-index: 8; top:10px; }
#menu ul li.back .left { color:#1696b2;padding:0px;margin-left:10px;background: url("img/lava.gif") repeat-x top left; height: 28px;width:146px;}

#menu ul li.current_page_item a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px; }
#menu ul li.current_page_ancestor a span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

#menu ul li.current_page_ancestor a:hover span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

/* EDIT BY FSTAD */
#menu ul li.current_page_ancestor a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

#menu ul li.current_page_ancestor a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
/* END EDIT BY FSTAD */

/* NEW EDIT BY FSTAD (20090821) */
#menu ul li.current_page_parent a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

#menu ul li.current_page_parent a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
/* END NEW EDIT BY FSTAD (20090821) */


#searchform { position: absolute; right: 9px; top: 10px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #searchform { top: 10px; }
}
#searchform label { display: none; }
#searchform #s { background: url("img/search_input.gif") no-repeat; width: 211px; height: 24px; border: 0; font-size: 1em; padding: 2px 8px; }
#searchform #searchsubmit { background: url("img/search_submit.png") no-repeat; width: 79px; height: 28px; border: 0; cursor: pointer; text-indent: -10000px; vertical-align: top; ?font-size: 0; ?color: #889800; ?text-align: left; }

#post_data, #search_data { width: 131px; float: left; padding-left: 20px; }
#search_data { background: url("img/search.jpg") no-repeat; height: 185px; }

#post_data div { background: url("img/post_data_bg.png") #f6f6e8 no-repeat left top; margin-top: 1.5em; }
#post_data div ul { background: url("img/post_data_bg.png") no-repeat left bottom; padding: 6px 12px; font-size: 1.1em; }
#post_data h2 { padding: 6px 12px; color: #d8d8c7; font-size: 1.8em; margin: 0; height: auto; line-height: 1em; margin-right: -12px; }

#post_data div.post_data li { padding-left: 24px; height: 22px; line-height: 16px; border-bottom: 0px solid #e6e6d8; background: url("img/post_details.gif") no-repeat; color: #d8d8c7; overflow: hidden; font-size: 0.9em; }
#post_data div.post_data li.time { background-position: 0 -23px; }
#post_data div.post_data li.author { border-bottom: 0; background-position: 0 -45px; }
#post_data div.post_data li strong, #post_data div.post_data li a { color: #89897c; font-weight: normal; }

#post_data div.post_tags li { height: 22px; line-height: 22px; border-bottom: 1px solid #e6e6d8; }
#post_data div.post_tags li a { color: #89897c; display: block; }

#content {
width:100%;
padding-left:0px;
color: #8c9889;
font-size: 1.0em;
line-height: 0.5em;
font-family:Trebuchet MS;}

#content_blog
{width:100%;}


#content_left{
float:left;
padding:10px 10px 0px 10px;
margin:0px;
}


#content_right{
    float:left;    
    width:250px;
    height:100%;
    border:0px solid #FF9900;
    border-left:1px solid #ffffff;
    padding:10px 0px 0px 10px;
    margin:0px;
    text-align:right;
}



#home { width: 348px; padding: 16px; _padding: 15px; }


#sidebar {

font-size: 0.95em;
line-height: 1.2em;
float: left;
width: 100%;
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
position: relative;
display: inline;
text-align:right;
}

#sidebar .menu {

    background:#c0bdab url("img/submenu_selected.gif") top right no-repeat;
    width:247px;
    color:#ffffff;
    padding-bottom:20px;
    padding-top:20px;
    margin-top:50px;

    }
    
    
#sidebar .menu ul li a{

    color:#ffffff;
    list-style:none;
    height:24px;
    
    }
    
#sidebar .menu ul li a:hover{

color:#ffffff;
text-decoration:underline;
height:24px;

}


#sidebar .menu ul li.current_page_item {color:#ffffff;height:24px;}

#sidebar h2 { position: absolute; top: -26px; left: 16px; }

#sidebar li { margin-bottom: 2em; position: relative;margin:0px;padding:0px;height:24px; }

#sidebar2 { float: left; font-size: 0.8em; line-height: 1.2em; padding: 16px;display: inline; }

/* Widgets */
#sidebar .widget {

    margin: 0px 0px 20px 0px;
    width: 100%;
    /*position: relative;*/
    padding-bottom: 20px;
    text-align:right;
    }
    

#sidebar .widget a {

    color: #8c988a;
    float: left;
    text-align: left;
    height: 0%;
    padding-bottom:5px;
    text-decoration:none;
    
    }
    
    
#sidebar .widget a:hover {

    text-decoration: underline;
    color: #26bada;
    }
    
#sidebar .widget a:hover span {
    text-decoration: none;
    }
    
#sidebar .widget small { float: right; color: #d8d8c7; }
#sidebar .widget h2 small { float: left; }

#sidebar .widget ul li {

    text-decoration:none;
    padding:5px 0px 0px 0px;
    /*clear:both;*/
    width:100%;
    color: #8c988a;
    text-align:right;
    height:24px;

    }
    

#sidebar .widget ul li a{

    padding:5px 0px 0px 20px;
    height:24px;
    
    
    }
    
    
#sidebar .widget ul li a:hover{
    text-decoration:underline;
    padding:5px 0px 0px 20px;
    color: #ffffff;
    height:24px;
    
    }
    
#sidebar .widget ul li.current_page_item a {
    background:url("img/li_sub.gif") no-repeat left;
    padding:5px 0px 0px 20px;
    color: #ffffff;
    text-decoration:underline;
    height:24px;
    }
    
#sidebar .widget ul li.current_page_ancestor a {
    color: #8c988a;
    padding:5px 0px 10px 20px;
    text-decoration:none;
    height:24px;
    }


#sidebar .widget ul li:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; width: 0; }
#sidebar .widget div.textwidget { color: #55554E; }

#sidebar2 .widget { margin-left: -16px; width: 185px; background: none; }
#sidebar2 .widget ul, #sidebar2 #calendar_wrap { background: none; }
#sidebar2 .widget a:hover { color: white; }

#sidebar .widget_archive ul { font-size: 1em; }

#sidebar .widget_recent_comments a { float: none; }
#sidebar .widget_recent_comments ul li { text-align: left; color: #55554E; }

#sidebar .widget_recent_entries ul li { text-align: left; }


#sidebar .widget_search { display: none; } /* Sorry, no search in the sidebar! */

#sidebar2 .widget_links { background: none; width: 100%; }
#sidebar2 .widget_links ul, #sidebar2 .widget_flickrRSS ul { margin: 0 -7px; background: none; _height: 1%; padding: 0; margin-left: 9px; }
#sidebar2 .widget_links ul:after, #sidebar2 .widget_flickrRSS ul:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0; }
#sidebar2 .widget_links li, #sidebar2 .widget_flickrRSS li { float: left; margin: 7px; ?margin: 5px; height: auto; line-height: normal; border: 0; background: none; padding: 0; }
#sidebar2 .widget_links img, #sidebar2 .widget_flickrRSS img { border: 6px solid #c3c3b1; display: block; }

#footer { padding-top:30px;padding-bottom:30px;text-align:center;width:100%; margin:0 auto;clear:both;font-family:Trebuchet MS, Arial;font-size: 1.2em; color: #ffffff;}
#footer_title {color:#d2d9d1;font-weight:bold;}
#footer a { color: white; }
#footer p.rss { position: absolute; top: 0; right: 16px; }
#footer p.rss a { color: #d6e26e; padding-right: 24px; background: url("img/rss_small.gif") top right no-repeat; }

#powered { color: #55554e; font-size: 1.3em; padding: 12px 20px; background: #111; line-height: 18px; height: 36px; }
#powered p.sponsor { line-height: 36px; float: right; }
#powered a { color: #89897c; }

h2 { height: 20px; line-height: 17px; font-weight: normal; margin-bottom: 1em; font-size: 1.0em; text-transform: lowercase; }
h2 span { padding: 0 7px 0 0px; float: left; font-size:20px; color: #1696b2;}
h2 small { float: left; padding-left: 8px; color: #89897c; display: block; height: 17px; }

h2.links span { color: #c3c3b1; }
h2.links a { color: #e7e7da; }

h3 { margin-bottom: 1em; line-height: 2em; }
h3 a { color: #8c9889; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px;}
h3 small { float: right; font-size: .4em; color: #8c9889; line-height: 2.2em; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }

h3 a:hover { text-decoration: none; }
h3 a:hover span { text-decoration: none; }

div.post { line-height:0.5em; padding-bottom: 1em; margin-bottom: 1em; padding-top: 7px;}

div.post h1 { position: relative;width:100%;font-size:20px;font-weight:normal;color:#8c9889; }
div.post h1 small { position: absolute; top: 0; right: 0; }

div.post div.headline { position: relative; margin-bottom: .5em; line-height: 1.4em;}
div.post div.headline span, div.post div.date span { text-align: center; text-transform: uppercase; background: url("img/date.png"); width: 44px; height: 42px; position: absolute; top: 10px; left: 10px; color: #89897c; font-size: 1.4em; padding-top: 5px; line-height: 1em; }
div.post div.headline span big, div.post div.date span big { font-size: 1.7em; display: block; ?margin-top: -.2em; }
div.post div.date span { position: static; float: left; margin: 0 .5em .5em 0; }

div.post p { margin-bottom: 1em; font-size: 1.175em; line-height: 1.35em; padding-top: 7px; }
div.post p img { border:5px solid #dddbcb;margin:10px;}

div.post ul, div.post ol { margin-bottom: 1em; margin-left: 2em; font-size: 1.175em; line-height: 29px; /*background: transparent url("img/lists_bg.png");*/ color: #9B9A8E; }
div.post ul li { list-style: url("img/li.gif") inside; padding-left: 10px; }
div.post ol li { list-style: decimal inside; padding-left: 10px; }

div.post blockquote { color: #89897c; font-style: italic; background: url("img/blockquote.gif") 30px 0 no-repeat; padding-left: 60px; margin-bottom: 1em; min-height: 25px; }

ul.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d8d8c7; letter-spacing: -.5px; font-size: 1.15em; height: 1em; }
ul.nav .prev { float: left; }
ul.nav .next { float: right; }
ul.nav a { color: #89897c; }

.social { width: 110px; background: url("img/social_bg.gif") no-repeat left top #d8d8c7; float: right; margin-right: -16px; position: relative; z-index: 2; margin-left: 12px; _margin-right: -14px; }
.social h2 { font-size: 1.8em; color: #89897c; padding: 10px; margin: 0; margin-right: -10px; }
div.social ul { padding: 0 10px 10px; background: url("img/social_bg.gif") no-repeat left bottom; font-size: .85em; margin: 0; }
div.social ul li { height: 21px; line-height: 22px; border-bottom: 1px solid #ccccbc; list-style: none; padding: 0; }
div.social ul li a { color: #89897c; display: block; padding-left: 22px; height: 22px; background: url("img/social_list.png") no-repeat; }

.social li.digg a { background-position: 0 3px; }
.social li.mixx a { background-position: 0 -21px; }
.social li.technorati a { background-position: 0 -45px; }
.social li.delicious a { background-position: 0 -69px; }
.social li.facebook a { background-position: 0 -93px; }
.social li.stumbleupon a { background-position: 0 -117px; }
.social li.reddit a { background-position: 0 -141px; }

.social li.digg a:hover { background-position: 0 -163px; }
.social li.mixx a:hover { background-position: 0 -187px; }
.social li.technorati a:hover { background-position: 0 -211px; }
.social li.delicious a:hover { background-position: 0 -235px; }
.social li.facebook a:hover { background-position: 0 -259px; }
.social li.stumbleupon a:hover { background-position: 0 -283px; }
.social li.reddit a:hover { background-position: 0 -307px; }

#comments { margin-top: -2.5em; clear: both; padding-top: 1em; }

#comments .meta { background: #e7e7da; padding: 10px; margin-bottom: 1em; }
#comments .meta p { color: #89897c; font-size: 1.15em; text-transform: lowercase; }
#comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
#comments .meta p.rss a { color: #ec7e2d; padding-left: 22px; background: url("img/rss_small.gif") no-repeat; display: block; height: 16px; line-height: 16px; }
#comments .meta p strong { color: #55554e; }

#comments ul.nav { margin-bottom: 1em; }

#respond { background: #e7e7da; padding: 20px 20px 40px 20px; color: #89897c; font-size: .95em; text-transform: lowercase; position: relative; }
#respond h3 { font-size: 1.9em; line-height: 1em; color: #bdbdb0; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; }
#respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }

#respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
#respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }

#respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }

#respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
#respond input { float: right; }
#respond textarea, #respond input { padding: 2px 4px; width: 354px; border: 0; background: white; height: 24px; font-size: 1.4em; color: #b0b09f; font-family: Georgia, Arial, Helvetica, sans-serif; }
#respond textarea { height: 96px; padding: 2px 1%; width: 98%; float: none; }

#respond a { color: #89897c; font-weight: bold; }

#respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }

#respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
#respond div.submit { text-align: right; }
#respond #submit { float: right; margin-left: 1em; display: block; }

#respond button { background: url("img/post_comment.png") no-repeat; width: 122px; height: 28px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }

ol.commentlist { margin-bottom: 1em; }
ol.commentlist li div { background: #edede0; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
ol.commentlist li div div { padding: 0; margin: 0; }
ol.commentlist li .comment-author img { border: 5px solid #edede0; position: absolute; top: -10px; left: -70px; }
ol.commentlist li.comment-author-admin div { background: #d8d8c7; }
ol.commentlist li.comment-author-admin .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment div { background: #edede0; }
ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 5px solid #edede0; }
ol.commentlist li.comment-author-admin li.comment-author div { background: #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #b7b7a8; font-style: normal; text-transform: lowercase; }
ol.commentlist li .comment-author cite a { color: #89897c; }
ol.commentlist li .comment-author span.says { display: none; }

ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
ol.commentlist li .comment-meta a { color: #bdbdb0; }

ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }

ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; }
ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; }
ol.commentlist li p a { color: #55554e; }

ol.commentlist li div.reply { text-align: right; }
ol.commentlist li div.reply a { color: #89897c; font-weight: bold; }

ol.commentlist li ul.children { margin-left: 60px; }


.search h2 { font-size: 3em; color: #89897c; line-height: 1em; height: 1em; padding: 0 8px; margin-bottom: .5em; }
.search h2 strong { color: #4d4d46; font-weight: normal; }

.search ul.nav { margin: 2em 0; }

#recent { background: #E7E7DA; margin-left: -17px; padding-left: 20px; margin-top: 1em; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#recent li { clear: both; }
#recent li a { display: block; line-height: 1.7em; padding: 7px 10px; border-bottom: #cdcfbf 1px solid; clear: both; }
#recent li a:hover { text-decoration: none; }
#recent li a:after { clear: both; display: block; width: 0; height: 0; visibility: hidden; }
#recent strong { float: left; color: #89897C; font-weight: normal; font-size: 1.1em; width: 75%; }
#recent span { float: right; color: #abab9e; font-size: .9em; width: 25%; text-align: right; }
#recent li a:hover strong { text-decoration: underline; }
#recent li.last a { border: 0; }

#results { padding-top: 17px; background: url("img/search_results.gif") 200px 0 no-repeat; }
#results li { padding: 12px; background: #edede0; border-bottom: 1px solid #CDCFBF; }
#results li strong { font-size: 2em; color: #4d4d46; display: block; line-height: 1em; font-weight: normal; }
#results li em { font-style: normal; color: #89897c; font-size: .85em; }
#results li em strong { font-size: 1em; display: inline; font-weight: normal; }

#results li small { float: right; font-size: .95em; color: #c3c3b1; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; margin-top: 6px; }

#results li a:hover { text-decoration: none; color: #89897c; }
#results li a:hover strong { color: #a6ba00; }

.search h3 { font-size: 2em; color: #89897c; padding: 0 8px; line-height: 1em; margin: 0; font-weight: normal; }
.search h4 { font-size: 1.2em; color: #89897c; padding: 0 8px; font-weight: normal; }

h2.special { font-size: 1.7em; height: 57px; line-height: 57px; background: url("img/header_special_right.jpg") no-repeat #b6c301 right top; }
h2.special span { padding: 0 12px; text-transform: capitalize; background: url("img/header_special_left.jpg") no-repeat #9c9a8e left top; color: white; }
h2.special strong { font-weight: normal; padding: 0 12px; text-transform: capitalize; float: left; color: white; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: .5em; }
.alignright { float: right; margin-left: .5em; }
div.post p.wp-caption-text { margin-top: .5em; background: #E1DFD2; padding: 10px; color: #89897C; font-size: 0.85em; margin-right: 10px; }

/* qTranslate CSS */
.qtrans_language_chooser {
    margin-left:0px;
    list-style-type:none;
}
.qtrans_language_chooser ul {border-top:none; border-bottom:none; }

.qtrans_language_chooser li {
    float:right;
    margin-right:0px;
    width:18px;
    height:12px;
    margin-right:1px
    padding-top:5px;
    padding-right:10px;
    padding-top:25px;
}

.qtrans_widget_end {
    clear:both;
}
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. b, u, i, center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td {
  10.     margin: 0;
  11.     padding: 0;
  12.     border: 0;
  13.     outline: 0;
  14.     font-size: 100%;
  15.     vertical-align: baseline;
  17.     
  18. }
  19. body {
  20.     line-height: 1;
  21. }
  22. ol, ul {
  23.     list-style: none;
  24. }
  25. blockquote, q {
  26.     quotes: none;
  27. }
  28. blockquote:before, blockquote:after,
  29. q:before, q:after {
  30.     content: '';
  31. }
  33. /* remember to define focus styles! */
  34. :focus {
  35.     outline: 0;
  36. }
  38. /* remember to highlight inserts somehow! */
  39. ins {
  40.     text-decoration: none;
  41. }
  42. del {
  43.     text-decoration: line-through;
  44. }
  46. /* tables still need 'cellspacing="0"' in the markup */
  47. table {
  48.     border-collapse: collapse;
  49.     border-spacing: 0;
  50. }
  53. /* --------------------------------------------------- MAIN */
  54. body {width:100%;background: #8c9889 url("img/background.jpg") top left repeat-x; font-size: 62.5%; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
  56. #overlay { background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; display: none; }
  58. .overlayActive { z-index: 99; opacity: 0; position: absolute !important; }
  60. #container, #home #container { width: 999px auto; }
  62. a { text-decoration: underline; color: #a0c8ca; }
  63. a:hover { text-decoration: underline; }
  65. div.Header {
  66.        height: 194px;
  67.        width: 999px;
  68.        position: relative;
  69.        z-index: 0;
  70.        margin: 0 auto;
  71. }
  73. div.Header-jpg {
  74.          background-image:url(img/header_bg.jpg);
  75.          background-position:center center;
  76.          background-repeat:no-repeat;
  77.          height:194px;
  78.          left:0;
  79.          position:absolute;
  80.          top:0;
  81.          width:992px;
  82.          z-index:-1;
  83. }
  85. h1 { font-size: 3em; font-weight: bold; text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; }
  86. h1 a { color: #8c9889; }
  87. h1 a:hover { text-decoration: none; color: #8c9889 }
  88. div.subtitle { line-height: 50px; font-size: 1.2em; color: #55554e; margin-left: 1em; float: left; text-transform: lowercase; }
  90. #wrapper{
  91. width:100%;
  92. background: #ebe9d9 url("img/wrapp_bg.gif") left bottom repeat-x;
  93. border:0px solid #FFFF00;
  94. padding-bottom:2px;
  95. }
  97. #content_container{
  99. margin: 0px auto;
  100. width:969px;
  101. border-left:15px solid #fff;
  102. border-top:15px solid #fff;
  103. border-right:15px solid #fff;
  104. margin-top:13px;
  105. background-color:#f1f0ea;
  106. }
  109. #menu {
  111.     text-decoration:none;
  112.     font-weight: none;
  113.     text-transform: lowercase;
  114.     font-size: 1.2em;
  115.     font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
  116.     border:0px solid #CC3300;
  117.     margin: 0px auto;
  118.     width:999px;
  119.     background: #ebe9d9 url("img/menu_bg.jpg") repeat-x;
  120.     height: 48px;
  121.     position: relative;
  122.     text-align:right;
  123.     }
  125. #submenu li { 
  126.   float:left; 
  127.   list-style:none 
  128.   } 
  130. #submenu { 
  131.    background:#FFFFFF; 
  132.    border-bottom:2px solid #cad8e6; 
  133.    height:18px; 
  134.    } 
  135.  
  136. #submenu li { 
  137.    //border-right:1px solid #295887; 
  138.    padding:0 7px;
  139.    padding-top: 2px; 
  140.    }  
  141.  
  142. #submenu a, #submenu a:visited { 
  143.    color:#295887; 
  144.    text-decoration:none; 
  145.    font-weight:bold 
  146.    } 
  147.  
  148. #submenu a:hover, #submenu a:active, 
  149. #submenu li.current_page_item a, 
  150. #submenu li.current_page_item a:visited { 
  151.    text-decoration:underline 
  152.    } 
  154.     
  155. #menu li {text-align:center;width:142px;background:url("img/menu_item_bg_right.gif") top right repeat-y;list-style-image:none;}
  156. #menu ul { position: relative; float: left; line-height: 48px; padding:0px;margin:0px;border:0px solid #CC3300;}
  157. #menu ul li {padding-left:12px;padding-right:12px;float: left;border:0px solid #33FF33;text-align:center;}
  158. #menu ul li a {text-decoration:none;color: #848379; outline: none; text-align: center; display: block; overflow: hidden; z-index: 10; position: relative; border:0px solid #CC3300;} /* relative breaks ie */
  159. #menu ul li a:hover {color:#ffffff;/*background:url("img/menu_hover.gif")*/no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}
  160. #menu ul li a:active {color:#ffffff;/*background:url("img/menu_hover.gif")*/ no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}
  162. #menu ul li.back {color:#1696b2;border:0px solid #CC3300; background: url("") no-repeat right -28px; padding:0px; margin:0px;text-align:center;height: 28px;border:0px solid #ff0000; position: absolute; z-index: 8; top:10px; }
  163. #menu ul li.back .left { color:#1696b2;padding:0px;margin-left:10px;background: url("img/lava.gif") repeat-x top left; height: 28px;width:146px;}
  165. #menu ul li.current_page_item a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px; }
  166. #menu ul li.current_page_ancestor a span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  168. #menu ul li.current_page_ancestor a:hover span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  170. /* EDIT BY FSTAD */
  171. #menu ul li.current_page_ancestor a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  173. #menu ul li.current_page_ancestor a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  174. /* END EDIT BY FSTAD */
  176. /* NEW EDIT BY FSTAD (20090821) */
  177. #menu ul li.current_page_parent a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  179. #menu ul li.current_page_parent a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  180. /* END NEW EDIT BY FSTAD (20090821) */
  183. #searchform { position: absolute; right: 9px; top: 10px; }
  184. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  185.     head~body #searchform { top: 10px; }
  186. }
  187. #searchform label { display: none; }
  188. #searchform #s { background: url("img/search_input.gif") no-repeat; width: 211px; height: 24px; border: 0; font-size: 1em; padding: 2px 8px; }
  189. #searchform #searchsubmit { background: url("img/search_submit.png") no-repeat; width: 79px; height: 28px; border: 0; cursor: pointer; text-indent: -10000px; vertical-align: top; ?font-size: 0; ?color: #889800; ?text-align: left; }
  191. #post_data, #search_data { width: 131px; float: left; padding-left: 20px; }
  192. #search_data { background: url("img/search.jpg") no-repeat; height: 185px; }
  194. #post_data div { background: url("img/post_data_bg.png") #f6f6e8 no-repeat left top; margin-top: 1.5em; }
  195. #post_data div ul { background: url("img/post_data_bg.png") no-repeat left bottom; padding: 6px 12px; font-size: 1.1em; }
  196. #post_data h2 { padding: 6px 12px; color: #d8d8c7; font-size: 1.8em; margin: 0; height: auto; line-height: 1em; margin-right: -12px; }
  198. #post_data div.post_data li { padding-left: 24px; height: 22px; line-height: 16px; border-bottom: 0px solid #e6e6d8; background: url("img/post_details.gif") no-repeat; color: #d8d8c7; overflow: hidden; font-size: 0.9em; }
  199. #post_data div.post_data li.time { background-position: 0 -23px; }
  200. #post_data div.post_data li.author { border-bottom: 0; background-position: 0 -45px; }
  201. #post_data div.post_data li strong, #post_data div.post_data li a { color: #89897c; font-weight: normal; }
  203. #post_data div.post_tags li { height: 22px; line-height: 22px; border-bottom: 1px solid #e6e6d8; }
  204. #post_data div.post_tags li a { color: #89897c; display: block; }
  206. #content {
  207. width:100%;
  208. padding-left:0px;
  209. color: #8c9889;
  210. font-size: 1.0em;
  211. line-height: 0.5em;
  212. font-family:Trebuchet MS;}
  214. #content_blog
  215. {width:100%;}
  218. #content_left{
  219. float:left;
  220. padding:10px 10px 0px 10px;
  221. margin:0px;
  222. }
  225. #content_right{
  226.     float:left;    
  227.     width:250px;
  228.     height:100%;
  229.     border:0px solid #FF9900;
  230.     border-left:1px solid #ffffff;
  231.     padding:10px 0px 0px 10px;
  232.     margin:0px;
  233.     text-align:right;
  234. }
  238. #home { width: 348px; padding: 16px; _padding: 15px; }
  241. #sidebar {
  243. font-size: 0.95em;
  244. line-height: 1.2em;
  245. float: left;
  246. width: 100%;
  247. padding: 0px 0px 20px 0px;
  248. margin: 0px 0px 20px 0px;
  249. position: relative;
  250. display: inline;
  251. text-align:right;
  252. }
  254. #sidebar .menu {
  256.     background:#c0bdab url("img/submenu_selected.gif") top right no-repeat;
  257.     width:247px;
  258.     color:#ffffff;
  259.     padding-bottom:20px;
  260.     padding-top:20px;
  261.     margin-top:50px;
  263.     }
  264.     
  265.     
  266. #sidebar .menu ul li a{
  268.     color:#ffffff;
  269.     list-style:none;
  270.     height:24px;
  271.     
  272.     }
  273.     
  274. #sidebar .menu ul li a:hover{
  276. color:#ffffff;
  277. text-decoration:underline;
  278. height:24px;
  280. }
  283. #sidebar .menu ul li.current_page_item {color:#ffffff;height:24px;}
  285. #sidebar h2 { position: absolute; top: -26px; left: 16px; }
  287. #sidebar li { margin-bottom: 2em; position: relative;margin:0px;padding:0px;height:24px; }
  289. #sidebar2 { float: left; font-size: 0.8em; line-height: 1.2em; padding: 16px;display: inline; }
  291. /* Widgets */
  292. #sidebar .widget {
  294.     margin: 0px 0px 20px 0px;
  295.     width: 100%;
  296.     /*position: relative;*/
  297.     padding-bottom: 20px;
  298.     text-align:right;
  299.     }
  300.     
  302. #sidebar .widget a {
  304.     color: #8c988a;
  305.     float: left;
  306.     text-align: left;
  307.     height: 0%;
  308.     padding-bottom:5px;
  309.     text-decoration:none;
  310.     
  311.     }
  312.     
  313.     
  314. #sidebar .widget a:hover {
  316.     text-decoration: underline;
  317.     color: #26bada;
  318.     }
  319.     
  320. #sidebar .widget a:hover span {
  321.     text-decoration: none;
  322.     }
  323.     
  324. #sidebar .widget small { float: right; color: #d8d8c7; }
  325. #sidebar .widget h2 small { float: left; }
  327. #sidebar .widget ul li {
  329.     text-decoration:none;
  330.     padding:5px 0px 0px 0px;
  331.     /*clear:both;*/
  332.     width:100%;
  333.     color: #8c988a;
  334.     text-align:right;
  335.     height:24px;
  337.     }
  338.     
  340. #sidebar .widget ul li a{
  342.     padding:5px 0px 0px 20px;
  343.     height:24px;
  344.     
  345.     
  346.     }
  347.     
  348.     
  349. #sidebar .widget ul li a:hover{
  350.     text-decoration:underline;
  351.     padding:5px 0px 0px 20px;
  352.     color: #ffffff;
  353.     height:24px;
  354.     
  355.     }
  356.     
  357. #sidebar .widget ul li.current_page_item a {
  358.     background:url("img/li_sub.gif") no-repeat left;
  359.     padding:5px 0px 0px 20px;
  360.     color: #ffffff;
  361.     text-decoration:underline;
  362.     height:24px;
  363.     }
  364.     
  365. #sidebar .widget ul li.current_page_ancestor a {
  366.     color: #8c988a;
  367.     padding:5px 0px 10px 20px;
  368.     text-decoration:none;
  369.     height:24px;
  370.     }
  373. #sidebar .widget ul li:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; width: 0; }
  374. #sidebar .widget div.textwidget { color: #55554E; }
  376. #sidebar2 .widget { margin-left: -16px; width: 185px; background: none; }
  377. #sidebar2 .widget ul, #sidebar2 #calendar_wrap { background: none; }
  378. #sidebar2 .widget a:hover { color: white; }
  380. #sidebar .widget_archive ul { font-size: 1em; }
  382. #sidebar .widget_recent_comments a { float: none; }
  383. #sidebar .widget_recent_comments ul li { text-align: left; color: #55554E; }
  385. #sidebar .widget_recent_entries ul li { text-align: left; }
  388. #sidebar .widget_search { display: none; } /* Sorry, no search in the sidebar! */
  390. #sidebar2 .widget_links { background: none; width: 100%; }
  391. #sidebar2 .widget_links ul, #sidebar2 .widget_flickrRSS ul { margin: 0 -7px; background: none; _height: 1%; padding: 0; margin-left: 9px; }
  392. #sidebar2 .widget_links ul:after, #sidebar2 .widget_flickrRSS ul:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0; }
  393. #sidebar2 .widget_links li, #sidebar2 .widget_flickrRSS li { float: left; margin: 7px; ?margin: 5px; height: auto; line-height: normal; border: 0; background: none; padding: 0; }
  394. #sidebar2 .widget_links img, #sidebar2 .widget_flickrRSS img { border: 6px solid #c3c3b1; display: block; }
  396. #footer { padding-top:30px;padding-bottom:30px;text-align:center;width:100%; margin:0 auto;clear:both;font-family:Trebuchet MS, Arial;font-size: 1.2em; color: #ffffff;}
  397. #footer_title {color:#d2d9d1;font-weight:bold;}
  398. #footer a { color: white; }
  399. #footer p.rss { position: absolute; top: 0; right: 16px; }
  400. #footer p.rss a { color: #d6e26e; padding-right: 24px; background: url("img/rss_small.gif") top right no-repeat; }
  402. #powered { color: #55554e; font-size: 1.3em; padding: 12px 20px; background: #111; line-height: 18px; height: 36px; }
  403. #powered p.sponsor { line-height: 36px; float: right; }
  404. #powered a { color: #89897c; }
  406. h2 { height: 20px; line-height: 17px; font-weight: normal; margin-bottom: 1em; font-size: 1.0em; text-transform: lowercase; }
  407. h2 span { padding: 0 7px 0 0px; float: left; font-size:20px; color: #1696b2;}
  408. h2 small { float: left; padding-left: 8px; color: #89897c; display: block; height: 17px; }
  410. h2.links span { color: #c3c3b1; }
  411. h2.links a { color: #e7e7da; }
  413. h3 { margin-bottom: 1em; line-height: 2em; }
  414. h3 a { color: #8c9889; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px;}
  415. h3 small { float: right; font-size: .4em; color: #8c9889; line-height: 2.2em; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }
  417. h3 a:hover { text-decoration: none; }
  418. h3 a:hover span { text-decoration: none; }
  420. div.post { line-height:0.5em; padding-bottom: 1em; margin-bottom: 1em; padding-top: 7px;}
  422. div.post h1 { position: relative;width:100%;font-size:20px;font-weight:normal;color:#8c9889; }
  423. div.post h1 small { position: absolute; top: 0; right: 0; }
  425. div.post div.headline { position: relative; margin-bottom: .5em; line-height: 1.4em;}
  426. div.post div.headline span, div.post div.date span { text-align: center; text-transform: uppercase; background: url("img/date.png"); width: 44px; height: 42px; position: absolute; top: 10px; left: 10px; color: #89897c; font-size: 1.4em; padding-top: 5px; line-height: 1em; }
  427. div.post div.headline span big, div.post div.date span big { font-size: 1.7em; display: block; ?margin-top: -.2em; }
  428. div.post div.date span { position: static; float: left; margin: 0 .5em .5em 0; }
  430. div.post p { margin-bottom: 1em; font-size: 1.175em; line-height: 1.35em; padding-top: 7px; }
  431. div.post p img { border:5px solid #dddbcb;margin:10px;}
  433. div.post ul, div.post ol { margin-bottom: 1em; margin-left: 2em; font-size: 1.175em; line-height: 29px; /*background: transparent url("img/lists_bg.png");*/ color: #9B9A8E; }
  434. div.post ul li { list-style: url("img/li.gif") inside; padding-left: 10px; }
  435. div.post ol li { list-style: decimal inside; padding-left: 10px; }
  437. div.post blockquote { color: #89897c; font-style: italic; background: url("img/blockquote.gif") 30px 0 no-repeat; padding-left: 60px; margin-bottom: 1em; min-height: 25px; }
  439. ul.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d8d8c7; letter-spacing: -.5px; font-size: 1.15em; height: 1em; }
  440. ul.nav .prev { float: left; }
  441. ul.nav .next { float: right; }
  442. ul.nav a { color: #89897c; }
  444. .social { width: 110px; background: url("img/social_bg.gif") no-repeat left top #d8d8c7; float: right; margin-right: -16px; position: relative; z-index: 2; margin-left: 12px; _margin-right: -14px; }
  445. .social h2 { font-size: 1.8em; color: #89897c; padding: 10px; margin: 0; margin-right: -10px; }
  446. div.social ul { padding: 0 10px 10px; background: url("img/social_bg.gif") no-repeat left bottom; font-size: .85em; margin: 0; }
  447. div.social ul li { height: 21px; line-height: 22px; border-bottom: 1px solid #ccccbc; list-style: none; padding: 0; }
  448. div.social ul li a { color: #89897c; display: block; padding-left: 22px; height: 22px; background: url("img/social_list.png") no-repeat; }
  450. .social li.digg a { background-position: 0 3px; }
  451. .social li.mixx a { background-position: 0 -21px; }
  452. .social li.technorati a { background-position: 0 -45px; }
  453. .social li.delicious a { background-position: 0 -69px; }
  454. .social li.facebook a { background-position: 0 -93px; }
  455. .social li.stumbleupon a { background-position: 0 -117px; }
  456. .social li.reddit a { background-position: 0 -141px; }
  458. .social li.digg a:hover { background-position: 0 -163px; }
  459. .social li.mixx a:hover { background-position: 0 -187px; }
  460. .social li.technorati a:hover { background-position: 0 -211px; }
  461. .social li.delicious a:hover { background-position: 0 -235px; }
  462. .social li.facebook a:hover { background-position: 0 -259px; }
  463. .social li.stumbleupon a:hover { background-position: 0 -283px; }
  464. .social li.reddit a:hover { background-position: 0 -307px; }
  466. #comments { margin-top: -2.5em; clear: both; padding-top: 1em; }
  468. #comments .meta { background: #e7e7da; padding: 10px; margin-bottom: 1em; }
  469. #comments .meta p { color: #89897c; font-size: 1.15em; text-transform: lowercase; }
  470. #comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
  471. #comments .meta p.rss a { color: #ec7e2d; padding-left: 22px; background: url("img/rss_small.gif") no-repeat; display: block; height: 16px; line-height: 16px; }
  472. #comments .meta p strong { color: #55554e; }
  474. #comments ul.nav { margin-bottom: 1em; }
  476. #respond { background: #e7e7da; padding: 20px 20px 40px 20px; color: #89897c; font-size: .95em; text-transform: lowercase; position: relative; }
  477. #respond h3 { font-size: 1.9em; line-height: 1em; color: #bdbdb0; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; }
  478. #respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }
  480. #respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
  481. #respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }
  483. #respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }
  485. #respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
  486. #respond input { float: right; }
  487. #respond textarea, #respond input { padding: 2px 4px; width: 354px; border: 0; background: white; height: 24px; font-size: 1.4em; color: #b0b09f; font-family: Georgia, Arial, Helvetica, sans-serif; }
  488. #respond textarea { height: 96px; padding: 2px 1%; width: 98%; float: none; }
  490. #respond a { color: #89897c; font-weight: bold; }
  492. #respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }
  494. #respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
  495. #respond div.submit { text-align: right; }
  496. #respond #submit { float: right; margin-left: 1em; display: block; }
  498. #respond button { background: url("img/post_comment.png") no-repeat; width: 122px; height: 28px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }
  500. ol.commentlist { margin-bottom: 1em; }
  501. ol.commentlist li div { background: #edede0; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
  502. ol.commentlist li div div { padding: 0; margin: 0; }
  503. ol.commentlist li .comment-author img { border: 5px solid #edede0; position: absolute; top: -10px; left: -70px; }
  504. ol.commentlist li.comment-author-admin div { background: #d8d8c7; }
  505. ol.commentlist li.comment-author-admin .comment-author img { border: 5px solid #d8d8c7; }
  506. ol.commentlist li.comment-author-admin li.comment div { background: #edede0; }
  507. ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 5px solid #edede0; }
  508. ol.commentlist li.comment-author-admin li.comment-author div { background: #d8d8c7; }
  509. ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 5px solid #d8d8c7; }
  510. ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #b7b7a8; font-style: normal; text-transform: lowercase; }
  511. ol.commentlist li .comment-author cite a { color: #89897c; }
  512. ol.commentlist li .comment-author span.says { display: none; }
  514. ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
  515. ol.commentlist li .comment-meta a { color: #bdbdb0; }
  517. ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }
  519. ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; }
  520. ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; }
  521. ol.commentlist li p a { color: #55554e; }
  523. ol.commentlist li div.reply { text-align: right; }
  524. ol.commentlist li div.reply a { color: #89897c; font-weight: bold; }
  526. ol.commentlist li ul.children { margin-left: 60px; }
  529. .search h2 { font-size: 3em; color: #89897c; line-height: 1em; height: 1em; padding: 0 8px; margin-bottom: .5em; }
  530. .search h2 strong { color: #4d4d46; font-weight: normal; }
  532. .search ul.nav { margin: 2em 0; }
  534. #recent { background: #E7E7DA; margin-left: -17px; padding-left: 20px; margin-top: 1em; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
  535. #recent li { clear: both; }
  536. #recent li a { display: block; line-height: 1.7em; padding: 7px 10px; border-bottom: #cdcfbf 1px solid; clear: both; }
  537. #recent li a:hover { text-decoration: none; }
  538. #recent li a:after { clear: both; display: block; width: 0; height: 0; visibility: hidden; }
  539. #recent strong { float: left; color: #89897C; font-weight: normal; font-size: 1.1em; width: 75%; }
  540. #recent span { float: right; color: #abab9e; font-size: .9em; width: 25%; text-align: right; }
  541. #recent li a:hover strong { text-decoration: underline; }
  542. #recent li.last a { border: 0; }
  544. #results { padding-top: 17px; background: url("img/search_results.gif") 200px 0 no-repeat; }
  545. #results li { padding: 12px; background: #edede0; border-bottom: 1px solid #CDCFBF; }
  546. #results li strong { font-size: 2em; color: #4d4d46; display: block; line-height: 1em; font-weight: normal; }
  547. #results li em { font-style: normal; color: #89897c; font-size: .85em; }
  548. #results li em strong { font-size: 1em; display: inline; font-weight: normal; }
  550. #results li small { float: right; font-size: .95em; color: #c3c3b1; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; margin-top: 6px; }
  552. #results li a:hover { text-decoration: none; color: #89897c; }
  553. #results li a:hover strong { color: #a6ba00; }
  555. .search h3 { font-size: 2em; color: #89897c; padding: 0 8px; line-height: 1em; margin: 0; font-weight: normal; }
  556. .search h4 { font-size: 1.2em; color: #89897c; padding: 0 8px; font-weight: normal; }
  558. h2.special { font-size: 1.7em; height: 57px; line-height: 57px; background: url("img/header_special_right.jpg") no-repeat #b6c301 right top; }
  559. h2.special span { padding: 0 12px; text-transform: capitalize; background: url("img/header_special_left.jpg") no-repeat #9c9a8e left top; color: white; }
  560. h2.special strong { font-weight: normal; padding: 0 12px; text-transform: capitalize; float: left; color: white; }
  562. .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
  563. .alignleft { float: left; margin-right: .5em; }
  564. .alignright { float: right; margin-left: .5em; }
  565. div.post p.wp-caption-text { margin-top: .5em; background: #E1DFD2; padding: 10px; color: #89897C; font-size: 0.85em; margin-right: 10px; }
  567. /* qTranslate CSS */
  568. .qtrans_language_chooser {
  569.     margin-left:0px;
  570.     list-style-type:none;
  571. }
  572. .qtrans_language_chooser ul {border-top:none; border-bottom:none; }
  574. .qtrans_language_chooser li {
  575.     float:right;
  576.     margin-right:0px;
  577.     width:18px;
  578.     height:12px;
  579.     margin-right:1px
  580.     padding-top:5px;
  581.     padding-right:10px;
  582.     padding-top:25px;
  583. }
  585. .qtrans_widget_end {
  586.     clear:both;
  587. }
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 29th, 2009, 10:46 pm

  • tastysite
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Abr 09, 2008
  • Mensajes: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Nota Septiembre 30th, 2009, 8:43 am

Im no seguro si esto funciona, pero no ha establecido un ancho de la IE submenú es un dolor en la parte trasera de este tipo de cosas - que tenía el mismo problema una copia de astucia, pero no puede Rember lo que hice, voy a tener un mirar hacia atrás en mis notas, pero por ahora, trate de darle el div una anchura.
^__^
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Sep 28, 2009
  • Mensajes: 6
  • Status: Offline

Nota Septiembre 30th, 2009, 1:28 pm

tastysite escribió:
Im no seguro si esto funciona, pero no ha establecido un ancho de la IE submenú es un dolor en la parte trasera de este tipo de cosas - que tenía el mismo problema una copia de astucia, pero no puede Rember lo que hice, voy a tener un mirar hacia atrás en mis notas, pero por ahora, trate de darle el div una anchura.



Gracias por tu sugerencia, pero no cambia nada.... ;-(
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8934
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Septiembre 30th, 2009, 1:39 pm

Miré en IE8 y FF y todo parece estar bien allí. Yo no tengo acceso a IE7. ¿Podría publicar un captura de pantalla de lo que estás viendo?
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Sep 28, 2009
  • Mensajes: 6
  • Status: Offline

Nota Octubre 1st, 2009, 1:03 pm

Bigwebmaster escribió:
Miré en IE8 y FF y todo parece estar bien allí. Yo no tengo acceso a IE7. ¿Podría publicar un captura de pantalla de lo que estás viendo?



Trato de enviar un mensaje con una imagen en él, pero me da un error diciendo que no se me permite utilizar algunos BBCodes: img?
Tampoco estoy autorizado a publicar enlaces externos? ¿Es porque soy nuevo?

¿Sabes cómo me podría poner en captura de pantalla de IE7?

thanx
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Octubre 1st, 2009, 1:07 pm

Sí, es porque usted es una cuenta nueva. Lamentablemente, los beneficios de los spammers supera el efecto de disuadir a los nuevos miembros. Nuestras disculpas por cualquier inconveniente.

Puede adjuntar la imagen a través del formulario de Respuesta Avanzada. Usted también puede compartir la conexión con nosotros mediante la separación es el siguiente:

www (punto) google (punto) com o algo para que la afecta?
I'd love to change the world, but they won't give me the source code.
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Sep 28, 2009
  • Mensajes: 6
  • Status: Offline

Nota Octubre 1st, 2009, 1:28 pm

UPSGuy escribió:
Sí, es porque usted es una cuenta nueva. Lamentablemente, los beneficios de los spammers supera el efecto de disuadir a los nuevos miembros. Nuestras disculpas por cualquier inconveniente.

Puede adjuntar la imagen a través del formulario de Respuesta Avanzada. Usted también puede compartir la conexión con nosotros mediante la separación es el siguiente:

www (punto) google (punto) com o algo para que la afecta?


Gracias,

Imagen: www (punto) postimage (dot) org / image.php? v = Ts1m6tmJ
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8934
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Octubre 2nd, 2009, 9:34 am

Me echó un vistazo para usted y fue capaz de duplicar el problema utilizando el modo de compatibilidad con IE7. Simplemente no lo había notado antes.

De lo que puedo decir que el problema es que viene de su CSS con el #contenido que se establece una línea de altura de 0.5em. Quité esa línea en mi prueba y que fija el problema. Así que para solucionarlo se lo puede quitar, si por alguna razón necesita que la línea se puede reemplazar por especificar en el contenedor en el que el texto es, y poner una nueva línea de altura que es más grande.

Hágame saber si eso ayuda!
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Sep 28, 2009
  • Mensajes: 6
  • Status: Offline

Nota Octubre 2nd, 2009, 12:19 pm

Bigwebmaster escribió:
Me echó un vistazo para usted y fue capaz de duplicar el problema utilizando el modo de compatibilidad con IE7. Simplemente no lo había notado antes.

De lo que puedo decir que el problema es que viene de su CSS con el #contenido que se establece una línea de altura de 0.5em. Quité esa línea en mi prueba y que fija el problema. Así que para solucionarlo se lo puede quitar, si por alguna razón necesita que la línea se puede reemplazar por especificar en el contenedor en el que el texto es, y poner una nueva línea de altura que es más grande.

Hágame saber si eso ayuda!


OK! Así que la omisión de la línea de altura en el #el contenido ha cambiado la distribución de todo el sitio, pero poniendo una línea de altura de 1.5em en el #li submenú div comienza a resolver el problema!
Thanx por usted pista!

Ahora veo que en el IE entre los elementos del submenú se dibuja una barra vertical? Este no es el caso de Firefox. Antes no me di cuenta que debido a la línea problema de altura...
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8934
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Octubre 5th, 2009, 10:44 am

De lo que veo parece que en tu CSS para:

#li submenú

hay una frontera determinada de:

#295887 1px solid

Usted tendrá que quitar eso y que debería arreglar el problema.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Sep 28, 2009
  • Mensajes: 6
  • Status: Offline

Nota Octubre 13th, 2009, 2:59 am

Bigwebmaster escribió:
De lo que veo parece que en tu CSS para:

#li submenú

hay una frontera determinada de:

#295887 1px solid

Usted tendrá que quitar eso y que debería arreglar el problema.


gracias por tu ayuda! muy apreciado

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 11 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 99 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC