/*----------------------------------------------------------------------------------------------- / / Chat Area v1.0 Style Sheet / / / /----------------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } /*----------------------------------------------------------------------------------------------- / / Page Specific Body Defniitions: Each page within the chat area uses a unique / ID definition on the tag. Any color / and style changes for an entire page can be done / in this section. / /----------------------------------------------------------------------------------------------*/ #bodyBlank { background-color: #393939; } #bodyBlankShow { background-color: #393939; } #bodyLogin { background-color: #141414; } #bodyHeader { background-color: #000000; } #bodyUnderChat { background-color: #393939; } #bodyRoomPrivate { background-color: #393939; } #bodyRoomVoyeur { background-color: #393939; } #bodyChatApplet { background-color: #393939; } #bodyChatAppletShow { background-color: #393939; } #bodyTimeLeft { background-color: #1D1D1D; } #bodyCamControls { background-color: #1D1D1D; } #bodyRoomList { background-color: #151515; } #bodyPaidLogin { background-color: #141414; margin-top: 10px; } #bodyVideoApplet { /* Used to style the paid show video applet frame */ background-color: #393939; font-family: verdana,arial; font-size: 10px; font-weight: normal; color: #FFFFFF; text-align: center; margin-top: 10px; } #bodyVideoAppletOpen { /* Used to style the open-room video applet frame */ background-color: #000000; font-family: verdana,arial; font-size: 10px; font-weight: normal; color: #FFFFFF; text-align: center; } /*----------------------------------------------------------------------------------------------- / / Paid Show Styles: These styles affect the paid show area of the chat. / /----------------------------------------------------------------------------------------------*/ .paidShowControls { background: #1D1D1D; } #paidShowModelName { /* Used to display the performer's name in a paid show */ background: #1D1D1D; font-family: verdana,arial; font-weight: bold; font-size: 11px; color: #FFFFFF; text-align: center; } .paidRefreshLinks { font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #FFFFFF; } .paidRefreshLinks a:link { color: #1A98E9; } .paidRefreshLinks a:visited { color: #1A98E9; } .paidRefreshLinks a:hover { color: #FFFFFF; } .videoSizeLinks { font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #FFFFFF; } .videoSizeLinks a:link { color: #1A98E9; } .videoSizeLinks a:visited { color: #1A98E9; } .videoSizeLinks a:hover { color: #FFFFFF; } #paidShowVideoFrame { height: 390px; width: 98%; } #voyeurShowVideoFrame { height: 500px; width: 98%; } /*----------------------------------------------------------------------------------------------- / / Video Applet Text: There is only one video applet HTML file and it is located / on the chat server itself. You can adjust the text and link / styles by editing this class; the HTML itself cannot be modified / for specific skins. / /----------------------------------------------------------------------------------------------*/ .videoAppletText { background-color: #000000; font-family: verdana, arial; font-size: 12px; font-weight: normal; color: #FFFFFF; text-align: center; vertical-align: middle; padding: 5px; } .videoAppletText a:link { color: #1A98E9; } .videoAppletText a:visited { color: #1A98E9; } .videoAppletText a:hover { color: #FFFFFF; text-decoration: none; } /*----------------------------------------------------------------------------------------------- / / Time Remaining iFRAME: These styles affect the display of the text in the time / remaining iFRAME. / /----------------------------------------------------------------------------------------------*/ .paidTimeRemaining { font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #FFFFFF; line-height: 16px; } .paidTimeRemaining a:link { color: #1A98E9; } .paidTimeRemaining a:visited { color: #1A98E9; } .paidTimeRemaining a:hover { color: #FFFFFF; } .paidTimeRemainingUrgent { /* Used when time remaining drops below two minutes */ padding: 3px; border: 1px solid; border-color: #FFFFFF; background-color: #CE2222; color: #000000; font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #FFFFFF; line-height: 16px; } .paidTimeRemainingUrgent a:link { color: #FFFFFF; font-weight: bold; } .paidTimeRemainingUrgent a:visited { color: #FFFFFF; font-weight: bold; } .paidTimeRemainingUrgent a:hover { color: #FFFFFF; font-weight: bold; } /*----------------------------------------------------------------------------------------------- / / Text Links Under Chat: These styles affect the various text links in the frame under / the chat applet. / /----------------------------------------------------------------------------------------------*/ .chatTextLinks { line-height: 25px; vertical-align: middle; font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #717172; } .chatTextLinks a:link { color: #FFFFFF; } .chatTextLinks a:visited { color: #FFFFFF; } .chatTextLinks a:hover { color: #1A98E9; } .chatTextLinks strong { /* Important Text Links */ color: #1A98E9; text-decoration:underline; border-bottom: 1px solid #1A98E9; } .underChatVIP { line-height: 50px; vertical-align: middle; font-family: verdana, arial; font-weight: normal; font-size: 11px; color: #FFFFFF; } .underChatVIP a:link { color: #FFFFFF; } .underChatVIP a:visited { color: #FFFFFF; } .underChatVIP a:hover { color: #1A98E9; } /*----------------------------------------------------------------------------------------------- / / Banner Ad: Styles for the optional banner advertisement in the frame under / the chat applet. / /----------------------------------------------------------------------------------------------*/ .underChatBanner { font-family: verdana, arial; font-size: 14px; font-weight: bold; color: #FFCC33; text-decoration:underline; padding: 25px; } .underChatBanner a { color: #FFCC33; } .underChatBanner a:hover { color: #FFFFFF; } .underChatBanner a:visited { color: #FFCC33; } /*----------------------------------------------------------------------------------------------- / / Under Video Banner Ad: Styles for the optional banner advertisement in the frame under / the video applet. / /----------------------------------------------------------------------------------------------*/ .bannerLink { font-family: verdana,arial,helvetica; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; } a.bannerLink:link, a.bannerLink:visited { font-family: verdana,arial,helvetica; font-size: 14px; color: #fff; font-weight: bold; text-decoration: underline; } a.bannerLink:hover { color: #fff; text-decoration: none; } /*----------------------------------------------------------------------------------------------- / / Paid Login Styles: These styles affect the login form frame which appears under the / login buttons on the left side of the chat area. / /----------------------------------------------------------------------------------------------*/ .textPaidLogin { font-family: verdana,arial; font-weight: normal; font-size: 11px; color: #0f3e58; padding: 6px; text-align: left; } .textPaidLogin a:link { color: #1A98E9; } .textPaidLogin a:visited { color: #1A98E9; } .textPaidLogin a:hover { color: #1A98E9; text-decoration: none;} #imagePaidLogin { font-family: verdana,arial; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 6px; text-align: center; } .paidLoginForm { font-family: verdana,arial; font-weight: bold; font-size: 12px; color: #1A98E9; text-align: right; padding-right: 4px; } #loginModelName { /* Performer's Name Below Video */ background-color: #141414; font-family: verdana,arial; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; } #paidLoginError { display: block; text-align: center; font-weight: bold; color: #FF0000; } /*----------------------------------------------------------------------------------------------- / / Rooms List Styles: The rooms list frame is always the #1 or #2 most heavily hit pages / on our server. Below you will find the CSS styles which control / the all of the color & size definitions for this page. / /----------------------------------------------------------------------------------------------*/ #vipRoomsListBanner { padding-top: 10px; padding-bottom: 10px; } #vipRoomsListBanner img { border: 1px solid; border-color: #FFFFFF; padding: 4px; } .vipBannerText { font-family: verdana,arial; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 6px; text-align: left; } .vipBannerText a:link { color: #FFCC33; } .vipBannerText a:visited { color: #FFCC33; } .vipBannerText a:hover { color: #FFCC33; } /*----------------------------------------------------------------------------------------------- / / Highlights: Styles for special highlighted categories: Random, Favorites & Group / /----------------------------------------------------------------------------------------------*/ .hdr_Highlight { font-family: verdana, arial; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: underline; text-align: center; height: 19px; } .hdr_Highlight a { color: #FFFFFF; } .hdr_Highlight a:hover { color: #FFFFFF; } .hdr_Highlight a:visited { color: #FFFFFF; } .rowLeft_Highlight { background: #023356; } /* Cell to left of Performer Name */ /*----------------------------------------------------------------------------------------------- / / Special: Used for the special show category heading. / /----------------------------------------------------------------------------------------------*/ .hdr_Special { font-family: verdana, arial; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; text-align: center; height: 19px; } .rowLeft_Special { background: #FF00FF; } /* Cell to left of Performer Name */ /*----------------------------------------------------------------------------------------------- / / Features: Used for the feature show category heading. / /----------------------------------------------------------------------------------------------*/ .hdr_Feature { font-family: verdana, arial; color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; text-align: center; height: 19px; } .rowLeft_Feature { background: #D9AE17; } /* Cell to left of Performer Name */ /*----------------------------------------------------------------------------------------------- / / Standard: Used for the rest of the categories. / /----------------------------------------------------------------------------------------------*/ .hdr_Standard { font-family: verdana, arial; color: #E6E6E6; font-size: 11px; font-weight: bold; text-decoration: none; text-align: center; height: 19px; } .rowLeft_Standard { background: #2A333E; } /* Cell to left of Performer Name */ /*----------------------------------------------------------------------------------------------- / / General Rooms Styles: These styles are used for the display of the individual / rows containing the model names. The ON and OFF versions are / used for onMouseOver events. / /----------------------------------------------------------------------------------------------*/ span.modelName { font-family: verdana, arial; font-size: 10px; font-weight: bold; padding: 0px; display: block; margin-left: 3px; margin-top: 2px; margin-bottom: 2px; } .nameCellOFF { text-align: left; background: #292929; } .nameCellOFF a { color: #9C9C9C; text-decoration: none; } .nameCellOFF a:visited { color: #9C9C9C; text-decoration: none; } .nameCellOFF a:hover { color: #FFFFFF; text-decoration: none; } .nameCellON { text-align: left; background: #3D3C3C; } .nameCellON a { color: #9C9C9C; text-decoration: none; } .nameCellON a:visited { color: #9C9C9C; text-decoration: none; } .nameCellON a:hover { color: #FFFFFF; text-decoration: none; } /*----------------------------------------------------------------------------------------------- / / Guest Chat Login / /----------------------------------------------------------------------------------------------*/ #guest { background: #393939 url("/images/skins/homegrown/chat-v2/guest-bg.gif"); margin: 0px; text-align: left; } #guest a:link, #guest a:visited { color: #fff; } #guest a:hover { color: #ffcc00; } #guest .login { background: #222; border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #111; border-bottom: 1px solid #111; padding: 5px; margin-bottom: 20px; } #guest .login .text strong { color: #ffcc00; } #guest .login .text h2 { border-bottom: 1px dotted #444; font-size: 16pt; margin-bottom: 15px; color: #fff; font-style: italic; } #guest .login .header { background: #363636; color: #fff; font-family: arial,sans-serif; font-size: 12pt; font-weight: bold; padding: 3px; } #guest .login .text { padding: 3px; color: #fff; font-family: arial,sans-serif; font-size: 12pt; line-height: 18pt; } #guest .login .text .table { border: 1px solid #555; width: 100%; margin: 15px; } #guest .login .text img.image { border: 1px solid #555; } #guest .login .text .table .left { background: #292929; padding: 5px; color: #fff; font-family: tahoma,sans-serif; font-size: 8pt; font-weight: bold; width: 110px; } #guest .login .text .table .right { background: #262626; padding: 5px; color: #fff; font-family: tahoma,sans-serif; font-size: 8pt; } #guest .login .text .table .input { border: 1px solid #555; background: #333; color: #fff; width: 200px; padding: 3px; } #guest .login .text .table .submit { border: 1px solid #5d8cb5; background: #43739c; color: #fff; width: 150px; padding: 3px; font-family: tahoma,sans-serif; font-size: 8pt; font-weight: bold; } #guest .compliance { text-align: center; } #guest .modelname { background: #000; color: #fff; font-family: arial,sans-serif; font-size: 10pt; font-weight: bold; padding: 7px; text-align: center; } /* FRAMELESS GUEST LOGIN CSS */ #guest #header .left #logo_block { width: 468px; height: 61px; background-image: url("/images/skins/homegrown/chat-v2/header/logo.gif"); background-repeat: no-repeat; background-position:top; } #guest #guest_login_block { background-color: #222222; } #guest #guest_login_block #video_block { background-color: #393939; } #guest #guest_login_block #login_block { color: #ffffff; } #video_block .modelname { background: #000; color: #fff; } #login_block .form_table { border: 1px solid #555; } #login_block .form_table .table_row { background: #262626; border-right: 1px solid #222222; border-bottom: 1px solid #222222; border-left: 1px solid #222222; } #login_block .form_table .table_row .table_col_left_label { background: #292929; } #login_block .form_table .table_row .table_col_right { border-left: 1px solid #222222; } .form_table .input { border: 1px solid #555; background: #333; color: #fff; } /******************************************************************* / / Updated 2257 Compliance Styles / /*******************************************************************/ #complianceDIV { font-family: times new roman; font-size: 12pt; color: #fff ! important; line-height: 110%; padding-top: 20px; padding-bottom: 20px; padding-left: 10%; padding-right: 10%; } #complianceDIV a { font-family: times new roman; font-size: 12pt; color: #1a98e9 ! important; font-weight: normal; text-decoration: underline; } #complianceDIV a:hover { font-family: times new roman; font-size: 12pt; color: #fff ! important; font-weight: normal; text-decoration: none; } .privacyText { font-family: verdana,arial; font-weight: normal; font-size: 9px; color: #fff ! important; padding-bottom: 10px; line-height: 300%; vertical-align: middle; } .privacyText a { color: #1a98e9 ! important;} .privacyText a:hover { color: #fff ! important; text-decoration: none;} .privacyText a:visited { color: #fff ! important; } /* FRAMELESS ROOMSLIST */ #headshot_switch { /* Headshots On/Off Button */ background-color: #393939; } #performers .header_highlight, /* Highlighted category headers (Favorites, Group Chats) */ .performer_highlight { /* Icon bar to left of highlighted performer */ background-color: #023356; } #performers .header_feature, /* Feature category headers (Feature show) */ .performer_feature { /* Icon bar to left of feature performer */ background-color: #D9AE17; } #performers .header_standard, /* Stanard category headers */ .performer_standard { /* Icon bar to left of standard performer */ background-color: #2A333E; } .performer_info { /* Icon bar to left of performer */ background-color: #292929; } #performers a.performer_name:visited, /* Performer name text color */ #performers a.performer_name:active, #performers a.performer_name:link { color: #9c9c9c; text-decoration: none; } #performers a.performer_name:hover { /* Performer name mouse over */ color: #FFFFFF; text-decoration: none; } /* BEGIN: @NEW ROOMS LIST STYLES */ .rooms_list_details_colorbar_1 { /* Standard */ display: inline; float: left; position: relative; width: 4px; height: 38px; background-color: #FF66B3; margin: 0 2px 0 0; } .rooms_list_details_colorbar_2, /* Feature Shows */ .rooms_list_details_colorbar_3 { /* Group Chat */ display: inline; float: left; position: relative; width: 4px; height: 38px; background-color: #32f262; margin: 0 2px 0 0; } .rooms_list_details_colorbar_4 { /* Multi-User */ display: inline; float: left; position: relative; width: 4px; height: 38px; background-color: #4c92ec; margin: 0 2px 0 0; } .rooms_list_details_colorbar_6 { /* Premiere */ display: inline; float: left; position: relative; width: 4px; height: 38px; background-color: #ffcc33; margin: 0 2px 0 0; } .rooms_list_details_colorbar_7 { /* Semi-Private */ display: inline; float: left; position: relative; width: 4px; height: 38px; background-color: #ff7424; margin: 0 2px 0 0; } .rooms_list_details_colorbar_10 { /* Combo */ display: inline; float: left; position: relative; width: 4px; height: 38px; margin: 0 2px 0 0; } .rooms_list_combo_top { background-color: #ff66b3; position: relative; height: 19px; width: 4px; } .rooms_list_combo_bottom { background-color: #4c92ec; position: relative; height: 19px; width: 4px; } .rooms_list_details_left { display: inline; float: left; position: relative; } .rooms_list_details_left .performer_headshot { margin: 0; padding: 0; } .rooms_list_details_right { display: inline; float: left; position: relative; width: 119px; font-size: 12px; vertical-align: top; margin: -2px 0 0 4px; } .rooms_list_details_right .performer_name { color: #FFFFFF !important; font-weight: bold; display: block; overflow-x: hidden; width: 115px; } .rooms_list_details_right .show_state { display: block; font-size: 11px; margin-top: -2px; font-weight: 100; } .rooms_list_details_right .show_in_progress { display: block; font-size: 11px; margin-top: -2px; color: #32f262; font-weight: 100; } .rooms_list_details_right .default_cpm { display: block; font-size: 11px; margin-top: -2px; font-weight: 100; } .box_row { text-align: left; vertical-align: top; padding: 3px 0 3px 0; } .box_row:hover { background: #151515; } #performers .header_special, .performer_special { background: #2A333E; } /* END: @NEW ROOMS LIST STYLES */