67 lines
5.4 KiB
CSS
67 lines
5.4 KiB
CSS
|
html {height: 100%;}
|
||
|
|
|
||
|
|
body {background:#000 url('../img/main/body-bg.jpg') no-repeat 50% top;color:#ffffff;font:normal 13px Arial,sans-serif;min-height: 981px;margin:0 auto;height:100%;background-color:#000;}
|
||
|
|
#page {margin:0 auto;padding:0;position:relative;width:624px;z-index:2;}
|
||
|
|
|
||
|
|
/* HEAD */
|
||
|
|
#headcontent {width:658px;height:622px;display:block;background:url('../img/main/headcontent-bg.jpg') no-repeat;}
|
||
|
|
#headcontent a.gratisbutton {position:absolute;top:250px;left:40px;width:77px;height:77px;display:block;}
|
||
|
|
#headcontent .bar { margin-left: 0px }
|
||
|
|
#story {position:absolute;top:350px;left:45px;width:258px;height:228px;background:url('../img/main/story.png') -5px 0px no-repeat;display:block;text-align:left;}
|
||
|
|
#story .headline {position:absolute;top:0px;left:0px;width:245px;height:22px;color:#e5b386;font-size:16px;font-weight:bold;padding-left:10px;padding-top:8px;}
|
||
|
|
#story .maintext {position:absolute;top:42px;left:10px;width:245px;height:185px;color:#ffffff;}
|
||
|
|
#page #headcontent a.youtube {position:absolute;top:385px;left:302px;width:319px;height:242px;background:url('../img/main/headcontent-youtube.png') 0px -3px no-repeat transparent;display:block;}
|
||
|
|
|
||
|
|
/* CONTENT */
|
||
|
|
#content {margin:0 auto;padding:0;position:relative;top:0px;width:658px;min-height:100px;display:block;background:url('../img/main/content-bg.jpg') repeat-y #000;}
|
||
|
|
.bar {width:580px;height:38px;margin-left:45px;background:url('../img/main/content-bar.png') -5px 0px no-repeat transparent;display:block;text-align:left;color:#e5b386;font-size:16px;font-weight:bold;padding-left:10px;padding-top:8px;}
|
||
|
|
.left_col {float:left;margin-left:55px;width:300px;font-family:Arial,sans-serif;}
|
||
|
|
.right_col {float:left;margin-left:15px;width:240px;font-family:Arial,sans-serif;text-align:center;}
|
||
|
|
.clear {clear:both;}
|
||
|
|
.col1 {margin-left:55px;width:540px;font-family:Arial,sans-serif}
|
||
|
|
.subtitle { color: rgb(233, 196, 155); font-size: 14px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; }
|
||
|
|
.subtext.last {margin-bottom: 15px;}
|
||
|
|
img.homethumb {border:1px solid #999;margin-bottom:15px}
|
||
|
|
a.homethumb, a.homethumb:hover {margin: 45px auto;width:150px}
|
||
|
|
|
||
|
|
/* NAVIGATION */
|
||
|
|
#navigation {margin-left:35px;padding-top:3px;width:586px;height:48px;background:url('../img/main/nav-bar.jpg') no-repeat transparent;}
|
||
|
|
#navigation a {background:url('../img/main/nav-btn.png') no-repeat transparent;width:160px;height:30px;display:block;text-align:center;padding-top:12px;text-decoration:none;font-size:16px;font-weight:bold;color:#e9d3c0;}
|
||
|
|
#navigation a:hover, #navigation a:active {background:url('../img/main/nav-btn-hover.png') no-repeat transparent;width:160px;height:30px;display:block;text-align:center;padding-top:12px;text-decoration:none;font-size:16px;font-weight:bold;color:#e9d3c0;}
|
||
|
|
#navigation a.index_nav {margin-left:10px;float:left;}
|
||
|
|
#navigation a.news_nav {margin-left:43px;float:left;}
|
||
|
|
#navigation a.media_nav {margin-left:43px;float:left;}
|
||
|
|
|
||
|
|
/* NEWS */
|
||
|
|
.news_con {padding:10px;border-top:1px dotted #666;}
|
||
|
|
.news_con a {color:#e5b386}
|
||
|
|
h3, h3 a {color:#e5b386;font-size:14px;margin-bottom:5px;}
|
||
|
|
p {margin-bottom:5px;}
|
||
|
|
.date {color:#b1331b;font-size:12px;margin-right:5px;}
|
||
|
|
.news_list {margin-left:15px;margin-bottom:15px;list-style-image:url('../img/main/news-list.png');}
|
||
|
|
a.news_link {color:#e5b386;text-decoration:none}
|
||
|
|
|
||
|
|
/* MEDIA */
|
||
|
|
#media {margin:0 0 0 0;}
|
||
|
|
#media img {border:1px solid #999;}
|
||
|
|
#media a {text-decoration:underline;color:#fff;}
|
||
|
|
#media a:hover {color:#ccc;}
|
||
|
|
.col4 {float:left;margin-left:20px;margin-bottom:15px;width:127px;text-align:center;}
|
||
|
|
|
||
|
|
/* SOCIALS */
|
||
|
|
a.twitter {margin-left:45px;float:left;width:160px;height:70px;display:block;background:url('../img/main/socials-twitter.png') no-repeat transparent;}
|
||
|
|
a.rss {float:left;margin-left:45px;margin-top:17px;width:160px;height:53px;display:block;background:url('../img/main/socials-rss.png') no-repeat transparent;}
|
||
|
|
a.facebook {float:left;margin-left:45px;margin-top:17px;width:160px;height:53px;display:block;background:url('../img/main/socials-facebook.png') no-repeat transparent;}
|
||
|
|
a.facebook_ymir {float:left;margin-left:45px;margin-top:17px;width:160px;height:53px;display:block;background:url('../img/main/socials-facebook-ymir.png') no-repeat transparent;}
|
||
|
|
|
||
|
|
/* FOOTER */
|
||
|
|
#footer {background:url('../img/main/footer-bg.jpg') no-repeat scroll;color:#596580;display:block;float:left;font:10px Arial;height:202px;width:657px;text-align:center;}
|
||
|
|
#footer a.playbutton {margin:0 auto;display:block;text-align:center;padding-top:10px;text-decoration:none;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;color:#ffcc99;width:255px;height:40px;background:url('../img/main/playbutton.png') no-repeat transparent;}
|
||
|
|
#footer a.playbutton:hover {margin:0 auto;display:block;display:block;text-align:center;padding-top:10px;text-decoration:none;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;color:#ffcc99;width:255px;height:40px;background:url('../img/main/playbutton-hover.png') no-repeat transparent;}
|
||
|
|
#footer a.gameforgelogo {margin:0 auto;display:block;width:152px;height:46px;background:url('../img/main/gameforgelogo.png') no-repeat transparent;}
|
||
|
|
#footer a.gameforgelogo:hover {margin:0 auto;display:block;width:152px;height:46px;background:url('../img/main/gameforgelogo-hover.png') no-repeat transparent;}
|
||
|
|
#footer img.usk {float:right;margin-right:10px;margin-top:-45px;}
|
||
|
|
#footer p { padding:23px 0 0 0; }
|
||
|
|
#footer p a { color:#e8bf47;text-decoration:none; padding:0 5px 0 5px;}
|
||
|
|
#footer p a:hover {text-decoration:underline; padding:0 5px 0 5px;}
|