/* Theme Name: Digital Statement Theme URI: http://www.blogohblog.com Description: The "Digital Statement" WordPress theme is adapted from Statement and released under a Creative Commons License. Version: 1.0 Author: Neowster Author URI: http://www.blogohblog.com */ /*+++++++ BODY +++++++*/ * { margin: 0px; padding: 0px; text-decoration:none; } body {font: 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif; color: #4d4b4c; background: #f4eee4; overflow: scroll; "Trebuchet MS", Verdana, Arial, sans-serif; background: #ececdd url('https://img-aux.villemagne.net/entete-promo-degrade-ececdd.jpg') repeat-x} ul li {list-style:none;}searchb ol li {list-style-position: inside} /*+++++++ H1,H2,H3 HYPERLINKS +++++++*/ h3 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; padding:10px 0 10px 0; font-size:14px; color:#383a57;} a:link { text-decoration: none; color: #006699; border: 0px;} a:active {color : #006699; border: 0px;} a:visited { color :#006699 ; border: 0px;} a:hover { color:#ce0004; border: 0px;} a:focus { outline: none;} .clear { clear: both; } /*+++++++ MAIN +++++++*/ #top-wrap {width: 950px; height: 180px; margin:auto; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; margin-top:15px;} #wrapper { width: 950px; margin:auto; border-left: 1px solid; border-right: 1px solid;} #frame,#content{ width: 950px; margin:auto; background-color:#f8f8ec;} #content {margin-top:10px;} #photo { width: 915px; padding: 0 0 0 20px; } /*+++++++ INFOBAR +++++++*/ #infobar { height: 30px; width: 950px; line-height:30px; font-size:90%; margin: 0 auto; color: #7e7f7d; padding-top: 5px} #infobar a {color: #7e7f7d; text-decoration: underline;} #infobar a:hover {text-decoration: underline;} #browse { float: left; width: 925px; margin-left: 25px; } #rss { float: right; margin-right: 3px; width: 360px} #rss p {text-align:right;} /*+++++++ HEADER+++++++*/ #header {display:block; width: 950px; height: 85px; margin: 0 auto;} #logo {display: block; float:left; margin: 0; position:absolute;} #logo-titre {display: block; float:left; height: 0px; margin-top: 30px; position:absolute;} .logo-t1 {font-size: 35px; color: #fff; margin-left:20px; padding-top:130px; font-weight:bold;} .logo-t2 {font-size: 30px; color: #fff; margin-left:20px; font-style:italic; font-weight:bold;} .logo-t3 {font-size: 17px; color: #feffa6; margin-left:20px; font-weight:bold; padding-left:90px;} #searchbox { float:right; width: 240px; border: 1px solid #ccc; background-color:#fff; margin: 10px 3px 0 700px; position:absolute;} #searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 200px; background: none; color:#999999;} #searchbox #go { float: right; border-left: 1px solid #ccc} .recherche {font-size: 0.8em} #facebook { margin: 50px 3px 0 780px; position:absolute; font-size:11px; font-weight:bold} #facebook a{color:#fff;} #facebook a:hover {color:#feffa6;} #menu_onglets_blog {margin-top:151px; position:absolute; z-index:999;} #menu_onglets_blog a {color:#fff; text-decoration:none; font-size:11px;} #menu_onglets_blog a:hover {color:#feffa6;} #tabs {font-size: 13px; font-weight:bold; height: 180px; width:100%; background: url(https://img-aux.villemagne.net/bandeau-blog-bleu.jpg);} #tabs ul {margin:0; float:right; vertical-align:bottom; padding:157px 10px 0 0px; list-style:none;} #tabs li {display:inline; margin:0; padding:0;} #tabs a {float:left; background:url(https://img-aux.villemagne.net/tabs-gauche.gif) no-repeat left top; margin-right:2px; padding:0 0 0 5px; text-decoration:none;} #tabs a span {float:left; display:block; background:url(https://img-aux.villemagne.net/tabs-droite.gif) no-repeat right top; padding:5px 8px 4px 2px; color:#fff;} #x-blog a {background:url(https://img-aux.villemagne.net/tabs-gauche.gif) no-repeat left top; background-position:0% -84px} #x-blog a span{background:url(https://img-aux.villemagne.net/tabs-droite.gif) no-repeat right top; background-position:100% -84px} #tabs a span {float:none;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a:hover span {color:#ce0000;} #tabs a:hover {background-position:0% -42px;} #tabs a:hover span {background-position:100% -42px;} #tabs #current a {background-position:0% -42px;} #tabs #current a span {background-position:100% -42px; color:#ce0000;} #menu-de-categories ul {display:none;position:absolute;margin: 20px 0 0 -101px; z-index:10; border: 1px solid #383a57;} /* hide the sub nav */ *+ html #menu-de-categories ul {margin: 20px 0 0 -122px;} /* ie 7 hack */ #menu-de-categories li {list-style:none;display:block;float:left; font-weight:bold;} #menu-de-categories a {display:block; float:left;padding: 5px 0px; margin: 0 0 0 -1px;text-decoration:none;width:90px; font-size:11px; color:#fff;} #menu-de-categories a.hover {color:#feffa6;} /*subnav styling*/ #menu-de-categories ul li, #menu-de-categories ul li a {float:none; color: #383a57; background-color:#e6e9f6; border-left: 3px solid #383a57; font-weight:normal; font-size: 12px;} #menu-de-categories ul li a {margin: -1px 0 0 0;width:150px; padding-left: 5px; font-size:13px;} #menu-de-categories ul li a:hover {background:#fff;color:#383a57;} .clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";} .clearfloat {display:inline-block} .clearfloat {display:block} #nav a:hover, #nav a:active, .current_page_item a, #home .on, .photo {background: #ff6600} #subnav {position:relative; margin: 0 10px 5px; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px dotted #ccc} #subnav ul {display: inline} #subnav li a{float: left; padding: 1px 5px; margin-right:15px; background: #3b3b3b; border-left: 3px solid #8BDBFF; color: #fff } #subnav .current_page_item a, #subnav a:hover {border-left: 3px solid #ff6600} /*+++++++ ENTRY +++++++*/ #left { float: left; width: 540px; padding-left: 10px; } .entry { text-align: justify; width: 520px; padding:0 10px; margin-bottom:10px; line-height:140%} .entry ol li {} .related-post { width: 500px; padding: 10px; margin: 0 10px} .related-post { border:1px solid #AACCEE; background:#f2f2f2} .related-post ul {margin-bottom: 5px;} .related-post ul li {padding: 5px 0px;} .content a { border-bottom: 1px dotted #ccc; font-weight:bold;} .entry h2 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 1.8em; line-height: 1.3em; letter-spacing: -1px;margin-bottom:10px; color:#383a57;} .entry h2 a {color:#383a57; } .entry h2 a:hover {color:#ce0004;} .entry p {font-family:"Lucida Grande",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:1em; padding-bottom:25px; line-height:1.6em} .content-header p {font-family: Arial, Verdana, sans-serif; line-height:1.3em} html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li {padding-left: 20px; background: url(images/bullet.gif) left no-repeat} .entry img {margin:0 10px 10px 10px;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left ;} .custom_image img{float:left; padding:3px; margin:3px 10px 1px 0; border: 2px solid #e6e6e6; height:90px; width: 90px} .custom_image_breve img{float:left; padding:3px; margin:3px 10px 1px 0; border: 2px solid #e6e6e6; height:90px; width: 90px} .subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6} .tags, .allinfos {padding:5px 0px 5px 25px; background: #FFF8AF url(images/tag.gif) left no-repeat; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6} .allinfos {background: #F2f2f2; padding: 5px; margin-bottom: 10px} .share, .comments_rss, .reply {float: right; padding-left: 20px} .reply {background: url(images/comments.gif) left no-repeat; margin-left:10px} .comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px} span.date { background:url(images/date.gif) no-repeat; padding-left:20px; } span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; } span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; } .navigation { width: 510px; padding:10px; line-height:140%; font-size:11px; } .legende {font-size: 0.8em; text-align: center;} .lien-site{color: #ce0004; font-weight:bold;} .caledroite {text-align: right} .calecentre {margin: 0 auto; text-align:center} .floatright {float: right; margin: 0 0 2px 15px} .floatleft {float: left; margin: 0 15px 2px 0} .crop{float:right; overflow:hidden; margin-left:5px;} /*+++++++ SIDEBAR +++++++*/ #right {float:right; width: 345px; margin-right: 24px; } div#fb a, a:link {color:#3b5998; text-decoration:none; line-height: 1.2em;} div#fb a:hover {text-decoration:underline} /*+++++++ ADMIN +++++++*/ #about {width: 350px; border:1px solid #FFD1AF; background:#FFF8AF; margin-bottom:10px; } #about h2 {padding: 5px 10px;} #author-box {margin: 10px;margin-top: 0px; font-size: 11px; text-align: justify;} #author-box .avatar {float: left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 3px 10px 0 0} /*+++++++ COMMENTS +++++++*/ .commentlist li{padding-top: 5px; border-bottom:1px dotted #e6e6e6; list-style: none} .avatar img {float:left;} .ctext {padding-left: 15px;} .trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;} .user {font-weight: bold; font-size: 13px;} .author {background: #FFF8AF; padding-right: 10px;} #commentform p { padding-bottom:10px;} #commentform #author {background: url(images/author.gif) no-repeat 4px; border:1px solid #dadada; height:20px; width:200px; padding-left:25px;} #commentform #email { background: url(images/email2.gif) no-repeat 4px; border:1px solid #dadada; height:20px; width:200px; padding-left:25px;} #commentform #url { background: url(images/world_link.gif) no-repeat 4px; border:1px solid #dadada; height:20px; width:200px; padding-left:25px;} #commentform #comment { border:1px solid #dadada; height:200px; width:550px;} .comment-number {color:#7e8489; font-size:2em; font-weight:bold; padding-right:20px;} /**************** Misc *********************/ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } div.hr {border-bottom: 1px solid silver; height: 1px; margin-top: 1em} a img { border: none; } .alignright{float:right;} .alignleft{float:left; padding-left:30px; padding-bottom:20px;} .floatright {float: right; margin: 0 0 2px 15px} .floatleft {float: left; margin: 0 15px 2px 0} img.centered{display:block;margin-left:auto;margin-right:auto;} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;} pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed} code {font-size:1.0em;color: #000} .bouton-mail{background:url(https://img-aux.villemagne.net/boutons.gif) no-repeat; width: 40px; height: 30px;} .bouton{background:url(https://img-aux.villemagne.net/boutons.gif) no-repeat; width: 30px; height: 30px;} #b-mail{background-position:0 0;} #b-twitter{background-position:-40px 0;} #b-facebook{background-position:-70px 0;} #b-myspace{background-position:-100px 0;} #b-google{background-position:-130px 0;} #b-netvibes{background-position:-160px 0;} #b-favoris{background-position:-190px 0;} #b-delicious{background-position:-220px 0;} #b-diigo{background-position:-250px 0;} #b-digg{background-position:-280px 0;} #b-technorati{background-position:-310px 0;} #b-symbaloo{background-position:-340px 0;} #b-wikio{background-position:-370px 0;} #b-yahoo{background-position:-400px 0;} .social{position: fixed; top:30px; right:0px; width:80px} .clip { position: absolute; top: 0; left: 0; } .clip-social {position: relative; width: 35px; height: 35px; margin-bottom:5px;} .clip-social-ab {position: relative; width: 80px; height: 17px; margin-bottom:-10px; z-index: 2;} .clip-social-achat {position: relative; width: 121px; height: 17px; margin-top: -30px; margin-bottom:7px; z-index: 2;} .soc-a {clip:rect(53px 310px 70px 230px);left: -230px;} .soc-b {clip:rect(35px 310px 52px 230px);left: -230px;} .soc-achat {clip:rect(165px 121px 182px 0px);left: -42px; top:-35px;} .soc-6 {clip:rect(176px 34px 211px 0px);left: 22px;} .soc-6b {clip:rect(176px 148px 208px 35px);top: 0px; left: -20px;} a.soc-6{position: relative; z-index: 2;} a.soc-6 span{display: none;} a.soc-6:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-1 {clip:rect(70px 34px 105px 0px);left: 1px;} .soc-1b {clip:rect(0px 114px 34px 0px);top : 70px; left: 0px;} a.soc-1{position: relative; z-index: 2;} a.soc-1 span{display: none;} a.soc-1:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-2 {clip:rect(70px 70px 104px 36px); left: -17px;} .soc-2b {clip:rect(0px 229px 34px 115px);top: 70px; left: -99px;} .soc-2c {clip:rect(35px 229px 70px 115px);top: 35px; left: -99px;} a.soc-2{position: relative; z-index: 2;} a.soc-2 span{display: none;} a.soc-2:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-3 {clip:rect(71px 104px 104px 71px);left: -69px; z-index:4;} .soc-4 {clip:rect(70px 139px 105px 106px);left: -52px;} .soc-4b {clip:rect(0px 345px 34px 230px);top: 70px; left: -178px;} a.soc-4{position: relative; z-index: 2;} a.soc-4 span{display: none;} a.soc-4:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-5 {clip:rect(70px 175px 105px 140px);left: -70px;} .soc-5b {clip:rect(35px 114px 70px 0px);top: 35px; left: 70px;} a.soc-5{position: relative; z-index: 2;} a.soc-5 span{display: none;} a.soc-5:hover span{display:block; position:absolute; z-index: 5; top:0; left: -130px;} .soc-6 {clip:rect(130px 34px 165px 0px);left: 23px;} .soc-6b {clip:rect(130px 148px 162px 35px);top: 0px; left: -20px;} a.soc-6{position: relative; z-index: 2;} a.soc-6 span{display: none;} a.soc-6:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-7 {clip:rect(131px 182px 164px 148px);left: -73px; top:-30px} .soc-7b {clip:rect(130px 296px 162px 183px);top:-30px; left: -110px;} a.soc-7{position: relative; z-index: 2;} a.soc-7 span{display: none;} a.soc-7:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .clip-loupe-2 {position: relative; width: 33px; height: 21px;} .loupe-2 {clip:rect(99px 311px 98px 119px); top:-99px; left:-311x;} /*********** Alexandre *****************/ div#alex-accueil a:hover {background: inherit;} .vignette {background:url('https://img-aux.villemagne.net/alexandre-accueil-sprite.jpg') no-repeat; display: block; width:140px; height:140px; margin-bottom:30px} #alex {background-position:0 0; } #alex a{background-position:0 0; } #alex:hover {background-position: -140px 0;} #alex-ac {background-position: -140px 0;} #conq {background-position:0 -140px; } #conq a{background-position:0 -140px; } #conq:hover {background-position: -140px -140px;} #conq-ac {background-position: -140px -140px;} #empi {background-position:0 -280px; } #empi a{background-position:0 -280px; } #empi:hover {background-position: -140px -280px;} #empi-ac {background-position: -140px -280px;} #orie {background-position:0 -420px; } #orie a{background-position:0 -420px; } #orie:hover {background-position: -140px -420px;} #orie-ac {background-position: -140px -420px;} #inde {background-position:0 -560px; } #inde a{background-position:0 -560px; } #inde:hover {background-position: -140px -560px;} #inde-ac {background-position: -140px -560px;} #aven {background-position:0 -700px; } #aven a{background-position:0 -700px; } #aven:hover {background-position: -140px -700px;} #aven-ac {background-position: -140px -700px;} #epis {background-position:0 -840px; } #epis a{background-position:0 -840px; } #epis:hover {background-position: -140px -840px;} #epis-ac {background-position: -140px -840px;} #pkoi {background-position:0 -980px; } #pkoi a{background-position:0 -980px; } #pkoi:hover {background-position: -140px -980px;} #pkoi-ac{background-position: -140px -980px;} /**************** Gallery *********************/ .gallery {text-align:center;} .gallery img {padding:3px;} .attachment {text-align:center;} .attachment img { padding:5px; border:1px solid #999999;} .imgnav {text-align:center;} .imgleft {float:left;} .imgleft img{ padding:5px; border:1px solid #999999;} .imgright {float:right;} .imgright img{ padding:5px; border:1px solid #999999;} /**********************/ /*** VOLET GLISSANT ***/ /**********************/ #slide-panel {height: auto; width: 950px; display: none; background-color: #e6e9f6; border-bottom: 5px solid; border-color:red; color:#383a57; list-style: none; position: absolute; top: 0px; z-index:2;} .slide {margin: 0; padding: 0; list-style: none; position: absolute; top: 15px;} .btn-slide {display: block; } #slide-panel-blog { height: auto; /*HEIGHT OF HIDDEN SLIDE PANEL*/ width: 950px; /*WIDTH OF HIDDEN SLIDE PANEL*/ display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/ background-color: #dfe0e1; /*SLIDE PANEL BACKGROUND COLOR*/ border-bottom: 5px solid; border-color:red; color:black; list-style: none; position: absolute; top: 0px; opacity: 1; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/ z-index:2; position: absolute; top: 16px; } .slide-blog { margin: 0; /*NO MARGIN*/ padding: 0; /*NO PADDING*/ list-style: none; position: absolute; top: 16px; } .btn-slide-blog {display: block;} /***************/ /*** Sidebar ***/ /***************/ .clip-couv1 {position: relative; width: 138px; height: 215px;} .clip-dedicace2 {position: relative; width: 69; height: 60px; top:-10px; left:-10px; z-index:5} .ded-2 {clip:rect(580px 133px 640px 64px);left: -64px; top: -580px;} .ori {clip:rect(216px 338px 430px 201px);left: -201px; top: -216px;} .occ {clip:rect(0 338px 215px 201px);left: -201px;} .couv-130 {background:url('https://img-aux.villemagne.net/couvertures-sprite-2.jpg') no-repeat; display: block; width:130px; height:130px;} #couv-7m-130 {background-position: -208px -430px;} #couv-7m-130 a {background-position: -208px -430px;} #couv-mo-130 {background-position: -208px -560px; } #couv-mo-130 a {background-position: -208px -560px; } /***************************/ /*** MENU DE BAS DE PAGE ***/ /***************************/ #menu_vert-bas-de-page {background: #e6e9f6; clear: both} .clearb {clear: both} #menuwrapper-bas {height: 17em; margin-left: 20px} #primary-nav-bas, #primary-nav-bas ul {list-style: none} #primary-nav-bas a {display: block; margin-left: 0; padding: 5px} #primary-nav-bas a:hover {background: #fff; color: #383a57} #primary-nav-bas li {float: left; margin-bottom: 5px; margin-top: 15px; width: 145px} #primary-nav-bas li a {background: #e6e9f6; color: #383a57; font-size: 120%; font-weight: bold; text-decoration:underline;} #primary-nav-bas li li {clear: both; float: left; margin-bottom: 0; margin-top: 0} #primary-nav-bas li li a {font-size: 83%; font-weight: normal; height: 1%; line-height: 80%; text-decoration: none} #primary-nav-bas ul {border: 0 solid yellow; position: absolute; top: auto} #primary-nav-bas li, li.menuparent {background: #fff} #primary-nav-bas ul li li {display: none} #primary-nav-bas li.activeparent a {background: #fff} div#copyright{background: #e6e9f6; border-bottom: solid 5px red; border-top: solid 1px silver} div#copyright p {color: #383a57; font-size: 0.9em; padding-top: 1em; text-align: center; margin-bottom:1.5em;} .trans {color: #e6e9f6; font-size: 1em; text-align: center} /***********************/ /*** Coins arrondis ***/ /*********************/ .encart-4 {position:relative; margin:10px 0; width:500px; padding:17px; background: #e7e2bc; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .encart-5 {position:relative; margin:10px 0; width:320px; height:40px; padding:17px; background: #e6e9f6; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } div#fb1 {background-color:#fdff67; color:#3b5998; border-top: 1px solid #315c99; border-left: 1px solid #315c99; border-right: 1px solid #315c99; padding:10px; font-size: 1.1em; font-weight:bold;} /*************/ /*** TABS ***/ /************/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ h2 { font-size:11px;} .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { font-size:11px; } .tabberlive { margin-top:1em; width:352px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { padding: 3px 0; } ul.tabbernav li { list-style: none; display: inline; font-size:12px; } ul.tabbernav li a { font-size: 0.9em; font-weight: bold; padding: 3px 8px; margin-right: 3px; border: 1px solid #c0c0c0; border-bottom: none; text-decoration: none; color: #fff; text-transform:uppercase; } ul.tabbernav li a:link {background: url(images/tabbg.gif) left repeat-x} ul.tabbernav li a:visited { } ul.tabbernav li a:hover {background: url(images/tabbgro.gif) left repeat-x} ul.tabbernav li.tabberactive a { background: #f8f8f8; color: #383a57; } ul.tabbernav li.tabberactive a:hover { color: #383a57; background: #f8f8f8; } .tabbernav {position:relative; top:1px} .tabberactive a {border: 1px solid #c0c0c0;} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:5px; border: 1px solid #c0c0c0; background:#f8f8f8; margin-bottom:10px; font-size:12px; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ height:auto; /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; font-size:12px; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } .tabbertab p { padding-bottom:10px; line-height:140%; } .tabbertab ul { padding:0; margin:0;} .tabbertab ul li { padding:5px 0 6px 0; } .tabbertab ul li { background:url(images/sidebullet.gif) no-repeat 0 5px; padding-left:24px}