/*----------------------------------------------------------------------------------------------- / / 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: #9ed6f9; } #bodyBlankShow { background-color: #9ed6f9; } #bodyLogin { background-color: #000000; } #bodyHeader { background-color: #000000; } #bodyUnderChat { background-color: #9ed6f9; } #bodyRoomPrivate { background-color: #9ed6f9; } #bodyRoomVoyeur { background-color: #9ed6f9; } #bodyChatApplet { background-color: #9ed6f9; } #bodyChatAppletShow { background-color: #9ed6f9; } #bodyTimeLeft { background-color: #1D1D1D; } #bodyCamControls { background-color: #1D1D1D; } #bodyRoomList { background-color: #9ed6f9; } #bodyPaidLogin { background-color: #000000; margin-top: 10px; } #bodyVideoApplet { /* Used to style the paid show video applet frame */ background-color: #0569b8; 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; } /******************************************************************* / / Top Navigation Menu / /*******************************************************************/ .topNav A:link { font-family: verdana, arial; color: #04437c; font-size: 10px; font-weight: bold; text-decoration: none; } .topNav A:hover { font-family: verdana, arial; color: #04437c; font-size: 10px; font-weight: bold; text-decoration: none; } /*----------------------------------------------------------------------------------------------- / / 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: #04437c; text-align: center; } .paidRefreshLinks { font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #04437c; } .paidRefreshLinks a:link { color: #FFCC33; } .paidRefreshLinks a:visited { color: #FFCC33; } .paidRefreshLinks a:hover { color: #FFCC33; } .videoSizeLinks { font-family: verdana,arial; font-weight: normal; font-size: 12px; color: #04437c; } .videoSizeLinks a:link { color: #FFCC33; } .videoSizeLinks a:visited { color: #FFCC33; } .videoSizeLinks a:hover { color: #FFCC33; } #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: #04437c; text-align: center; vertical-align: middle; padding: 5px; } .videoAppletText a:link { color: #2091eb; } .videoAppletText a:visited { color: #2091eb; } .videoAppletText a:hover { color: #04437c; 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: #FFCC33; } .paidTimeRemaining a:visited { color: #FFCC33; } .paidTimeRemaining a:hover { color: #FFCC33; } .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: #04437c; } .chatTextLinks a:link { color: #04437c; } .chatTextLinks a:visited { color: #04437c; } .chatTextLinks a:hover { color: #000000; } .chatTextLinks strong { /* Important Text Links */ color: #04437c; text-decoration:underline; border-bottom: 1px solid #04437c; } .underChatVIP { line-height: 50px; vertical-align: middle; font-family: verdana, arial; font-weight: normal; font-size: 11px; color: #FFFFFF; } .underChatVIP a:link { color: #04437c; } .underChatVIP a:visited { color: #04437c; } .underChatVIP a:hover { color: #000000; } #rooms_list_column a:link { color: #FFFFFF; } #rooms_list_column a:visited { color: #FFFFFF; } #rooms_list_column a:hover { color: #c6ecff; } /*----------------------------------------------------------------------------------------------- / / 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: #981849; padding: 6px; text-align: left; } .textPaidLogin a:link { color: #04437c; } .textPaidLogin a:visited { color: #04437c; } .textPaidLogin a:hover { color: #000000; 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: #981849; text-align: right; padding-right: 4px; } #loginModelName { /* Performer's Name Below Video */ background-color: #000000; 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: #838282; } /* 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: #04437c; } /* 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: #04437c; } /* 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: #747474; } .nameCellOFF a { color: #d4d4d4; text-decoration: none; } .nameCellOFF a:visited { color: #d4d4d4; text-decoration: none; } .nameCellOFF a:hover { color: #d4d4d4; text-decoration: none; } .nameCellON { text-align: left; background: #cc0099; } .nameCellON a { color: #FFFFFF; text-decoration: none; } .nameCellON a:visited { color: #FFFFFF; text-decoration: none; } .nameCellON a:hover { color: #FFFFFF; text-decoration: none; } /*----------------------------------------------------------------------------------------------- / / Guest Chat Login / /----------------------------------------------------------------------------------------------*/ /* The whole guest chat BODY */ #guest { background: #393939 url("/images/skins/flirt4free/layout_02/guest-bg.gif"); margin: 0px; text-align: left; } /* Hyperlinks */ #guest a:link, #guest a:visited { color: #04437c; } #guest a:hover { color: #000000; } /* Box Wrapper */ #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; } /* Box Header */ #guest .login .header { background: #363636; color: #fff; font-family: arial,sans-serif; font-size: 12pt; font-weight: bold; padding: 3px; } /* Box Copy */ #guest .login .text { padding: 3px; color: #fff; font-family: arial,sans-serif; font-size: 12pt; line-height: 18pt; } /* Box Heading Text, the

tag. / #guest .login .text h2 { border-bottom: 1px dotted #444; font-size: 16pt; margin-bottom: 15px; color: #fff; font-style: italic; } / Box Highlighted Text / #guest .login .text strong { color: #04437c; } / Headshot Image / #guest .login .text img.image { border: 1px solid #555; } / Box Login Table / #guest .login .text .table { border: 1px solid #555; width: 100%; margin: 15px; } / Table Left Column / #guest .login .text .table .left { background: none; padding: 5px; color: #fff; font-family: tahoma,sans-serif; font-size: 8pt; font-weight: bold; width: 110px; } / Table Right Column / #guest .login .text .table .right { background: #262626; padding: 5px; color: #fff; font-family: tahoma,sans-serif; font-size: 8pt; } / Input Box / #guest .login .text .table .input { border: 1px solid #555; background: #333; color: #fff; width: 200px; padding: 3px; } / Submit Button / #guest .login .text .table .submit { border: 1px solid #a6a4a5; background: #ecc9d9; color: #74c1f5; width: 150px; padding: 3px; font-family: tahoma,sans-serif; font-size: 8pt; font-weight: bold; } / Compliance DIV / #guest .compliance { text-align: center; } / Model Name under Video / #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: 237px; height: 61px; background-image: url("/images/skins/freeones/chat-v2/header/logo.jpg"); background-repeat: no-repeat; background-position:top; } #guest #guest_login_block { background-color: #222222; } #guest #guest_login_block #video_block { background-color: #0569b8; } #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: none; } #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: #04437c ! important; font-weight: normal; text-decoration: underline; } #complianceDIV a:hover { font-family: times new roman; font-size: 12pt ! important; color: #054394 ! important; font-weight: normal; text-decoration: none; } .privacyText { font-family: verdana,arial; font-weight: normal; font-size: 9px; color: #054394 ! important; padding-bottom: 10px; line-height: 300%; vertical-align: middle; } .privacyText a { color: #04437c ! important; } .privacyText a:hover { color: #000000 ! important; } .privacyText a:visited { color: #04437c ! important; } / FRAMELESS ROOMSLIST / #headshot_switch { / Headshots On/Off Button / background-color: #04437c; } #performers .header_highlight, / Highlighted category headers (Favorites, Group Chats) / .performer_highlight { / Icon bar to left of highlighted performer / background-color: #74c1f5; } #performers .header_feature { / Feature category headers (Feature show) / background-color: #d9ae17; } .performer_feature { / Icon bar to left of feature performer / background-color: #74c1f5; } #performers .header_standard { / Stanard category headers / background-color: #2091eb; } .performer_standard { / Icon bar to left of standard performer / background-color: #FFFFFF; } .performer_info { / Icon bar to left of performer / color: #04437c; background-color: #FFFFFF; } #performers a.performer_name:visited, / Performer name text color / #performers a.performer_name:active, #performers a.performer_name:link { color: #04437c; text-decoration: none; } #performers a.performer_name:hover { / Performer name mouse over / color: #04437c; 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 { color: 04437c; 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: #04437c !important; font-weight: bold; display: block; overflow-x: hidden; width: 115px; } .rooms_list_details_right .show_state { color: #04437c; 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: #000000; font-weight: 700; } .rooms_list_details_right .default_cpm { color: #04437c; 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: #9ed6f9; } #performers .header_special, .performer_special { background: #f96b07; color: #FFFFFF; } #performers .performer_special .box_row, #performers .performer_special .performer_name { background: #f96b07; color: #FFFFFF; } .performer_count { color: #FFFFFF; } / END: @NEW ROOMS LIST STYLES / / * Newer Rooms List Style */ div#rooms_list_column_wide #performers a{ color: #151515; } .category_heading { font-size: 16px; text-align: left; border-bottom: solid 1px #04437C; margin-bottom: 5px; } a.performer_name_link, a:hover.performer_name_link { text-decoration: none; color: #04437C!important; } a:visited.performer_name_link { color:#04437C!important; } a.performer_name_link_medium, a:hover.performer_name_link_medium { text-decoration: none; color: #04437C!important; font-size:12px; } a:visited.performer_name_link_medium { color: #04437C!important; font-size:12px; } .current_image_size_link, .current_video_size_link { border: 1px solid #04437C; margin-bottom:-1px; color:#FFFFFF; text-decoration:none; } #rooms_list { display:block; overflow:hidden; background-color:#9ED6F9; }