/* * TGTAP v5 * style.css */ /* RESETS FROM HTML5 BOILERPLATE v2 - STRIPPED OUT THE COMMENTS*/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 62.5%; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/ a { text-decoration: underline; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; width: 98%; margin: 0 auto; } td { vertical-align: top; } /* TGTAP STYLES * has an ID, one of: themeMain, themeV, themeIV, themeVCS, themeLCS, themeSA, themeVC, themeIII */ body{ margin: 0px auto 10px auto; padding: 0; background: #222222 url('/images/bg.jpg') repeat; color: #000; font-family: verdana,helvetica,arial,sans-serif; } /* LINKS */ #themeMain a { color: #004caf; } #themeMain a:hover { color: #327fe0; } #themeV a { color: #418042; } #themeV a:hover { color: #284a2d; } #themeIV a { color: #283b4a; } #themeIV a:hover { color: #46657e; } #themeVCS a { color: #91446b; } #themeVCS a:hover { color: #b76f93; } #themeLCS a { color: #bc1515; } #themeLCS a:hover { color: #6e1111; } #themeSA a { color: #783318; } #themeSA a:hover { color: #482618; } #themeVC a { color: #8f467f; } #themeVC a:hover { color: #c53e81; } #themeIII a { color: #46657e; } #themeIII a:hover { color: #283b4a; } p{ line-height: 160%; margin: 0; padding: 2px 0 2px 0; } /* HEADINGS */ h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, Verdana, sans-serif; } h1{ font-size: 150%; } h1.pageheading{ margin: 5px 0 10px 0; font-size: 160%; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } #themeMain h1.pageheading { color: #444; text-shadow: 0px 2px 2px #999; } #themeV h1.pageheading { color: #0f3613; text-shadow: 0px 2px 2px #81b980; } #themeIV h1.pageheading { color: #1a2636; text-shadow: 0px 2px 2px #8096b9; } #themeVCS h1.pageheading { color: #8f467f; text-shadow: 0px 2px 2px #c59db6; } #themeLCS h1.pageheading { color: #561515; text-shadow: 0px 2px 2px #c28688; } #themeSA h1.pageheading { color: #3c1f14; text-shadow: 0px 2px 2px #c78a72; } #themeVC h1.pageheading { color: #8f467f; text-shadow: 0px 2px 2px #c59db6; } #themeIII h1.pageheading { color: #1a2636; text-shadow: 0px 2px 2px #8096b9; } h2{ font-size: 140%; } h3{ font-size: 130%; margin: 0 0 4px 0; } h4{ font-size: 120%; margin: 0 0 4px 0; } h5{ font-size: 110%; } /* HEADER */ #container{ margin: 0 auto; width: 980px; -webkit-box-shadow: 0 0 18px #000; -moz-box-shadow: 0 0 18px #000; box-shadow: 0 0 18px #000; } #header{ width: 100%; height: 140px; cursor: pointer; padding-top: 30px; } #themeMain #header{ background: #303030 url("/images/header/main.jpg") 0 30px no-repeat; } #themeV #header{ background: #0e360d url("/images/header/gtav.jpg") 0 30px no-repeat; } #themeIV #header{ background: #23394b url("/images/header/gta4.jpg") 0 30px no-repeat; } #themeVCS #header{ background: #b76f93 url("/images/header/gtavcs.jpg") 0 30px no-repeat; } #themeLCS #header{ background: #6e1111 url("/images/header/gtalcs.jpg") 0 30px no-repeat; } #themeSA #header{ background: #783318 url("/images/header/gtasa.jpg") 0 30px no-repeat; } #themeVC #header{ background: #c53e81 url("/images/header/gtavc.jpg") 0 30px no-repeat; } #themeIII #header{ background: #172836 url("/images/header/gta3.jpg") 0 30px no-repeat; } #population{ color: #ffffff; font-weight: bold; font-size: 125%; float: right; margin: 1px 1px 0 0; background-image: url("/images/layout/header/population_sign.png"); width: 133px; height: 33px; line-height: 33px; text-align: center; } #logo{ text-indent: -9999px; float: left; } /* HEADER NAVIGATION */ #topBar{ width: inherit; height: 30px; font-size: 100%; color: #fff; background-image: url("/images/layout/nav/topBar.png"); background-repeat: repeat-x; position: absolute; top: 0px; } #themeMain #topBar { background-position: 0px 0px; } #themeV #topBar { background-position: 0px -240px; } #themeIV #topBar { background-position: 0px -180px; } #themeVCS #topBar { background-position: 0px -150px; } #themeLCS #topBar { background-position: 0px -120px; } #themeSA #topBar { background-position: 0px -90px; } #themeVC #topBar { background-position: 0px -60px; } #themeIII #topBar { background-position: 0px -30px; } #topNav{ float: left; line-height: 30px; margin: 0 5px 0 0; } #topNavList{ margin: 0; padding: 0; list-style: none; } #topNavList li{ float: left; display: inline; background: transparent url('/images/layout/nav/sep.png') right no-repeat; } #topNavList li.topNavLast{ background: none; } #topNav a{ font-weight: bold; color: #e4e4e4; text-decoration: none; display: inline-block; height: 29px; line-height: 28px; margin-top: 1px; padding: 0 9px; } #topNav a:hover { color: #ffffff; background: transparent url('/images/layout/nav/topBar-hover.png') repeat; } /* SEARCH */ #topSearch{ float: right; width: 180px; height: 30px; margin-right: 2px; } #topSearch #formSearch{ width: 100%; height: 30px; } #topSearch #topSearchInput{ color: #eee; width: 155px; height: 18px; padding: 1px 20px 1px 3px; margin: 4px 0px; font-size: 105%; } #themeMain #topSearch #topSearchInput { background-color: #444; border: 1px solid #777; } #themeV #topSearch #topSearchInput { background-color: #0e360d; border: 1px solid #2a8d31; } #themeIV #topSearch #topSearchInput { background-color: #1a2636; border: 1px solid #425c92; } #themeVCS #topSearch #topSearchInput { background-color: #8f467f; border: 1px solid #b0619e; } #themeLCS #topSearch #topSearchInput { background-color: #561515; border: 1px solid #9a2727; } #themeSA #topSearch #topSearchInput { background-color: #3c1f14; border: 1px solid #7b4631; } #themeVC #topSearch #topSearchInput { background-color: #8f467f; border: 1px solid #b0619e; } #themeIII #topSearch #topSearchInput { background-color: #1a2636; border: 1px solid #3b5385; } #themeMain #topSearch #topSearchInput:focus { border: 1px solid #aaa; outline: none; } #themeV #topSearch #topSearchInput:focus { border: 1px solid #3abd43; outline: none; } #themeIV #topSearch #topSearchInput:focus { border: 1px solid #6687cb; outline: none; } #themeVCS #topSearch #topSearchInput:focus { border: 1px solid #ed89d7; outline: none; } #themeLCS #topSearch #topSearchInput:focus { border: 1px solid #d13e3e; outline: none; } #themeSA #topSearch #topSearchInput:focus { border: 1px solid #a5654c; outline: none; } #themeVC #topSearch #topSearchInput:focus { border: 1px solid #ed89d7; outline: none; } #themeIII #topSearch #topSearchInput:focus { border: 1px solid #5370ad; outline: none; } #topSearch .searchButton{ text-indent: -9999px; position: absolute; height: 20px; width: 20px; background: transparent url("/images/layout/search/magnify.png") no-repeat center center; cursor: pointer; overflow: hidden; display: block; border: 0; margin: -25px 0 0 159px; } /* Search suggestions drop down */ #topSearch #suggestions{ position: absolute; z-index: 100000; } #suggestions ul{ top: 0 !important; left: 0 !important; } #topSearch .searchResultsWrap, #topSearch .ui-autocomplete { list-style: none; background: transparent url("/images/featured/bar.png") repeat; width: 180px; padding: 0; margin: -4px 0 0 0; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #topSearch .searchResult{ margin: 0; padding: 0; } #topSearch .searchResult a{ color: #fff !important; text-decoration: none; padding: 5px; display: block; border-top: 1px dotted #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } #topSearch .searchResult a:hover, #topSearch .searchResult a.ui-state-hover{ background-color: #eee; color: #333 !important; } #topSearch .ui-autocomplete-loading{ background: transparent url("/images/layout/search/loading.gif") no-repeat 142px center; } #topSearch .noResults{ padding: 5px; } /* MIDDLE BAR */ #middlebar{ width: 100%; height: 90px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } #themeMain #middlebar { background-color: #222; } #themeV #middlebar { background-color: #0e360d; } #themeIV #middlebar { background-color: #1a2636; } #themeVCS #middlebar { background-color: #8f467f; } #themeLCS #middlebar { background-color: #561515; } #themeSA #middlebar { background-color: #3c1f14; } #themeVC #middlebar { background-color: #8f467f; } #themeIII #middlebar { background-color: #1a2636 } #communityad{ float: left; width: 246px; height: 84px; padding: 3px; background: url("/images/forum-ad.jpg"); cursor: pointer; } #communityad-loggedin{ float: left; width: 246px; height: 84px; padding: 3px; background: url("/images/forum-ad-tr.jpg"); } #member-avatar{ float: left; margin-right: 8px; } #member-avatar .avatar{ height: 83px; } #member-avatar .wide-avatar{ width: 100px; height: auto; } #member-links{ float: left; width: 120px; line-height: 135%; } #member-links ul, #member-links li{ list-style: none; margin: 0; padding: 0 } #member-links a{ text-decoration: none; } .newpms{ font-weight: bold; color: #fff; background: #971321; display: inline-block; padding: 1px 2px; width: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #bannerad{ float: right; width: 728px; height: 90px; } /* PAGE */ #page{ float: left; text-align: left; width: 100%; color: #333333; line-height: 180%; } #themeMain #page{ background-color: #e4e4e4; } #themeV #page{ background-color: #cfe8d9; color: #0c210f; } #themeIV #page{ background-color: #dbe2e8; color: #0b1421; } #themeVCS #page{ background-color: #e7cfe6; color: #460d2a; } #themeLCS #page{ background-color: #dec1c1; } #themeSA #page{ background-color: #d2afa1; color: #3c1f14; } #themeVC #page{ background-color: #e7cfe6; color: #460d2a; } #themeIII #page{ background-color: #ced5ea; } #pageWrap{ float: left; min-width: 675px; width: auto; margin-right: 300px; font-size: 120%; } #errorPage{ width: 100%; color: #333333; line-height: 180%; background-color: #e4e4e4; padding: 10px; font-size: 115%; } /*add this class to #pageWrap and hide #navigation so content can use 100% width*/ .noNav{ margin-right: 0 !important; float: none !important; } #contentWrap{ padding: 5px; } .underline{ border-bottom: 2px solid #333333; padding: 2px 0; } /* NEWS POSTS & CONTENT */ .newspost, .content{ padding: 5px; margin-bottom: 12px; margin-left: 2px; } #themeMain .newspost, #themeMain .content { background-color: #fafafa; -webkit-box-shadow: 0 0 6px #aaa; -moz-box-shadow: 0 0 6px #aaa; box-shadow: 0 0 6px #aaa; } #themeV .newspost, #themeV .content { background-color: #def4e8; -webkit-box-shadow: 0 0 6px #1e361a; -moz-box-shadow: 0 0 6px #1e361a; box-shadow: 0 0 6px #1e361a; } #themeIV .newspost, #themeIV .content { background-color: #cbd7e2; -webkit-box-shadow: 0 0 6px #1a2636; -moz-box-shadow: 0 0 6px #1a2636; box-shadow: 0 0 6px #1a2636; } #themeVCS .newspost, #themeVCS .content { background-color: #efdbee; -webkit-box-shadow: 0 0 6px #8f467f; -moz-box-shadow: 0 0 6px #8f467f; box-shadow: 0 0 6px #8f467f; } #themeLCS .newspost, #themeLCS .content { background-color: #edd5d5; -webkit-box-shadow: 0 0 6px #561515; -moz-box-shadow: 0 0 6px #561515; box-shadow: 0 0 6px #561515; } #themeSA .newspost, #themeSA .content { background-color: #ebd3ca; -webkit-box-shadow: 0 0 6px #3c1f14; -moz-box-shadow: 0 0 6px #3c1f14; box-shadow: 0 0 6px #3c1f14; } #themeVC .newspost, #themeVC .content { background-color: #efdbee; -webkit-box-shadow: 0 0 6px #8f467f; -moz-box-shadow: 0 0 6px #8f467f; box-shadow: 0 0 6px #8f467f; } #themeIII .newspost, #themeIII .content { background-color: #dce2f5; -webkit-box-shadow: 0 0 6px #1a2636; -moz-box-shadow: 0 0 6px #1a2636; box-shadow: 0 0 6px #1a2636; } #themeMain .imgwbg { background-color: #fafafa; border: 1px solid #ddd; } #themeV .imgwbg { background-color: #def4e8; border: 1px solid #c0d9c0; } #themeIV .imgwbg{ background-color: #cbd7e2; border: 1px solid #c0ced9; } #themeVCS .imgwbg { background-color: #efdbee; border: 1px solid #e8c6e6; } #themeLCS .imgwbg { background-color: #edd5d5; border: 1px solid #e5b4b4; } #themeSA .imgwbg { background-color: #ebd3ca; border: 1px solid #dea791; } #themeVC .imgwbg { background-color: #efdbee; border: 1px solid #e8c6e6; } #themeIII .imgwbg { background-color: #dce2f5; border: 1px solid #bcc6e6; } .newspost h1{ font-size: 155%; margin: 3px 50px 8px 0; } .newspost h1 a{ text-decoration: none; } .dateBlock{ float: right; width: 45px; height: 45px; border: 1px solid #aaa; box-shadow: 1px 1px 1px #444; border-radius: 3px; } .dateDay{ text-align: center; font-weight: bold; font-size: 140%; margin-bottom: -2px; } .dateMonth{ text-align: center; font-weight: bold; font-size: 120%; text-transform: uppercase; margin-bottom: -5px; } .dateYear{ text-align: center; font-weight: bold; font-size: 95%; } .newsDate{ margin-top: -29px; margin-right: 3px; } .newscontent{ } .newspostinfo{ font-size: 90%; font-style: italic; color: #777777; width: auto; border-bottom: 1px dotted #aaa; padding-bottom: 5px; margin-bottom: 5px; } .newsAuthorName a, .newsPostedDate a, .newsCommentsLink a{ text-decoration: none; } .newsAuthorName{ font-weight: bold; color: #444; } .newsshare{ width: auto; border-top: 1px dotted #aaa; margin-top: 8px; height: 24px; line-height: 24px; clear: both; padding-top: 5px; } .ipsQuote_citation { display: none; } .ipsImage { max-width: 600px; width: auto; height: auto; } /* .tgtapShare{ float: left; width: 100%; height: 24px; background: transparent url('/images/layout/content/social-buttons.png') no-repeat left center; } */ .shareButtons{ /*display: none;*/ padding-top: 2px; height: 20px; float: left; width: 100%; } .shareFacebook{ margin-right: -10px; } .shareTwitter{ margin-right: 10px; } .shareGoogle{ margin-right: -20px; } .shareReddit{ } .joinUsSocial{ width: 100%; height: 30px; line-height: 30px; background: #e4eefa; border-top: 1px dotted #999; border-bottom: 1px dotted #999; text-indent: 10px; margin-bottom: 10px; } .joinUsSocial span{ font-weight: bold; float: left; text-transform: uppercase; } .joinUsSocial .shareFacebook{ margin: 5px 0 0 0; height: 24px; float: left; } .joinUsSocial .shareTwitter{ margin: 5px 0 0 0px; height: 24px; float: left; } .joinUsSocial .shareGoogle{ margin: -1px 0 0 0px; float: left; height: 20px; width: 20px; } .newsCommentsLink{ font-weight: bold; clear: both; background: url("/images/icons/comment.png") no-repeat right; padding-right: 18px; margin-right: 5px; margin-top: 20px; } .commentsHeader{ height: 35px; } h2.commentsHeading{ float: left; margin: 0; padding: 0; line-height: 35px; font-size: 140%; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #444; text-shadow: 0px 2px 2px #999; } .commentsJoin{ float: right; padding: 5px; font-weight: bold; background: #fafafa; border: 2px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .commentsJoin a{ text-decoration: none; } #newscomments{ clear: both; } #newscomments img{ max-width: 590px; overflow: hidden; } .newscomment{ border: 1px solid #aaaaaa; padding: 5px; margin: 5px 0 10px 0; background: #fafafa; } .newsCommentContent{ margin-left: 60px; } .newsCommentInfo{ height: 20px; } .newsCommentInfo a{ text-decoration: none; } .newsAvatar{ float: left; width: 40px; height: 40px; padding: 5px; background: #fff; border: 2px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .newsAvatar img{ width: 40px; height: 40px; } .newsCommentName{ font-weight: bold; display: block; float: left; } .newsCommentDate{ font-style: italic; font-size: 90%; color: #aaa; display: block; float: right; text-align: right; } .newsCommentPost{ clear: right; } .newsCommentPost iframe, .newsCommentPost object, .newsCommentPost embed{ max-width: 590px; } /* IPB4 */ .ipsEmbeddedVideo { text-align: center; } /* IPB3 bbcode stuff */ .bbc_center{ text-align: center; display: block; margin: 0 auto; } .bbc_center .bbc_img{ text-align: center; margin: 0 auto; } .bbc_underline{ text-decoration: underline; } p.citation{ display: none; } .blockquote{ } blockquote, .quote{ margin: 10px 0; padding: 5px 50px; background: transparent url("/images/layout/content/quote.png") top left no-repeat; /*font-family: Georgia;*/ } blockquote img{ max-width: 550px; } /* CONTENT */ .secondary-nav{ background: #cef6c5; margin-bottom: 10px; border: 1px solid #93cc86; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .secondary-nav ul{ margin: 0 0 0 5px; padding: 0; list-style: none; display: inline; } .secondary-nav ul li{ float: left; margin: 0 5px 0 5px; font-weight: bold; } .secondary-nav ul li a{ text-decoration: none; padding: 5px 2px; } .secondary-nav a.selected{ color: #333; } .imgwbg{ padding: 5px; margin: 0 5px; } /* ADS */ #squareads{ width: 310px; margin: 30px auto 10px auto; } #side_mpu{ width: 300px; height: 250px; margin-left: -10px; } /* FEATURED */ #featureBlock{ width: 680px; height: 250px; } #featuredItems{ float: left; width: 680px; height: 250px; overflow: hidden; } #featureNav{ width: 29px; height: 230px; padding: 10px 0; float: left; text-align: center; border-right: 1px solid #000; background-color: #222; background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.33, #151515), color-stop(1, #292929)); background-image: -webkit-linear-gradient(left , #151515 33%, #292929 100%); background-image: -moz-linear-gradient(left , #151515 33%, #292929 100%); background-image: -ms-linear-gradient(left , #151515 33%, #292929 100%); background-image: -o-linear-gradient(left , #151515 33%, #292929 100%); background-image: linear-gradient(left , #151515 33%, #292929 100%); } #featureNav a{ display: block; width: 30px; height: 30px; text-decoration: none; color: #888 !important; font-size: 140%; float: left; cursor: pointer; } #featureNav a.activeSlide, #featureNav a:hover{ color: #fff !important; font-size: 190%; } #features{ list-style-type: none; margin: 0; padding: 0; width: 650px; float: right; } .featureimg{ width: 650px; float: right; } .featureimg img{ width: 650px; height: 250px; } .featurebar{ height: 30px; width: 650px; background: url("/images/featured/bar.png"); margin-top: -30px; float: right; } .featurebar h2{ margin: 0; padding: 0 0 0 5px; line-height: 30px; color: #fff; font-size: 120%; } .featurebar h2 a{ display: block; color: #fff !important; text-decoration: none; } #smallFeatures{ width: 680px; height: 100px; background: #222; } .smallFeatureBlock{ float: left; width: 180px; height: 100px; overflow: hidden; } .smallFeatureSide{ background: transparent url("/forums/public/style_extra/forum_logos/gtav.png") no-repeat center center; width: 140px; height: 100px; float: left; } .smallFeatureImg { height: 100px; overflow: none; } .smallFeatureImg img{ width: 180px; } .smallFeatureTitle{ width: 180px; height: 25px; line-height: 25px; font-weight: bold; background: transparent url("/images/featured/bar.png") repeat; color: #fff; text-align: center; float: left; margin-top: -25px; z-index: 3; position: absolute; } .smallFeatureTitle a{ color: #fff !important; text-decoration: none !important; } /* NAVIGATION */ #navigation{ float: right; width: 300px; margin-left: -300px; font-size: 110%; } .navtitle{ padding: 0 0 10px 0; margin: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 170%; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } #themeMain .navtitle { color: #444; text-shadow: 0px 2px 2px #999; } #themeV .navtitle { color: #0f3613; text-shadow: 0px 2px 2px #89b980; } #themeIV .navtitle { color: #1a2636; text-shadow: 0px 2px 2px #8096b9; } #themeVCS .navtitle { color: #8f467f; text-shadow: 0px 2px 2px #c59db6; } #themeLCS .navtitle { color: #561515; text-shadow: 0px 2px 2px #c28688; } #themeSA .navtitle { color: #3c1f14; text-shadow: 0px 2px 2px #c78a72; } #themeVC .navtitle { color: #8f467f; text-shadow: 0px 2px 2px #c59db6; } #themeIII .navtitle { color: #1a2636; text-shadow: 0px 2px 2px #8096b9; } .navsubtitle { padding: 6px 0 !important; font-size: 120% !important; } .navmenu{ padding: 5px; width: 270px; margin: 0 0 20px 10px; } #themeMain .navmenu { background-color: #fafafa; -webkit-box-shadow: 0 0 6px #aaa; -moz-box-shadow: 0 0 6px #aaa; box-shadow: 0 0 6px #aaa; } #themeV .navmenu { background-color: #def4e8; -webkit-box-shadow: 0 0 6px #1e361a; -moz-box-shadow: 0 0 6px #1e361a; box-shadow: 0 0 6px #1e361a; } #themeIV .navmenu { background-color: #cbd7e2; -webkit-box-shadow: 0 0 6px #1a2636; -moz-box-shadow: 0 0 6px #1a2636; box-shadow: 0 0 6px #1a2636; } #themeVCS .navmenu { background-color: #efdbee; -webkit-box-shadow: 0 0 6px #8f467f; -moz-box-shadow: 0 0 6px #8f467f; box-shadow: 0 0 6px #8f467f; } #themeLCS .navmenu { background-color: #edd5d5; -webkit-box-shadow: 0 0 6px #561515; -moz-box-shadow: 0 0 6px #561515; box-shadow: 0 0 6px #561515; } #themeSA .navmenu { background-color: #ebd3ca; -webkit-box-shadow: 0 0 6px #3c1f14; -moz-box-shadow: 0 0 6px #3c1f14; box-shadow: 0 0 6px #3c1f14; } #themeVC .navmenu { background-color: #efdbee; -webkit-box-shadow: 0 0 6px #8f467f; -moz-box-shadow: 0 0 6px #8f467f; box-shadow: 0 0 6px #8f467f; } #themeIII .navmenu { background-color: #dce2f5; -webkit-box-shadow: 0 0 6px #1a2636; -moz-box-shadow: 0 0 6px #1a2636; box-shadow: 0 0 6px #1a2636; } .navmenu a{ text-decoration: none; } .navmenu ul{ list-style-type: none; margin: 0; padding: 0; } .navmenu ul li a{ background-image: url("/images/layout/nav/bullet.png"); background-position: left center; background-repeat: no-repeat; text-indent: 10px; display: block; padding: 2px 0px 2px 5px; width: auto; } #navWrap{ padding: 10px 0; width: 290px; margin-left: 10px; } .squaread{ width: 300px; height: 250px; } /* SPOTLIGHT */ #spotlight h4{ font-size: 140%; font-weight: bold; margin: 0 0 -1px 0; padding: 6px 0; outline: none; z-index: 4; } #themeMain #spotlight h4{ color: #00377f; text-shadow: -1px -1px 1px white; border: 1px solid #ccc; background-color: #eaeaea; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #eaeaea), color-stop(0.33, #fafafa)); background-image: -webkit-linear-gradient(top, #eaeaea 33%, #fafafa 100%); background-image: -moz-linear-gradient(top, #eaeaea 33%, #fafafa 100%); background-image: -ms-linear-gradient(top, #eaeaea 33%, #fafafa 100%); background-image: -o-linear-gradient(top, #eaeaea 33%, #fafafa 100%); background-image: linear-gradient(top, #eaeaea 33%, #fafafa 100%); } #themeV #spotlight h4{ color: #0f3613; text-shadow: 0px -1px 1px #89B980; border: 1px solid #b3c4ba; background-color: #c8dbd0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c8dbd0), color-stop(0.33, #def4e8)); background-image: -webkit-linear-gradient(top, #c8dbd0 33%, #def4e8 100%); background-image: -moz-linear-gradient(top, #c8dbd0 33%, #def4e8 100%); background-image: -ms-linear-gradient(top, #c8dbd0 33%, #def4e8 100%); background-image: -o-linear-gradient(top, #c8dbd0 33%, #def4e8 100%); background-image: linear-gradient(top, #c8dbd0 33%, #def4e8 100%); } #themeIV #spotlight h4{ color: #00377f; text-shadow: 0px -1px 1px #8096b9; border: 1px solid #809ec2; background-color: #bcc7d1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #bcc7d1), color-stop(0.33, #cbd7e2)); background-image: -webkit-linear-gradient(top, #bcc7d1 33%, #cbd7e2 100%); background-image: -moz-linear-gradient(top, #bcc7d1 33%, #cbd7e2 100%); background-image: -ms-linear-gradient(top, #bcc7d1 33%, #cbd7e2 100%); background-image: -o-linear-gradient(top, #bcc7d1 33%, #cbd7e2 100%); background-image: linear-gradient(top, #bcc7d1 33%, #cbd7e2 100%); } #themeVCS #spotlight h4{ color: #753868; text-shadow: 0px -1px 1px #c59db6; border: 1px solid #cfa6cd; background-color: #e6d1e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e6d1e5), color-stop(0.33, #efdbee)); background-image: -webkit-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: -moz-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: -ms-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: -o-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: linear-gradient(top, #e6d1e5 33%, #efdbee 100%); } #themeLCS #spotlight h4{ color: #561515; text-shadow: 0px -1px 1px #c28688; border: 1px solid #d6b2b2; background-color: #e6caca; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e6caca), color-stop(0.33, #edd5d5)); background-image: -webkit-linear-gradient(top, #e6caca 33%, #edd5d5 100%); background-image: -moz-linear-gradient(top, #e6caca 33%, #edd5d5 100%); background-image: -ms-linear-gradient(top, #e6caca 33%, #edd5d5 100%); background-image: -o-linear-gradient(top, #e6caca 33%, #edd5d5 100%); background-image: linear-gradient(top, #e6caca 33%, #edd5d5 100%); } #themeSA #spotlight h4{ color: #3c1f14; text-shadow: 0px -1px 1px #c78a72; border: 1px solid #b88a79; background-color: #e0c2b8; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e0c2b8), color-stop(0.33, #ebd3ca)); background-image: -webkit-linear-gradient(top, #e0c2b8 33%, #ebd3ca 100%); background-image: -moz-linear-gradient(top, #e0c2b8 33%, #ebd3ca 100%); background-image: -ms-linear-gradient(top, #e0c2b8 33%, #ebd3ca 100%); background-image: -o-linear-gradient(top, #e0c2b8 33%, #ebd3ca 100%); background-image: linear-gradient(top, #e0c2b8 33%, #ebd3ca 100%); } #themeVC #spotlight h4{ color: #753868; text-shadow: 0px -1px 1px #c59db6; border: 1px solid #cfa6cd; background-color: #e6d1e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e6d1e5), color-stop(0.33, #efdbee)); background-image: -webkit-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: -moz-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: -ms-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: -o-linear-gradient(top, #e6d1e5 33%, #efdbee 100%); background-image: linear-gradient(top, #e6d1e5 33%, #efdbee 100%); } #themeIII #spotlight h4{ color: #1a2636; text-shadow: 0px -1px 1px #8096b9; border: 1px solid #809ec2; background-color: #c7cee3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #c7cee3), color-stop(0.33, #dfe4f2)); background-image: -webkit-linear-gradient(top, #c7cee3 33%, #dfe4f2 100%); background-image: -moz-linear-gradient(top, #c7cee3 33%, #dfe4f2 100%); background-image: -ms-linear-gradient(top, #c7cee3 33%, #dfe4f2 100%); background-image: -o-linear-gradient(top, #c7cee3 33%, #dfe4f2 100%); background-image: linear-gradient(top, #c7cee3 33%, #dfe4f2 100%); } .spotlightFirst{ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .spotlightLast{ -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .ui-state-active { -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .spotlightContent{ padding: 8px 4px !important; margin-top: -1px; z-index: 5; position: relative; height: auto !important; } #themeMain .spotlightContent { background-color: #fafafa; } #themeV .spotlightContent { background-color: #def4e8; } #themeIV .spotlightContent { background-color: #cbd7e2; } #themeVCS .spotlightContent { background-color: #efdbee; } #themeLCS .spotlightContent { background-color: #edd5d5; } #themeSA .spotlightContent { background-color: #ebd3ca; } #themeVC .spotlightContent { background-color: #efdbee; } #themeIII .spotlightContent { background-color: #dfe4f2; } /* jQueryUI Accordion theme stuff */ .ui-helper-reset { line-height: inherit !important; font-size: inherit !important; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header span.spotlightTitle { padding: 2px 0 2px 4px !important; } /* FEATURED MOD SPOTLIGHT */ .spotFeaturePromo{ width: 255px; float: left; margin-left: 7px; -webkit-box-shadow: 0 0 6px #222; -moz-box-shadow: 0 0 6px #222; box-shadow: 0 0 6px #222; } .spotFeaturePromo img{ width: 100%; height: 150px; } .spotFeatureTitle{ display: block; width: 255px; height: 25px; line-height: 25px; background: transparent url("/images/featured/bar.png") repeat; color: #fff; text-align: left; text-indent: 4px; float: left; margin-left: 7px; z-index: 3; position: absolute; } .spotFeatureTitle a{ color: #fff !important; } .spotFeatureDesc{ display: block; width: 255px; margin-left: 7px; padding-top: 4px; } /* IMAGE VIEWER */ #imgviewer{ background: #e4e4e4; text-align: center; } /* PAGINATION */ .pagelinks{ margin: 10px 0px; text-align: center; } .pagelinks a { text-decoration: none !important; } .pagelinks .nextprev { color: #fff; padding: 6px; font-weight: bold; background: #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagelinks .greyed { color: #999999; padding: 6px; font-weight: bold; background: #dadada; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagelinks .current { background: #777; color: #fff; padding: 6px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagelinks .linky { padding: 6px; font-weight: normal; background: #ccc; color: #444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a:hover .linky, a:hover .nextprev{ color: #fff; background: #0253c4; } /* POLLS */ .poll{ /*padding-right: 10px;*/ } .polltitle{ font-weight: bold; font-size: 110%; text-align: center; margin-bottom: 5px; } .pollbar{ margin: 2px 3px 3px 3px; height: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #themeMain .pollbar { background-color: #888; } #themeV .pollbar { background-color: #1a361c; } #themeIV .pollbar { background-color: #1a2636; } #themeVCS .pollbar { background-color: #8f467f; } #themeLCS .pollbar { background-color: #c04343; } #themeSA .pollbar { background-color: #783318; } #themeVC .pollbar { background-color: #8f467f; } #themeIII .pollbar { background-color: #1a2636; } .pollq{ margin: 4px 0; } .pollq input{ margin-right: 4px; } #pollVoting{ margin: 8px 0; } /* FORMS */ legend{ font-weight: bold; font-size: 120%; } label{ font-weight: bold; width: 150px; display: inline-block; } .button, .submitbutton{ padding: 5px; font-size: 1.2em; font-weight: bold; background-color: #eee; border: 1px solid #aaa; color: #444; cursor: pointer; text-shadow: 0px 1px 1px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button:hover, .submitbutton:hover{ background-color: #f8f8f8; } a.button{ /*color: #fffeff !important;*/ color: #444 !important; text-decoration: none; } #themeV .button{ background-color: #4f8d42; color: #fff !important; text-shadow: 0px 1px 1px #222 !important; border: 1px solid #284a2d !important; } #themeV .button:hover{ background-color: #418042 !important; } .smallinputbox{ border: 1px solid #aaaaaa; background: #efefef; padding: 2px; margin: 1px; font-size: 105%; } .inputbox{ border: 1px solid #aaaaaa; background: #efefef; padding: 2px; width: 200px; margin: 1px; font-size: 105%; } .inputbox:focus, .smallinputbox:focus, .textarea:focus{ border: 1px solid #222222; background: #ffffff; } .selection{ border: 1px solid #aaaaaa; padding: 2px; width: auto; margin: 1px; font-size: 105%; } .textarea{ border: 1px solid #aaaaaa; background: #efefef; padding: 2px; margin: 1px; font-size: 105%; font-family: arial, verdana, helvetica, sans-serif; } textarea.editor{ width: 99%; height: 500px; } label.error{ display: none !important; } input.error, textarea.error, select.error{ border-color: red; } .bigSearchBox{ height: 26px; line-height: 30px; font-size: 160%; color: #666; width: 375px; padding-right: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bigSearchBox:focus{ color: #444; } .bigSearchButton{ position: absolute; height: 22px; width: 22px; background: transparent url("/images/layout/search/search.png") no-repeat center center; border: none; cursor: pointer; text-indent: -9999px; margin: 6px 0 0 -30px; } /* FOOTER */ .horizAffs{ text-align: center; width: auto; margin: 50px auto 10px auto; border-top: 1px dotted #999; border-bottom: 1px dotted #999; } .affImage{ width: 88px; height: 31px; border: 0; } #footer{ width: 100%; clear: both; font-size: 100%; color: #777777; padding: 10px 0 0 0; background: transparent url("/images/footer_TM.png") no-repeat center left; min-height: 80px; } #footertext{ margin: 30px 0 0 255px; line-height: 150%; } .tinyicons{ margin: -20px 8px 0 0; } .tinyicons img{ width: 32px; height: 32px; } #viewMobileOrDesktopSite{ width: 180px; text-align: center; margin: 15px auto; } /* MISC */ .clear{ clear: both; } .centered{ text-align: center; } .left{ float: left; } .right{ float: right; } .hidden{ display: none; } .smallgrey{ font-size: 95%; color: #777; } .ajaxLoader{ padding: 4px; width: 16px; height: 16px; margin: 0 auto; background: transparent url("/images/misc/loading.gif") no-repeat; } .messagebox{ padding: 10px 10px 10px 25px; margin: 10px 2px; background: #f3f2c6 url("/images/icons/information.png") no-repeat 5px 12px; border: 1px solid #dfddc0; color: #444; width: auto; font-size: 1.0em; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .errormsg{ padding: 10px 10px 10px 25px; margin: 10px 2px; background: #f2dddc url("/images/icons/error.png") no-repeat 5px 10px; border: 1px solid #CF8581; color: #444; width: auto; font-size: 1.0em; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nobgimg{ background-image: none; } /* IMAGES */ .screenshotcontainer{ margin: 0 auto; width: 620px; } .screenshotcontainer img{ margin: 2px 0; } #potdcontainer{ margin: 0 auto; width: 620px; text-align: center; } .imagebox{ float: left; width: 200px; height: 200px; font-size: 80%; margin-right: 5px; line-height: 130%; } .imagebox img{ border: 0; } .imagetitle{ font-size: 125%; font-weight: bold; } /* SOCIAL */ #socialBox{ width: auto; padding: 5px; } #socialBox h2{ font-size: 180%; margin-bottom: 0; } #socialBox .boxFblike{ height: 63px; } #socialBox .boxTwitter{ height: 24px; padding: 8px 0 5px 5px; border-top: 1px dashed #bbb; } #socialBox .boxGPlus{ height: 108px; padding: 6px 0 0 0; margin-left: -6px; border-top: 1px dashed #bbb; } #socialBox .boxOthers{ height: 60px; line-height: 60px; padding: 5px 0 5px 5px; width: 180px; margin: 0 auto; /*border-top: 1px dashed #bbb;*/ } #socialBox .boxGoogle{ height: 60px; width: 50px; float: left; padding: 0px 20px 5px 5px; } #socialBox .boxStumble{ height: 60px; width: 50px; float: left; padding: 0px 20px 10px 0px; } .boxOthers .socialImg{ margin: 0 5px; } .boxOthers .lastSocialImg{ margin-right: 0; } .socialImg img{ width: 32px; height: 32px; } .social{ margin: 0 auto; width: 100px; } .social-plusone{ } .social-fblike{ margin-top: 5px; margin-left: 5px; } /* Tables */ tr th { padding: 5px; text-align: center; font-weight: bold; } tr.row1 td, tr.row2 td, td.row1, td.row2, div.row1, div.row2 { padding: 5px; } #themeMain tr th { background-color: #ccc; } #themeV tr th { background-color: #77ae77; } #themeIV tr th { background-color: #7792ae; } #themeVCS tr th { background-color: #cfa2b8; } #themeLCS tr th { background-color: #d19191; } #themeSA tr th { background-color: #b19b8e; } #themeVC tr th { background-color: #cfa2b8; } #themeIII tr th { background-color: #3f5d7d; color: #fff; } #themeMain tr.row1 td, #themeMain td.row1, #themeMain div.row1 { background-color: #eee; } #themeMain tr.row2 td, #themeMain td.row2, #themeMain div.row2 { background-color: #ddd; } #themeV tr.row1 td, #themeV td.row1, #themeV div.row1 { background-color: #a9d3aa; } #themeV tr.row2 td, #themeV td.row2, #themeV div.row2 { background-color: #bedabe; } #themeIV tr.row1 td, #themeIV td.row1, #themeIV div.row1 { background-color: #a9c0d3; } #themeIV tr.row2 td, #themeIV td.row2, #themeIV div.row2 { background-color: #becdda; } #themeVCS tr.row1 td, #themeVCS td.row1, #themeVCS div.row1 { background-color: #e1c5d3; } #themeVCS tr.row2 td, #themeVCS td.row2, #themeVCS div.row2 { background-color: #edd3e0; } #themeLCS tr.row1 td, #themeLCS td.row1, #themeLCS div.row1 { background-color: #e4bbbb; } #themeLCS tr.row2 td, #themeLCS td.row2, #themeLCS div.row2 { background-color: #efc9c9; } #themeSA tr.row1 td, #themeSA td.row1, #themeSA div.row1 { background-color: #d7c7bd; } #themeSA tr.row2 td, #themeSA td.row2, #themeSA div.row2 { background-color: #ddd0c8; } #themeVC tr.row1 td, #themeVC td.row1, #themeVC div.row1 { background-color: #e1c5d3; } #themeVC tr.row2 td, #themeVC td.row2, #themeVC div.row2 { background-color: #edd3e0; } #themeIII tr.row1 td, #themeIII td.row1, #themeIII div.row1 { background-color: #98b1c6; } #themeIII tr.row2 td, #themeIII td.row2, #themeIII div.row2 { background-color: #bacad7; } .cheatsTable th, .cheatsTable td{ padding: 5px; } .cheatsTable h2{ text-transform: uppercase; text-shadow: #333 0 1px 1px; letter-spacing: -1px; } .cheatsTable .info{ font-style: italic; color: #555; font-size: 0.9em; } .cheatsTable .code{ font-weight: bold; text-align: center; } h3.cheatsTLAD{ color: #b9191b; text-transform: uppercase; text-shadow: #333 0 1px 1px; letter-spacing: -1px; } h3.cheatsBOGT{ color: #dc50c0; text-transform: uppercase; text-shadow: #333 0 1px 1px; letter-spacing: -1px; } /* CHEATS PAGES */ .cheatSheet{ padding-top: 10px; } .cheatTable{ width: 100%; border-spacing: 0; border-collapse: collapse; } .cheatTable td, .cheatTable th{ padding: 6px; } .cheatTable th{ font-weight: bold; font-size: 1.2em; text-transform: uppercase; text-shadow: #444 0 1px 1px; letter-spacing: -1px; } .cheatName{ font-weight: bold; } td.cheatName{ font-size: 0.9em; } .info{ font-style: italic; font-weight: normal; } td.info{ padding-top: 0; } .cheatTable .code{ font-weight: bold; text-align: center; } .keyCodes .code{ font-weight: normal; } .cheatSheet .code { display: inline-block; padding: 4px 0 2px 0; } .typedCodes .code{ color: #eee; padding: 4px 0 0 15px !important; display: inline-block; margin-bottom: -28px; } .tlad { color: #d42022; } .bogt { color: #dc50c0; } .note { } .phone::before { content: '# '; font-weight: bold; padding-right: 6px; } .phone { display: inline-block; padding: 0 0 0 4px; } .unknown { font-style: italic; } .unknown::after { content: 'Unknown'; } /* Table-style Divs */ .resultRow{ width: 95%; height: 32px; padding: 5px 0; border-bottom: 1px dotted #ccc; margin: 0 auto; clear: both; } .resultRow:hover{ background: #ddd; } .resultIcon{ float: left; width: 32px; height: 32px; margin-right: 10px; } .resultTitle{ float: left; line-height: 32px; margin-left: 10px; } .resultDate{ font-size: 95%; margin: 0 10px; text-align: right; float: right; } /* APP */ .appstores{ margin-left: 20px; } .appstores img{ margin-bottom: 5px; } .amazonwidget{ width: 600px; margin: 0 auto; } /* Misc Content */ .artworkContainer{ text-align: center; margin: 0 auto; width: 655px; } .artworkBlock{ width: 316px; margin: 5px; text-align: center; float: left; padding: 0 !important; } .artworkBlock span{ font-style: italic; text-align: center; } .character{ padding-bottom: 5px; border-bottom: 1px solid #999; margin-bottom: 10px; } .character .description{ clear: both; } .info{ font-style: italic; font-size: 0.9em; } /* DOWNLOADS */ #dlHeader{ width: 660px; height: 157px; font-size: 1.1em; background: #d0d0d0; text-align: center; padding-top: 50px; border: 3px solid #bebebe; margin-bottom: 10px; } .filetable th, .filetable td, .authortable th, .authortable td{ padding: 6px; } .table-smaller{ font-size: 90%; } .heading{ text-align: center; font-weight: bold; color: #ffffff; background-color: #444444 !important; padding: 6px 3px; } .darkrow{ background-color: #444444 !important; padding: 6px 3px; font-weight: bold; color: #ffffff; } .darkrow td, .darkrow th{ background-color: #444444 !important; } .pinfile{ background-color: #aaaebe !important; padding: 6px 3px; } .lightrow{ background-color: #d4d4d4 !important; padding: 6px 3px; } .lightrow2{ background-color: #dddddd !important; padding: 6px 3px; } .lightrow ul, .lightrow li{ list-style: none; margin: 0; padding: 0; } .lightrow li{ display: block; margin: 0px; padding: 0px; font-size: 90%; } .lightrow li a:link, .lightrow li a:active, .lightrow li a:visited{ display: block; text-decoration: none; padding: 1px; } .lightrow li a:hover{ display: block; text-decoration: none; padding: 1px; color: #eeeeee !important; background-color: #555555 !important; } .trail{ margin-bottom: 15px; padding-left: 5px; } .filename{ font-size: 150%; font-weight: bold; } .filedesc{ font-size: 90%; } .fileth{ font-size: 12px; font-weight: bold; padding: 5px 0; width: 50%; } .filetd{ padding: 5px 0; } .quickd{ float: right; margin: auto 2px; width: 20px; height: 20px; } .actionbox{ float: right; width: 140px; font-size: 90%; padding: 5px; border: 1px dotted #ffffff; text-align: center; } .disclaimer{ margin: 20px auto 10px auto; padding: 4px; width: 90%; font-size: 90%; border: 1px solid #cccccc; background-color: #dddddd; color: #444444; } #db-footer{ margin: 0 auto; font-size: 80%; text-align: center; } .lightrow a, .lightrow2 a, .darkrow a{ text-decoration: none; } table.withborders{ border-spacing: 3px; } .withborders .lightrow,.withborders .lightrow2, .withborders .darkrow{ border: 1px solid #aaaaaa !important; } /* FORMS */ .selectioncat{ border: 1px solid #444444; padding: 2px; width: auto; margin: 1px; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; height: 100px; } .selparent{ font-weight: bold; } .selparent[disabled]{ font-weight: bold; color: #000000; font-style: italic; background: #dddddd; } /* COUNTDOWN */ #countdownHeading{ text-align: center; text-transform: uppercase; margin: 5px 0 10px 0; color: #2E6928; font-family: 'Oswald'; font-size: 22px; } #countdown_dashboard { margin: 26px auto 0 auto; height: 55px; width: 520px; font-family: 'Oswald'; } .dash { height: 50px; float: left; position: relative; } .dash_sep{ font-size: 44px; font-weight: bold; float: left; padding: 0 1px; } .days_dash{ margin-left: 125px; } .dash .digit { font-size: 44px; font-weight: bold; float: left; text-align: center; position: relative; padding: 0 2px; width: 25px; } .dashGreen{ color: #2E6928; } .dashRed{ color: #c50000; } .dash_title { position: absolute; display: block; bottom: 0px; right: 4px; font-size: 11px; font-weight: bold; color: #555; text-transform: uppercase; }