Retour à Forum de site web

Quelqu'un peut m'aider sur mon problème de css?

  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Sep 28, 2009
  • Messages: 6
  • Status: Offline

Message Septembre 29th, 2009, 10:46 pm

Quelqu'un peut m'aider sur mon problème de css?

J'ai créé un sous-menu qui apparaît sur certaines pages juste sous le menu principal. Dans Firefox le menu est affiché correctement dans IE7, mais la hauteur de la div sous-menu est différent ou est-ce le padding?
J'ai essayé de mettre en oeuvre les suggestions de ce fil, mais cela ne fonctionne pas pour mon site?

Web: www; Orthopédie-Ronse; être / orthopedieronseonline

div sous-menu:

Code: [ 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.    } 


complète style.css:
Code: [ 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
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 29th, 2009, 10:46 pm

  • tastysite
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 09, 2008
  • Messages: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Message Septembre 30th, 2009, 8:43 am

Im not sure si cela sera possible mais vous n'avez pas défini une largeur pour l'IE sous-menu est une douleur dans le dos pour ce genre de chose - j'ai eu le même problème un dos Wile mais ne peut pas Rember ce que j'ai fait, je vais avoir un revenir sur mes notes, mais pour essayer maintenant de donner la largeur a div.
^__^
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Sep 28, 2009
  • Messages: 6
  • Status: Offline

Message Septembre 30th, 2009, 1:28 pm

tastysite a écrit:
Im not sure si cela sera possible mais vous n'avez pas défini une largeur pour l'IE sous-menu est une douleur dans le dos pour ce genre de chose - j'ai eu le même problème un dos Wile mais ne peut pas Rember ce que j'ai fait, je vais avoir un revenir sur mes notes, mais pour essayer maintenant de donner la largeur a div.



je vous remercie pour votre indication, mais il ne change rien.... ;-(
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8923
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Septembre 30th, 2009, 1:39 pm

J'ai regardé dans IE8 et FF et tout semble aller pour le mieux là-bas. Je n'ai pas accès à IE7. Pourriez-vous mettre une capture d'écran de ce que vous voyez?
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Sep 28, 2009
  • Messages: 6
  • Status: Offline

Message Octobre 1st, 2009, 1:03 pm

Bigwebmaster a écrit:
J'ai regardé dans IE8 et FF et tout semble aller pour le mieux là-bas. Je n'ai pas accès à IE7. Pourriez-vous mettre une capture d'écran de ce que vous voyez?



J'essaie d'envoyer un message avec une image en elle, mais j'ai une erreur disant que je ne suis pas autorisé à utiliser certaines BBCodes: img?
Je ne suis pas autorisés à ajouter des liens externes? Est-ce parce que je suis nouveau?

Savez-vous comment je pourrais mettre une capture d'écran de IE7?

thanx
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Octobre 1st, 2009, 1:07 pm

Oui, c'est parce que vous êtes un nouveau compte. Malheureusement, les avantages de dissuader les spammeurs l'emporte sur l'effet sur les nouveaux membres. Nos excuses pour tout désagrément.

Vous pouvez joindre l'image via le formulaire de réponse sur Avancé. Vous mai également partager le lien avec nous en sépare:

www (dot) google (dot) com ou quelque chose comme ça affecte?
I'd love to change the world, but they won't give me the source code.
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Sep 28, 2009
  • Messages: 6
  • Status: Offline

Message Octobre 1st, 2009, 1:28 pm

UPSGuy a écrit:
Oui, c'est parce que vous êtes un nouveau compte. Malheureusement, les avantages de dissuader les spammeurs l'emporte sur l'effet sur les nouveaux membres. Nos excuses pour tout désagrément.

Vous pouvez joindre l'image via le formulaire de réponse sur Avancé. Vous mai également partager le lien avec nous en sépare:

www (dot) google (dot) com ou quelque chose comme ça affecte?


Merci,

Image: www (dot) Postimage (dot) org / image.php? v = Ts1m6tmJ
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8923
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Octobre 2nd, 2009, 9:34 am

J'ai juste pris un coup d'oeil pour vous et a été en mesure de reproduire le problème en utilisant le mode de compatibilité IE7. Just n'a pas remarqué auparavant.

D'après ce que je peux dire le problème vient de votre CSS avec le #le contenu étant mis à la hauteur d'une ligne de 0.5em. J'ai supprimé cette ligne dans mon test et celui fixé votre problème. Donc, pour la réparer vous pouvez le supprimer, si pour une raison quelconque vous avez besoin de cette ligne, alors vous pouvez le modifier en spécifiant dans le conteneur dans lequel ce texte est et de mettre un nouveau line-height qui est plus grand.

Let me know if that helps!
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Sep 28, 2009
  • Messages: 6
  • Status: Offline

Message Octobre 2nd, 2009, 12:19 pm

Bigwebmaster a écrit:
J'ai juste pris un coup d'oeil pour vous et a été en mesure de reproduire le problème en utilisant le mode de compatibilité IE7. Just n'a pas remarqué auparavant.

D'après ce que je peux dire le problème vient de votre CSS avec le #le contenu étant mis à la hauteur d'une ligne de 0.5em. J'ai supprimé cette ligne dans mon test et celui fixé votre problème. Donc, pour la réparer vous pouvez le supprimer, si pour une raison quelconque vous avez besoin de cette ligne, alors vous pouvez le modifier en spécifiant dans le conteneur dans lequel ce texte est et de mettre un nouveau line-height qui est plus grand.

Let me know if that helps!


OK! Donc, en omettant le line-height dans le #contenu a changé la disposition de l'ensemble du site mais mettre un line-height de 1.5em dans le #li sous-menu div commence à résoudre le problème!
Thanx pour vous hint!

Maintenant je vois que dans IE entre les éléments du sous-menu d'une barre verticale est tiré? Ce n'est pas le cas dans Firefox. Avant que je n'ai pas remarqué ce à cause de la ligne de problème de hauteur...
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8923
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Octobre 5th, 2009, 10:44 am

D'après ce que je peux voir ça ressemble dans votre CSS pour:

#li sous-menu

il ya une frontière déterminée:

#295887 1px solid

Vous devrez enlever ça et ça devrait résoudre votre problème.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • ozeegers
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Sep 28, 2009
  • Messages: 6
  • Status: Offline

Message Octobre 13th, 2009, 2:59 am

Bigwebmaster a écrit:
D'après ce que je peux voir ça ressemble dans votre CSS pour:

#li sous-menu

il ya une frontière déterminée:

#295887 1px solid

Vous devrez enlever ça et ça devrait résoudre votre problème.


je vous remercie pour votre aide! très appréciée

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 11 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 197 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC