/* SITE WIDE RANDOM STUFF */ body { background-color: #333333; font-family: arial,helvetica,clean,sans-serif; text-align: center; margin-top:0px; margin-left: auto; margin-right:auto; color:#000000; font-size:12px !important; } input.button { border-style:solid; background-color:#000000; border-width:1px; border-color:#FFFFFF; color:#FFFFFF; } .trunshown .truncateellip, .trunshown .expandarrow, .trunhidden .truncatetext { display:none; } input.button:hover { color:#ffdd00; border-color:#ffdd00; } ul { list-style: none; padding:0px; margin:0px; } ul li { margin:0px; padding:0px; } ol li { display:list-item; } body img { border: 0; } body a:link, body a:visited { color:#bc3500; } body a:hover { text-decoration:none; } p { margin-top:0px; } input.textarea { color:#CCCCCC; background-color:#000000; } img.commentbubble { top:3px; position:relative; } .aligncenter { text-align:center; } .alignleft { text-align:left; } .user-level { font-size:.8em; color:#666666; } .consolename { font-size: .8em; } .errormessage { font-size:1.2em; color:#FF0000; } #adleaderboard { clear:both; width:100%; text-align: center; margin-left: auto; margin-right:auto; padding-top:10px; position:relative; } #topnavheader .navlinksul li { float:right; margin-right:5px; } #topnavheader .navlinksdd { position:absolute; z-index:9999; background-color:#141711; padding-top:10px; padding-left:3px; padding-right:3px; margin:0px; } #topnavheader .navlinksul li .navlinksdd li { float:left; clear:both; margin-bottom:5px; } #topnavheader { width:100%; text-align:center; padding-top: 5px; padding-bottom: 5px; clear:both; } #impheader { width:800px; padding-top:5px; margin-left:auto; margin-right:auto; overflow:hidden; } #impheader a { margin-left:1px; margin-right:1px; color:#FFDD00; } #userinfo-ajax span { display:block; } #userinfo-ajax #extrauserinfo { font-size:1.5em; } #userinfo-ajax { font-size:2em; font-weight:800; color:#FFCC00; text-align: right; right: 50px; } #greyout { background-color: #000000; height: 5000px; left: 0px; opacity: 0.8; position: absolute; top: 0px; width: 100%; z-index: 9999; } #dynpopup { width:300px; height:100px; left:35%; top:30%; position:fixed; display:none; z-index:9999; } .smallachievements .achievementicon { height:25px; width:25px; } #side .blogsummarylist .smallprofilepic, #side .userlist .smallprofilepic, .gamecomps-gamepage .smallprofilepic { width:25px; max-height:45px; } #side .module { } #ad300x250, #ad300x250 .mod-content { margin:0px; width:100%; margin-bottom:10px; } /* USER LINK DETAILS CRAP */ ul.username-details-hov:hover li.userdetails, ul.username-details-hov li.userdetails:hover { display:block; } ul.username-details-hov { width:auto; height:auto; } ul.username-details-hov li.userdetails { z-index:9999; position:absolute; display:none; background-color:#000000; padding-left:10px; padding-right:10px; margin-left:-10px; padding-top:6px; margin-top:15px; } ul.username-details-hov li { float:left; } ul.username-details-hov .userdetails img { margin-right:3px; } /* MODULE STYLE CRAP */ .item { /*border:1px solid #777777;*/ clear:both; margin-bottom: 15px; overflow:hidden; padding:5px; height:100%; /*background-color:#000000;*/ border-bottom: solid 1px #000000; } #side .mod-title { background: none; color:#000000; } /* GENERIC MODULE CRAP */ .mod-title { /* background: url('http://static.myfellowgamers.com/images/titlegradient.gif') repeat; */ background-color:#BC3500; color:#ffffff; text-align:left; position:relative; } .mod-title h2 { margin: 0px; margin-left:5px; font-size:1.3em; font-weight:bold; } .mod-title .mod-title-right { position:absolute; right:5px; top:3px; } #maincontent .module { background-color:#eae6d1; } .module { clear: both; width:100%; margin-bottom:10px; overflow:hidden; } .module .mod-content { width:95%; margin-left:auto; margin-right:auto; clear:both; margin-top:5px; overflow:hidden; } /* GENERAL LAYOUT */ #pagewrapper { /* background:url(http://static.myfellowgamers.com/images/side-grad.gif) repeat-y; */ margin-left:auto; margin-right:auto; text-align: left; clear: both; width: 900px; overflow:hidden; position: relative; } #header { position:relative; background-repeat: no-repeat; margin-left: auto; margin-right: auto; position: relative; color: #ffffff; width:850px; } #userinfo-ajax { position:fixed; top:30px; right:30px; } body, html { } #pagewrapper-full { position:relative; height:100%; } #belowheader { padding-bottom:40px; position:relative; overflow: hidden; width: 100%; clear: both; margin-left:auto; margin-right:auto; width:850px; } #maincontent { padding-top:40px; width: 450px; float: left; position: relative; padding-left:25px; padding-right:25px; height:100%; } #side { margin-top:40px; width: 300px; margin-left:auto; float: right; position: relative; padding-right: 25px; padding-left: 25px; height:100%; } /* TOP HEADER CRAP */ #bottom-nav { text-align:center; margin-left:auto; margin-right:auto; height:auto; background-color:#000000; width:876px; position:relative; left:-13px; border-bottom:2px solid #23291E; } #bottom-nav ul { padding-top:20px; } #bottom-nav ul li { display:inline; } #bottom-nav ul li.spacer { padding-left:10px; } #bottom-nav ul li.tabitem-left { float:left; padding-left:30px; position:relative; top:-10px; } #bottom-nav ul li.tabitem { margin-top:5px; border:2px solid #23291E; border-bottom:2px solid #141711; background-color:#141711; padding:5px; margin:0px } #bottom-nav ul li.tabitem a:link, #bottom-nav ul li.tabitem a:visited { text-decoration:none; } #topheaderlinks { float:left; overflow:hidden; width:315px; margin-top:10px; margin-left:20px; } #topheaderlinks * { padding-left:5px; overflow:hidden; } #signinbox { float: right; padding-right:5px; width: 315px; } #signinbox label { display: block; text-align: center; width: 125px; } #signinbox input.siinput { width: 125px; display: block; background-color: #000000; color: #FFFFFF; } .signinelement { float: left; display: inline; width: 130px; } #signinbox input.button { top: 15px; left: 5px; position:relative; } #signinregarea { font-size: .9em; width: 350px; float: right; } #signinregarea #extrasignin { float: right; text-align: center; margin-top: 5px; } #signedinarea { text-align:right; float:right; } #sitebanner { float: left; } #sitebanner .tagline { font-size:1em; font-weight:normal; margin-top:0px; position:relative; right:20px; text-align:right; top:-10px; } #sitewidenav, #sitewidesearch { margin-bottom:5px; padding:0px; } #header-left { float:left; width:420px; } #header-right { float:right; width:380px; } /* TOP HEADER PROGRESS BAR */ #xp-progress * { float:right; display:block; } #xp-progress { float:right; height:15px; width:150px; overflow:hidden; } .topheadertext { font-size:1.2em; font-weight:bold; } #xp-bar-holder { border-width:1px; border-style:solid; border-color:#FFFFFF; top:3px; width:100px; height:8px; position:relative; display:block; } #xp-progress-bar { background-color:green; height:100%; display:block; float:left; } /* GAME COMP - GAME PAGE */ .expandarrow { float:right; } .gamecomp-header-title { overflow:hidden; } .gamepagecomp { margin:0px; width:300px; } .gamepagecomp .comp1link { width:75%; } .gamepagecomp.positivecomp .comp1link { text-align:right; } .gamepagecomp.positivecomp .gamepic.small { float:right; } .gamepagecomp.negativecomp .gamepic.small { float:left; } .gamepagecompwrap { width:100%; overflow:hidden; margin-bottom:-3px; display:block; } .gamepagecompwrap .item { background-color:#000000; display:block; float:left; } .gamepagecompwrap.positivecomp { float:right; background-color:#220000; } .gamepagecompwrap.negativecomp { float:left; background-color:#002200; } .gamecomps-gamepage li.item.positivecomp{ border:10px solid #002200; margin-left:100px; display:inline; } .gamecomps-gamepage .gamepagecomp .compheader { overflow:hidden; } .gamecomps-gamepage li.item.negativecomp{ border:10px solid #220000; } .gamecomps-gamepage .indifferentcomp, .gamecomps-gamepage .equivcomp{ margin-left:50px; margin-right:50px; } .gamecomps-gamepage .positivecomp .comp-gametitle a:link, .gamecomps-gamepage .positivecomp .comp-gametitle a:visited, .gamecomps-gamepage .gamecomp-header-title .positivecomp { color: #009900; } .gamecomps-gamepage .negativecomp .comp-gametitle a:link, .gamecomps-gamepage .negativecomp .comp-gametitle a:visited, .gamecomps-gamepage .gamecomp-header-title .negativecomp { color: #e72727; } .gamecomps-gamepage .equivcomp .comp-gametitle { color: #dff0ee; } .gamecomps-gamepage .indifferentcomp .comp-gametitle { color: #ffffff; } .gamecomparisons .rankjustification{ display: block; margin-top:3px; clear:both; } .indentelement { margin-left: 20px; } /* BLOG CRAP */ .weblogtaggedgames { font-size:0.9em; margin-top:10px; } .weblogtaggedgames li { white-space: nowrap; float:left; margin-right:10px; line-height:1.3em; } .myweblogs .dateheader { text-align:center; font-size:1.2em; font-weight:bold; } .weblogforgame { margin-bottom:10px; font-size:1.2em; } .blog .mod-content .dateheader { text-align:center; font-size:2em; border-bottom:1px #ffdd00 dotted; margin-left:15px; margin-right:45px; margin-top:20px; margin-bottom:20px; display:block; } .weblogitem .mod-content { font-size:1.1em; } /* SEARCH AND SEARCH RESULTS */ #searchresultsholder { top:80px; position: absolute; overflow:hidden; width:100%; z-index:9999; } #searchresults { clear:both; position:relative; border-color:#777777; border-style:solid; border-width:1px; background-color:#000000; } #searchresults li:hover { background-color: #FFDD00; color:#000000; } #searchtext { width: 100%; text-align: center; } #search .mod-title { text-align: center; margin:0px; } #searchresults li { cursor: pointer; margin-bottom: 5px; } /* ADD GAME POPUP */ #gametitleinput input { width: 250px; } #gametitleinput { margin-left:auto; text-align:center; } #consolelist li { margin-left: 0px; float: left; width: 158px; } #addnewgame { left: 50%; top: 15%; margin-left: -250px; position: absolute; text-align: left; width: 500px; height:300px; z-index: 9999; } /* GAME COMPARISON ENTRY */ .gamecomparisonentry { position:relative; overflow:visible; } .gamecomparisonentry .clear-compgame { position:relative; } .gamecomparisonentry .compgame-right { float:right; } .gamecomparisonentry .compgame-left { float:left; } .gamecomparisonentry .clear-compgame-symbol a:link, .gamecomparisonentry .clear-compgame-symbol a:visited { position:absolute; top:5px; right:5px; color:#FF0000; } .gamecomparisonentry .small-desc-compentry { font-size:.8em; text-align: right; } .gamecomparisonentry .top-compentry { position:relative; overflow:hidden; } .gamecomparisonentry .comp-title { font-size: 1.3em; border:none; } .gamecomparisonentry .comp-title.finalized-entry { color:#ffc81f; } .gamecomparisonentry .comp-vs { color:#E72727; font-size:3.0em; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto; margin-top:-10px; position:relative; width:40px; } .gamecomparisonentry .comp-selection ul { text-align:center; margin-left:auto; margin-right:auto; clear:both; padding-left:0px; margin-top:-5px; margin-bottom:0px; } .gamecomparisonentry .comp-selection li { display:inline; cursor:pointer; font-size:2em; margin-left:5px; margin-right:5px; font-weight:bolder; clear:both; } .gamecomparisonentry #justification-entry { width:420px; height:150px; } .gamecomparisonentry .search-results { position:absolute; width:380px; background:#212121; } .gamecomparisonentry .search-results li { cursor:pointer; margin-top:2px; } .gamecomparisonentry .search-results li:hover { color:#078AB9; } .gamecomparisonentry .mod-title { text-align:center; } .gamecomparisonentry .top-compentry textarea { background:#000000; text-align:center; font-size:1.5em; font-weight:bold; border:solid 1px #777777; width:165px; padding-right:15px; overflow:hidden; color:#FFC81F; } .gamecomparisonentry .comp-title { color:#FFFFFF; } .gamecomparisonentry textarea.comp-title.negativecomp { color:#e72727 } .gamecomparisonentry textarea.comp-title.positivecomp { color:#89f17e; } .gamecomparisonentry textarea.comp-title.equivcomp { color:#dff0ee; } .gamecomparisonentry .comp-title.indifferentcomp { color:#ffffff; } /* REGISTRATION PAGE */ .registration .mod-title, .signin .mod-title { text-align: center; } .registrationcontent label, .signin label{ display:block; width: 200px; } .registrationcontent li, .signin li { margin-bottom:10px; clear:both; } /* ACHIEVEMENT STUFFS */ .achievement-list .achv-header h2 { float:left; } .achievement-list .achv-header .achievement-icon { float:right; } .achievement-list .achievement { height: 50px; width: 60px; margin-right:5px; margin-left:5px; overflow:hidden; } .achievement-list ul.list { overflow:hidden; clear:both; margin-left:auto; margin-right:auto; width:600px; } .achievement-list .achievement-icon { width: 50px; } .achievement-list .achievement .progress-holder { border-style:solid; border-width:1px; border-color:#FFFFFF; width: 5px; height:48px; overflow:hidden; } .achievement-list .progress { background-color: #0099FF; width: 100%; display:block; position:relative; line-height:1px; font-size:.1em; } .achievement-list .achievement-imgbox { position: relative; cursor: pointer; } .star { width: 9px; height: 9px; margin-left: -2px; } .starholder { position: absolute; top: -2px; left: 2px; width: 75px; } .achievement div { float:left; } .achievement-list .list li { margin-left:0px; float:left; margin-right: 2px; } #achievement-desc { width:400px; margin:auto; text-align:left; margin-top:50px; } #achievement-desc h2 { text-align:center; } .achievement .notearned { filter:alpha(opacity=20); opacity:0.2; } .achievement-list #achievement-desc { clear:both; margin-top:50px; margin-left:auto; margin-right:auto; width:400px; } .achievement-list #achievement-desc .date-achieved { float:right; font-size:.9em; } .achievement-list #achievement-desc .tierinfo { float:left; } .achievement-list #achievement-desc li { margin-top:5px; clear:both; } /* PROFILE PIC */ .profilepiccurrentupload { float:right; position:relative; bottom:0px; right:0px; } .smallprofilepic { width: 60px; max-height:100px; } .userprofile .profilepicholder { float:left; } /* COMMENT STUFF */ .smallachievements { overflow:hidden; float:right; } .smallachievements ul { margin-left:-40px; overflow:hidden; clear:both; } .smallachievements ul.over { display:block; } .smallachievements li { float:left; width:15px; margin-left:0px; margin-right:2px; margin-top:2px; } .commenttext p { margin-top:0px; } .comment, .comment .commentchildren { clear: both; height:auto; width:auto; overflow:hidden; } .comment .cs-footer { margin-bottom:5px; } .commentchildren .comment { margin-left: 20px; overflow: hidden; margin-right:-6px; } .commentarea { width: 420px; } /* Generic Content Item Summary Display */ .cs-header { margin-top:-3px; margin-bottom: 5px; overflow:hidden; } .cs-header .cs-header-center, .cs-content-center { text-align:center; margin-left:auto; margin-right:auto; } .cs-header .cs-header-left, .cs-content .cs-content-left, .cs-content-left { float:left; } .cs-header .cs-header-right, .cs-content .cs-content-right, .cs-content-right { float:right; } .cs-content { overflow:hidden; clear:both; width:100%; } .cs-content .profilepicholder { float:left; margin-right:10px; overflow:hidden; max-height:100px; } .cs-footer { overflow:hidden; clear:both; width:100%; } .cs-footer .cs-footer-left { float:left; } .cs-footer .cs-footer-right { float:right; } /* Game Comp Stuff */ .comp-gametitle-winner, .comp-gametitle-winner a:link, .comp-gametitle-winner a:visited { font-weight:bold; color:#009900; } #maincontent .gamecomparisons .item .cs-header-left { width:80%; } #side .gamecomparisons .item .cs-header-left { width:75%; } .gamecomparisons .item .comp-2game-title { display:block; float:left; text-align:justify; max-width:46%; } .gamecomparisons .item .comp-2game-title a { /*text-decoration:none;*/ } .twogamecomps .item .gamepic.small, .gamepagecomp .gamepic.small { padding-left:3px; padding-right:3px; } #side .twogamecomps .item .gamepic.small { display:none; } .gamepic.small { width:60px; } .gamepic.normal { width:120px; } .gamecomparisons .compsymbol-link { color:#FFFFFF; text-decoration:none; } .gamecomparisons .comp-2game-symbol { display:block; float:left; width:8%; text-align:center; } .gamecomparisons .comp-symbol { text-align:center; position:relative; top:1px; margin-left: 4px; margin-right: 4px; font-weight:bold; font-size:1.1em; } .rankjustification p { margin-top:0px; } .gamecomparisons.singlecomp .cs-header .comp2links { font-size:1.5em; } .gamecomparisons .leftcomp .comp1link { float:left } .gamecomparisons .rightcomp .comp1link { float:right; } .gamecomparisons .positivecomp .comp1link { float:right; } .gamecomparisons .negativecomp .comp1link { float:left; } .gamecomparisons .positivecomp .compagreement { float:left; } .gamecomparisons .negativecomp .compagreement { float:right; } .gamecomparisons .left-header { width:150px; text-align:left; float:left; } .gamecomparisons .right-header { float:right; width:150px; text-align:right; } .gamecomparisons .mod-content .gametitle { text-align: center; } .gamecomparisons .header { font-size:1.2em; font-weight:bold; } .gamecomparisons .positivecomp .cs-content .profilepicholder { float:right; margin-right:0px; margin-left:10px; } .gamecomparisons .negativecomp .cs-content .profilepicholder { float:left; margin-right:10px; margin-left:0px; } /* AGREEMENT BUTTONS Im totally cool with all this css */ .plusminus img { border-style:solid; border-width:1px; border-color:#111111; height:15px; width:15px; } .plusminus img:hover { border-color:#FFFFFF; } .plusminus.chosen img.minus { background-color:#C80000; } .plusminus.chosen img.plus { background-color:#14AB1E; } .plusminus img { position:relative; top:3px; height:15px; width:15px; background-color:#333333; } /* SETTINGS PAGE */ .useraccountsettings .settings-list table td { text-align:center; padding-left:5px; padding-right:5px; } .useraccountsettings .settings-list li { overflow:hidden; } .useraccountsettings .setting-cb { width:25px; } .useraccountsettings .settings-list table td.setting-description { text-align:left; width: 400px; } /* GAME VS GAME PAGE */ .gamebattle-profile #vsleftimg { overflow:hidden; float:left; } .gamebattle-profile #vsrightimg { float:right; overflow:hidden; } .gamebattle-profile #versustext.small { font-size:1.2em; } .gamebattle-profile #versustext { text-align:center; padding-left:25%; padding-right:25%; font-size:1.8em; } .gamebattle-profile #versustext .vs { color:#FF0000; font-size:1.5em; font-weight:bold; } /* NEW USERS MODULE */ #recentusers .userfavgame { display: block; margin-bottom:5px; clear:both; } #recentusers .userinfo { clear:both; width:100%; } /* WEBLOG ENTRY PAGE */ #weblogentry #taggedgames li:hover { color: #FF0000; text-decoration: line-through; cursor: pointer; } #weblogentry #taggedgames { overflow: hidden; } #weblogentry #taggedgames li { margin-left: 0px; margin-right: 10px; float: left; } #weblogentry #actionbuttons { clear: both; } #weblogentry #actionbuttons input.button { margin-left: 5px; margin-right: 5px; } /* USER HOME PAGE */ .friendslist .friendicons li { float:left; width:80px; height:120px; overflow:hidden; } .userprofile .profilepic { height: 100px; } .userprofile .mod-content { margin-top: 10px; } .userprofile .username { font-size: 300%; position: relative; margin-left: 10px; } /* GAME PAGE GAME PROFILE */ .gameprofile .rankpercent { font-size:.8em; } .gameprofile .gamepic.normal { padding-right:20px; } .gameprofile .gametitle { font-size: 200%; width:280px; } /* WEBLOG ENTRY PAGE */ #weblogtext { width: 420px; } #weblogentry #blogtitle { width:100%; margin-bottom:15px; } #weblogentry #taggedgames li:hover { color: #FF0000; text-decoration:line-through; cursor: pointer; } #weblogentry #taggedgames { overflow: hidden; } #weblogentry #taggedgames li { margin-left: 0px; margin-right: 10px; float: left; } #weblogentry #actionbuttons { clear: both; } #weblogentry #actionbuttons input.button { margin-left: 5px; margin-right: 5px; } /* WEBLOG ITEM PAGE */ .blog .mod-content .dateheader { margin-left: 40px; } .blog .mod-extra ul li { display: inline; margin-left: 0px; margin-right: 10px; } /* TOP X GAMES LIST */ #gameslist { min-height:20px; height:auto !important; height:20px; } #gameslist li { cursor: move; } #gameslist .gametitle { border-style: none; background-color: inherit; font-size: 150%; cursor: move; color: #FFFFFF; } #removedgames { cursor:move; min-height:50px; height:auto !important; height:50px; position:relative; display:block; border-style:solid; color:#FF0000; border-width:1px; } #gameslist li{ border-style:solid; border-width:1px; margin-top:2px; } #addgametitle { text-align: center; clear:both; } #addnewgame .mod-extra { padding-top: 20px; text-align: center; } .closebutton { float:right; font-size:1.2em; font-weight:bold; cursor:pointer; } .closebutton:hover { color:#FF0000; } /* FRIEND MANAGER */ .friendmanager .useritem { float:left; width: 90px; overflow:hidden; } .friendmanager ul li { margin-left:0px; } .friendmanager .useritem .profilepicholder { overflow:hidden; margin-left:auto; margin-right:auto; text-align:center; height:80px; } .friendmanager .useritem .smallprofilepic { width:70px; } .friendmanager .useritem .username { margin-top:5px; font-size:.9em; text-align:center; } .friendmanager .useritem .actionlink { text-align:center; } .friendmanager .useritem.processed { opacity: 0.2; background-color:#FF0000; } /* GAME INDEX */ .gameindex .sortmethods { padding-bottom:20px; text-align:center; } .gameindex td.title { width:80%; overflow:hidden; } .gameindex .sortmethods a { font-size:1.1em; font-weight:bold; padding:2px; } /* GAME ADMIN PAGE */ .gameadmin .boxartsearchresults li { float:left; margin-right:10px; height:200px; cursor:pointer; } /* USER LIST MODULE */ .userlist li.userinfo { float:left; width:50%; margin-bottom:5px; overflow:hidden; height:100%; } .userlist li.userinfo .username-details-hov, .userlist li.userinfo .profilepicholder { float:left; } /* GAME RANKINGS PAGE */ .gamerankings ol li.big { font-size:2em; font-weight: bold; } .gamerankings ol li .gametitle { width:70%; } .gamerankings ol li.big .gps { font-size:.5em; } .gamerankings ol li { margin-bottom:10px; position:relative; } .gamerankings ol li.big { vertical-align:top; } .gamerankings li.big .cs-content-left { width:80%; } .gamerankings ol li.big .gps { top:10px; } .gamerankings ol li .gps { position:absolute; right:0px; top:0px; } /* GAME SEARCH RESULTS PAGE */ .gamesearchresultsfull .gametitle { font-size:1.5em; margin-top:10px; } .gamesearchresultsfull .cs-content-text { margin-left:10px; }