/* ONLY FOR THE LAYOUTS OF PAGES : - COLUMNS,GRIDS, BLOCK DEFINITIONS. UNDER NO CIRCUMSTANCES DEFINITIONS OF ELEMENTS [articles, text structure, links etc.. are to be defined here..] edited on the 25-02-11. */ /*---------------------------------------------------------------------------------------------------------------------------- BODY & WRAPPER :- for DRUPAL :- body, #page... + any other wrapper you may need to contain your whole site... ----------------------------------------------------------------------------------------------------------------------------*/ #page{width:935px;margin:0 auto;padding: 20px 0 0;} /* ---------------------------------------------------------------------------------------------------------------------------- HEADER : - inner header contents ONLY [ except navigation defined just ahead ] ----------------------------------------------------------------------------------------------------------------------------*/ #header{height:170px;position:relative} #logo-title{width:151px;position:relative;z-index:1;} #logo-title a#logo{width:158px;display:block;} #logo-title img.logo0 {width:158px;position:absolute;top:0;left:0;z-index:0;} #logo-title img.logo1 {width:158px;position:absolute;top:0;left:0;z-index:1;} #logo-title img.logo2 {width:158px;position:absolute;top:0;left:0;z-index:2;} #logo-title img.logo3 {width:158px;position:absolute;top:0;left:0;z-index:3;} #logo-title img.logo4 {width:158px;position:absolute;top:0;left:0;z-index:4;} #logo-title img.logo5 {width:158px;position:absolute;top:0;left:0;z-index:5;} #header-region{position:absolute; bottom:0;} #banner{position:relative;z-index:0;bottom:0;right:0; height:160px;} #banner a#banner-link {display:block;width:780px;height:160px;} #banner img.banner1 {width:780px;position:absolute;top:0;right:0;z-index:0;} #banner img.banner2 {width:780px;position:absolute;top:0;right:0;z-index:1;} #banner img.banner3 {width:780px;position:absolute;top:0;right:0;z-index:2;} #banner img.banner4 {width:780px;position:absolute;top:0;right:0;z-index:3;} #banner img.banner5 {width:780px;position:absolute;top:0;right:0;z-index:4;} /* ---------------------------------------------------------------------------------------------------------------------------- NAVIGATION : - primaly-links & secondary-links for DRUPAL & any other side-bar links. Please seperate each category with (-) ----------------------------------------------------------------------------------------------------------------------------*/ #primary-links{background:#b3b3b3;width:935px;} #primary-links ul {height:35px;} #primary-links ul.left {width:560px;margin:0 0 0 130px;} #primary-links ul.left li{margin:0;} #primary-links ul.right {width: 240px;margin:0;background:url(../images/interface/abracada-nav.png) top left no-repeat;} #primary-links ul.right li{float:right;} #primary-links ul.right li.last{float:left;} #primary-links ul.right li.last a{padding-left:7px;display:block;} #primary-links ul.right li.last a:hover{background:#FC6068 url(../images/interface/li-rose-left.png) no-repeat left top;} #primary-links ul li {float:left;} #primary-links ul li a{text-decoration:none;display:block;font-size:1.16em;text-transform:uppercase;padding:0 6px;line-height: 35px;color:#fff;text-shadow:-1px -1px 0px #666666;font-family: 'TriplexBold';font-weight: normal;} #primary-links ul li a:hover, #primary-links ul li a.active, .taxo-1 #primary-links ul li.menu-730 a,.taxo-2 #primary-links ul li.menu-806 a,.taxo-3 #primary-links ul li.menu-731 a,.taxo-4 #primary-links ul li.menu-732 a,.taxo-5 #primary-links ul li.menu-733 a,.taxo-6 #primary-links ul li.menu-734 a,.taxo-7 #primary-links ul li.menu-735 a{background:#fc6068;text-shadow:none;height: 35px;} body.theme-vert #primary-links ul.right li.last a{padding:0 5px 0 11px;} body.theme-vert #primary-links ul.right li a:hover, body.theme-vert #primary-links ul li a.active, body.theme-vert #primary-links ul li a:hover, body.theme-vert #primary-links ul li a.active,body.theme-vert.taxo-1 #primary-links ul li.menu-730 a,body.theme-vert.taxo-2 #primary-links ul li.menu-806 a,body.theme-vert.taxo-3 #primary-links ul li.menu-731 a,body.theme-vert.taxo-4 #primary-links ul li.menu-732 a,body.theme-vert.taxo-5 #primary-links ul li.menu-733 a,body.theme-vert.taxo-6 #primary-links ul li.menu-734 a,body.theme-vert.taxo-7 #primary-links ul li.menu-735 a{background:#61af56} body.theme-vert #primary-links ul.right li.last a:hover, body.theme-vert #primary-links ul li.last a.active{background:#61af56 url(../images/interface/li-bleu-vert.png) no-repeat left top;} body.theme-bleu #primary-links ul.right li.last a{padding:0 5px 0 11px;} body.theme-bleu #primary-links ul.right li a:hover, body.theme-bleu #primary-links ul li a.active, body.theme-bleu #primary-links ul li a:hover, body.theme-bleu #primary-links ul li a.active,body.theme-bleu.taxo-1 #primary-links ul li.menu-730 a,body.theme-bleu.taxo-2 #primary-links ul li.menu-806 a,body.theme-bleu.taxo-3 #primary-links ul li.menu-731 a,body.theme-bleu.taxo-4 #primary-links ul li.menu-732 a,body.theme-bleu.taxo-5 #primary-links ul li.menu-733 a,body.theme-bleu.taxo-6 #primary-links ul li.menu-734 a,body.theme-bleu.taxo-7 #primary-links ul li.menu-735 a{background:#6ec0c4;height: 35px;} body.theme-bleu #primary-links ul.right li.last a:hover, body.theme-bleu #primary-links ul li.last a.active{background:#6ec0c4 url(../images/interface/li-bleu-left.png) no-repeat left top;height: 35px;} /* ---------------------------------------------------------------------------------------------------------------------------- CONTENTS : - for DRUPAL : #main, #content, #content-inner, #content-area, #sidebar-first, #sidebar-second + any other contents/wrappers that you may need to define... ----------------------------------------------------------------------------------------------------------------------------*/ .content{margin:0 !important; padding:0 !important;} .contenu{overflow:hidden;} .container{overflow:hidden;width:auto; height:auto;} #sidebar-second{width:305px; float:right;margin: 20px 0 0 0;} #content-area{float:left;width:608px;} body.le-blog #content-area{float:left;width:595px;} body.bloggueuses #content-area{float:none;width:auto;} .wysiwyg a{color: #6EC0C4;} .theme-rose .wysiwyg a{color:#FF6068;} /* ---------------------------------------------------------------------------------------------------------------------------- FOOTER :- for DRUPAL :- any container inside footer ONLY ----------------------------------------------------------------------------------------------------------------------------*/ #footer{background:#f2f2f2;margin:50px 0 0 0;} #footer #inner{height:162px;margin:0 auto;width:935px;} #footer #inner ul{width:500px; margin:0 auto;padding:10px 0 0 0;} #footer #inner ul li{float:left; margin:5px 10px 0 0} #footer #inner ul li a{font-size:1.16em; display:block;color:#b3b3b3;font-weight:normal; text-align:center;} /* ---------------------------------------------------------------------------------------------------------------------------- MISC : - clearing of floats and other defaults classes that you may need. This list is not exhastive. ----------------------------------------------------------------------------------------------------------------------------*/ .clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;} .right{float:right;} .left{float:left;} .noborder{border:none; margin:0; padding:0;} img{margin:0; padding:0;} hr{height:1px; margin:0; padding:0; width:100%; border:none;background:none;} /* Clearing Floats ----------------------------------------------------------------------------------------------------------------------------*/ .clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;} .clearfix{display: inline-block;} /* Hides from IE Mac \*/ * html .clearfix {height: 1%;} .clearfix{display:block;} /* End Hack */