/* -------------------------------------------------------- Global Games Sections (Home, details, directory) stylesheet Website: Gamesalon Created by: Guillaume - guillaume at tearsfromthesky.com Filename: css/global_games_sections.css -------------------------------------------------------- */ /* -------------------------------------------------------- Content - Games by Category -------------------------------------------------------- */ div#content_main p.order_by a { color: #760064; padding: 0 5px; text-decoration: none; } div#content_main p.order_by a.order_active { text-decoration: underline; } div.category_games_feat, div.category_games { float: left; width: 278px; height: 106px; margin: 0 12px 12px 0; } div.category_games { background: url("../images/category_games_bg.gif") no-repeat; } div.category_games_feat { background: url("../images/category_games_feat_bg2.gif") no-repeat; } div.category_games_feat img, div.category_games img { float: left; padding-left:2px} div.category_games_feat div.category_games_text, div.category_games div.category_games_text { margin-left: 85px; } div.category_games_new, div.category_games { float: left; width: 278px; height: 106px; margin: 0 12px 12px 0; } div.category_games { background: url("../images/category_games_bg.gif") no-repeat; } div.category_games_new { background: url("../images/category_games_new_bg.gif") no-repeat; } div.category_games_new img, div.category_games img { float: left; } div.category_games_new div.category_games_text, div.category_games div.category_games_text { margin-left: 85px; } div.category_games_inner { padding: 13px; } div#content_main div.category_games_inner h3 { font-size: 13px; color: #df00bc; font-weight: bold; letter-spacing: 0px; padding-top: 3px; } div#content_main div.category_games_inner p { margin-bottom: 2px; font-size: 12px; line-height: 1.2em; } div#content_main div.category_games_inner .f_label { color: #D107B1; text-decoration: underline; } div.all_games_category_bg { background: url("../images/all_games_category_bg.gif") repeat-y;} div.all_games_category h3 { margin-bottom: 15px; } div.all_games_col1, div.all_games_col2, div.all_games_col3 { float: left; width: 175px; } div.all_games_col1, div.all_games_col2 { padding-right: 17px; margin-right: 20px;} /* border-right: 1px solid #d7d7d7; }*/ div#content_main div.all_games_category ul { padding-left: 0px; } div#content_main div.all_games_category ul li { background: none; padding-left: 0px; padding-bottom: 4px; } div#content_main div.all_games_category ul li a { color: #878787; text-decoration: none; } div#content_main div.all_games_category ul li a:hover { color: #878787; text-decoration: underline; } /* -------------------------------------------------------- Content - Game Homes -------------------------------------------------------- */ div#content_main p.register_login { font-size: 16px; margin-bottom: 25px; line-height: 1.5em; } div#content_main h2.featured_download, div#content_main h2.featured_online, div#content_main h2.featured_deluxe { font-size: 31px; font-weight: bold; padding-left: 25px; line-height: 1em; } div#content_main h2.featured_download { background: url("../images/icon_featured_download.gif") no-repeat top left; color: #760064; } div#content_main h2.featured_online { background: url("../images/icon_featured_online.gif") no-repeat; color: #0f54aa; } div#content_main h2.featured_deluxe { background: url("../images/icon_featured_online.gif") no-repeat; color: #0065E3; } div.content_half_left { width: 290px; float: left; padding-right: 5px; border-right: 1px solid #d7d7d7; } div.content_half_right { width: 300px; float: right;} div.choose_category { margin-bottom: 15px; } div.choose_category form { padding: 7px; background-color: #efd7eb; } div.choose_category select { border: 1px solid #7f9db9; width: 287px; } div.choose_category select option { width: 265px; padding: 1px 10px} div.choose_category select option.genrename{ font-weight: bold; margin-top: 10px; } /* Top Tens */ div.top_ten_games ol { margin-top: 15px; list-style: none; } div.top_ten_games ol li { padding: 0 0 13px 0; } div.top_ten_games ol li span { background: url("../images/icon_top_ten_downloads.gif") no-repeat; color: #fff; padding: 4px 14px 5px 7px; font-size: 10px; } div.top_ten_games ol.top_ten_online_list li span { background: url("../images/icon_top_ten_online.gif") no-repeat; } div#content_main div.top_ten_games ol li a { color: #878787; font-size: 14px; } div.top_ten_games p { font-size: 12px; } /* More Games Box */ div#content_main h3.more_games_title { color: #696969; font-size: 20px; padding-bottom: 7px; font-weight: bold; } div.more_games_box { border: 1px solid #d7d7d7; padding: 15px 15px 15px 15px; } div.more_games_box div.more_games_col1, div.more_games_box div.more_games_col2, div.more_games_box div.more_games_col3 { width: 165px; float: left; } div.more_games_box div.more_games_col1, div.more_games_box div.more_games_col2 { padding-right: 17px; margin-right: 20px; border-right: 1px solid #d7d7d7; } div.more_games_box td {width:33%; vertical-align:top;} div.more_games_box td.more_games_col1, div.more_games_box td.more_games_col2 { padding-right: 17px; border-right: 1px solid #d7d7d7; } div.more_games_box td.more_games_col2, div.more_games_box td.more_games_col3 { padding-left: 20px; } div.more_games_box h4 { color: #760064; font-size: 20px; font-weight: normal; padding: 6px 0 12px 0; } div.more_games_box ol { padding: 0 0 6px 30px; list-style-type:decimal; } div.more_games_box ol li { padding-bottom: 3px; } div#content_main div.more_games_box ol li a { color: #696969; text-decoration: underline; } div.more_games_box p { padding-bottom: 0px; } /* More Online Games Box Specific */ div.f_deluxe div.more_games_box h4 { color: #0065E3; } div.more_games_box div.more_online_games_col1 { width: 260px; float: left; padding-right: 17px; margin-right: 30px; border-right: 1px solid #d7d7d7; } div.more_games_box div.more_online_games_col2 { width: 260px; float: left; } div.more_games_box div.more_online_games_col1 ol, div.more_games_box div.more_online_games_col2 ol { float: left; width: 100px; } /* -------------------------------------------------------- Content - Game Details -------------------------------------------------------- */ /* Rating and General Game Info */ div#content_main div.shadow_box_left { width: 176px; } div#content_main div.shadow_box_left div.game_image { width: 176px; text-align: center; } div#content_main div.shadow_box_left img { margin-bottom: 15px; } div#content_main div.shadow_box_left div.game_rating { width: 176px; height: 106px; margin-bottom: 13px; background: url("../images/game_user_rating_bg.gif") no-repeat; } div#content_main div.shadow_box_left div.game_rating_inner { padding: 12px 15px; } div#content_main div.shadow_box_left div.game_rating p { margin-bottom: 2px; line-height: 1.3em; } div#content_main div.shadow_box_left div.game_rating p.votes { float: left; height: 40px; padding-right: 5px; } div#content_main div.shadow_box_left div.game_rating p.current_rating { float: left; height: 40px; width: 63px; text-align: right; line-height: 1.1em; font-size: 31px; font-weight: bold; color: #760064; } div#content_main div.shadow_box_left div.game_rating p.cast_vote { font-weight: bold; padding-top: 0px; } div#content_main div.shadow_box_left div.game_rating p a.rating_good, div#content_main div.shadow_box_left div.game_rating p a.rating_bad { font-weight: bold; float: left; padding: 2px 0 2px 19px; margin-right: 13px; } div#content_main div.shadow_box_left div.game_rating p a.rating_good { background: url("../images/icon_rating_good.gif") no-repeat; } div#content_main div.shadow_box_left div.game_rating p a.rating_bad { background: url("../images/icon_rating_bad.gif") no-repeat; } div#content_main div.shadow_box_left p.try_buy { line-height: 1.4em; text-align: center; padding-top: 4px; } div#content_main div.shadow_box_left p a.send_game_friend { font-size: 12px; padding-left: 22px; background: url("../images/icon_contact.gif") no-repeat 3px 2px; margin-left: 3px; } div#content_main div.shadow_box_left p a.play_online { font-size: 12px; padding-left: 22px; background: url("../images/icon_online.gif") no-repeat 3px 2px; margin-left: 3px; } div#content_main div.shadow_box_right div.game_details_btn { margin-bottom: 10px; } div#content_main div.shadow_box_right div.game_details_btn a { margin-right: 15px; } div#content_main div.shadow_box_right h4 { letter-spacing: 0px; padding-bottom: 8px; font-size: 13px; } div#content_main div.shadow_box_right div.game_details_info { float: left; padding: 0 0 0 8px; } div#content_main div.shadow_box_right div.game_details_requirements { margin-left: 170px; } div#content_main div.shadow_box_right div.game_screenshot { float: left; padding: 0 4px 4px 0; } /* Suggestions */ div#content_main h3.suggestions_title { margin: 15px 0 15px 0; } div.more_featured_game { float: left; width: 80px; height: 125px; margin-right: 15px; } div.more_featured_game img { border: 1px solid #d7d7d7; margin-bottom: 3px; } div.more_featured_game p { text-align: center; line-height: 1.2em; font-size: 12px; } /* Comment Box */ div.comment_box { background-color: #f3f3f3; border: 1px solid #d7d7d7; padding: 15px; } div.comment_box div.comment_box_user { float: left; width: 54px; } div.comment_box div.comment_box_user img { border: 1px solid #959595; } div.comment_box div.comment_box_form { float: right; width: 524px; } div.comment_box div.comment_box_form textarea { width: 516px; height: 150px; padding: 3px; border: 1px solid #959595; /* background: #fff url("../images/form_input_bg.gif") repeat-x top left; */ } div.comment_box div.comment_box_form p.swear_note { color: #ac0000; font-weight: bold; padding: 6px 0; } div.comment_box div.comment_box_form table td { padding-right: 5px; vertical-align: bottom; } div.comment_box div.comment_box_form table td.security_code input { width: 205px; padding: 3px; border: 1px solid #959595; } div#content_main div.comment_box div.comment_box_form p { margin-bottom: 2px; } /* Other User Comments */ div.user_comments div.user_comments_icon { float: left; padding-left: 10px; margin-bottom: 18px; } div.user_comments div.user_comments_icon img { border: 1px solid #959595; } div.user_comments div.user_comments_text { float: right; width: 550px; background: url("../images/user_comments_bg.gif") repeat-y; margin-bottom: 18px; } div.user_comments div.user_comments_text_bg { background: url("../images/user_comments_top.gif") no-repeat top left;} div.user_comments div.user_comments_text div.comments_text_padding { padding: 10px 10px 10px 30px; } div#content_main div.user_comments div.user_comments_text p.comments_by { font-weight: bold; color: #f302cd; margin-bottom: 5px; } div#content_main div.user_comments div.user_comments_text p.comments_reply_quote { border: 1px solid #d7d7d7; padding: 5px 0 5px 10px; font-size: 11px; margin: 10px 0 0 20px; } div#content_main div.user_comments div.user_comments_text p.comments_reply_quote a { color: #f41ad2; } div#content_main div.user_comments div.user_comments_text p { margin-bottom: 0px; } div.user_comments div.user_quote { background-color: #f3f3f3; padding: 5px 10px; font-size: 11px; margin: 13px 0 10px 0; } div.pagination { font-weight: bold; } div.pagination a { font-weight: bold; color: #f41ad2; padding: 0 5px; text-decoration: none; } div.pagination a.page_active { text-decoration: underline; } /* Admin User Comments */ div.admin_comments div.user_comments_text { margin-bottom: 18px; font-size: 12px;} div.admin_comments div.user_comments_text_bg { border: 1px solid #d7d7d7; } div.admin_comments div.user_comments_text div.comments_text_padding { padding: 5px 5px 5px 10px;} div#content_main div.admin_comments div.user_comments_text p.comments_by { font-weight: bold; color: #f302cd; margin-bottom: 5px; } div#content_main div.admin_comments div.user_comments_text p.comments_reply_quote { border-top: 1px solid #d7d7d7; padding: 5px 0 5px 10px; font-size: 11px; margin: 0px 0 0 0; } div#content_main div.admin_comments div.user_comments_text p.comments_reply_quote a { color: #f41ad2; } div#content_main div.admin_comments div.user_comments_text p { margin-bottom: 0px; } div.admin_comments div.user_quote { background-color: #f3f3f3; padding: 5px 10px; font-size: 11px; margin: 13px 0 10px 0; } div#content_main div.admin_comments div.user_comments_text textarea{ background-color: #ffffd3; width: 95%; padding-left: 5px; border: 1px solid #d7d7d7;} div#content_main div.admin_comments div.user_comments_text .editable {background-color: #ffffd3; cursor:pointer} .editable {background-color: #ffffd3; cursor:pointer}