/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Ongoing Worlds - Main Stylesheet Author: David Ball (theonion770@hotmail.com) Created: January 2010 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ /*remember when you make it live you have to remove /ongoingworlds from all images */ body { background: #E1DCC6 url("/images/template/bg-tex-dark.jpg"); font: 75% Georgia, "Times New Roman", Times, sans-serif; text-align: center; padding: 0; margin: 0; color:#555; } h1 { font: bold 1.8em Georgia, "Times New Roman", Times, serif; color: #777; margin: 0 0 10px; padding:5px 0 0 0; } h2 { font: bold 1.6em Georgia, "Times New Roman", Times, serif; color: #777; margin: 15px 0 5px; } h3 { font: bold 1.3em Georgia, "Times New Roman", Times, serif; color: #777; margin: 0; } h4 { font: normal 1.3em Georgia, "Times New Roman", Times, serif; color: #777; margin: 0; } p, li { font-size: 1.0em; line-height: 1.6em; color: #555; margin: 9px 0; } li { margin: 5px 0; line-height: 1.3em; } ul { padding:0 0 0 15px; } a, a:visited { color: #527234; text-decoration: none; } a:hover, a:active { color: #527234; text-decoration:underline; } h2 a, h2 a:visited { color: #777; } h2 a:hover, h2 a:active { color:#527234; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 10px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; color: #666; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { font-size: 0.9em; vertical-align: top; padding: 5px 5px 5px 0; } .tablestyle td td { font-size: 1.0em; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } fieldset { border:1px dashed #E6D8B5; padding:20px; } legend { font-size: 1.2em; color:#777; background:none; padding:0 10px; margin:0 0 10px; } label { } input, textarea { font-size: 1.2em; color:#484848; font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:6px 10px; border:2px solid #EDE8D4; } input:hover, textarea:hover { border:2px solid #C8C3AD; } input.highlighted, textarea.highlighted { border:2px solid #95A731; } .button { background: #C8C3AD url("/images/template/bg-header.jpg"); cursor:pointer; padding:10px 10px; font-size: 1.4em; color:#527234; display:block; border:0 none; width:200px; text-align:center; margin:15px 0 15px; } .button:hover, .button:active { background: #95A731 url("/images/template/bg-green.jpg"); color:#fff; border:0 none; } a.button a.button:visited { background: #C8C3AD url("/images/template/bg-header.jpg"); line-height:1em; display:block; width:auto; color:#527234; } a.button:hover, a.button:active { background: #95A731 url("/images/template/bg-green.jpg"); text-decoration:none; color:#fff; } .checkbox { padding:0; margin:5px 8px; } .clear { clear: both; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .right { float: right; } .center { text-align:center; } select { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; padding:2px; color:#484848; } .imgleft { width: 205px; float: left; margin: 0 15px 15px 0; } .imgright { width: 205px; float: right; margin: 0 0 15px 15px; text-align:right; } .centerimg { text-align: center; } .centerimg img { margin: 0 auto; } .alignright { text-align: right; } .inputblock { margin-bottom:15px; } .rightcol { float:right; width:300px; margin-left:10px; } .border-box { border:1px dashed #E6D8B5; padding:20px; margin-bottom:20px; overflow:auto; } .border-box h2 { margin-top:0; } .imageborder img { padding:5px; background:#EDE8D4 url("/images/template/bg-tex-med.jpg"); } .block { background: #EDE8D4 url("/images/template/bg-tex-med.jpg"); padding:10px; margin:0 0 20px 0; position:relative; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { display: none; } .pagination { text-align:right; margin:0 0 10px; width:300px; float:right; } .pagination p { margin:0; } .pagination .link { margin-left:10px; } .field { margin-bottom:10px; } .errortext { font-weight:bold; color:#d2412e; font-size:0.8em; } .hidden { display:none; } .col1 { float:left; width:320px; } .col2 { margin-left:340px; } .gravatar { } .gravatarcontainer { margin:0 10px 10px 0; } .gravatarcontainer p { margin:0 0 0 20px; font-size:0.7em; color:#999; } .avatarleft { float:left; margin-right:8px; } .avatarleft img { margin-top:5px; } .avatarinline { display:inline; margin:0 0 0 8px; vertical-align:middle; } .avatarinline .gravatar { display:inline; vertical-align:middle; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { min-height: 100%; height: auto; position: relative; text-align: left; margin: -50px auto -350px; background: url("/images/template/bg-wood.jpg") no-repeat top center; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } .contentwrapper { width: 960px; margin:auto; position:relative; } #topnav { height: 29px; margin: 10px 0 0; } #content { padding: 20px; margin: 0 0 20px 245px; background:#FCFDF7 url("/images/template/bg-tex-light.jpg"); min-height:500px; line-height:1.7em; font-size:1.25em; overflow:auto; width:675px; } .fullwidth #content { margin-left: 0; } #clearheader { height:50px; } /* same as clearfooter but for the header. Height to match the -50 in #conmtainer */ #clearfooter { height: 350px; clear: both; } /* height to match height + padding + margin etc in #footer */ /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { height: 50px; background: #C8C3AD url("/images/template/bg-header.jpg") repeat-x; padding: 0; margin: 0; text-align:center; position:relative; z-index:2; } #header #logo { position: absolute; left: 100px; top: 11px; z-index:10; } #header #header-container { width:958px; position:relative; margin:0 auto; text-align:left; } #header #site-version { position:absolute; top:2px; left:310px;} #header #site-version a, #header #site-version a:visited { color:#507226; padding:3px; } #header #site-version a:hover, #header #site-version a:active { color:#fff; padding:3px; background:#507226; text-decoration:none; } #titlebar { position:relative; height:110px; } #titlebar #game-thumbnail { width:67px; height:67px; background: #EDE8D4 url("/images/template/bg-tex-med.jpg"); position:absolute; top:20px; left:152px; } #titlebar #game-thumbnail img { margin:8px; width:52px; height:52px; } #titlebar h1 { font-size:4em; margin:0; position:absolute; top:25px; left:265px; font-weight:bold; } #titlebar h2 { font-size:3.5em; margin:0; position:absolute; top:30px; left:245px; font-weight:bold; } #titlebar a, #titlebar a:visited {} #titlebar a:hover, #titlebar a:active { text-decoration:none; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul#topnav { padding: 0; margin: 10px 0 0; float:right; font-size:1.3em; } ul#topnav li { display: inline; padding: 0; margin: 0; } ul#topnav a, ul#topnav a:visited { color: #fff; padding:8px 10px; background:none; text-decoration:none; } ul#topnav a:active, ul#topnav a:hover { color: #666; padding:8px 10px; background:url("/images/template/bg-tex-med.jpg"); text-decoration:none; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 220px; display: block; float: left; position:relative; } #sidecol ul { padding: 0; margin: 0; } #sidecol ul li { font-size: 1.2em; font-weight: bold; font-style:italic; list-style-type: none; padding: 0; margin:0; border-top:1px dashed #E6D8B5; } #sidecol ul li a, #sidecol ul li a:visited { padding:10px; display:block; color:#777; } #sidecol ul li a:active, #sidecol ul li a:hover { padding:10px; display:block; background:#FCFDF7 url("/images/template/bg-tex-light.jpg"); color:#666; text-decoration:none; } #sidecol ul li.selected a, #sidecol ul li.selected a:visited { background:#E1DCC6 url("/images/template/bg-tex-dark.jpg"); } #sidecol ul li.selected a:hover, #sidecol ul li.selected a:active { background:#FCFDF7 url("/images/template/bg-tex-light.jpg"); } #sidecol ul li ul { padding: 2px 0; margin: 0; } #sidecol ul li ul li { font-size: 1.0em; } #sidecol ul .top { border-top:none; } #sidecol h3 { font-weight:normal; font-size: 1.2em; line-height: 1.5em; color: #695C44; padding: 0; margin: 0 0 2px 0; text-align:center; } #sidecol .speechbubble { background:#E1DCC6 url("/images/template/bg-tex-dark.jpg"); padding:7px 10px; } #sidecol .speechbubble-arrow { position:absolute; left:115px; width:24px; height:26px; background: #E1DCC6 url("/images/template/twitter-aro.jpg"); } #sidecol #twitter { font-size:0.8em; overflow:hidden; position:relative; } #sidecol #twitter-bird { float:right; margin-top:20px; } #sidecol #twitter-link { position:absolute; bottom:10px; display:block; } #sidecol #twitter a, #sidecol #twitter a:visited { display:inline; padding:0; margin:0; color:#695C44; } #sidecol #twitter a:hover, #sidecol #twitter a:active { background:transparent; padding:0; margin:0; color: #527234; } #sidecol #twitter li { padding:0 0 10px; color:#737373; font-style:normal; } #sidecol #twitter li:first-child { border-top:none; } #sidecol #twitter .twitterTime { font-size:0.9em; color:#695C44; display:block; } #sidecol ul.join { margin:0 0 20px 0; padding:0; } #sidecol ul.join li { border-top:0; } #sidecol ul.join li a, #sidecol ul.join li a:visited { font-size:1.5em; display:block; font-weight:bold; background: #C8C3AD url("/images/template/bg-tex-darkest.jpg"); color:#777; margin:0; padding:20px 10px; } #sidecol ul.join li a:hover, #sidecol ul.join li a:active, #sidecol ul.join li a:focus { background: #95A731 url("/images/template/bg-green.jpg"); color:#fff; } #sidecol #blog { font-size:0.8em; position:relative; overflow:auto; } #sidecol #blog ul {} #sidecol #blog ul li { padding:0 0 10px; color:#737373; font-style:normal; } #sidecol #blog ul li a, #sidecol #blog ul li a:visited { display:inline; padding:0; margin:0; color:#695C44; } #sidecol #blog ul li a:hover, #sidecol #blog ul li a:active { background:transparent; padding:0; margin:0; color: #527234; } #sidecol #blog .date { margin:0; font-size:0.9em; } #sidecol #blog .feedTitle { position:absolute; left:0; bottom:0px; font-size:1.2em; margin:0; padding:0; } #sidecol #blog #creditfooter { position:absolute; left:0; bottom:35px; } #sidecol #wordpress { float:right; margin-top:10px; } #sidecol .largetext { font-size:1.8em; line-height:1.2em; } #sidecol .block .button { font-size:1.2em; width:auto; padding:10px 10px; margin-bottom:0; font-weight:bold; } #sidecol .block a.newpost { } #sidecol .block a.newpost .icon { display:block; width:25px; height:24px; background:url("/images/template/penpaper.png") no-repeat; position:absolute; top:17px; right:17px; } #sidecol #notice-flashbackweek { color:#777; font-weight:bold; margin-top:20px; } #sidecol #notice-flashbackweek p { color:#777; margin-top:0; } #sidecol #notice-flashbackweek .cta { margin-bottom:0; position:relative; } #sidecol #notice-flashbackweek .cta.withpdf a { overflow:visible; padding:5px 5px 5px 50px; font-size:1em; font-weight:normal; } #sidecol #notice-flashbackweek .cta .pdf-icon { display:block; width:43px; height:44px; background:url("/images/template/pdf-icon.png"); position:absolute; top:-4px; left:-4px; } #sidecol #notice-flashbackweek .largetext { margin-top:0; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent { width:145px; float:right; margin:0 0 0 15px; } #subcontent .characterbox { background: #EDE8D4 url("/images/template/bg-tex-med.jpg"); padding:8px; margin:0 0 15px; color:#777; } #subcontent .characterbox .character-image { text-align:center; margin-bottom:5px; } #subcontent .characterbox img { margin:0 auto; } #subcontent .characterbox a.button { padding:0; margin:10px auto 0; font-size:0.75em; width:130px; } #subcontent h4 { color:#888; font-size:0.8em; font-weight:normal; margin:0 0 15px; padding:0; line-height:1em; text-align:center; } #subcontent p { margin:0; line-height:1.3em; font-size:0.7em; margin:0 0 5px; } /* Other Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .highlight { font-size:1.05em; background:#C8C3AE url("/images/template/bg-tex-darkest.jpg"); border:4px solid #8C897A; padding:10px 20px; color:#fff; margin:5px 0 20px; } .required { color:#D2412E; padding:0 3px; } #monster { position:absolute; left:-35px; top:-45px; z-index:3; } #monster-embel { display:block; position:absolute; left:85px; top:-10px; width:70px; height:70px; z-index:4; } #login-form {} #login-form #username-box { display:block; } #login-form #password-box { display:block; } .post-summary { margin:20px 0; display:block; } .post-summary .post-text {} .post-summary .post-info { float:right; margin:0 0 10px 10px; width:160px; padding:10px 15px; background:#EDE8D4 url("/images/template/bg-tex-med.jpg"); font-size:0.8em; } .post-summary .post-info p { margin:0 0 5px; } .post-summary .post-info ul { margin:0; padding-left:20px; } .post-summary .post-info ul li { margin:0; } .post-summary .small { font-size:0.7em; font-style:italic; margin:0; } #game-info { width:290px; float:left; } #moderators { width:280px; margin-left:350px; } #posts {} #posts h3 { font-size:1.2em; } .character-group { border:1px dashed #E6D8B5; margin-bottom:25px; padding:20px; } .character-table { width:100%; border-collapse: collapse; font-size:1.1em; } .character-table th { font-weight:bold; padding:5px; text-align:left; } .character-table td { padding:0 5px; } .character-table .name { width:30%; } .character-table .age { width:10%;} .character-table .image { width:10%; padding:0 5px 0 0; } .character-table .gender { width:20%;} .character-table .view { width:10%; } .character-table .status { width:20%; font-size:0.9em; } .character-table .unapproved { background: #CBC6B0 url("/images/template/bg-tex-med.jpg"); } .character-table .unapproved .status { color:#D26759; } .character-row { min-height:60px; } .character-row img { padding:2px; border:1px dashed #E6D8B5; } .character-row img:hover { border:1px dashed #95A731; } .buttons { overflow:auto; } .buttons .left { margin-right:12px; } .button-approve { background:#95A731 url("/images/template/bg-green.jpg"); cursor:pointer; padding:15px 10px; font-size: 1.5em; color:#555; display:block; border:1px solid transparent; width:300px; text-align:center; margin:15px 0 15px; } .button-approve:hover, .button-approve:active { background: #C8C3AD url("/images/template/bg-tex-darkest.jpg"); color:#fff; border:1px dashed #E6D8B5; } .button-deny { background:#D26759 url("/images/template/bg-red.jpg"); cursor:pointer; padding:15px 10px; font-size: 1.5em; color:#555; display:block; border:1px solid transparent; width:300px; text-align:center; margin:15px 0 15px; } .button-deny:hover, .button-deny:active { background: #C8C3AD url("/images/template/bg-tex-darkest.jpg"); color:#fff; border:1px dashed #E6D8B5; } #character-photo { float:right; text-align:center; margin:0 0 15px; padding:10px; border:1px dashed #E6D8B5; } #character-photo img { margin: 0 auto; } /* Edit Character profile */ #edit-character textarea { width:100%; } .rating { overflow:hidden; margin-bottom:5px; } .rating p { margin:0; line-height:18px; } .rating p#ratinglabel { float:left; margin:0; } .star-rating { list-style:none; margin: 0px; padding:0px; width: 100px; height: 16px; position: relative; background: url("/images/template/stars-off.gif") top left repeat-x; margin:0 10px; float:left; } .star-rating li { padding:0px; margin:0px; float: left; } .star-rating li a { display:block; width:20px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover { background: url("/images/template/stars-on.gif") left bottom; z-index: 1; left: 0px; } .star-rating a.star1 { left: 0px; } .star-rating a.star1:hover { width:20px;} .star-rating a.star2 { left:20px; } .star-rating a.star2:hover { width: 40px; } .star-rating a.star3 { left: 40px; } .star-rating a.star3:hover { width: 60px; } .star-rating a.star4 { left: 60px; } .star-rating a.star4:hover { width: 80px; } .star-rating a.star5 { left: 80px; } .star-rating a.star5:hover { width: 100px; } .star-rating li.current-rating { background: url("/images/template/stars-on.gif") left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1; } .star-rating li a:hover { background: url("/images/template/stars-on-over.gif") left center; } .rating .help-btn { float:left; } .rating #explanation-rating p { margin:2px 0 0; font-size:0.8em; } #rating-feedback { position:absolute; left:280px; top:0; } #post-rating-results { } #post-rating-results .post-rating-result { margin-bottom:10px; } #post-rating-results .post-rating-result p { margin:0; padding:0; } #post-rating-results .post-rating-result .date { font-style:italic; font-size:0.8em; line-height:1.1em; } #post-rating-results .post-rating-score { float:left; width:85px; } #post-rating-results .post-rating-info { margin-left:120px; } #post-rating-results .post-rating-result .stars { display:block; width:85px; height:16px; margin:0 0 5px 0; } #post-rating-results .post-rating-result .stars1 { background:url("/images/template/1star.png") no-repeat; } #post-rating-results .post-rating-result .stars2 { background:url("/images/template/2stars.png") no-repeat; } #post-rating-results .post-rating-result .stars3 { background:url("/images/template/3stars.png") no-repeat; } #post-rating-results .post-rating-result .stars4 { background:url("/images/template/4stars.png") no-repeat; } #post-rating-results .post-rating-result .stars5 { background:url("/images/template/5stars.png") no-repeat; } #post-rating-results a.showmore, #post-rating-results a.showmore:visited { display:block; color:#666; text-align:center; background:#EDE8D4 url("/images/template/bg-tex-med.jpg"); margin-bottom:15px; } #post-rating-results a.showmore:active, #post-rating-results a.showmore:hover, #post-rating-results a.showmore:focus { background:#95A731 url("/images/template/bg-green.jpg"); color:#fff; text-decoration:none; } #post-rating-results a.showmore .moretext { padding:2px 20px 2px 2px; margin:0 auto; display:block; width:50px; background:url("/images/template/arrow-down.jpg") no-repeat 50px 7px; } #post-rating-results a.showmore .moretext.expanded { background:url("/images/template/arrow-up.jpg") no-repeat 50px 7px; } /* Show all games styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #allgames { } .gamesummary { margin-bottom:20px; padding:20px 0 0; border-top:1px dashed #E6D8B5; } .gamesummary p { line-height:1.1em; } .gamesummary ul { margin:0; } .gamesummary img { padding:5px; background:#CBC6B0 url("/images/template/bg-tex-med.jpg"); } .gamesummary .col1 { float:left; width:170px; } .gamesummary .col2 { margin-left:190px; } #search_games_form { } #search_games_form select { font-size:1em; padding:0; border:1px solid #CCC; vertical-align:top; height:26px; } #search_games_form input { font-size:1em; padding:4px 6px; display:inline; border:1px solid #ccc; width:200px; } #search_games_form input:hover { border:1px solid #95A731; } #search_games_form .button { width:130px; margin:0; font-weight:bold; padding:2px; } /* View/New/Edit post page -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #view-post { margin-bottom:145px; } #view-post h1 { margin-bottom:0; padding:0; } #view-post .author { margin-top:0; font-size:0.9em; } #view-post .post { padding-bottom:10px; } #view-post #addthis { line-height:1.1em; font-size:0.9em; margin-left:20px; } #post-title { width:650px; } #post-body { width:500px; } #post-title-container { } #post-body-container { position:relative; } #post-body-container #richtext-toggle { position:absolute; top:0; right:0; } #post-body-container #richtext-teaser { position:absolute; top:0; right:0; } #post-buttons { position:absolute; bottom:20px; width:674px; } #post-buttons #prevnext-buttons { overflow:hidden; } #post-buttons #prevnext-buttons .button { margin:0; font-size:1.6em; } #post-buttons .buttons { margin:0; border-bottom:1px dashed #E6D8B5; padding-bottom:8px; margin-bottom:10px; } #post-buttons .buttons .button { margin:0; padding:3px 10px; font-size:1em; font-weight:bold; width:auto; } #post-buttons .buttons .button.reply { } #post-buttons .buttons .button.delete { } #post-buttons .buttons .button.newpost { padding-right:37px; position:relative; } #post-buttons .buttons .button.newpost .icon { display:block; width:25px; height:24px; background:url("/images/template/penpaper.png") no-repeat; position:absolute; top:4px; right:4px; } #add-character { margin-bottom:5px; } #selected-characters { overflow:auto; } #selected-characters .character { background: #EDE8D4 url("/images/template/bg-tex-med.jpg"); padding:8px; margin:0 10px 15px 0; color:#777; width:129px; float:left; min-height:180px; position:relative; overflow:hidden; } #selected-characters .character .character-image { text-align:center; margin-bottom:5px; } #selected-characters .character img { margin:0 auto; } #selected-characters .character p { font-size:0.8em; line-height:1.1em; text-align:center; } #selected-characters .character p.name { margin:10px 0 25px; } #selected-characters .character p.delete { margin:0; position:absolute; bottom:10px; left:45px; } #selected-characters .character .delete a { background:#C8C3AE url("/images/template/bg-tex-darkest.jpg"); padding:3px 10px; } #selected-characters .character .delete a:hover, #selected-characters .character .delete a.active { background:#95A731 url("/images/template/bg-green.jpg"); color:#fff; text-decoration:none; } .select-character { margin-bottom:10px; } #post-completed { } #post-completed .button:link, #post-completed .button:visited { width:305px; font-size:1.6em; padding:20px 10px; background:#C8C3AE url("/images/template/bg-tex-darkest.jpg"); } #post-completed .button:hover, #post-completed .button:active { background:#95A731 url("/images/template/bg-green.jpg"); } #post-completed .left { } #post-completed .first.left { margin-right:20px; } #post-completed .twitter { position:relative; padding-left:65px !important; width:250px !important; font-size:1.5em; } #post-completed .twitter .logo { display:block; width:56px; height:56px; background:url("/images/template/twitter56x56.png") no-repeat; position:absolute; top:4px; left:5px; } #autosave-msg { width:100px; height:20px; line-height:1.5em; background:#EDE8D4 url("/images/template/bg-tex-med.jpg") repeat scroll 0 0; text-align:center; padding:3px 5px; font-size:0.9em; position:absolute; top:0; left:280px; } /* View all posts Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .post-feeds { float:left; } .post-feeds p { vertical-align:middle; } .post-feeds a { } .post-feeds img { vertical-align:middle; } #game-summary { margin:0 0 20px; border-bottom:1px dashed #E6D8B5; } #game-summary .button { width:250px;} #search_posts_form { float:left; } #search_posts_form select { font-size:1em; padding:0; border:1px solid #CCC; vertical-align:top; height:26px; } #search_posts_form input { font-size:1em; padding:4px 6px; display:inline; border:1px solid #ccc; width:200px; } #search_posts_form input:hover { border:1px solid #95A731; } #search_posts_form .button { width:130px; margin:0; font-weight:bold; padding:2px; } /* New/Edit Game Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #game-desc { width:655px; padding:5px; } #game-title { width:655px; padding:5px; } #game_category { } /* Game Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .coloured-box { padding:20px; background:#EDE8D4 url("/images/template/bg-tex-med.jpg"); min-height:225px; } .coloured-box ul { margin: 5px 0 15px; } .latestposts .posts-total { margin:0; } #postspermonth { border-collapse:collapse; border:0; font-size:0.8em; width:100%; } #postspermonth th { text-align:center; font-weight:bold; line-height:1.6em; } #postspermonth td { text-align:center; width:38px; } #postspermonth .month { background:#EDE8D4 url("/images/template/bg-tex-med.jpg"); margin:0 2px 2px 0; border:2px solid #FCFDF7; height:24px; } #postspermonth .year { text-align:left; } /* Notice and warning -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #notice { font-size:1.05em; background:#95A731 url("/images/template/bg-green.jpg"); border:4px solid #6F8930; padding:10px 20px; color:#fff; margin:5px 0 20px; } #warning { font-size:1.05em; background:#D26759 url("/images/template/bg-red.jpg"); border:4px solid #D2412E; padding:10px 20px; color:#fff; margin:5px 0 20px; } #notice a, #warning a { font-weight:bold; color:#fff; text-decoration:underline; } #notice a:hover, #notice a:active, #warning a:hover, #warning a:active { color:#527234; } #warning li, #notice li { color:#fff; } /* Games Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .games p { } /* Create new game form -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #new-game label { font-size:1.1em; font-weight:bold; font-style:italic; } #new-game .help-btn { } #new-game .help-btn img { vertical-align:middle; margin:0 5px 6px; } /* Email member form Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #email-member-form { } #email-member-form #post-title { width:600px; } #email-member-form #post-body { width:620px; } /* Features page Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #features {} #features .rightcol { width:340px; margin-left:30px; } #features ul { margin:10px 0 22px; } #features li { font-size:0.95em; } #features h2 { margin:0 0 15px; font-size:1.8em; } #features h3 { font-weight:normal; font-size:1.4em; } #features .button, #features .button:visited { background:#95A731 url("/images/template/bg-green.jpg"); cursor:pointer; padding:15px 10px; font-size: 1.5em; color:#444; display:block; border:1px solid transparent; width:300px; text-align:center; margin:15px 0 0; } #features .button:hover, #features .button:active { background: #D26759 url("/images/template/bg-red.jpg"); color:#fff; border:1px dashed #E6D8B5; } #features .rightcol .button { float:right; } /* Give award Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #choose-award { position:relative; padding-top:30px; } #choose-award #award-message { } #choose-award #awards { height:315px; max-height:315px; border:1px solid #777; overflow-y:scroll; overflow-x:hidden; } #choose-award #awards p { margin:10px 15px; } #choose-award #awards ul { margin:0; padding:0; font-size:1.4em; } #choose-award #awards li.row { list-style-type:none; margin:0; padding:0; } #choose-award #awards li.row a, #choose-award #awards li.row a:visited { display:block; border:0; background:transparent url("/images/template/trophy_tn.png") no-repeat 6px 5px; padding:6px 6px 6px 50px;} #choose-award #awards li.row a:hover, #choose-award #awards li.row a:active { background-color:#E7EBCF; text-decoration:none; } #choose-award #awards li.row.selected a { background-color:#95A731; color:#fff; } #choose-award #award-description { width:390px; float:left; } #choose-award #award-description-container { margin-top:10px; overflow:auto; } #choose-award ul#award-types { margin:0; padding:0; position:absolute; top:0; right:0; } #choose-award ul#award-types li { list-style-type:none; display:inline; margin:0; padding:0; } #choose-award ul#award-types li a, #choose-award ul#award-types li a:visited { color:#527234; display:block; float:left; background:#EDE8D4 url("/images/template/bg-tex-med.jpg") repeat scroll 0 0 ; border:0 none; padding:5px 8px; margin:0 0 0 10px; font-size:1em; } #choose-award ul#award-types li a.selected { color:#527234; text-decoration:none; background:#C8C3AD url("/images/template/bg-header.jpg"); } #choose-award ul#award-types li a:hover, #choose-award ul#award-types li a:active { color:#fff; text-decoration:none; background:#95A731 url("/images/template/bg-green.jpg"); } #choose-award .loading-awards { margin:150px 0 0 330px; } #add-description { float:left; width:415px; } #give-award-btn { width:250px; float:right; font-size:1.8em; margin-top:0; } #add-new-award { position:relative; } #add-new-award #new-award-name { width:390px; float:left; margin-right:10px; height:27px; } #add-new-award .button { margin:0; } #add-new-award .trophy { width:40px; height:45px; background:transparent url("/images/template/trophy_tn.png") no-repeat 5px 8px; border:1px solid #C8C3AD; position:absolute; top:0; right:0; } #add-new-award-show { background:transparent url("/images/template/plus.png") no-repeat; padding:0 0 0 35px; line-height:26px; } /* show award Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #showawards { } #showawards .awardsummary { margin:20px 0 20px; padding:0 0 20px; border-bottom:1px dashed #E6D8B5; } #showawards .awardsummary img { float:left; margin:10px; } #showawards .awardsummary .awardinfo { margin-left:120px; } #showawards .awardsummary p { margin:0; } #profile-awards {} #profile-awards .award-summary { vertical-align:middle; margin-bottom:5px; } #profile-awards .award-summary img { vertical-align:middle; } .award-icons { overflow:auto; margin:0 0 10px; } .award-icons .award_tn { display:block; float:left; margin:0 10px 0 0; } .give-award-btn { vertical-align:middle; width:125px; font-size:1.2em; height:auto; margin:0; } .give-award-btn img { vertical-align:middle; } /* Tooltip Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; color:red; } #tooltip h3, #tooltip div { margin: 0; } #tooltip.tooltip_under { border: none; width: 127px; padding:40px 10px 10px; height: 54px; background: url('/images/template/tooltip_below.png') no-repeat; text-align: center; font-weight:normal; color:#555; } #tooltip.tooltip_under h3 { margin:0; padding:0; width:120px; font-size: 1em; text-align: center; color:#555; } #tooltip div { margin:0; padding:0; width:120px; font-size: 1em; text-align: center; } /* Error log Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #logs {} #logs .log { border:1px solid #666; margin-bottom:10px; padding:10px; } #logs .log.bad { border:3px solid red; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { color:#527234; height: 335px; position: relative; padding: 0; margin: 0 auto; text-align:left; background: #C8C3AD url("/images/template/bg-tex-darkest.jpg"); padding:15px 0 0; overflow-x:hidden; font:normal 1em Arial, Helvetica, sans-serif; } #footer a, #footer a:visited { color:#777; padding:0 5px; position:relative; } #footer a:active, #footer a:hover { color:#527234; } #footer p { line-height:20px; margin:0;} #footer .contentwrapper { overflow:visible; } #footer #facebookbox { float:left; background:#fff; } #footer #blogfeed { float:left; width:335px; position:relative; margin-left:19px; } #footer #blogfeed ul { margin:0; padding:0; } #footer #blogfeed ul li { padding:0 0 12px; margin:0; color:#555; font-style:normal; list-style-type:none; } #footer #blogfeed ul li a, #footer #blogfeed ul li a:visited { display:inline; padding:0; margin:0; color:#695C44; } #footer #blogfeed ul li a:hover, #footer #blogfeed ul li a:active { background:transparent; padding:0; margin:0; color: #527234; } #footer #blogfeed .feedTitle { display:none; } #footer #blogfeed .headline { font-weight:bold; font-size:1.1em; } #footer #blogfeed .date { font-size:0.9em; } #footer #blogfeed #creditfooter { display:none; } #footer #twitterfeed { float:right; margin-left:15px; position:relative; padding:0; } #footer #twitterfeed .speechbubble { background: #E1DCC6 url("/images/template/bg-tex-dark.jpg"); width:311px; padding:17px; margin:0; min-height:180px; } #footer #twitterfeed #twitter-link { display:block; margin-top:5px; padding:0; } #footer #twitterfeed ul { margin:0; padding:0; } #footer #twitterfeed ul li { list-style-type:none; margin:0 0 12px; } #footer .speechbubble-arrow { background: url("/images/template/speecharrow-right.png") no-repeat; width:30px; height:37px; position:absolute; top:160px; right:-30px; } #footer #bottommonster { background: url("/images/template/monsterbottom.png") no-repeat; width:384px; height:221px; position:absolute; bottom:9px; right:-320px; } #footer #footerbar { background:#000; height:30px; width:100%; position:absolute; bottom:0; color:#fff; font:Arial, Helvetica, sans-serif; } #footer #footerbar p { color:#eee; line-height:30px; } #footer #footerbar a, #footer #footerbar a:visited { color:#eee; padding:0 10px; line-height:30px; display:block; float:right; } #footer #footerbar a:active, #footer #footerbar a:hover { color:#000; background-color:#fff; text-decoration:none; } /* Homepage Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .homepage { } .homepage #content { padding:15px 40px; overflow:visible; width:880px; } .homepage #monster { top:-48px; left:-65px; } .homepage #monster-eyes { position:absolute; top:9px; left:26px; width:82px; height:75px; background:url("/images/template/header_monster_home_eyes.gif"); z-index:4; } .homepage #monster-embel { display:block; position:absolute; top:9px; left:130px; width:120px; height:100px; z-index:4; } .homepage #top-text { margin-left:230px; } .homepage h2 { margin:10px 0 3px; } .homepage #top-options { margin-top:9px; } .homepage #top-options h2 { font-size:1.7em; margin:0; } .homepage .rightcol { width:430px; margin-left:25px; } .homepage .rightcol .button { font-size:1.3em; width:170px; margin-bottom:0; } .homepage .boxes { overflow:auto; background: transparent url("/images/template/bg-home-boxes.png") repeat-y; margin-bottom:30px; } .homepage .boxes h3 { font-size:1.1em; font-weight:bold; margin:0; } .homepage .boxes a, .homepage .boxes a:visited { color:#777; } .homepage .boxes a:active, .homepage .boxes a:hover { color:#527234; } .homepage .boxes p { margin:2px 0; line-height:1.2em; font-size:0.8em; } .homepage .boxes .game-summary-box { display:block; float:left; margin:0 0 0 35px; padding:15px; width:160px; position:relative; } .homepage .boxes .game-summary-box.first { margin-left:0; } .homepage .boxes .summarytext { } .homepage .boxes .summaryimage { background:red; } .homepage hr { color:#E1E2DE; background-color:#E1E2DE; border:none; height:1px; margin:15px 0; } .homepage .largetext { font-size:1.2em; line-height:1em; } .homepage .normaltext { font-size:1.1em; } .homepage #signup { position:relative; padding-bottom:20px; } .homepage #signup p { margin-right:300px; } .homepage #signup #monster-btn { position:absolute; top:-10px; right:-78px; width:545px; background-color:#CCCCCC; text-align:center; } .homepage #signup .monster-behind { position:absolute; top:-10px; left:207px; width:334px; height:309px; background:url("/images/template/monster_behind.png") no-repeat; } .homepage #signup .monster-hand { position:absolute; top:64px; left:195px; width:110px; height:58px; background:url("/images/template/monster_hand.png") no-repeat; } .homepage #signup .monster-head { position:absolute; top:-8px; left:337px; width:149px; height:190px; background:url("/images/template/monster_head.png") no-repeat;} .homepage #signup .signup-btn { position:absolute; top:100px; } .homepage #signup .signup-btn .largetext { display:block; font-size:1.9em; } .homepage #signup .signup-btn a { display:block; padding:35px 25px; font-size:1em; } .homepage #signup .signup-btn a, .homepage #signup .signup-btn a:visited { color:#fff; background: #C8C3AD url("/images/template/bg-tex-darkest.jpg"); } .homepage #signup .signup-btn a:active, .homepage #signup .signup-btn a:hover { color:#fff; background:#D26759 url("/images/template/bg-warning.jpg"); text-decoration:none; } /* .homepage .speechbubble { background:#E1DCC6 url("/images/template/bg-tex-dark.jpg"); padding:7px 10px; height:200px; overflow:hidden; } .homepage .speechbubble-arrow { position:absolute; right:58px; width:24px; height:26px; background: #E1DCC6 url("/images/template/twitter-aro-light.jpg"); } .homepage #feeds { overflow:auto; } .homepage #twitter { font-size:0.8em; overflow:auto; position:relative; } .homepage #twitter-bird { float:right; margin-top:20px; } .homepage #twitter-link { position:absolute; bottom:10px; right:100px; display:block; } .homepage #twitter a, .homepage #twitter a:visited { display:inline; padding:0; margin:0; color:#695C44; } .homepage #twitter a:hover, .homepage #twitter a:active { background:transparent; padding:0; margin:0; color: #527234; } .homepage #twitter li { padding:0 0 10px; color:#555; font-style:normal; } .homepage #twitter li:first-child { border-top:none; } .homepage #twitter .twitterTime { font-size:0.9em; color:#695C44; display:block; } .homepage #blog { font-size:0.8em; position:relative; overflow:auto; float:left; width:360px; margin:0 20px 0 0; } .homepage #blog ul {} .homepage #blog ul li { padding:0 0 10px; color:#555; font-style:normal; } .homepage #blog ul li a, .homepage #blog ul li a:visited { display:inline; padding:0; margin:0; color:#695C44; } .homepage #blog ul li a:hover, .homepage #blog ul li a:active { background:transparent; padding:0; margin:0; color: #527234; } .homepage #blog .date { margin:0; font-size:0.9em; } .homepage #blog .feedTitle { position:absolute; left:0; bottom:0px; font-size:1.2em; margin:0; padding:0; } .homepage #blog #creditfooter { position:absolute; left:0; bottom:30px; } .homepage #wordpress { float:right; margin-top:10px; } */ .homepage #notice { margin-left:230px; } .homepage #warning { margin-left:230px; } .homepage .games-button { background: #C8C3AD url("/images/template/bg-header.jpg"); cursor:pointer; padding:10px 10px; font-size: 1.4em; color:#527234; display:block; border:none; width:395px; text-align:center; margin:20px 15px 0 0; } .homepage#footer #blogfeed { width:260px; margin-left:19px; } .homepage#footer #twitterfeed { margin-left:15px; } .homepage#footer #twitterfeed .speechbubble { width:280px; } .homepage #select_categories_form { float:left; } .homepage #select_categories_form select { font-size:1em; padding:0; border:1px solid #CCC; vertical-align:top; height:26px; } .homepage #select_categories_form input { font-size:1em; padding:4px 6px; display:inline; border:1px solid #ccc; width:200px; } .homepage #select_categories_form input:hover { border:1px solid #95A731; } .homepage #select_categories_form .button { width:130px; margin:0; font-weight:bold; padding:2px; }