/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Filename: style.css * Website: * Author: Jakub Chodorowicz http://www.jakub.chodorowicz.pl/ == STRUCTURE: ============================== * Page width: * Number of columns: ============================================ == COLORS: ================================= ============================================ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* links & typography & standard values ----------------------*/ body {font-family:"Cantarell", Arial, Helvetica Neue, Helvetica, sans-serif; color:#fff; font-style:italic;} a {text-decoration:none;} #content h1 { font-size: 50px; } #content h2 { font-size: 23px; } #content h3 { font-size: 21px; } #content h4 { font-size: 19px; } #content h5 { font-size: 17px; } #content h6 { font-size: 15px; } #content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul { margin-bottom: 20px; } article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; } #content ul, ol {margin-left:20px;} #content ol li {list-style-type: decimal;} #content ul li {list-style-type: disc;} #content ul ul li {list-style-type: disc;} #content ul ul ul li {list-style-type: square;} #content ol ol li {list-style-type: lower-alpha;} #content ol ol ol li {list-style-type: lower-roman;} #content #col-alpha a:hover {} blockquote {margin-left:20px;} strong {font-weight:bold;} .left {float:left;} .right {float:right;} .clear {clear:both;} .center-block {margin:0px auto;} /* http://codex.wordpress.org/Using_Images */ img.centered{ display: block; margin-left: auto; margin-right: auto } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} a, #content h2, #footer #facebook, #footer #designer a {color:#fff;} #footer #designer a:hover {border-bottom:none;} #content a {color:#f61411;} #content a:hover {} #content .banner a, #content .banner a:hover {border:none} #footer {color:#000;} #footer a {color:#000; border-bottom:1px dotted #000;} #footer a:hover {color:#F61411; border-bottom:1px solid #F61411;} #footer #facebook {color:#fff; border-bottom:1px dashed #fff;} #footer #facebook:hover {color:#fff; border-bottom:1px solid #fff;} ul.menu a, #btn-browse {font-style:italic; font-size:16px; text-transform:uppercase;} #content {} #content h2 {font-size:30px;font-style:italic; line-height:40px;} #content p {font-size:14px;font-style:italic; line-height:20px; overflow:visible; vertical-align:top;} #content p a {overflow:visible; line-height:24px;} #footer h2, .bigger {font-size:18px; font-weight:bold; padding-bottom:5px;} #footer p {font-weight:bold; font-size:13px; line-height:22px;} #facebook {font-size:16px;} #established {font-weight:bold;} /*CSS 3*/ /* layout -----------------------*/ .page {width:978px; margin:0px auto; } html, body {height:100%; line-height:1;} body {background-position:top center;background:url("../images/bg.jpg");} #wrap-left {height:100%;} #wrap-left {float:left; margin-left:-489px; width:50%;} #wrap-left-inside {margin-left:489px; height:100%;} #wrap-right {float:right; margin-left:-489px; width:50%; /*min-height:750px; */overflow:hidden; display:inline; } #wrap-right-inside {margin-left:488px;height:100%;width:224px; } .side-bg {min-height:800px;} .side-bg {height:100%; width:100%; position:relative;} .left-bg {background:url("../images/side-left.jpg") top right repeat-y;} #bg-pic-left {background:url("../images/bg-pic-left.jpg") top right no-repeat; width:180px; height:692px; position:absolute; right:0; } .right-bg {background:url("../images/side-right.jpg") top left repeat-y; width:224px; } #bg-pic-right {background:url("../images/bg-pic-right.jpg") top right no-repeat; width:224px; min-height:703px; position:absolute; left:0;} #wrapper { height:100%;} #page-wrapper {height:100%; width:978px; float:left; position:relative; min-height:800px;} #header {position:absolute; width:100%;} #header {background:url("../images/header-bg.jpg") no-repeat; height:584px;} .sub #header {background:url("../images/header2-bg.jpg") no-repeat; height:169px;} #header h1 {position:absolute; top:20px; left:10px; } #header h1 a {display:block; width:380px; height:216px; text-indent:-9999px;} #no-one {position:absolute; top:40px; right:50px; text-indent:-9999px; height:40px; width:500px; } ul.menu {position:absolute; left:388px; top:92px;} .sub ul.menu {position:absolute; left:388px; top:91px;} ul.menu li {display:block; float:left; height:51px; width:148px;} ul.menu a { float:left; display:block; width:inherit; text-align:center; height:51px; line-height:51px; text-align:center; } ul.menu span {padding-left:5px;} ul.menu a:hover, ul.menu li.active a { background:transparent url("../images/menu-active.jpg") no-repeat; } .sub ul.menu a:hover, .sub ul.menu li.active a {background:transparent url("../images/menu2-active.jpg") no-repeat;} #one, #one a {width:148px;} #two, #two a {width:152px;} #three, #three a {width:144px;} #four, #four a {width:144px;} #one:hover a, #one.active a {background-position:0 0;} #two:hover a, #two.active a {background-position:-148px 0px;} #three:hover a,#three.active a {background-position:-300px 0px;} #four:hover a, #four.active a {background-position:-444px 0px;} #btn-browse {display:block; width:139px; height:50px; position:absolute; left:64px; top:450px; line-height:50px; text-align:center;} #btn-browse:hover{background:url("../images/btn-browse-active.jpg") no-repeat;} #slider { position:absolute; top:223px; overflow:hidden; width:599px; top:224px; height:288px; left:-1px; /*santa*/ /*width:599px; height:314px; left:6px*/ } #ads {height:197px; background:url("../images/ads.jpg") no-repeat; padding-left:20px; position:absolute; top:584px; width:100%;} #ads li {display:block; float:left; height:173px; margin-top:5px; background-color:#000;} #ads a {width:153px; height:173px; display:block; float:left; text-indent:-9999px; font-size:1px; opacity:0;} #ads #stag ,#ads #stag a {width:155px; } #ads #stag a {background:url("../images/front-stag.jpg") no-repeat;} #ads #links, #ads #links a {width:157px;} #ads #links a {background:url("../images/front-links.jpg") no-repeat;} #ads #kissograms, #ads #kissograms a {width:157px;} #ads #kissograms a {background:url("../images/front-kissograms.jpg") no-repeat;} #ads #photos, #ads #photos a {width:157px;} #ads #photos a {background:url("../images/front-photos.jpg") no-repeat;} #ads #vip, #ads #vip a {width:156px;} #ads #vip a {background:url("../images/front-vip.jpg") no-repeat;} #ads #casino, #ads #casino a {width:155px;} #ads #casino a {background:url("../images/front-casino.jpg") no-repeat;} #content-outer {background:url("../images/content-bg.jpg") repeat; margin-top:781px;} .sub #content-outer {margin-top:169px;} #content {min-height:200px; padding:35px; background:url("../images/content-bg-top.jpg") no-repeat; } .sub #content {min-height:774px; padding:70px 10px 30px 35px; background:#252525 url("../images/content2-bg.jpg") no-repeat; overflow:hidden;} .sub #content h2 {text-align:right; padding-right:70px;} #content-bottom {background:#50484e url("../images/content-bg-bottom.jpg") no-repeat; height:26px;} .sub #content-bottom {background:#50484e url("../images/content2-bg-bottom.jpg") no-repeat; height:24px;} #col-alpha, #col-beta {float:left;} #col-alpha {width:700px;} #col-beta {width:205px;} #col-beta .inner {padding-left:83px; position:relative;} #content #col-beta ul, #content #col-beta ol {margin-left:0px; padding-left:83px; position:relative;} #content #col-beta li {list-style-type:none; float:left;} .banner {width:128px; height:142px; margin-bottom:25px; display:block; background:url("../images/transparent-box.png") no-repeat;} .banner a {display:block; width:128px; height:142px; text-indent:-9999px; font-size:1px;} #side-stag a {background:url("../images/side-stag.png") no-repeat;} #side-airport a {background:url("../images/side-airport.png") no-repeat;} #side-kissograms a {background:url("../images/side-kissograms.png") no-repeat;} #side-photos a {background:url("../images/side-photos.png") no-repeat;} #side-vip a {background:url("../images/side-vip.png") no-repeat;} #side-casino a {background:url("../images/side-casino.png") no-repeat;} #footer {background:url("../images/footer-bg.jpg") no-repeat; height:158px; padding:35px; margin:30px 0px; position:relative;} #designer {position:absolute; float:none !important; top:-26px; left:23px; width:920px !important;} #designer p {font-size:12px; color:#929292;} #footer div {width:275px; float:left;} #facebook {position:absolute; bottom:40px; left:95px; } #established {position:absolute; bottom:40px; left:315px; color:#c43633;} /* misc -----------------------*/ #content h2 { text-shadow: 5px 5px 4px #000000; filter: dropshadow(color=#000000, offx=5, offy=5); } #footer h2 { text-shadow:3px 3px 5px rgba(222,7,7,1); } body:after{ content: url("../images/menu2-active.jpg") url("../images/menu-active.jpg") url("../images/transparent-box.jpg") url("../images/btn-browse-active.jpg") url("../images/transparent.jpg") url("../images/png-left.png") url("../images/transparent-box.png") url("../images/png-right.png"); display: none; }