/************************************ JUMBO TRON ************************************/ #jumbotron {/* width:980px;margin-left:20px;*/} /*main*/ #jumbotron_main { /*float:left;width:660px;margin-bottom:0px;*/padding: 0px;} #jumbotron_main_img { /*position:absolute;*/top:0px;left:0px;} #jumbotron_main_blurb {position:absolute;box-sizing:content-box;bottom:0px;left:0px;height:60px;width:100%;/*padding:15px 20px;*/background-image: url("http://nd.images.s3.amazonaws.com/global/jumbotron_blurb_bg.png");} #jumbotron_main h2 { font-size:30px;} #jumbotron_main .small { font-size:18px;bottom:25px;left:5px;} #jumbotron_main p { color:#fff;margin-top:10px;font-size:12px;} /*right*/ #jumbotron_right { /*float:right;width:253px;*/height:371px;} .jumbotron_right_item { float:left;width:253px;clear:both;} .jumbotron_right_item img{ height:185px; width:253px;} .jumbotron_right_item_img { top:0px;left:0px;height:92px;overflow:hidden;}/*FULL SIZE IS 185px height*/ .jumbotron_right_item_img.selected {height:185px;} .jumbotron_right_item_blurb {box-sizing:content-box;position:absolute;bottom:0px;left:0px;height:43px;width:219px;padding:5px 15px;background-image: url("http://nd.images.s3.amazonaws.com/global/jumbotron_blurb_bg.png");overflow:hidden;} .jumbotron_right_item_blurb h2 { font-size:18px;} .jumbotron_right_item_blurb p { color:#fff;margin-top:5px;font-size:12px;} #jt0 {margin-bottom:1px;} #jt1 {margin-bottom:1px;} #jt2 { position:absolute;bottom:0px;/*left:0px;*/} #jumbotron_right h2{margin: 0;} /*colors*/ #jumbotron_main.jumbotron_gold, .jumbotron_right_item.jumbotron_gold { border-left:4px solid #f1b40e;} #jumbotron_main.jumbotron_blue, .jumbotron_right_item.jumbotron_blue { border-left:4px solid #91a1c1;} #jumbotron_main.jumbotron_orange, .jumbotron_right_item.jumbotron_orange { border-left:4px solid #cb5d00;} #jumbotron_main.jumbotron_violet, .jumbotron_right_item.jumbotron_violet { border-left:4px solid #ae95a4;} /* #jumbotron_main.jumbotron_gold, .jumbotron_right_item.jumbotron_gold .jumbotron_right_item_img { border-left:4px solid #f1b40e;} #jumbotron_main.jumbotron_blue, .jumbotron_right_item.jumbotron_blue .jumbotron_right_item_img { border-left:4px solid #91a1c1;} #jumbotron_main.jumbotron_orange, .jumbotron_right_item.jumbotron_orange .jumbotron_right_item_img { border-left:4px solid #cb5d00;} #jumbotron_main.jumbotron_violet, .jumbotron_right_item.jumbotron_violet .jumbotron_right_item_img { border-left:4px solid #ae95a4;} */ .jumbotron_gold h2, .jumbotron_gold span { color:#f1b40e;} .jumbotron_blue h2, .jumbotron_blue span { color:#91a1c1;} .jumbotron_orange h2, .jumbotron_orange span { color:#cb5d00;} .jumbotron_violet h2, .jumbotron_violet span { color:#ae95a4;} .jumbotron_gold h2:hover, .jumbotron_gold span:hover { color:#fac534;} .jumbotron_blue h2:hover, .jumbotron_blue span:hover { color:#a7b4cd;} .jumbotron_orange h2:hover, .jumbotron_orange span:hover { color:#be733b;} .jumbotron_violet h2:hover, .jumbotron_violet span:hover { color:#beaab6;} /************************************ GLOBAL STATS ************************************/ #global_stats { float:left;width:500px;height:250px;background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_bg.png");background-repeat:no-repeat;background-position:100px 0px;padding-top:40px;} #global_stats_inner {float:left;width:480px;margin-left:20px;margin-top:20px;} .global_stats_item { float:left;width:480px;clear:both;margin-bottom:15px;} .global_stats_item_gun { float:left;width:72px;height:51px;padding-top:4px;background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_gun.png");background-repeat:no-repeat;color:#333;text-align:right;font-weight:bold;} .global_stats_item_kills_holder {float:left;width:327px;height:31px;} .global_stats_item_kills {position:absolute;width:327px;height:31px;background-repeat:no-repeat;margin-left:15px;} .global_stats_item_kills_gold { background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_guys_gold.png");} .global_stats_item_kills_orange { background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_guys_orange.png");} .global_stats_item_kills_peach { background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_guys_peach.png");} .global_stats_item_kills_trail {position:absolute;top:12px;left:0px; background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_trail.png");background-repeat:no-repeat;width:327px;height:4px;} .global_stats_item_kills_bullet {position:absolute;top:9px;left:0px; background-image: url("http://nd.images.s3.amazonaws.com/global/global_stats_bullet.png");background-repeat:no-repeat;width:51px;height:8px;} .global_stats_item_kills_kills { font-weight:bold;position:absolute;top:19px;left:0px;width:150px; } /************************************ YOUR STATS - NEED TO LOG IN ************************************/ #your_stats { float:right;width:390px;padding-top:40px;background-image: url("http://nd.images.s3.amazonaws.com/global/your_stats_bg.png");background-repeat:no-repeat;background-position:53px 42px;} #your_stats_inner {float:left;width:370px;margin-left:20px;margin-top:20px;} /*logged out area*/ #your_stats_login { height:85px;margin-top:20px;} #your_stats_login_logo { position:absolute;top:0px;left:65px;} #your_stats_login_psnid { position:absolute;top:10px;left:110px;font-weight:bold;} #your_stats_login_psnpass { position:absolute;top:10px;left:200px;} #your_stats_login_psngo { position:absolute;top:10px;left:242px;width:45px;} #your_stats_login_search { position:absolute;top:50px;left:40px;} #your_stats_login_search.login_search { position:absolute;top:50px;left:173px;} #your_stats_login_searchgo.login_searchgo { position:absolute;top:54px;left:320px;} #your_stats_login_searchgo { position:absolute;top:49px;left:186px;} #your_stats_login_searchgo .go_image { border: 0;height:10px;width:17px;} .logout #your_stats_login_search {position:absolute;top:50px;left:73px;} .logout #your_stats_login_searchgo {position:absolute;top:49px;left:218px;} .logout #your_stats_login_searchgo .go_image {border:0;height:22px;width:31px;} #your_stats_login_viewstats { position:absolute;top:54px;right:30px;text-align:right;width:370px;} #your_stats_login input { border:1px solid #cecece;height:20px;width:140px;background-color:transparent;color:#ababab;font-weight:bold;} #your_stats_login_psngo a, #your_stats_login_searchgo a { color:#333;} #your_stats_login_viewstats a {} /************************************ YOUR STATS - IS LOGGED IN ************************************/ #your_stats_yes { float:right;width:440px;padding-top:37px;} /*logged in*/ #your_stats_yes_inner {float:left;width:420px;margin:10px 20px 20px 20px;}/*logged in*/ #your_stats_yes_inner #your_stats_login_viewstats {top:220px;left47px;} #login_nostats {top:136px;left:50px;} #your_stats_login_search .login_nostats { border:1px solid #cecece;height:20px;width:140px;background-color:transparent;color:#ababab;font-weight:bold;} /*logged in area*/ .your_stats_piechart { float:right;width:199px;height:169px;margin-left:10px;background-repeat:no-repeat;} .pie0 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_0.png");} .pie12 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_12.png");} .pie25 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_25.png");} .pie37 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_37.png");} .pie50 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_50.png");} .pie62 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_62.png");} .pie75 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_75.png");} .pie88 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_88.png");} .pie100 { background-image: url("http://nd.images.s3.amazonaws.com/global/piechart/orange_100.png");} .pie_text, .pie_text * { font-size:24px;font-weight:bold;} .pie_text { position:absolute;top:64px;left:37px;} .pie_text_left, .pie_text_right, .pie_text_left *, .pie_text_right * { font-size:14px;font-weight:bold;} /*.pie_text_left {position:absolute;top:100px;left:39px;width:50px;} .pie_text_right {position:absolute;top:100px;left:114px;width:50px;}*/ #your_chart_text { float:left;margin-top:10px;width:420px;} #your_chart_text * { font-size:14px;color:#333;} #your_chart_text p { margin-top:10px;} #your_chart_logout { position:absolute;width:420px;text-align:right;top:-34px;left:0px;} /************************************ LATEST POSTS ************************************/ #latest_posts { float:left;clear:both;width:687px;} #latest_posts_inner { /*float:left;clear:both;margin-left:20px;margin-top:5px;width:660px*/} .latest_posts_item {margin-bottom:40px;} .latest_posts_item.footer {float:left;clear:both;margin-bottom:65px;width:660px;height:0px;} #latest_posts_inner h3 {color:#303030;font-size:19px;margin:0 0 5px 0;font-weight:100;} #latest_posts_inner h3:hover {color:#5c5c5c;} #latest_posts_inner p { font-family:Times,"Times New Roman", serif;font-size:14px;line-height:18px;color:#333;} .latest_posts_inner_left { background: transparent;overflow: hidden;} .latest_posts_inner_left img{ transition-property:all;-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:350ms;-moz-transform: scale(1,1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 350ms;} .latest_posts_inner_left img:hover{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);opacity: .5;} .comments_bar {/* width:505px;*/margin-top:7px; } .comments_box { display:inline-block;width:35px;height:22px;background-image: url("http://nd.images.s3.amazonaws.com/global/comments_box.png");color:#fff;text-align:center;font-size:11px;} /* .cs-style-3 figure { overflow: hidden; } .cs-style-3 figure img { transition: transform 0.4s; } .no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { transform: translateY(-50px); } .cs-style-3 figcaption { height: 100px; width: 100%; top: auto; bottom: 0; opacity: 0; transform: translateY(100%); transition: transform 0.4s, opacity 0.1s 0.3s; } .no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption { opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s; } .cs-style-3 figcaption a { position: absolute; bottom: 20px; right: 20px; }*/ /************************************ HERO BOTTOM ************************************/ #hero_bottom {margin-left:20px;background-color:#E7E6E6;height:440px;} .hero_bottom {top:20px;left:20px;} /************************************ PROMOS ************************************/ #promos { margin-top:23px;} .promo_item { float:left;width:244px;clear:both;margin-bottom:20px;} .promo_item_img { width:234px;margin-bottom:18px;} .promo_item h2 {width:244px;white-space: nowrap;margin-bottom:5px;} .promo_item p { color:#333;margin-left:10px;} /************************************ VIDEOS ************************************/ #videos { /*float:right;width:545px;margin-bottom:30px;*/} #videos_inner { float:left;clear:both;margin-left:23px;margin-top:5px;width:496px;background-color:#e7e6e6;padding-bottom:10px;} #videos_player {float:left;clear:both;width:480px;height:315px;margin-bottom:10px;/*margin-left:14px;*/} #videos_thumbs {float:left;clear:both;width:494px;height:95px;overflow:hidden;} #videos_thumbs_inner { float:left;width:9999999px;} .video_thumb_icon { float:left;width:118px;height:66px;border:1px solid #ffffff;cursor:pointer;margin-left:3px;} .video_thumb_icon.selected, .video_thumb_icon:hover {border:1px solid #ff0000;} #slider-bar { float:left;clear:both;width:488px;height:6px;background-color:#bbbbbb;margin-top:10px;margin-left:4px; } #slider-handle {width:50px;height:6px;background-color:#ff0000;cursor:pointer;display:block;} /************************************ GALLERY ************************************/ #gallery { /*float:left;width:403px;margin-bottom:30px;*/} #gallery_inner { float:left;clear:both;margin-left:20px;margin-top:5px;background-color:#e7e6e6;padding-bottom:10px;/*width:455px;*/} #flickr_player {float:left;clear:both;height:315px;margin-bottom:10px;/*margin-left:14px;*/} #flickr_player img {width:500px;} #flickr_thumbs {float:left;clear:both;height:95px;width:500px;overflow:hidden;} #flickr_thumbs_inner { float:left;width:9999999px;} .flickr_thumb_icon { float:left;border:1px solid #ffffff;cursor:pointer;margin-left:3px;} .flickr_thumb_icon.selected, .video_thumb_icon:hover {border:1px solid #ff0000;} #flickr-slider-bar { float:left;clear:both;width:488px;height:6px;background-color:#bbbbbb;margin-top:10px;margin-left:4px; } #flickr-slider-handle {width:50px;height:6px;background-color:#ff0000;cursor:pointer;display:block;} .gallery_icon { float:left;width:127px;height:127px;cursor:pointer} /*.flickrs{padding: 0;list-style: none;} .ie .flickrs{margin-left: 0px;} .flickrs .external{color: #D6D6D6 !important;} .flickr_container{list-style-type: none;height: 384px;position:relative;} .win .flickr_container a:link, .win .flickr_container a:visited {color: transparent !important;} .flickr_container li{float: left;margin:1px 1px 0 0;background-color: black;overflow: hidden; width: 226px; height: 148px;} #flickr_div {width: 455px;height: 256px;margin: auto;} #flickr_count {width: 455px;margin: auto;font-size: 12px;color:red;padding: 15px;background-color: #E7E6E6;display:block;} .flickr_text{color:red;top:15px;text-align:center;font-size:14px;} #flickr_set {top:28px; left:3px;} #flickr_more {float:right;right:7px;top:34px;}*/ /*.win .flickr_container li{margin: 0 -4px -7px 0;}*/ #ph_gallery #content .photo{left:20px;right:0px;width:940px;top: 40px;} #ph_gallery #content .photo a img{margin:0 10px 10px 0;width: 104px;height:104px;} #ph_gallery #yoxview_infoText{color:#fff;} /************************************ AROUND THE WEB ************************************/ #around_the_web { /*float:left;width:410px;*/} #around_the_web_inner { /*float:left;clear:both;margin-left:20px;margin-top:5px;width:390px;*/} .around_the_web_item { /*float:left;clear:both;width:390px;margin-bottom:35px;*/} .around_the_web_item .caption {padding: 5px 0 15px 0;} .around_the_web_item p {font-family:Times,"Times New Roman", serif;font-size:14px;line-height:18px;color:#333;} .around_the_web_item .title {color:#303030;font-size:19px;margin-bottom:5px;font-weight:100;} .news{list-style-type: none;overflow:hidden;} .joystiq{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -294px;height:31px;width:154px;} .ign{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -12px;height:31px;width:169px;} .g4tv{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1415px;height:85px;width:77px;} .kotaku{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -149px;height:31px;width:180px;} .gamespot{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -78px;height:31px;width:182px;} .gamasutra{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -243px;height:50px;width:182px;} .ps_blog{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -330px;height:51px;width:182px;} .eurogamer{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -380px;height:45px;width:182px;} .oneup{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -428px;height:45px;width:182px;} .gameinformer{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -471px;height:40px;width:182px;} .edge{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -507px;height:40px;width:182px;} .gamesradar{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -540px;height:40px;width:182px;} .computerandvideogames{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -579px;height:69px;width:182px;} .destructoid{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -662px;height:69px;width:182px;} .wired{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -732px;height:47px;width:182px;} .area{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -779px;height:71px;width:182px;} .giantbomb{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -859px;height:91px;width:182px;} .spike{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -957px;height:87px;width:182px;} .usatoday{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1061px;height:85px;width:182px;} .nytimes{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1168px;height:41px;width:182px;} .yahoo{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1218px;height:41px;width:182px;} .killscreen{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1284px;height:69px;width:182px;} .play{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1368px;height:49px;width:182px;} .school{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1523px;height:45px;width:182px;} .venturebeat{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1596px;height:45px;width:182px;} .gametrailers{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1655px;height:69px;width:182px;} .forbes{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1742px;height:45px;width:182px;} .gamesindustry{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1817px;height:45px;width:182px;} .vg{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1973px;height:54px;width:182px;} .polygon{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -1901px;height:54px;width:182px;} .ew{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2053px;height:54px;width:182px;} .nbf{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2116px;height:54px;width:188px;} .shacknewsblack{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2170px;height:70px;width:188px;} .shacknewswhite{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2466px;height:70px;width:188px;} .escapist{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2261px;height:60px;width:188px;} .complex{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2531px;height:35px;width:188px;} .telegraphblack{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2571px;height:30px;width:188px;} .theverge{background-image:url("http://nd.images.s3.amazonaws.com/icons/news_site_logos.png");background-position: -3px -2649px;height:52px;width:188px;} /************************************ TWITTER ************************************/ #twitter { /*float:left;width:325px;margin-left:20px;*/} #twitter_inner {/* float:left;clear:both;*/margin-left:20px;margin-top:5px;/*width:305px;*/} .twitter_item { float:left;clear:both;width:230px;margin-bottom:15px;} .twitter_item_left { float:left;width:35px;} .twitter_item_right { float:left;width:195px;} .twitter_item_right {line-height:18px;} .twitter_item_right .title {font-weight:bold;font-size:14px;color:#333;} .twitter_item_right .title:hover {color:#5c5c5c;} /************************************ FACEBOOK ************************************/ #facebook {/* float:right;width:257px;*/} #facebook_inner { /*float:left;clear:both;*/margin-left:20px;margin-top:5px;/*width:237px;*/} /************************************ YOUTUBE ************************************/ #videos_thumbs_inner .video_thumb_icon {width:120px;height:90px;} #videos_thumbs_inner .video_thumb_icon img{width:120px;} /************************************ BOOTSTRAP ************************************/ @media (max-width: 750px){ #jumbotron_main_blurb h1{line-height: 0.4;} .latest_posts_inner_left{margin-bottom: 10px;} .latest_posts_inner_left img{margin: 0 auto;} .latest_posts_item.footer{width:auto;} }