/*Yash's CSS, Its Blue Fever~*/ /* Change the BODY tag to impact the colors/fonts for the entire page. */ BODY { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 66%; color: white; background: url(http://www.byond.com/members/Yash69/files/Pics.png) repeat-x; background-color: #00263a;/*#004263*/ margin-right: 0px; margin-left: 0px; } /***************** * Miscellaneous * *****************/ img, .title img, .ajax_status img, .title .ajax_status img { border: 0px; } a { color: #73C8EF; font-weight: bold; text-decoration: none; } a:hover, a:active { text-decoration: underline; color: yellow; } #notices { text-align: center; } .notice { font-weight: bold; } /*********** * headbar * ************/ body div#headbar { background: #004263 !important; color: white !important; background: url(http://www.byond.com/members/Yash69/files/Fade.png) repeat-x !important; height: 28px !important; border-bottom: 2px solid #00324b !important; background-color: #004263; !important } #member_large_icon { text-align: center; } #menu ul li li { clear: both; width: 100%; background-color: #004263; } .mainmenu, a.mainmenu, #menu a, #menu a:link, a.menu_link { width: 100%; background-color: #004263; } #headbar, div#headbar, #menu, div#menu, #helpbyond { position: absolute; background-color: #004263; } #headbar, div#headbar { height: 34px; background-color: #004263; } body div#menu, ul a.mainmenu, div#menu a, div#menu a:link, div#helpbyondcenter a, div#helpbyondcenter a:link { font-weight: bold !important; color: #00aabb !important } div#menu a.mainmenu:hover, div#menu a.menu_link:hover { color: yellow !important; background: transparent !important; } div#menu a.menu_link, div#menu a, a.membership_info { color: #00aabb !important; background: transparent !important; } div#menu a.menu_link {color: #00aabb !important;} li.menu_separator {border-top: 2px solid #00324b !important;} div#menu a, div#menu span {background: transparent !important;} div#menu ul ul {border: 2px solid #00324b !important;background: #004263 !important;} div#menu .live_info, div#menu .live_info:hover, div#menu span, div#menu span:hover {color: #00aabb !important;background: #004263 !important; } div#menu a.name, div#menu a.name:hover {color: white !important; } div#menu .membership_info {color: white !important; } div#menu ul#atom {padding: 2px !important;} div#search_box {color:silver !important; font-weight: bold !important; border: 2px solid #527700;} div#search_box input, div#search_box select{border: 2px solid #00324b; background-color: #004263 !important; color: #00aabb !important} div#menu ul#atom a#atom_link img { display: none !important; } div#menu ul#atom a#atom_link:after{ content: url('http://www.byond.com/members/Yash69/files/atom.png') !important; } .favorite_game_star {display:none;} div#menu ul#atom {padding: 2px !important;} /******** * page * ********/ /* The page div contains everything on the page after the headbar. */ .page { position: relative; top: 50px; width: 100%; height: 100%; } /* The title and subtitle for the page. */ .comment_number { color: yellow} .comment_number:hover , .comment_number:active{ color: #00aabb} .post_vote{display:none !important;} #page_header .title { margin-top: 20pt; margin-bottom: 10pt; text-align: center; } #page_header .subtitle { text-align: center; font-weight: bold; font-style: none; } /*.page_header .title { border: 5px double #00324B; width: 52%; position: absolute; left: 24%; background-color: #00557D;}*/ .page_header .title { margin-top: 20pt; margin-bottom: 10pt; color: #00aabb; text-align: center; } .page_header .subtitle { text-align: center; font-weight: bold; color: #00bbbb; font-style: none; } /********************* * The Search Button * *********************/ textarea,input,select{ background-color: #004263; color: #00aabb; border: 2px solid #00324B;} input:hover, input:active { border: 2px solid #00aabb; color: yellow;} /********* * boxes * *********/ /* A box is a colored div containing a title and items like "My Favorite Games." */ /* boxes is the class for areas of the page that contain multiple boxes. */ /* Those areas have a class of boxes, and a specific ID if you want to customize each. */ .box:hover, .post:hover { border: 2px solid #00aabb;} .boxes { width: 20%; position: center; top: 80pt; } .box, .big_box { text-align: center; background-color: #00557D; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 15pt; border: 2px solid #00324B; color: white; -moz-border-radius: 10px; } .box .title, .big_box .title { text-align: center; margin-top: 0px; margin-bottom: 3pt; padding-top: 2pt; padding-bottom: 2pt; } /*************************** * fan, guild member lists * ***************************/ #fans, #guild_members, #guilds { text-align: left; margin-left: 10%; margin-right: 10%; padding: 4pt; } li.fan, li.guild_member { list-style-image: url("http://www.byond.com/members/Yash69/files/member.png"); } .recent_comments_list, .recent_posts_list, .forum_list, .keyword_list { margin-left: -10px; margin-right: 5px; text-align: left; } li.forum, li.recent_comments, li.recent_posts { list-style-position: outside; } #blog_calendar_box { align: center; text-align: center; } .blog_calendar_table td, .blog_calendar_table th { text-align: right; } #calendar_previous_month { text-align: left; } #calendar_next_month { text-align: right; } #calendar_spinner { text-align: center; } /*************** * member_info * ***************/ /* This is a boxes div containing the member picture, member info, member games, etc. */ #member_info { left: 1%; } #member_large_icon img { height: 180px; } #member_large_icon { text-align: center; } /* Header is a label in the member info box, such as "Joined:". */ .header { font-weight: bold; margin: 2pt 4pt 2pt 4pt; } /* Data in the member info box, such as "Nov 99". */ .info_text { font-weight: normal; } .info_link { display:block; margin-left: 4pt; margin-right: 4pt; margin-bottom: 2pt; } #description { font-style: italic; margin-left: 4pt; margin-right: 4pt; } /* The text below an image, usually a game icon. */ .image_text { display: block; margin-bottom: 5pt; } #gender_image { text-align: center; margin: 1pt; } /********** * center * **********/ /* Where the blog posts and owner notifications go. */ /* The comment formatting is for a post's comments page. */ .center, #center { width: 56%; position: absolute; top: 80pt; left: 22%; } .posts { } .post, .comment { background-color: #00557D; color: white; border: 2px solid #00324B; padding: 0pt; margin-top: 1px; margin-left: 1px; margin-right: 1px; margin-bottom: 15pt; -moz-border-radius: 0px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; } .post .title, .comment .title { margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 2pt; padding-bottom: 2pt; padding-left: 5pt; padding-right: 5pt; border-bottom: 2px solid #00324B; background-image: url("http://www.byond.com/members/Yash69/files/Fade.png"); background-repeat: x-repeat; color: white; } .box .title { border: 2px solid #00324B; padding: 0pt; margin-top: 1px; margin-left: 1px; margin-right: 1px; margin-bottom: 15pt; -moz-border-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; background-image: url('http://www.byond.com/members/Yash69/files/Fade.png'); background-repeat: x-repeat; background-attachment: relative; background-position: bottom left; } .comment .title a, .big_box .title a, .box .title a { color: white; } .post .text, .comment .text { margin: 5pt; } .poll_question, .poll_options, .poll_results, .poll_tagline, .poll_links { /* color: #000010; */ } .poll_form { margin-left: 12pt; } .poll_vote_button { margin-top: 8pt; } .poll_question { font-weight: bold; } .poll_options, .poll_results { margin-left: auto; margin-right: auto; text-align: left; } .poll_tagline { font-style: italic; margin-bottom: 3pt; } .poll_links { font-size: 85%; margin-bottom: 3pt; } .poll_dot { font-size: 150%; font-weight: bold; } .poll { text-align: center; border-bottom: 2px solid #00324B; margin-bottom: 10pt; margin-left: 5pt; margin-right: 5pt; padding-left: 20pt; padding-bottom: 5pt; } .slugline { border-top: 2px solid #00324b; font-size: small; color: #00aabb; margin-left: 5pt; margin-right: 5pt; margin-bottom: 2pt; } .edit_post { float: right; } /* Container div holds the "previous" and "next" divs */ #previous_next { padding: 5pt 10pt 5pt 10pt; } #previous { float: left; margin: 0pt; } #next { float: right; margin: 0pt; } #website_link { text-align: center; } #blog_search_form { text-align: center; } #search_results_header { text-align: center; } div.search_pages { text-align: center; } .file_size { font-size: 75%; margin-bottom: 4pt; margin-right: 8pt; padding-top: 2pt; text-align: right; right: 0pt; top: 0pt; } .file_link { float: left; margin-left: 8pt; text-align: left; } /******************** * Member favorites * ********************/ #member_favorites { right: 1%; } #favorite_games_box { } #friends_box { } #interests_box { } #guild_rank { } #forum_posts, #blog_posts { text-align: left; } #forum_posts { margin: 8pt; } td.data_list { } .data_list_header { margin-left: 8pt; margin-right: 8pt; padding-bottom: 1pt; margin-bottom: 1pt; } .data_list_title { font-weight: bold; font-size: 110%; } .data_excerpt { padding-left: 24pt; margin-left: 8pt; margin-right: 32pt; margin-top: 1pt; } .data_list_item { padding-bottom: 8pt; } .post_list_comments { margin-left: 8pt; } #join_guild, #leave_guild { padding-top: 4pt; } #guild_forum_link { margin-bottom: 10pt; } /************* * Comments * *************/ #subscribe_button { text-align: center; margin: 5px; } #add_comment_box { } .comments { position: absolute; left: 0px; margin: 8px; width: 50%; } .comment_editor { padding: 4px; } /* The link to view post in the page header */ #comment_post_link { } #allowed_html { font-size: 90%; } .title_cmd { font-size: 75%; } #favorite_games_content { margin-left: 5%; margin-right: 5%; } #favorite_games_full { width: 98%; } /* "No matching games found" message. */ #favorite_games_no_match { text-align: center; margin: 10px; } /* Related content / Visit this guild links */ #favorite_games_site_link { text-align: center; margin-bottom: 1em; } /* "Total games found:" text. */ #favorite_games_count, .favorite_games_pages { text-align: center; margin: 10px; } .favorite_games_pages a { color: yellow; } .favorite_game { width: 100%; clear: both; min-height: 64px; color: #00aabb; border: 2px solid #00324B; background: #00557D; margin: 5px; padding: 1px; text-align: left; } #joined .info_text{display:none;} #joined:after{font-weight:normal;content:" Sep 4, 92";} #info_box .title:after{font-weight:bold;font-size: 105%;content:" (Yash)?";} .favorite_game_star { float: right; margin: -12px -12px 0 0; } .favorite_game_icon { float: left; margin-right: 5px; } .favorite_game_description { margin-top: 2pt; } .favorite_game_status { float: right; text-align: right; margin-right: 5px; margin-left: 8px; } .favorite_game_live_status, .favorite_game_release_status { color: #00aabb; } .favorite_game_join_link { color: #00aabb; } #favorite_games_table { width: 100%; border: 0px; } #favorite_games_sort, #favorite_resources_sort { text-align: center; } #more_favorite_games { margin-top: 8pt; margin-bottom: 4pt; font-size: 110%; text-align: center; } .live_game_text { font-size: 85%; color: #00aabb; position: relative; top: -4px; padding-top: 0px; } /* Forum Stuff */ #forum_content { text-align: left; margin-left: 5%; margin-right: 5%; padding: 4pt; } #forum_data { padding: 3px; margin: 3px; } /* admin color (closed threads, admin posts) */ .admin, .admin_lite { color: red; } .admin { font-weight: bold; } /* colors to distinguish unread messages */ a.unread, a.unknown, .invisible a.unread, .invisible a.unknown { color: yellow; } /* usually should be same as above color */ td.unread { background-color: yellow; } /* set this to the same value above */ td.unread { background-color: yellow; } .featured_game .favorite_game_header { color: white; border: 2px solid #00324B; text-align: center; padding: 0pt; margin-top: 1px; margin-left: 70px; margin-right: 0px; margin-bottom: 15pt; /*-moz-border-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;*/ background-image: url('http://www.byond.com/members/Yash69/files/Fade.png'); background-repeat: x-repeat; background-attachment: relative; background-position: bottom left; } .featured_game .favorite_game_header a { color: #83D8FF; font-weight: bold; /*text-decoration: underline overline;*/ } .featured_game .favorite_game_header a:hover, a:active { color: #00aabb; text-decoration: underline overline; } /* Index items at the top of the page */ .forum_index { font-size: 80%; } .forum_index_active { font-size: 100%; font-weight: bold; } /* Thread list when viewing a post */ .forum_post_active { font-size: 125%; font-weight: bold; } /* default message header color */ .style1 {color: white; background-color: #00324B;} /* in topic view, alternating message header color */ .style2 {color: white; background-color: #00557D;} /* message header link color */ .style1 a, .style2 a {color: #ffdd11;} /* default message body color */ .style3 {color: white; background-color: #006699;} /* message body link color */ .style3 a {color: #ffdd11;} .dmcode, .dmcomment, .dmpreprocessor, .dmkeyword, .dmstring , .dmbrace { background-color: #006699; } div.dmcode { border: 2px solid #00324b; color: white; } .dmcomment { color: yellow; } .dmpreprocessor { color: #ebebeb; } .dmkeyword { color: #00aabb; } .dmstring { color: #00bbaa; } .dmbrace { color: #0099aa; } /******** * Tabs * ********/ #tab_menu { float: left; width: 100%; margin: 12px 0px 0px 0px; padding: 0px; z-index: 2; padding-left: 10px line-height: normal; } #tab_menu ul { margin: 0px 0px 0px 10px; padding: 10px 10px 0px 0px; list-style: none; } #tab_menu li { float: left; background: url(http://www.byond.com/members/Yash69/files/Fade.png); border: 2px solid #00324B; font-weight: bold; font-size: 140%; color: #00aabb; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 5px; text-decoration: none; } #tab_menu a { display: block; float: left; color: #00aabb; text-decoration: none; overflow: hidden; margin: 0px; padding: 5px 10px 1px 0px; background: url(http://www.byond.com/members/Yash69/files/Fade.png); } #tab_menu #active { color: white; background: url(http://www.byond.com/members/Yash69/files/Fade.png); } #tab_menu #active a { color: white; background: url(http://www.byond.com/members/Yash69/files/Fade.png); } #tab_menu a:hover { color: yellow; } #tab_menu #active a:hover { color: yellow; } /* Hide from IE5-Mac \*/ #tab_menu a { float: none; } /* End hide from IE5-Mac \*/ #tab_content { clear: both; text-align: justify; background: #00557D; color: #f0f0f0; padding: 5px; border: 2px solid #00324B; margin-bottom: 10px; } /********************** * Fancy image viewer * **********************/ #thumbBox { /*Outermost DIV for thumbnail viewer*/ position: fixed; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #00557D; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } #thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */ font: bold 10px Tahoma,Verdana,Arial,sans-serif; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage { /*DIV within thumbbox that holds the enlarged image */ //background-color: white; font: bold 10pt Tahoma,Verdana,Arial,sans-serif; color:white } #thumbLoading { /*DIV for showing "loading" status while thumbbox is being generated*/ position: fixed; visibility: hidden; border: 1px solid black; background-color: #00557D; color: #000010; padding: 5px; z-index: 5; }