?
Path : /home/admin/public_html/old/board/templates/yoo_beyond_1.5.14/css/ |
Current File : /home/admin/public_html/old/board/templates/yoo_beyond_1.5.14/css/layout.css |
/* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * Browser Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } fieldset, img { border: 0; } a:focus { outline: none; } option { padding-left: 0.4em; } ul, ol, dl { margin: 1em 0; padding-left: 30px } dl { margin: 1em 0; } dd { padding-left: 40px; } blockquote { margin: 0 0 1em 1.5em; } p { margin: 1em 0; } td, th { padding: 1px; } html { height: 100%; margin-bottom: 1px; } /* * Page */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; color: #646464; } body#page { background: #ffffff; } /* set body font size (styleswitcher) */ body.font-small { font-size: 11px; } body.font-medium { font-size: 12px; } body.font-large { font-size: 13px; } /* center page */ div.wrapper { margin: auto; } /* * Layout */ div#absolute { position: absolute; z-index: 15; top: 0px; left: 0px; width: 100%; } div#page-body { padding: 10px 0px 0px 0px; } div.wrapper-tl { background: #ffffff url(../images/wrapper_tl.png) 0 0 no-repeat; } div.wrapper-tr { background: url(../images/wrapper_tr.png) 100% 0 no-repeat; } div.wrapper-bl { background: url(../images/wrapper_bl.png) 0 100% no-repeat; } div.wrapper-br { padding: 10px 10px 10px 10px; background: url(../images/wrapper_br.png) 100% 100% no-repeat; } div#header { width: auto; padding: 0px 0px 0px 0px; background: url(../images/header_m.png) 0 0 repeat-x; position: relative; z-index: 10; clear: both; } div#header div.header-l { background: url(../images/header_l.png) 0 0 no-repeat; } div#header div.header-r { height: 106px; background: url(../images/header_r.png) 100% 0 no-repeat; } div#toolbar { width: auto; height: 25px; padding: 6px 140px 0px 225px; clear: both; } div#date { margin: 4px 10px 0px 0px; float: left; font-size: 85%; color: #ffffff; } div#topmenu { margin: 4px 0px 0px 0px; float: left; } div#styleswitcher { height: 20px; margin: 3px 0px 0px 10px; float: right; } div#styleswitcher a { width: 15px; height: 20px; float: right; text-decoration: none; display: block; } a#switchfontsmall { background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat; } a:hover#switchfontsmall { background: url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat; } a#switchfontmedium { background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat; } a:hover#switchfontmedium { background: url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat; } a#switchfontlarge { background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat; } a:hover#switchfontlarge { background: url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat; } a#switchwidththin { background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat; } a:hover#switchwidththin { background: url(../images/styleswitcher_widththin.png) 0 -20px no-repeat; } a#switchwidthwide { background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat; } a:hover#switchwidthwide { background: url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat; } a#switchwidthfluid { background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat; } a:hover#switchwidthfluid { background: url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat; } div#headerbar { width: auto; height: 72px; padding: 0px 10px 0px 225px; clear: both; } div#headermodule { margin: 7px 0px 0px 0px; float: right; } div#logo { position: absolute; top: 0px; left: 0px; } div#menu { position: absolute; top: 68px; left: 220px; height: 35px; } div#search { position: absolute; top: 9px; right: 10px; } div#banner { position: absolute; top: 5px; right: -10px; width: 0px; z-index: 3; } div#top { width: auto; margin: 10px 0px 0px 0px; background: url(../images/top_t.png) 0 0 repeat-x; clear: both; } div#top .top-b { background: url(../images/top_b.png) 0 100% repeat-x; } div#top .top-l { background: url(../images/top_l.png) 0 0 repeat-y; } div#top .top-r { background: url(../images/top_r.png) 100% 0 repeat-y; } div#top .top-tl { background: url(../images/top_tl.png) 0 0 no-repeat; } div#top .top-tr { background: url(../images/top_tr.png) 100% 0 no-repeat; } div#top .top-bl { background: url(../images/top_bl.png) 0 100% no-repeat; } div#top .top-br { min-height: 60px; background: url(../images/top_br.png) 100% 100% no-repeat; } div#middle { width: auto; margin: 10px 0px 0px 0px; clear: both; } div#middle .background { min-height: 140px; } div#middle .background { padding: 0px 0px 0px 0px; background: none; } .left div#middle .background { padding: 0px 0px 0px 0px; background: none; } .right div#middle .background { padding: 0px 0px 0px 0px; background: none; } div#left { width: 200px; } .left div#middle div#left { float: left; } .right div#middle div#left { float: right; } div#main { width: auto; } div#main { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .left div#main { margin: 0px 0px 0px 210px; } .right div#main { margin: 0px 210px 0px 0px; } div#maintop { padding: 0px 0px 10px 0px; } div#mainmiddle { } .showright div#mainmiddle { background: transparent; } div#right { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; } div#content { width: auto; } div#content { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } .showright div#content { margin: 0px 190px 0px 0px; padding: 0px 0px 10px 0px; } div#contenttop { margin: 0px 0px 10px 0px; } div#breadcrumb { height: 19px; font-size: 85%; } div#contentbottom { margin: 10px 0px 0px 0px; } div#mainbottom { padding: 0px 0px 10px 0px; } div#bottom { width: auto; margin: 0px 0px 0px 0px; background: url(../images/top_t.png) 0 0 repeat-x; clear: both; } div#bottom .bottom-b { background: url(../images/top_b.png) 0 100% repeat-x; } div#bottom .bottom-l { background: url(../images/top_l.png) 0 0 repeat-y; } div#bottom .bottom-r { background: url(../images/top_r.png) 100% 0 repeat-y; } div#bottom .bottom-tl { background: url(../images/top_tl.png) 0 0 no-repeat; } div#bottom .bottom-tr { background: url(../images/top_tr.png) 100% 0 no-repeat; } div#bottom .bottom-bl { background: url(../images/top_bl.png) 0 100% no-repeat; } div#bottom .bottom-br { min-height: 60px; background: url(../images/top_br.png) 100% 100% no-repeat; } div#footer { width: auto; min-height: 100px; padding: 10px 0px 0px 0px; clear: both; text-align: center; } div#footer a.anchor { margin: 3px 10px 0px 0px; width: 30px; height: 5px; background: url(../images/footer_anchor.png) 0 0 no-repeat; display: block; float: right; text-decoration: none; } /* * Clearing & Floating */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } .floatbox { overflow:hidden; } .float-left { float: left; overflow: hidden; } .float-right { float: right; overflow: hidden; } .width20 { width: 19.999%; } .width25 { width: 24.999%; } .width33 { width: 33.333%; } .width50 { width: 49.999%; } .width66 { width: 66.666%; } .width75 { width: 74.999%; } .width100 { width: 100%; }