/* ************************************* Theme Name: Monika - Alloneness Theme URI: http://www.alloneness.com/ Description: zen master Version: 1 Author: Michael http://www.mkl-prod.com ************************************* */ /*- CSS ----------------------------------------------*/ HTML { font-size: 100%; margin: 0 0 1px 0; height: 100%; opacity: 0.99999; } body { margin: 0; font: normal 0.688em/1.3em Helvetica, Arial, verdana, sans-serif; color:#666; background: #fffff5 url(images/BG.jpg) center top repeat-x; } html>body { font-size: 12px; } * { margin:0;padding:0; } /*------------------------------------------------------------ **- GLOBAL ------------------------------------------------------------*/ a { color: #cc0000; outline: none; text-decoration: none; } a:hover { color: #cc0000; text-decoration:underline; } /*- TITLES ----------------------------------------------*/ h1,h2,h3 { font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; font-weight:700; } h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color:#cc0000; } h1, h1 a, h1 a:hover, h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover { color:#cc0000; text-decoration:none; } /* DIVERS ----------------------------------------------*/ hr { display:none; } .clear { clear:both; } select { width:130px; } /* ALIGN ----------------------------------------------*/ img { border: none; } p img { max-width:100%; padding:0; } .alignright { float:right; margin-left: 15px; } .alignleft { float:left; margin-right: 15px; } img.centered, .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } img.alignright { display:inline; margin:0 0 2px 7px; padding:4px 0 4px 7px; } img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px 7px 4px 0; } /* Typo ----------------------------------------------*/ acronym, abbr { border-bottom:1px dashed #999; } blockquote { padding-left:20px; border-left:5px solid #ddd; margin:15px 30px 0 10px; } blockquote cite { display:block; margin:5px 0 0; } /* Image ----------------------------------------------*/ .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom: 10px; } .wp-caption img { border:0 none; margin:0; padding:0; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } /*- Formulaire ----------------------------------------------*/ select { } input, textarea { padding: 5px; color: #999; background: #333; border: 1px solid #000; } input:focus, textarea:focus { outline: none; border: 1px solid red; } .form-edit { padding: 15px; list-style: none; } .form-edit li { clear: both; display: block; float: left; margin-bottom: 13px; width: 470px; } .form-edit label { float: left; width: auto; margin: 0 15px 0 0; padding-top: 7px; width: 150px; } .form-edit select, .form-edit checkbox { margin-top: 5px; } /*------------------------------------------------------------ **- CLEAR FIX - (stick to bottom) ------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block;} /* Hides from IE-mac */ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ /*------------------------------------------------------------ **- WRAPPER - PAGE ------------------------------------------------------------*/ #superwrapper { padding: 0; margin: 0; text-align: center; } #wrapper { clear: both; display: block; width:940px; min-height: 700px; padding: 0; margin:0 auto 0 auto; text-align:left; } /*------------------------------------------------------------ **- MENU ------------------------------------------------------------*/ #menu { clear: both; display: block; float: left; width: 220px; font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; } #menu .logo { display: block; width: 100%; height: 220px; margin: 0; overflow: hidden; font-size: 14px; text-decoration: none; } #menu .logo span.black { display: block; margin-top: 177px; color: #3f3f3f; } #menu .logo span.red { display: block; margin-top: 5px; color: #cc0000; } #menu ul { display: block; margin:0; padding:20px 0 0; margin: 10px 0 0; border-top: 1px solid #ccc; } #menu li { list-style: none; display: block; margin-bottom: 4px; } #menu li a { color: #8c8c8c; font-size:12px; text-decoration: none; padding:3px 0; } #menu li.page_item a span { color: #3f3f3f; font-size:14px; } #menu li.page_item a:hover span { color: #cc0000; } #menu li.current_page_item { } #menu li.current_page_ancestor a, #menu li.current_page_parent a, #menu li.current_page_item a { } #menu li.current_page_ancestor a span, #menu li.current_page_parent a span, #menu li.current_page_item a span, #menu li.current_page_item a:hover span { color: #cc0000; } /* Tantra current_page_ancestor current_page_parent */ #menu li.page-item-49 a:hover span, #menu li.current_page_item.page-item-49 a span, #menu li.current_page_ancestor.page-item-49 a span, #menu li.page-item-15 a:hover span, #menu li.current_page_item.page-item-15 a span, #menu li.current_page_ancestor.page-item-15 a span, #menu li.page-item-96 a:hover span, #menu li.current_page_item.page-item-96 a span, #menu li.current_page_ancestor.page-item-96 a span, #menu li.page-item-144 a:hover span, #menu li.current_page_item.page-item-144 a span, #menu li.current_page_ancestor.page-item-144 a span { color: #ff7f00; } /* Chama */ #menu li.page-item-57 a:hover span, #menu li.current_page_item.page-item-57 a span, #menu li.current_page_ancestor.page-item-57 a span, #menu li.page-item-19 a:hover span, #menu li.current_page_item.page-item-19 a span, #menu li.current_page_ancestor.page-item-19 a span, #menu li.page-item-104 a:hover span, #menu li.current_page_item.page-item-104 a span, #menu li.current_page_ancestor.page-item-104 a span, #menu li.page-item-152 a:hover span, #menu li.current_page_item.page-item-152 a span, #menu li.current_page_ancestor.page-item-152 a span { color: #498b42; } /* Bio */ #menu li.page-item-65 a:hover span, #menu li.current_page_item.page-item-65 a span, #menu li.current_page_ancestor.page-item-65 a span, #menu li.page-item-23 a:hover span, #menu li.current_page_item.page-item-23 a span, #menu li.current_page_ancestor.page-item-23 a span, #menu li.page-item-113 a:hover span, #menu li.current_page_item.page-item-113 a span, #menu li.current_page_ancestor.page-item-113 a span, #menu li.page-item-160 a:hover span, #menu li.current_page_item.page-item-160 a span, #menu li.current_page_ancestor.page-item-160 a span { color: #734a9e; } #menu li.sep1 { clear: both; display: block; margin-top: 25px; } #menu li.sep2 { clear: both; display: block; margin-top: 17px; padding-top: 14px; border-top: 1px solid #ccc; } #menu ul.langues { clear: both; display: block; margin-top: 19px; padding-top: 20px; border-top: 1px solid #ccc; } #menu ul.langues li a { background: none; font-size: 12px; } #menu ul.langues li.current_page_ancestor a, #menu ul.langues li.current_page_parent a, #menu ul.langues li.current_page_item a { background-color: none; color: #cc0000; } /*------------------------------------------------------------ **- SUPER WRAPPER CONTENT - submenu + content - ------------------------------------------------------------*/ #superwrapperContent { display: block; float: left; min-height: 100%; width: 720px; } /*------------------------------------------------------------ **- HEADER ------------------------------------------------------------*/ #header { display: block; width: 100%; margin: 0; } /*- Illustration ----------------------------------------------*/ #illustration { display: block; height: 245px; width: 700px; margin-left: 20px; text-indent: -9000px; font-size: 0.000em; background-position: left top; background-repeat: no-repeat; } /*- SUB MENU ----------------------------------------------*/ #submenu { clear: both; display: block; float: left; width: 700px; margin: 16px 0 0 20px; border-top: 1px solid #ccc; font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; } #submenu ul { margin:0; padding:0; display:inline; } #submenu li { display: block; float: left; padding: 8px 0 8px 0; margin-right: 23px; } #submenu li a { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8c8c8c; text-decoration: none; } #submenu li:hover, #submenu li.current_page_item { } #submenu li:hover a, #submenu li.current_page_item a { color: #444; } /*------------------------------------------------------------ **- SUPERCONTENT - content + sidebar ------------------------------------------------------------*/ #wrapperContent { display: block; float: left; min-height: 100%; } /*------------------------------------------------------------ **- C1 - CONTENT ------------------------------------------------------------*/ #content { display: block; float: left; } /* HOME */ #content.narrowcolumn { width: 540px; margin: 0 20px 0; } .narrowcolumn h1 { font-size: 22px; font-weight: normal; margin: 0 0 20px 0; text-transform: capitalize; } .narrowcolumn .post { clear: both; display: block; } .narrowcolumn .contentthumbnail { display: block; float: left; width: 128px; height: auto; margin: 0 20px 10px 0; padding: 5px; border: 1px solid #000; background: #2a2a2a; text-align: center; overflow: hidden; } .narrowcolumn .contentthumbnail a img { min-width: 128px; max-width: 128px; min-height: auto; border: none; } .narrowcolumn .content { display: block; float: left; } .narrowcolumn .entry a { color: #444; font-weight: bold; } .narrowcolumn .entry a:hover { color: #cc0000; text-decoration:underline; } .narrowcolumn h2 { clear: both; display: block; font-size: 18px; line-height: normal; margin: 30px 0 10px 0; padding-top: 20px; color: #444; font-weight: bold; text-transform: uppercase; } .narrowcolumn h2:hover { } .narrowcolumn h3 { clear: both; font-size: 18px; line-height: normal; margin: 30px 0 10px 0; padding: 0; color: #444; font-weight: bold; text-transform: uppercase; } .narrowcolumn h4 { font-size: 12px; line-height: normal; margin: 10px 0 3px 0; color: #444; font-weight: bold; text-transform: uppercase; } .narrowcolumn .entry h5 a { clear: both; display: block; float: left; width: 525px; margin-bottom: 30px; padding: 5px 0 5px 15px; border-top:1px solid #d6d5ce; border-bottom:1px solid #d6d5ce; background: transparent url(images/footer_link.png) left 7px no-repeat; font-size: 11px; color: #b2b2b2; text-decoration: none; text-transform: uppercase; font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; } .narrowcolumn .entry h5 a:hover { color: #b2b2b2; text-decoration: none; background: transparent url(images/footer_link.png) left -33px no-repeat; } .narrowcolumn .entry { margin-top: 20px; } .narrowcolumn .entry p { margin-bottom: 13px; } .narrowcolumn .entry img { } .narrowcolumn .postmetadata { display: block; padding: 0 0 0; font-size: 11px; color: #666 } .narrowcolumn .postmetadata a { font-size: 11px; color: #666; text-decoration:none; } .narrowcolumn .readmore { clear: both; display: block; margin-top: 0; font-weight: bold; color: #666; font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; } /* SINGLE */ #content.widecolumn { width: 700px; margin: 0 0 0 20px; } .widecolumn h1 { display: block; width: 700px; padding: 18px 0 16px 0; margin:0 0 20px 0; line-height: 1.1em; font-size: 18px; font-weight:normal; text-transform: uppercase; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .widecolumn .post { display: block; float: left; } .widecolumn .entry { display: block; float: left; width: 540px; margin-right: 20px; } .widecolumn h2 { clear: both; display: block; font-size: 18px; line-height: normal; margin: 30px 0 10px 0; padding-top: 20px; color: #444; font-weight: bold; text-transform: uppercase; border-top: 1px solid #ccc; } .widecolumn h3 { font-size: 18px; line-height: normal; margin: 30px 0 10px 0; padding: 0; color: #444; font-weight: bold; text-transform: uppercase; } .widecolumn h4 { font-size: 12px; line-height: normal; margin: 10px 0 3px 0; color: #444; font-weight: bold; text-transform: uppercase; } .widecolumn ul { list-style-position: outside; margin: -5px 0 20px 0; list-style-type: none; } .widecolumn ul li { margin: 4px 0; padding: 0 0 0 12px; background: transparent url(images/puce.png) left 8px no-repeat; } .widecolumn ol { list-style-position: outside; margin: 0 0 20px 20px; list-style-type: decimal ; } .widecolumn ol li { margin: 4px 0; padding: 0; background: none; } .widecolumn blockquote { margin: 0 0 10px 10px; font-size: 12px; font-family: Georgia; line-height: 1.1em; font-style: italic; } .widecolumn .entry a { color: #444; font-weight: bold; } .widecolumn .entry a:hover { color: #cc0000; text-decoration:underline; } .widecolumn .entry p { margin-bottom: 15px; } .widecolumn .entry img { margin: 0; } .widecolumn ul.source { } .widecolumn .content-footer { clear: both; display: block; float: left; width: 540px; padding: 5px 0; border-top:1px solid #d6d5ce; border-bottom:1px solid #d6d5ce; font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; } .widecolumn .content-footer a { display: block; padding-left: 15px; background: transparent url(images/footer_link.png) left 2px no-repeat; font-size: 11px; font-weight: bold; color: #b2b2b2; text-decoration: none; text-transform: uppercase; } .widecolumn .content-footer a:hover { color: #b2b2b2; text-decoration: none; background: transparent url(images/footer_link.png) left -38px no-repeat; } .widecolumn .content-footer .link1 { float: left; } .widecolumn .content-footer .link2 { float: right; } /* Tantra */ .page-id-49 h1, .parent-pageid-49 h1, .page-id-15 h1, .parent-pageid-15 h1, .page-id-96 h1, .parent-pageid-96 h1, .page-id-144 h1, .parent-pageid-144 h1 { color: #ff7f00; } /* Chama */ .page-id-57 h1, .parent-pageid-57 h1, .page-id-19 h1, .parent-pageid-19 h1, .page-id-104 h1, .parent-pageid-104 h1, .page-id-152 h1, .parent-pageid-152 h1 { color: #498b42; } /* Bio */ .page-id-65 h1, .parent-pageid-65 h1, .page-id-23 h1, .parent-pageid-23 h1, .page-id-113 h1, .parent-pageid-113 h1, .page-id-160 h1, .parent-pageid-160 h1 { color: #734a9e; } /*------------------------------ ** C2 - SIDEBAR - (right) ------------------------------------------------------------*/ #sidebar { display: block; float: left; width: 140px; margin: 0; padding: 0 0 8px 0; border-bottom: 1px solid #d6d5ce; } #sidebar .box1 { display: block; width: 140px; margin-bottom: 20px; padding: 8px 0 0 0; border-top: 1px solid #d6d5ce; } #sidebar .box2 { display: block; width: 140px; padding: 8px 0 0 0; border-top: 1px solid #d6d5ce; } #sidebar h2 { display: block; width: 140px; padding: 13px 0 13px 0; border-top: 1px solid #d6d5ce; border-bottom: 1px solid #d6d5ce; margin:0 0 12px; font-size: 12px; font-weight: bold; color: #666; text-transform: uppercase; } #sidebar h3 { display: block; width: 140px; padding: 6px 0 13px 0; border-bottom: 1px solid #d6d5ce; margin:0 0 12px; font-size: 12px; color: #666; font-weight: bold; text-transform: uppercase; } #sidebar h4 { display: block; width: 140px; padding: 8px 0; font-size: 12px; color: #666; text-transform: uppercase; } #sidebar p { margin-bottom: 10px; } #sidebar a { font-weight: bold; } #sidebar h5 a { clear: both; display: block; width: 125px; padding: 5px 0 5px 15px; font-family:"Trebuchet MS", Helvetica , Arial, Sans-Serif; background: transparent url(images/footer_link.png) left 7px no-repeat; font-size: 11px; color: #b2b2b2; text-decoration: none; text-transform: uppercase; } #sidebar h5 a:hover { color: #b2b2b2; text-decoration: none; background: transparent url(images/footer_link.png) left -33px no-repeat; } /*- FIRM inscription ----------------------------------------------*/ .linklove { display: none; } /* main 'top-level' form elements */ .cform { width:540px; margin:0 auto 0; } .cform fieldset { margin:30px 0 10px 0; border: none; border-top: 1px solid #d6d5ce; padding:5px 0 0; } .cform .cf_hidden { display:none; border:none !important; background:none !important; margin:0; padding:0; } .cform legend { margin-left:10px; font:normal 16px arial; color:#666; padding:0 10px 0 2px; } ol.cf-ol { margin:0; padding:0; } ol.cf-ol li { background:none !important; list-style:none !important; text-align:left; line-height:1.3em; margin:5px 0; padding:0; } /* just for text-only fields (no input) */ ol.cf-ol li.textonly { color: #999; text-align:left; margin:10px 0 !important; padding:5px 10px; } /* global definitions for field labels */ .cform label { width:150px; display:inline-block; text-align:right; vertical-align:top; margin:4px 10px 0 0; } .cform label span { width:150px; display:block; } label.cf-before { margin:4px 10px 0 0; } label.cf-after { text-align:left; width:115px; margin:4px 15px 0 6px; } label.cf-after span { width:200px; display:block; } label.cf-group-after { width:72px; text-align:left; margin:3px 4px 0 2px; } label.cf-group-after span { width:72px; display:block; } /* FORM FIELDS general formatting */ .cform input,.cform textarea,.cform select { background:#f9f9f9; border:1px solid #888; vertical-align:top; padding:3px; } .cform input:hover,.cform textarea:hover,.cform select:hover { background:#CEDDDF; } .cform input:focus,.cform textarea:focus,.cform select:focus { background:#F3F8F8; } .cform textarea,.cform input { width:150px; } .cform textarea { height: 30px; } .cform select { width:158px; padding:2px 0; } .cform select.cfselectmulti { height:7.5em; } .cform textarea { font-family:arial; font-size:1em; overflow:auto; } /* radio button title*/ ol.cf-ol li.cf-box-title { font-weight:700; letter-spacing:1px; padding:0 0 0 10px; } /* check boxes*/ .cform input.cf-box-a, .cform input.cf-box-b { width:14px; height:22px; border:none !important; background:none !important; margin:2px 0 0; } .cform input.cf-box-a { margin-left:10px; } /* check box groups */ ol.cf-ol li.cf-box-group { padding-left:10px; margin:10px 0 0 !important; } /* formatting for text: "(required)" & other */ span.reqtxt,span.emailreqtxt { font-size:0.9em; display:0; vertical-align:top; margin:3px 0 0 3px; } /*FORM submit button */ p.cf-sb { text-align:left; margin:0; padding:0; } .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { width:100px; font-size:1em; background:#cc0000; border:none; color: #fff; margin:10px 0 0 5px; padding:5px; } /*mFORM FIELDS enhanced error display */ ol.cf-ol li.cf_li_err { background:#FFDFDF url(li-err-bg.png) repeat !important; border-color:#DF7D7D; border-style:solid; border-width:1px 0; margin:5px 0; padding:5px 0; } ol.cf-ol li ul.cf_li_text_err { height:1%; min-height:1%; color:#333; margin:0 0 0 100px; padding:0; } ol.cf-ol ul.cf_li_text_err li { background:url(icon-alert.png) no-repeat left 1px; list-style:none !important; font-weight:700; text-indent:0; padding-left:15px; margin:0 0 2px; } ol.cf-ol ul.cf_li_text_err li:before { content:''; } /* 'visitor verification' related styles */ label.secq,label.seccap { vertical-align:text-bottom; margin-bottom:4px; } input.secinput { vertical-align:text-bottom; } #cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height:15px; width:50px; margin:0; padding:4px; } img.captcha { vertical-align:text-bottom; border:none !important; float:none !important; margin:0 0 0 10px; padding:0; } img.captcha-reset { vertical-align:text-bottom; background:url(captcha_reset_grey.gif) no-repeat; width:21px; height:21px; border:none; margin:0 0 2px 3px; } img.imgcalendar { border:none; } /*change formatting of response msgs here*/ div.cf_info { color:#333; display:none; width:380px; line-height:1.3em; margin:10px auto; padding:10px 15px; } div.cf_info ol { margin:0; padding:5px 15px 0 30px; } div.cf_info ol li { margin:2px 0; padding:1px 0; } div.cf_info a { color:#ad2929 !important; text-decoration:underline !important; } div.success { background:#F7F7F7 none repeat scroll 0 50%; color:#444; display:block; } div.failure { display:block; background:#FFDFDF url(li-err-bg.png) repeat !important; border-color:#DF7D7D; border-style:solid; border-width:1px 0; } div.waiting { background:#F9F9F9; color:#AAA; display:block; } /* formatting for invalid user inputs */ .cform .cf_error { color:#ad2929; border:1px solid #ad2929; } div.mailerr { display:block; } .mailerr, .cform .cf_errortxt { color:#ad2929; } /* disabled fields [disabled] does not work on IE! */ [disabled] { color:#ddd; background:none !important; border-color:#dddddd !important; } .disabled { border-color:#dddddd !important; } /*upload box styling*/ .cform input.cf_upload { width:220px; background:#f9f9f9; border:1px solid #888; } /*Other: link love*/ .linklove { display: none; } .linklove a, .linklove a:visited { font-size:0.8em; font-family:Tahoma; color:#aaaaaa !important; } .cform input.resetbutton, .cform input.backbutton { width:auto; padding:5px 1em; } * html .cform fieldset, *+html .cform fieldset { position:relative; margin-top:15px; padding-top:25px; } * html .cform legend, *+html .cform legend { position:absolute; top:-10px; left:10px; margin-left:0; } * html ol.cf-ol,* html ol.cf-ol li,* html span.reqtxt,* html span.emailreqtxt,*+html .cform label,*+html ol.cf-ol,*+html ol.cf-ol li,*+html span.reqtxt,*+html span.emailreqtxt { display:inline-block; } * html img.captcha,*+html img.captcha { margin-bottom:1px; }