/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote {
margin: 50px 0 30px 50px;
padding: 1px 0 0 50px;
font-weight: normal;
background: url(images/quote-up.png) no-repeat;
}
.contentTable {
margin-left: auto;
margin-right: auto;
}
.contentTable th {
background-color: #3d5d26;
color: #fff;
padding: 3px;
font-weight: normal;
text-align: center;
font-size: 85%;
}
.contentTable td {
background-color: #edf0ea;
padding: 3px;
text-align: left;
font-size: 85%;
}
/* LAYOUT */
a:link, a:visited, a:hover, a:active {
/*color:rgb(255,210,0);*/
/*color: rgb(132,160,117);*/
color:rgb(55, 133, 0);
font-weight:bold;
text-decoration:none;
}
.news-body>p>a:link, .news-body>p>a:visited, .news-body>p>a:active, .section>p>a:link, .section>p>a:visited, .section>p>a:hover, .section>p>a:active, .section>ul>li>a:link, .section>ul>li>a:visited, .section>ul>li>a:active, small>a:link, small>a:visited, small>a:active {
background-color:rgb(236, 240, 234);
border-radius:8px;
padding:3px 6px;
}
#logo {
left: 73px;
top: 47px;
width: 270px;
height: 120px;
position: absolute;
}
#screen {
width:100%;
min-width:990px;
overflow:hidden;
}
#center {
background-color: rgb(64, 111, 36);
margin: 0 auto;
width: 1000px;
/*width:86%;
min-width:1000px;
max-width:1200px;*/
}
#leftShift {
position: relative;
margin-left:-514px; /* = sideLeftRepeat.png (minus right trimming of 8px) + sideRightRepeat.png widths (minus left trimming of 8px) * -1 */
width:100%;
}
#rightShift {
position: relative;
margin-left:257px; /* = sideRightRepeat.png width (minus right trimming of 8px) */
width:100%;
}
#topLeft {
position:absolute;
background-image: url('sunset/images/sprite-vert.jpg');
background-position: left -0px;
width: 800px;
height: 432px;
}
#topCenter {
position:absolute;
background-image: url('sunset/images/sprite-vert.jpg');
background-position: left -432px;
width: auto;
height: 233px;
left:800px; /* topLeft.png width */
right: -514px;
}
#topRepeat {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -0px;
height: 42px;
position:absolute;
margin-top:5px;
width:auto;
left:544px; /* topLeft.png width */
right:544px; /* topRight.png width */
}
#topRight {
position:absolute;
right:0;
top:233px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -42px;
width: 801px;
height: 198px;
z-index: 100;
}
#topRightBg {
position:absolute;
right:0;
top:0;
width: 687px;
height: 222px;
z-index: 98;
}
#sideLeft {
position:absolute;
top:432px;
bottom:167px;
height:auto;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -0px top;
width: 265px;
}
#sideLeftTop {
background-image: url('sunset/images/sprite-vert.jpg');
background-position: left -665px;
width: 264px;
height: 379px;
}
#sideRight {
position:absolute;
top:431px;
bottom:167px;
right:0;
height:auto;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -265px top;
width: 265px;
}
#sideRightTop {
background-image: url('sunset/images/sprite-vert.jpg');
background-position: left -1044px;
width: 265px;
height: 379px;
}
#contentCenter {
position:relative;
margin-left:257px; /* = sideLeftRepeat.png width (minus right trimming of 8px) */
width:100%;
/*padding-bottom:166px;*/
clear:both;
padding-top:228px;
}
#contentBox ul {
list-style-type: none;
/* margin: 0px; */
}
#contentBox ul li {
background-image: url(images/li.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 18px;
}
#contentBox > .gallery > div ul {
list-style-type: none;
}
#contentBox > .gallery > div ul li {
background-image: none;
padding-left: 0px;
}
#base {
position:relative;
z-index:101;
padding-bottom:133px;
}
#bottomLeft {
position:absolute;
margin-top:-267px;
background-image: url('sunset/images/sprite-vert.jpg');
background-position: left -1423px;
width: 531px;
height: 267px;
}
#bottomRepeat {
position:absolute;
bottom:0;
width:100%;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -240px;
background-repeat: repeat-x;
height: 267px;
}
#bottomRight {
position:absolute;
right:0;
margin-top:-267px;
background-image: url('sunset/images/sprite-vert.jpg');
background-position: left -1690px;
width: 532px;
height: 267px;
}
p {
margin: 1em 0% 0px 0px;
line-height: 23px;
}
ul {
margin: 1em auto 0px 0px;
padding-left: 20px;
}
strong {
font-weight: bold;
}
.section {
overflow:hidden;
}
#baseLeft {
float:left;
width:18%;
padding-top:36px;
min-width: 190px;
max-width: 220px;
}
#baseCenter {
overflow:hidden;
padding:37px 0 0 0;
}
#baseRight {
float:right;
width:18%;
padding:36px 0 0 1.1%;
text-align:right;
min-width: 200px;
max-width: 240px;
}
#baseFooter {
clear:both;
}
#footer {
position:relative;
margin-top:-70px;
padding-bottom:20px;
text-align:center;
font-size: 11px;
color: rgb(170,170,170);
z-index:110;
}
#footer a {
color: rgb(170,170,170);
}
#content {
margin:18px;
}
#contentBox {
background-color:white;
/*box-shadow:0px 0px 100px rgb(200,200,200) inset;*/
color: black;
border-radius:5px;
min-height:30px;
padding:2.5% 4.5% 10.8% 5%;
line-height:20px;
}
#beacon {
position:absolute;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -507px;
width:44px;
height:44px;
right:324px;
top:-183px;
}
.plane {
position:absolute;
width:7px;
height:7px;
z-index:90;
}
#plane1 {
top:40px;
left:300px;
background-image:url(images/plane-right.gif);
}
#plane2 {
top:70px;
left:1000px;
background-image:url(images/plane-left.gif);
}
#blimp {
position:absolute;
left:365px;
top:88px;
background-image:url(images/blimp.gif);
width:7px;
height:8px;
}
/* WIDGETS */
#socialIconCenter {
left:-30px;
margin-left:50%;
}
#socialIconRight {
left:-60px;
margin-left:100%;
}
#widgets_right .widget h2, .poll-question {
text-shadow: 0 2px 4px black, 0 0 8px black;
font-family: Oswald;
font-size:18px;
margin: -2px 0 4px 0;
}
.poll-options, .poll-results {
margin: 0;
}
#widgets_right .widget a {
color: #fff;
text-decoration: none;
}
/* SOCIAL ICONS */
#socialIcons {
margin: 0 0 10px 0;
height: 56px;
width: 100%;
position:relative;
}
#socialIcons div {
position:absolute;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -551px;
width:56px;
height:56px;
}
#socialIcons div a {
width: 32px;
height:32px;
display: block;
text-indent: 9999px;
float: left;
margin: 12px;
overflow: hidden;
outline:none;
white-space:nowrap;
}
#social-rss {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -607px;
}
#social-facebook {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -639px;
}
#social-twitter {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -671px;
}
/* TABS */
.tabContainer {
display:table-cell;
width:9%;
position:relative;
}
.tabSpacer {
display: table-cell;
width:13%;
}
.tab_active_label, .tab_active_label:link, .tab_active_label:hover, .tab_active_label:visited, .tab_active_label:active {
position:absolute;
color:white;
text-align:center;
width:100%;
height:25px;
top:3px;
font-family: Oswald, sans-serif;
font-weight:normal;
font-size:20px;
text-shadow: 0 2px 4px black, 0 0 8px black;
text-decoration:none;
}
.tab_inactive_label, .tab_inactive_label:link, .tab_inactive_label:hover, .tab_inactive_label:visited, .tab_inactive_label:active {
color: rgb(212, 230, 193); /*rgb(217, 233, 200); rgb(185,215,155); */
position:absolute;
text-align:center;
width:100%;
height:25px;
bottom:-2px;
font-family: Oswald, sans-serif;
font-weight:normal;
font-size:18px;
text-shadow: 0 2px 4px black, 0 0 8px black;
text-decoration:none;
}
.tab_active_flare {
position:absolute;
top:-28px;
left:-50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -703px;
width:70px;
height:70px;
opacity: 0.8;
}
.tab_inactive_flare {
position:absolute;
top:-26px;
left:-44px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -703px;
width:70px;
height:50px;
opacity: 0.6;
}
div.tab_inactive_anim {
height:25px;
}
.tab_active {
bottom:-6px;
width:100%;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -773px;
background-repeat: repeat-x;
height: 46px;
}
.tab_active_left {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -819px;
width: 60px;
height: 46px;
position:absolute;
left:-40px;
top:0;
}
.tab_active_right {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -865px;
width: 60px;
height: 46px;
margin-left:100%;
position:absolute;
right:-40px;
top:0;
}
.tab_hover_repeat {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -911px;
height: 29px;
}
.tab_hover_left {
position:absolute;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -940px;
width: 60px;
height: 29px;
}
.tab_hover_right {
position:absolute;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -969px;
width: 60px;
height: 29px;
}
.tab_inactive {
position:relative;
bottom:15px;
height:29px;
overflow: visible !important;
}
.tab_inactive_repeat {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -998px;
height: 29px;
width:100%;
position:absolute;
bottom:0;
}
.tab_inactive_left {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1027px;
width: 60px;
height: 29px;
position:absolute;
left:-40px;
bottom:0;
}
.tab_inactive_right {
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1056px;
width: 60px;
height: 29px;
margin-left:100%;
position:absolute;
right:-36px;
bottom:0;
}
#tabsContainer {
position:absolute;
margin-top:-26px;
width:100%;
height:56px;
z-index:101;
}
#tabsContainer2 {
margin: 0 180px;
width:auto;
height:56px;
}
#tabs {
width:100%;
}
.tab {
min-width:70px;
position:relative;
}
.tab1 {
z-index: 105;
}
.tab2 {
z-index: 104;
}
.tab3 {
z-index: 103;
}
.tab4 {
z-index: 102;
}
/* CONTENT */
body {
color: rgb(255,255,255);
font-family: "Ubuntu", "Bitstream Vera Sans", "DejaVu Sans", Arial, sans-serif;
font-weight:normal;
font-size: 15px;
letter-spacing: -0.05em;
line-height: 1.21;
margin:0;
}
h1 {
font-size: 36px;
/*font-family: Oswald, sans-serif;*/
/*font-family: 'Holtwood One SC', serif;*/
/*font-family: 'Rokkitt', serif;*/
/*font-family: 'Vollkorn', serif;*/
/*font-family: Asset;*/
font-family: Oswald; /*Volkhov*/
text-transform: uppercase;
margin:21px 0 18px 8px;
text-shadow: black 0 4px 6px;
letter-spacing: -0.04em;
}
h2 {
font-size: 28px;
font-family: Oswald, sans-serif;
margin-top: 25px;
margin-bottom: 5px;
}
h3 {
font-size: 18px;
font-weight:bold;
}
a h3 {
color: rgb(76,107,43);
}
small {
font-size: 12px;
}
.dialog {
background-color: rgb(65,80,100);
color: white;
padding: 30px;
border-radius: 18px;
/*box-shadow: 0 20px 50px black, inset 0 5px 18px 5px rgb(105,120,140);*/
border: 2px solid rgb(125,140,160);
}
.dialog > .title {
font-size:26px;
font-weight:bold;
position:relative;
margin:-15px 0 10px 0;
}
.js .jsHidden {
opacity: 0; /* must be first */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* must be second */
filter: alpha(opacity=0); /* must be third */
}
.contentImage, .contentImageCaption, .contentVideo, .contentFloat {
margin: 30px 0px 30px 25px;
/*box-shadow: 0 0 0 10px #3D5D26;*/
background-color: #3D5D26;
border-radius: 50px;
border: 10px solid #3D5D26;
overflow:hidden;
}
.contentImageCaption, .contentFloat {
color: white;
font-weight: normal;
line-height: 28px;
font-size: 25px;
font-family: Oswald;
letter-spacing:-0.05em;
text-align:center;
}
.contentImageCaption {
padding-bottom:10px;
}
.contentImageCaption img {
margin-bottom:4px;
border-radius:20px;
}
.contentVideo {
margin: 30px;
/*box-shadow: 0 0 0 10px #3D5D26;*/
background-color: #3D5D26;
border-radius: 15px;
}
/* SPOTLIGHTS */
#spotlight1 {
position:absolute;
right:370px;
margin-top:-115px;
width:46px;
height:500px;
}
#spotlight2 {
position:absolute;
right:350px;
margin-top:-115px;
width:46px;
height:500px;
}
/* CONTENT 2 */
#sectionPageLinks {
display:inline-block;
position:relative;
float:right;
margin:10px 0 0 0;
}
#sectionPageLinks a:link, #sectionPageLinks a:visited, #sectionPageLinks a:hover, #sectionPageLinks a:active {
color:white;
text-decoration:none;
display: inline-block;
font-weight:normal;
font-size:18px;
padding:5px 7px 7px;
/*margin:0 6% 0 0;*/
border-radius: 10px;
float:left;
font-family:Oswald;
}
#sectionPageLinks .sectionPageLinkSelected:link, #sectionPageLinks .sectionPageLinkSelected:visited, #sectionPageLinks .sectionPageLinkSelected:hover, #sectionPageLinks .sectionPageLinkSelected:active {
color: black;
background-color: white; /*#608546;*/
}
/* NEWS */
/* .news-date {
height: 28px;
line-height: 28px;
background: url(images/news-date.gif) repeat-x 0 -28px;
margin: 15px 0;
clear: both;
}
.news-date-left {
float: left;
width: 34px;
height: 28px;
background: url(images/news-date.gif) no-repeat;
margin-right: 5px;
}
.news-date-right {
float: right;
width: 18px;
height: 28px;
background: url(images/news-date.gif) no-repeat -34px 0;
} */
.news-date {
margin: 15px 0;
font-weight: bold;
}
.news-title, .news-details, .news-body {
padding: 0;
}
.news-title {
margin-top: 0px;
margin-bottom: 5px;
font-size: 32px;
line-height:35px;
padding: 0;
background: transparent;
-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
}
.news-title a {
text-decoration: none;
color: #000;
font-weight: normal;
}
.news-details {
font-size: 12px;
margin-bottom: 10px;
}
.news-details span {
font-weight: bold;
}
.news-body {
padding-bottom: 50px;
}
.news-search-hl {
outline: #ca5e00 solid thin;
}
.news-social {
position:relative;
z-index:110;
float: right;
margin-right: 15px;
}
#search-input {
width: 75%;
}
/* PAGE SPECIFIC */
.page-screenshots #baseRight, .page-trailers #baseRight, .page-artworks #baseRight, .page-wallpapers #baseRight {
display: none;
}
p>.character {
color: #378500;
font-weight: bold;
}
/* TIMELINE */
#timeline.show {
float: left;
width: 230px;
height: 400px;
overflow: hidden;
margin-top: -10px;
}
#timeline-graph.show {
height: 400px;
float: right;
width: 425px;
}
#timeline ul {
margin: 0;
padding: 0;
background-image: none;
}
#timeline li {
text-transform: uppercase;
padding: 10px 0 5px 0;
font-weight: bold;
list-style: none;
background-image: none;
}
#timeline li.timeline-event {
text-transform: none;
padding: 0;
margin: 0 0 0 30px;
font-weight: normal;
list-style: circle;
}
#timeline.show ul {
padding: 300px 0;
}
#timeline.show li {
padding: 0;
margin: 5px 0;
font-weight: bold;
list-style: none;
text-align: center;
border: 1px solid #3d5d26;
background-image: none;
}
#timeline.show li.timeline-event {
padding: 5px;
margin: 0;
font-weight: normal;
text-align: left;
border: 0;
font-size: 100%;
}
#timeline li.active {
color: #fff;
background: #3d5d26;
}
#point-tooltip {
border: 1px solid #fdd;
padding: 4px;
background: #3d5d26;
color: #fff;
opacity: 0.8;
text-align: right;
font-size: 85%;
}
button, .button {
-moz-box-shadow:inset 0px 1px 0px 0px #b0e08b;
-webkit-box-shadow:inset 0px 1px 0px 0px #b0e08b;
box-shadow:inset 0px 1px 0px 0px #b0e08b;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #85a86a), color-stop(1, #355021) );
background:-moz-linear-gradient( center top, #85a86a 5%, #355021 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85a86a', endColorstr='#355021');
background-color:#85a86a;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #000000;
display:inline-block;
color:#ffffff;
font-family:Oswald, Arial;
font-size:22px;
padding:7px 20px 10px 20px;
text-decoration:none;
text-shadow:1px 1px 0px #000000;
}
button:hover, .button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #355021), color-stop(1, #85a86a) );
background:-moz-linear-gradient( center top, #355021 5%, #85a86a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#355021', endColorstr='#85a86a');
background-color:#355021;
}
button:active, .button:active {
position:relative;
top:1px;
}
#vinewoodSign {
position:absolute;
top:43px;
left:32px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1085px;
width: 407px;
height: 206px;
}
#vinewoodSignRight {
position:absolute;
top:126px;
left:439px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1291px;
width: 248px;
height: 128px;
}
#baseBgLeft {
position: absolute;
width: 160px;
top: 433px;
bottom: 160px;
left:8px;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -530px top;
}
#baseBgRight {
position: absolute;
width: 160px;
top: 433px;
bottom: 160px;
right:8px;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -690px top;
}
#topRightFadeOut {
top: -300px;
position: absolute;
width: 228px;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -850px top;
height: 300px;
right: 0;
}
#splashOverlay {
position: absolute;
background-color: rgba(255, 255, 255, 0.13);
width: auto;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.featureBox {
overflow:hidden;
text-transform:uppercase;
text-shadow: 0 0 6px black;
position: absolute;
width: auto;
height: auto;
top: 0;
bottom:0;
left: 0;
right:0;
margin:6px;
}
.featureBox a {
position:relative;
width:100%;
height:100%;
z-index:110;
}
.featureBox a:link, .featureBox a:active, .featureBox a:visited, .featureBox a:hover {
color:white;
font-weight: normal;
}
.hidden {
display:none;
}
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LeagueGothicRegular';
src: url('League_Gothic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.slanted {
-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-9deg, 0deg);
}
.vehiclesList > div {
display: inline-block;
vertical-align: top;
margin: 0 9px 16px 0;
width: 210px;
}
.vehiclesList > div > a > img {
border-radius: 7px;
}
.wallpaperList img {
border-radius: 7px;
}
.contentBg {
position:relative;
padding:10px;
/* box-shadow: rgba(190, 255, 150, 0.2) 0px 1px 1px 0px inset, rgba(190, 255, 150, 0.8) 0px -1px 2px 1px inset, rgba(18, 65, 0, 0.5) 0px 0px 0px 8px, black 0px 10px 40px inset;*/
/*border-top: 1px solid rgba(255,255,255,0.2);*/
min-height:80px;
}
.contentBg > .content {
position:relative;
}
.contentBg > .bg {
background-color: rgb(43, 65, 27); /* rgb(32, 49, 20); rgb(38, 58, 24); rgb(32,49,20); rgb(29,43,13); rgb(31,46,14); rgb(32,48,14); rgb(39,55,24); rgb(27,41,15)*/
position:absolute;
top:50px;
bottom:50px;
left:50px;
right:50px;
width:auto;
height:auto;
}
.contentBg > .topLeft {
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1419px;
}
.contentBg > .top {
position:absolute;
top:0;
left:50px;
right:50px;
width:auto;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1469px;
}
.contentBg > .topRight {
position:absolute;
top:0;
right:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1519px;
}
.contentBg > .left {
position:absolute;
top:50px;
bottom:50px;
left:0;
width:50px;
height:auto;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -1078px top;
}
.contentBg > .right {
position:absolute;
top:50px;
bottom:50px;
right:0;
width:50px;
height:auto;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -1128px top;
}
.contentBg > .bottomLeft {
position:absolute;
bottom:0;
left:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1569px;
}
.contentBg > .bottom {
position:absolute;
bottom:0;
left:50px;
right:50px;
width:auto;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1619px;
}
.contentBg > .bottomRight {
position:absolute;
bottom:0;
right:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1669px;
}
.widget {
position:relative;
padding:10px;
/* box-shadow: rgba(190, 255, 150, 0.2) 0px 1px 1px 0px inset, rgba(190, 255, 150, 0.8) 0px -1px 2px 1px inset, rgba(18, 65, 0, 0.5) 0px 0px 0px 8px, black 0px 10px 40px inset;*/
/*border-top: 1px solid rgba(255,255,255,0.2);*/
min-height:80px;
}
.widget > .content {
position:relative;
width:auto;
height:100%;
}
.widget > .bg {
background-color: rgb(43, 65, 27); /* rgb(32, 49, 20); rgb(38, 58, 24); rgb(32,49,20); rgb(29,43,13); rgb(31,46,14); rgb(32,48,14); rgb(39,55,24); rgb(27,41,15)*/
position:absolute;
top:17px;
bottom:17px;
left:17px;
right:17px;
width:auto;
height:auto;
}
.widget > .topLeft {
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1719px;
}
.widget > .top {
position:absolute;
top:0;
left:50px;
right:50px;
width:auto;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1769px;
}
.widget > .topRight {
position:absolute;
top:0;
right:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1819px;
}
.widget > .left {
position:absolute;
top:50px;
bottom:50px;
left:0;
width:50px;
height:auto;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -1178px top;
}
.widget > .right {
position:absolute;
top:50px;
bottom:50px;
right:0;
width:50px;
height:auto;
background-image: url('sunset/images/sprite-horiz.png');
background-position: -1228px top;
}
.widget > .bottomLeft {
position:absolute;
bottom:0;
left:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1869px;
}
.widget > .bottom {
position:absolute;
bottom:0;
left:50px;
right:50px;
width:auto;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1919px;
}
.widget > .bottomRight {
position:absolute;
bottom:0;
right:0;
width:50px;
height:50px;
background-image: url('sunset/images/sprite-vert.png');
background-position: left -1969px;
}
#widgets_right > .widget {
margin-bottom:10px;
}
#widgets_right > .widget > .bg {
background-repeat: repeat-y;
background-position: top right;
background-image: url("images/widgetBgRepeat.png");
}
#widgets_right > .widget > .topBg {
background-repeat: no-repeat;
background-position: top right;
background-image: url('sunset/images/sprite-vert.png');
background-position: right -2019px;
position: absolute;
width: auto;
height: 56px;
top: 17px;
left:17px;
right:17px;
}
#widgets_right .widget .content {
padding:16px 17px;
font-size:13px;
text-align:left;
}
#widgets_right .widget .content.forum-highlight {
padding-right:0;
}
#widgets_right .widget .content.forum-highlight a {
font-size:11px;
font-weight:normal;
letter-spacing:0.01em;
}
.continue {
margin:15px 15px 25px 15px;
text-align:center;
font-family:Oswald;
font-size:22px;
}
.continue a:link, .continue a:visited, .continue a:hover, .continue a:active {
color:white;
font-weight:normal;
}
/* POLL - a lot of css to try and stuff everything into that small box */
#poll .poll-options, #poll .poll-results {
list-style:none;
padding-left:2px;
}
#poll .poll-options li, #poll .poll-results li {
padding:2px 0;
}
#poll label {
cursor: pointer;
padding-left: 15px;
background: url(images/li-buttons.png) no-repeat 0 5px;
}
#poll label:hover {
background-position: 0 -20px;
}
#poll input[type="submit"] {
float: right;
position: relative;
top: -20px;
}
#poll span {
display: none;
}
#poll .poll-results li {
padding: 1px 0 1px 10px;
}
#poll .poll-results-bar {
background: #303030;
height: 16px;
margin-left:15px;
padding-left: 10px;
}
#poll .poll-results-name {
position: relative;
left:12px;
top:15px;
padding: 0 10px 0 5px;
font-size: 90%;
line-height: 12px;
}
#poll .poll-results-votes {
clear: both;
float: left;
position: relative;
left: -40px;
text-align: right;
width: 20px;
font-size: 80%;
}
/* COUNTER */
.cntdigit {
background-image: url('https://media.gtanet.com/gta-5/images/gi-counter.png');
background-repeat: no-repeat;
height: 44px;
width: 18px;
}
.cntdigit span {
display:none;
}
#counter {
width: 310px; height: 52px;
margin: 0 auto;
padding: 0;
/* background-color: #000; */
text-align: center;
cursor: hand;
}
#counter a {
text-decoration: none;
}
#counter span {
background-image: url('https://media.gtanet.com/gta-5/images/gi-counter.png');
background-repeat: no-repeat;
width: 18px; height: 44px;
margin: 4px 0px;
float: left;
}
#counter span strong {
display: none;
}
#counter strong {
width: 10px; height: 44px;
float: left;
}
#counterbox {
margin-top: 7px;
}
.explain {
border-bottom: 1px dotted #333;
}
.imageRounded {
border-radius: 7px;
}