/* (C) Copyright Bobbing Wide 2010-2012 The oik.css stylesheet provides the default formatting for the HTML generated by the oik plugin For oik version 1.17 this stylesheet is now optional. To read more about the oik.css file see: http://www.oik-plugins.com/oik-css */ em, dfn {font-style:italic;} abbr, acronym {border-bottom:1px dotted #666;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.4em;margin-bottom:0.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} form.bw_inline { display: inline;} form.bw_inline p {margin-bottom:0;} /* from Blueprint's grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(http://riadsidifatah.declanmurphy.net/wp-content/plugins/oik/src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3 {width:98px!important;} input.span-4, textarea.span-4 {width:138px!important;} input.span-5, textarea.span-5 {width:178px!important;} input.span-6, textarea.span-6 {width:218px!important;} input.span-7, textarea.span-7 {width:258px!important;} input.span-8, textarea.span-8 {width:298px!important;} input.span-9, textarea.span-9 {width:338px!important;} input.span-10, textarea.span-10 {width:378px!important;} input.span-11, textarea.span-11 {width:418px!important;} input.span-12, textarea.span-12 {width:458px!important;} input.span-13, textarea.span-13 {width:498px!important;} input.span-14, textarea.span-14 {width:538px!important;} input.span-15, textarea.span-15 {width:578px!important;} input.span-16, textarea.span-16 {width:618px!important;} input.span-17, textarea.span-17 {width:658px!important;} input.span-18, textarea.span-18 {width:698px!important;} input.span-19, textarea.span-19 {width:738px!important;} input.span-20, textarea.span-20 {width:778px!important;} input.span-21, textarea.span-21 {width:818px!important;} input.span-22, textarea.span-22 {width:858px!important;} input.span-23, textarea.span-23 {width:898px!important;} input.span-24, textarea.span-24 {width:938px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff; color:#fff; visibility:hidden; } /** Use a new solution for the clearfix problem @link http://css-tricks.com/snippets/css/clear-fix/ to cater for Artisteer 4.0 themes which define .clearfix slightly differently */ /* .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} */ /* .clearfix { display: block; } */ .group:after { content: ""; display: table; clear: both; } /* .clearfix, */ .container {display:block;} .clear {clear:both;} /* background image for the oik dashboard icon */ #adminmenu #toplevel_page_oik_menu div.wp-menu-image img { visibility: hidden; } #adminmenu #toplevel_page_oik_menu div.wp-menu-image { background: url( 'images/oik-icon.png' ) 0 90% no-repeat; } #toplevel_page_oik_menu.current .wp-menu-image, #toplevel_page_oik_menu.wp-has-current-submenu .wp-menu-image, #toplevel_page_oik_menu:hover .wp-menu-image { background-position: top left; } /* Class for styling the contact style button created using [bw_contact_button] */ a.bw_contact { } /* Classes for the [bw_block] shortcode to set the minimum height for a block e.g. [bw_block class="column span-6 bd-200"] If these are not sufficient you can add more to your custom stylesheet */ div.bd-100 .art-blockcontent, .bd-100 { min-height: 100px; } div.bd-150 .art-blockcontent, .bd-150 { min-height: 150px; } div.bd-200 .art-blockcontent, .bd-200 { min-height: 200px; } div.bd-250 .art-blockcontent, .bd-250 { min-height: 250px; } div.bd-300 .art-blockcontent, .bd-300 { min-height: 300px; } div.bd-350 .art-blockcontent, .bd-350 { min-height: 350px; } div.bd-400 .art-blockcontent, .bd-400 { min-height: 400px; } div.bd-450 .art-blockcontent, .bd-450 { min-height: 450px; } div.bd-500 .art-blockcontent, .bd-500 { min-height: 500px; } div.bd-550 .art-blockcontent, .bd-550 { min-height: 550px; } /* Classes for the emergency telephone number - darkish red */ div.bw_emergency { color: #b53030 } /* For [bw_show_googlemap] */ #bw_map_canvas { height: 100%; min-height: 100% } #bw_map_canvas img { max-width: none; } /* For [bw_address] */ div.bw_address div.type { display: none; } /* disable the background on Mail Chimp's Email Format radio buttons */ div#mc_embed_signup ul li { background-image: none; } /* Make the custom header image fit inside the meta box */ img.bw-header-box { margin: 0 auto; position: relative; max-width: 100%; margin-top: 0; margin-bottom: 0; } /* If there is a menu called 'footer' in the footer then make it horizontal */ div.art-footer ul#menu-footer li { display: inline; text-transform: lowercase; } /* Styling for the "(C) Copyright company yearfrom-yearto" from [bw_copyright] */ span.bw_copyright { } ul.tick, ul.cross, ul.x { list-style: none; list-style-position: outside; padding-left: 0; } ul.tick li, li.tick { background: transparent url( 'images/green_tick_64x64.png' ) no-repeat; background-size: 16px 16px; padding-left: 2em; } ul.cross li, li.cross, .tick li.x { background: transparent url( 'images/red_x_64x64.png' ) no-repeat; background-size: auto 100%; padding-left: 2em; } /* For rules on using the PDF logo see "Adobe PDF file icon" in http://www.adobe.com/misc/linking.html */ a.bw_attachment[href*='.pdf'] { background: transparent url( 'images/pdficon_small.png' ) no-repeat; background-size: auto; padding-left: 32px; } div.noicon a[href*='.pdf'] { background-image: none; padding-left: 3px; } a.bw_portfolio { background: none; padding-left: 0px; } /* columns required %ages to use ---------------- --------------- 1 100 2 50% 3 33% 66% 4 25% 50% 75% 5 20% 40% 60% 80% 6 16% 33% 50% 66% 83% 7 14.285714% */ .w100pc { float: left; width: 100%; } .w90pc { float: left; width: 90%; } .w83pc { float: left; width: 83.3333333%; } .w80pc { float: left; width: 80%; } .w75pc { float: left; width: 75%; } .w70pc { float: left; width: 70%; } .w66pc { float: left; width: 66.6666667%; } .w60pc { float: left; width: 60%; } .w50pc { float: left; width: 50%; } .w40pc { float: left; width: 40%; } .w33pc { float: left; width: 33.3333333%; } .w30pc { float: left; width: 30%; } .w25pc { float: left; width: 25%; } .w20pc { float: left; width: 20%; } .w15pc { float: left; width: 15%; } .w16pc { float: left; width: 16.6666667%; } .w14pc { float: left; width: 14.285714%; } .w10pc { float: left; width: 10%; } /* Prevent images from going outside their bounding divs */ /* Does it matter what the class of the div is? Can't we do it for every image? */ div.art-block img, div.textwidget img { max-width: 100% } img { max-width: 100% } /* Fix for nested Artisteer blocks - see Support case 69871. Although it was Closed with a recommendation to use the following .art-blockcontent .art-blockheader, .art-blockcontent .art-blockcontent { z-index: 0; } I find that doesn't work for blocks in the content. So I'm using a slightly modified version of my original solution. .art-bar is needed to complete the RHS of the header bar for the box but we need to work at a lower level to ensure that the drop down of the horizontal menu appears .art-box is needed to complete the RHS of the content of the box 2012/03/22 discovered that this can stop hmenu drop down items from appearing So I have removed my latest fix and added a new line for the blocks in body content */ /* .art-box-body .art-bar { z-index: 0; } */ /* .art-box { z-index: 0; } */ /* .art-box-body .art-nav { z-index: 1; } */ /* .art-bar, .art-box { z-index: 0; } */ .art-blockcontent .art-blockheader, .art-blockcontent .art-blockcontent { z-index: 0; } .art-block-body .art-blockheader, .art-block-body .art-blockcontent { z-index: 0; }