/* * Copyright (c) 2011 Somia Dynamoid Oy * * sizes, positions * fonts, 1em = 11px * * * GENERIC STYLES * ***** TYPE ***** * INDIVIDUAL PAGES * ***** page ***** * * element * */ /**************************/ /***** GENERIC STYLES *****/ /**************************/ /***** RESET *****/ /* moved to reset.css */ /***** /RESET *****/ /***** BASE ELEMENTS *****/ /* moved to root.css and page.less */ /***** /BASE ELEMENTS *****/ /***** BASE LAYOUT *****/ /* moved to page.less */ /***** /BASE LAYOUT *****/ /***** BOXES *****/ /* moved to page.less */ /***** /BOXES *****/ /***** DIALOGS *****/ /* moved to page.less */ /***** /DIALOGS *****/ /***** FORMS *****/ /* moved to widget.less */ /***** /FORMS *****/ /***** LISTS *****/ /* moved to widget.less */ /***** /LISTS *****/ /***** IMAGES *****/ /* moved to widget.less */ /***** /IMAGES *****/ /***** CONTENT DEFINITIONS *****/ /* moved to widget.less */ /***** /CONTENT DEFINITIONS *****/ /***** DENUNCIATION *****/ /* moved to feature.less */ /***** /DENUNCIATION *****/ /***** NOTES *****/ /* moved to widget.less */ /***** /NOTES *****/ /***** INDICATORS *****/ /* moved to widget.less */ /***** /INDICATORS *****/ /***** REGISTER SEDUCTION *****/ #center #jointeaser a.button { float: left; } #center #jointeaser .actions { padding-bottom: 0; } #center #jointeaser .content { padding: 0 0 4px 0; position: relative; } #center #jointeaser p { margin-left: 220px; } #center #jointeaser .center { padding-top: 5px; } /***** /REGISTER SEDUCTION *****/ /***** QUICK INFO *****/ .quickinfo { margin-bottom: 10px; } .quickinfo .thumb { float: left; margin-right: 10px; } .quickinfo h4 { margin: 0; padding: 0; text-transform: none; } .quickinfo .mood { font-weight: normal; margin: 0px 0; padding: 0; } .quickinfo-right, #quickinfo-right { float: left; width: 140px; } #quickinfo-mood { clear: both; } /***** /QUICK INFO *****/ /***** GUEST BAR & INDEX GUEST - NEW_USER *****/ #index-guest.box2 .center { padding: 0; } #index-guest .index-guest-element { border-top: 1px solid #234B6C; padding: 15px 20px; } #index-guest .index-guest-element:first-child { border: 0; } #center #index-guest h4 { margin: 0; } #center #index-guest .divider { border-top: 1px solid #234B6C; margin: 10px 0; } #center #index-guest .do-actions { width: 350px; float: right; } #center #index-guest .do-actions input.text { width: 250px; } #center #index-guest .do-actions img { margin: 5px 5px 0; } #center #index-guest .do-actions button.secondary { margin: 5px 0; } #center #index-guest .last-achievement { float: left; width: 280px; margin-bottom: 10px; } #center #rpx_friend_search { overflow: auto; } #center #rpx_friend_search ul { margin: 0; padding: 1em 0; } #center #geo-friend-suggestions-list li, #center #rpx_friend_search li { float: left; width: 180px; margin-right: 5px; } #center #index-guest .channel-campaign h3 { margin-bottom: 1em; } #center #index-guest .channel-list { float: right; width: 320px; margin-left: 20px; } #center #index-guest .channel-list ol { margin: 0 0 1em 1em; } #center #index-guest .channel-list li { padding: 6px 10px; margin-bottom: 0; } #center #index-guest .channel-list li a { font-weight: normal; } #center #index-guest .channel-list li:nth-child(odd) { background-color: transparent; border: 0;} #center #index-guest .channel-list li:nth-child(even) { background-color: #0d334a; border: 0; } #center #index-guest .channel-list .community-network { margin: 0; } #center ul.guest-progress { list-style: none; margin: 0 0 0; padding: 0; width: 215px; } #center ul.guest-progress li { font-size: 1.1em; line-height: 2em; margin: 0; } #center ul.guest-progress form { font-size: 0.9em; margin: 0.5em 0 0 0; } #center ul.guest-progress input.text { width: 180px; clear: right; } /***** /GUEST BAR *****/ /***** NO GENDER MEMBER BAR *****/ #top-bar #gender-form .inputgroup > .radio { float: left; margin: 4px 0 2px 2px; padding-left: 6px; } /***** /NO GENDER MEMBER BAR *****/ /***** PAGINATION *****/ /* moved to widget.less */ /***** /PAGINATION *****/ /***** ALPHABETS LIST *****/ div.alphabets-wrap { text-align: center; } .alphabets { display: inline; line-height: 27px; list-style: none; } .alphabets li { display: inline; padding: 0 0 0 3px; } .alphabets .selected { border: 1px solid #DCDCDC; font-weight: bold; } /***** /ALPHABETS LIST *****/ /***** INPLACE EDITOR *****/ div.i18n-gettextblock-error { padding: 2px; } /***** /INPLACE EDITOR *****/ /***** BBCODE *****/ /* moved to widget.less */ /***** /BBCODE *****/ /***** CHAT *****/ /* moved to feature.less */ /***** /CHAT *****/ /***** ADS *****/ #left .adv { margin-bottom: 5px; } .adv-debug { padding: 10px; } .advdisable { z-index: -1; } .advbuffer img[height="1"][width="1"] { display: none; } .adv_profile-top-banner-left { float: left; margin: 0 7px 10px 14px; width: 468px; } .adv_profile-top-banner-right { float: left; margin: 0 14px 10px 7px; width: 468px; } .adv-align-center img, .adv-align-center iframe, .adv-align-center embed, .adv-align-center object { display: block; margin: 0 auto; } #leaderboard { text-align: center; } #leaderboard-textbox { float: right; margin-left: 6px; max-height: 90px; max-width: 245px; overflow: hidden; text-align: left; } #leaderboard-textbox a { background: #234B6C !important; color: #7EDBEE !important; display: block !important; font-family: Verdana, sans-serif !important; font-size: 1em !important; font-weight: bold !important; height: 74px !important; line-height: 1.5em; padding: 8px 10px; width: 225px !important; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /***** /ADS *****/ /***** NOTIFICATIONS *****/ #notifications { background: black; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); color: white; list-style: none; margin: 0 0 0 -150px; opacity: 0.8; -moz-opacity: 0.8; position: fixed; top: 0; left: 50%; width: 300px; z-index: 9999; } #notifications li { overflow: hidden; padding: 1em; } #notifications li + li { border-top: 1px solid #222222; } #notifications li.notification-error { color: red; } #notifications li.notification-google-translate { background: url(google.png) no-repeat right bottom; padding-bottom: 20px; } /***** /NOTIFICATIONS *****/ /***** CALENDAR *****/ table.calendar { width: 100%; } table.calendar th, table.calendar .month th.prev, table.calendar td { padding: 2px; text-align: right; } table.calendar .month th { text-align: center; } table.calendar .month th.next { text-align: left; } table.calendar .weekdays th { width: 14.28%; } table.calendar td.off { opacity: .25; } table.calendar td.today { display: block; padding: 1px; } table.calendar td.selected { } table.calendar td.not-empty a { font-weight: bold; text-decoration: underline; } table.calendar td a { display: block; } /***** /CALENDAR *****/ /***** MISC ELEMENTS *****/ span.clear { clear: both; } #albumlist li { position: relative; width: 200px; } /* IE HAX */ #friendgroups div.itemdesc p, #albumlist div.itemdesc p { float: right; } .icon-friend-count, .icon-bookmark-count { padding-left: 15px; margin-right: 7px; } .icon-image-count { padding-left: 17px; margin-right: 7px; } .autocomplete ul { list-style: none; padding: 0; } .autocomplete li { cursor: pointer; padding: 4px; } .justify-right { float: right; } .justify-left { float: left; } div.step { font-size: 0.9em; font-weight: bold; margin-top: 2em; text-transform: uppercase; } span.step { font-size: 1.2em; font-weight: bold; } .step input { font-weight: normal; } /*.description { font-size: 1.2em; line-height: 1.4em; }*/ .description-friends { font-size: 1.2em; line-height: 1.4em; width: 470px; } .emptyPlaceMarker { z-index: 0; } div.error, div.notification { font-weight: bold; margin-bottom: 10px; padding: 7px; } .tabbed-notification { font-weight: bold; margin: 30px 0px 30px 0px; padding: 7px 27px 7px 27px; } .loader { height: 16px; padding: 2px 21px 2px 0; text-indent: -9999px; } .nick0, .nick1, .nick0 a, .nick1 a, .nick2 a { font-weight: bold; white-space: nowrap; } .nick0, .nick1, .nick0 .queued a, .nick1 .queued a, .nick2 .queued a { font-weight: normal; white-space: nowrap; } .notice-block { margin: 5px 5px 10px 5px; } a.returntotop { display: block; margin: 1.45em 0 2.90em 0; padding-left: 14px; } .stamp { font-family: Arial, sans-serif; font-size: 0.9em; } #left .stamp { font-size: 0.8em; } p.tip { clear: both; } img.smiley { vertical-align: bottom; } .comments img.smiley { vertical-align: top; } .city-wrapper option.alias { font-style: italic; padding-left: 20px; } div.confirmation, form.confirmation, div.important_information { padding: 20px 18px; margin-bottom: 10px; } div.green-information { padding: 20px 18px; margin-bottom: 10px; } div.confirmation h4, form.confirmation h4, div.green-information h4 { margin-top: 0; } div.important_information h4 { margin-top: 0; } #center div.important_information ul { margin: 0; } #center div.greem_information ul { margin: 0; } #no-friend-groups.important_information { padding: 10px 8px; width: 450px; } #center #visitorlist2 .center .sparkline { z-index: 9999; position: absolute; top: 14px; right: 20px; } #remember-me-active-sessions td { padding-right: 25px; } #remember-me-active-sessions { margin-bottom: 10px; } /* USERVOICE */ #uservoice, #google-translate { background: #88AB34 url(uservoice.png) no-repeat 8px center; border-radius: 4px 0 0 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); color: white; display: block; height: 77px; margin-top: -77px; /* 77 / 2 + 5 */ padding: 20px 0; position: fixed; right: 0; top: 50%; width: 30px; z-index: 2; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } #uservoice:hover { background-color: #46652B; } body.fi-FI #uservoice { background-image: url(fi_FI/uservoice.png); height: 62px; margin-top: -62px; } #google-translate { background-image: url(google_translate.png); height: 71px; margin-top: 71px; } #google-translate.inactive { background-color: #666; } #google-translate.active:hover { width: 180px; } #google-translate-information { display: none; font-size: 0.9em; left: 40px; position: absolute; top: 15px; } #google-translate-branding { bottom: 5px; display: none; position: absolute; right: 5px; } #google-translate.active:hover #google-translate-information, #google-translate.active:hover #google-translate-branding { display: block; } body.de-DE #google-translate { background-image: url(de_DE/google_translate.png); height: 84px; margin-top: 84px; } /* /USERVOICE */ /***** /MISC ELEMENTS *****/ /***** NOT-ACCEPTED *****/ #not-accepted #resolve #day { width: 40px; } #not-accepted #resolve #year { width: 60px; } #not-accepted #resolve #month { width: 140px; } #not-accepted #resolve .button-submit { float: left; } #not-accepted .errors { color: red; font-weight: bold; } #not-accepted .admin-reason { font-weight: bold; } #not-accepted #center .not-accepted { position: relative; left: 20px; height: 177px; width: 708px; margin-top: 8px; } #not-accepted #center .not-accepted .media-thumbs { height: 134px; margin-top: 5px; } #not-accepted #center #add-picture-choose { margin-top: 0px; } /***** /NOT-ACCEPTED *****/ /***** NAVIGATION *****/ /* moved to page.less */ /***** /NAVIGATION *****/ /****************************/ /***** INDIVIDUAL PAGES *****/ /****************************/ /***** invite *****/ body div#invite { margin: 0; } /***** /invite *****/ /***** index *****/ #firefox { margin-top: 15px; text-align: center; } /* shoutbox */ #left #box-shouts .content { padding-bottom: 10px; } #left #box-shouts .inputgroup { white-space: nowrap; } #box-shouts .content ul { list-style: none; padding: 0; } #box-shouts .content li { margin-bottom: 8px; } #left #box-shouts .stamp { margin-left: 2px; white-space: nowrap; } #box-shouts button { display: none; } #box-shouts form { margin: 10px 0 0; } #shoutbox-error { margin: 10px; padding-top: 5px; } /* /shoutbox */ /* tour */ #index-tour img { margin: 20px auto; } #index-tour .header .actions { padding: 0; padding-left: 20px; } /* /tour */ /* newsfeed notifications */ #newsfeed-notifications h4 { clear: both; margin: 0; } #newsfeed-notifications ul.newsfeed-notifications { list-style: none; margin: 0.5em 0 1.5em; padding-left: 1em; } #newsfeed-notifications ul.newsfeed-notifications li { clear: both; margin: 1em 1em 1em 0; padding-bottom: 1em; } #newsfeed-notifications li.newsfeed-notification-loading { background: url(ajax_fafbf7.gif) no-repeat right 5px; } #newsfeed-notifications li.newsfeed-notification-loading a.discard { display: none; } #newsfeed-notifications ul.newsfeed-notifications li.last { margin-bottom: 0; padding-bottom: 0; } #newsfeed-notifications .inputgroup { clear: none; margin: 0; } #newsfeed-notifications .button-close { float: right; margin-top: 5px; } .newsfeed-notification-content { margin: 0 20px 0 55px; min-height: 45px; } .newsfeed-notification-adminmessage .newsfeed-notification-content { margin: 0 20px 0 64px; } #newsfeed-notifications .newsfeed-notification-vipdeliver-thumb, #newsfeed-notifications .newsfeed-notification-vipexpiration-thumb { background: url(vip_39x57.png) no-repeat center center; display: block; float: left; height: 57px; width: 45px; } #newsfeed-notifications .admin-image-actions { float: left; text-align: center; margin-bottom: 20px; } #newsfeed-notifications .admin-image-actions .thumb { float: none; margin-bottom: 0px; padding-right: 10px; } #newsfeed-notifications .admin-image-actions-header { padding-left: 16px; margin-top: 10px; } #newsfeed-notifications .admin-message { padding-top: 10px; } #newsfeed-notifications .uploaded-pictures .thumb { margin: 0 3px; } #newsfeed-notifications div.didget { float: left; width: 45px; height: 45px; overflow: hidden; text-align: center; } #newsfeed-notifications .newsfeed-notification-credits-thumb { background: url(/img/bashi/credits_45x38.png) no-repeat center center; display: block; float: left; height: 45px; width: 45px; } /* /newsfeed notifications */ /* blog topics */ #center #center-top .blog-topics li { width: 350px; } #center-top .blog-topics .thumb { margin-right: 10px; } #center-top .blog-topics .blog-topic-right { float: left; width: 280px; overflow: hidden; } #center-top .blog-topics p { margin-top: 0.4em; padding-right: 10px; } /* /blog topics */ /* chat promotion banner */ #index-chat-promotion { position: relative; display: block; height: 76px; } #index-chat-promotion div.chat-promotion-wrapper { position: absolute; top: -17px; left: 0; } #index-chat-promotion div.chat-promotion-inner { width: 237px; height: 90px; } #index-chat-promotion div.chat-promotion-inner a { position: relative; display: block; width: 237px; height: 90px; } /* /chat promotion banner */ .bigger { font-size: 1.2em; font-weight: bold; line-height: 1.3em; } .friendlist-onlinefriends { overflow: hidden; display: inline; float: left; position: relative; text-align: center; width: 83px; padding: 0px 10px 10px 0px; } .newcontent-section online-friends ul li { padding: 0px 10px 5px 10px; margin: 0px; } .friendlist-onlinefriends .thumb { margin-bottom: 0px; padding-left: 19px;} .online-friends ul li { display: inline; } .newcontent-section { position: relative; display: block; } .dismiss-verify { -moz-border-radius: 6px; background-color: #f6f6f6; margin: 8px 30px 8px 0px; padding: 7px; } #no-items-video, #no-items-image, #no-items-blog, .dismissed-no-items { padding-top: 10px; } /***** /index *****/ /***** registration *****/ /* @todo pull out the theme stuff */ #dialog-register #form-register-login, #dialog-register #form-register { padding: 15px 15px 0; } #dialog-register #form-register select { padding: 5px 4px 5px 0; } #dialog-register #form-register input.text { height: 20px; } #dialog-register #form-register span.guide { margin-left: 110px; margin-top: 2px; display: block; } #dialog-register #form-register select.ok, #dialog-register #form-register input.ok { border: 1px solid #88AB34; color: #000; } #dialog-register #form-register select.neutral, #dialog-register #form-register input.neutral { border: 1px solid #E98348; } #dialog-register #form-register select.err, #dialog-register #form-register input.err { border: 1px solid #FF0074; } #dialog-register #form-register .rpx-nick-change span { color: #000000; } #dialog-register { background-color: #FFFFFF; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 10px 5px; } #dialog-register .nw { background-color: #7AAC40; } #dialog-register .input { clear: none; margin: 0;} #dialog-register .inputgroup { clear: none; } #dialog-register input { width: 190px; } #dialog-register input.password { width: 89px; } #dialog-register input.day, #dialog-register input.year { width: 40px; } #dialog-register input.checkbox, #dialog-register input.radio { width: 30px; } #dialog-register label.checkbox, #dialog-register .radio label { float: none; margin: 4px 0 0; width: 100%; font-weight: normal; } #dialog-register .radio legend { float: left; font-weight: bold; width: 110px; } #dialog-register label { float: left; width: 110px; font-weight: bold; } #dialog-register ul { margin-left: 110px; list-style-type: none; padding-left: 0px; } #dialog-register ul li { margin-bottom: 0; } #dialog-register .rpx-promotion { float: right; margin: 0 15px; } #dialog-register .rpx-promotion img { display: block; padding: 0 0 10px; } #dialog-register .default-picture { width: 175px; margin-bottom: 10px; float: right; } #dialog-register .default-picture img { max-height: 300px; max-width: 170px; } #dialog-register .terms-marketing { clear: both; } #dialog-register .intro { font-size: 1.1em; margin: 10px 0 20px; } /***** /registration *****/ /***** profile *****/ #profile #h2 .badge { float: right; } #profile #left .box .divider { padding: 2px 0; } #aphorism { margin-top: 1.5em; } #input-aphorism { height: 150px; } #box-profile-channels form { background: url(left_divider.gif) repeat-x left top; padding-top: 10px; } #box-profile-channels form h4 { margin-top: 0; } #box-profile-channels .channel-operator { background: url(channel_operator.png) no-repeat left 2px; margin-left: 0; padding-left: 11px; } #box-profile-communities .center li { padding: 0; } #box-profile-communities .community-moderator { background: url(star_10x10.png) no-repeat left 2px; margin-left: 0; padding-left: 11px; } #center #user-image .ajaxtext, #center #profile-image .ajaxtext { width: 678px; } /*#center #profile-image .center { padding: 25px 10px 5px; }*/ #left .user-status { font-size: 13px; padding: 15px; } #center #extended-aphorism .center .content div.bbcode { max-height: 800px; position: relative; overflow: auto; } #center #extended-aphorism #extended-aphorism-editor-charcounter { float: right; } #center #extended-aphorism-form { width: 415px; } #center #extended-aphorism-form .inputgroup { position: relative; } #center #extended-aphorism-form input { width: 100%; } #center #extended-aphorism-form textarea { height: 250px; width: 100%; } #center #extended-aphorism .picture-selector .media-thumbs { height: 98px; } #center #extended-aphorism .image-uploader { position: absolute; right: 0; top: 233px; width: 230px; } #center #extended-aphorism .image-uploader .image-uploader-status-list { height: 92px; } #center #extended-aphorism.preview div.bbcode { margin-bottom: 24px; } #center #extended-aphorism.edit .center .content { position: relative; } #center #extended-aphorism.edit #extended-aphorism-form button.secondary { position: absolute; right: -7px; } /* visitors */ #box-visitors #visitors-form #form-visitors, #box-visitors #visitors-form #form-visitors div, #box-visitors #visitorlist-order-credits-form, #box-visitors #visitorlist-order-credits-form div { display: inline; } #box-visitors #visitors-form #form-visitors input.text, #box-visitors #visitorlist-order-credits-form input.text { vertical-align: baseline; width: 80px; } #box-visitors #visitors-form #form-visitors button { vertical-align: baseline; } /* /visitors */ /* blacklist */ dl.blacklist dd .button, dl.blacklist dd .nick0 { float: left; } .box.blacklist-notification .header { display: none; } .box.blacklist-notification .center { padding-bottom: 9px; text-align: center; } /* /blacklist */ /* friends + community squares */ #user-friends h3 var { cursor: help; font-size: 0.9em; font-weight: normal; } #user-friends .square-thumb, #community-members-squares .square-thumb { margin: 0 3px 3px 0; } /* /friends */ /* geodata */ #dialog-geodata button#geodata-close { float: right; } .geodata-map, #geodata-usage-info { margin-bottom: 10px; } #geodata-notice.progress { font-weight: bold; margin-bottom: 10px; padding: 7px; } #form-geodata-search.google input.text { width: 400px; } /* /geodata */ /* last.fm */ /* moved to feature.less */ /* /last.fm */ /***** /profile *****/ /***** USER STATS *****/ #center ul.user-stats { list-style: none; margin: 0; padding: 0; } /***** USER STATS *****/ /***** add new media *****/ #picture-add #upload { padding-left: 20px; width: 450px; } #picture-add #uploaded { padding: 20px 0 20px 20px; width: 450px; } #picture-add .confirm { font-size: 1em; margin-bottom: 1.45em; } #picture-add #upload .input label, #picture-add #upload span.step { padding-right: 10px; } #picture-add #upload, #picture-add #form-picture-upload .input label, #picture-add #form-picture-upload div.file, #picture-add #picturerules2 { float: left; } #picture-add #picturerules2 { padding-left: 10px; width: 220px; } #picture-add #picturerules2 li { padding-left: 0; } #picture-add #add_rules { width: 450px; } #picture-add.forced-guest #add-picture-choose { width: auto; margin-right: 240px; } #picture-add-uploaded #choose-album, #picture-add-uploaded #create-album { float: left; width: 310px; } #picture-add-upload label, #picture-add-uploaded #choose-album label, #picture-add-uploaded #create-album label { font-size: 1.2em; font-weight: bold; } #picture-add-upload input.text, #picture-add-uploaded input.text { width: 200px; } #picture-add-uploaded .thumb .thumbedit { display: block; } /* queued uploader */ /* moved to widget.less */ #form-picture-added .input, #add-picture-approve .input { clear: left; } #add-picture-choose .thumb { margin-bottom: 1.5em; } #uploading { padding-left: 25px; } /***** /add new media *****/ /***** album *****/ /* moved to feature.less */ /***** /album *****/ /***** blog *****/ /* moved to feature.less */ /***** /blog *****/ /***** friends *****/ /* moved to feature.less */ /***** /friends *****/ /***** communities *****/ /* moved to feature.less */ /***** /communities *****/ /***** browse *****/ #search-image-form #search-age label, #search-video-form #search-age label, #search-user-form #search-age label { display: inline; margin: 0 0.2em; } #search-image-form #search-age input.text, #search-video-form #search-age input.text, #search-user-form #search-age input.text { width: 50px; } #browse form.form-dismiss { margin-left: 15px; } #browse-search #search-age label { display: inline; margin: 0 0.2em; } #browse-search #search-age input.text { width: 50px; } .search-form .vip-search-offer { margin-bottom: 0.5em; } .search-form div.slider { width: 90px; } /***** /browse *****/ /***** feedback *****/ #feedback #feedback-contact { margin: 0 auto; width: 100%;} #feedback #feedback-contact #contact-form, #feedback #feedback-contact #form-contact { float: left; width: 600px; } #feedback #feedback-contact input.text, #feedback #feedback-contact select.text, #feedback #feedback-contact textarea { width: 530px; } #feedback #random-admins .admin-container { margin-top: 10px; margin-bottom: 30px; } #feedback #random-admins .admin-container .desc { clear: both; } #feedback-credits .admin-group { padding-top: 10px; } #feedback-credits .admin-group h4 { margin-bottom: 10px; } #feedback-credits .admin-group .square-thumb { margin-left: 10px; } #feedback-credits .credits-thanks-images ul { margin: 0; padding: 0; } #feedback-credits .credits-thanks-images li { list-style-type: none; margin: 0 5px 1em 15px; float: left; width: 140px; overflow: hidden; } #feedback-credits .credits-thanks-images li .square-thumb { margin: 0 10px 0 0; } #feedback-credits .credits-thanks-users { padding-top: 1em; } #feedback-credits .credits-thanks-users ul { margin: 1em 0; } #feedback-credits .credits-thanks-users li { list-style-type: none; margin: 0 5px 1em 15px; float: left; width: 140px; overflow: hidden; } /***** /feedback *****/ /***** happenings *****/ /* moved to feature.less */ /***** /happenings *****/ /***** info *****/ #info dd { margin-left: 0; } #info dd + dt { margin-top: 20px; } #info dd ol { margin: 5px 0 0 30px; } #info dd li { padding-left: 0; } #terms h4 a { text-decoration: none; } /***** /info *****/ /***** z-index tweaks *****/ #user-image, #profile-image { padding-bottom: 1px; } .comments { z-index: 1; } /***** /z-index tweaks *****/ /***** invite *****/ body div#invite { margin: 0; } /***** /invite *****/ /***** i18n *****/ body.fr #shoutbox input.text { width: 138px; } /***** /i18n *****/ /***** index blog topics *****/ #center #center-top .blog-topics li { width: 350px; } #center-top .blog-topics .thumb { margin-right: 10px; } #center-top .blog-topics .blog-topic-right { float: left; width: 280px; overflow: hidden; } #center-top .blog-topics p { margin-top: 0.4em; padding-right: 10px; } /***** /index blog topics *****/ /***** chat promotion banner *****/ #index-chat-promotion { position: relative; display: block; height: 76px; } #index-chat-promotion div.chat-promotion-wrapper { position: absolute; top: -17px; left: 0; } #index-chat-promotion div.chat-promotion-inner { width: 237px; height: 90px; } #index-chat-promotion div.chat-promotion-inner a { position: relative; display: block; width: 237px; height: 90px; } /***** /chat promotion banner *****/ /***** blacklist *****/ .box.blacklist-notification .header { display: none; } .box.blacklist-notification .center { padding-bottom: 9px; text-align: center; } /***** /blacklist *****/ /***** geodata *****/ #center .geodata-controls { margin-top: 8px; width: 500px; } #center .geodata-search input { float: left; } #center .geodata-search button { margin-top: 0px; } #center #image-defs #box-geodata-map, #center #image-defs #image-tags { width: 360px; margin-bottom: 10px; } #center #image-defs #box-geodata-map .center .content, #center #image-defs #image-tags .center .content { padding-left: 10px; padding-top: 10px; overflow: hidden; } #center #image-defs #image-tags { float: left; overflow: hidden; } #center #image-defs #box-geodata-map { float: right; overflow: hidden; } #image-defs { clear: both; } #image-defs.box .center { padding: 0px 5px 0px 5px; } /* on community page */ #center #box-geodata-map { width: 365px; margin-bottom: 15px; overflow: hidden;} #center #box-geodata-map .center .content { } /***** /geodata *****/ /***** SUGGEST SEARCH *****/ #suggest-search { background: #FAFBF7; border: 1px solid #AAAAAA; border-radius: 4px; color: #6C6C6B; height: auto; position: absolute; min-width: 230px; z-index: 9999; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #suggest-search .header { display: none; } #suggest-search .center { height: auto; padding: 0; } #suggest-search .center .content { padding: 0; } #suggest-search p.suggest-search-notice { margin: 0 1.5em; padding: 1em 0; } #suggest-search #suggest-search-loading { background: url(ajax_light_background.gif) no-repeat left center; padding-left: 25px; } #suggest-search #suggest-search-results ul.first li.first { border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-top-left-radius: 4px; } #suggest-search #suggest-search-results ul.first li.last { border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-bottom-left-radius: 4px; } #suggest-search #suggest-search-results ul.last li.first { border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-top-right-radius: 4px; } #suggest-search #suggest-search-results ul.last li.last { border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-bottom-right-radius: 4px; } #suggest-search #suggest-search-results .result-header { background: #E5E8DF; height: 10px; line-height: 0.8em; font-size: 1em; } #suggest-search .content ul { list-style: none; padding: 0; width: 230px; } #suggest-search .content button { width: 100%; margin: 0; margin-bottom: 2px; } #suggest-search .content li { border: solid #E5E8DF; border-width: 0 1px 1px 0; cursor: pointer; font-weight: bold; font-size: 0.9em; height: 28px; line-height: 1.5em; margin: 0; overflow: hidden; padding: 5px; position: relative; } #suggest-search .content .suggest-extended { border: solid #E5E8DF; border-width: 0 0px 0px 0; cursor: auto; background-color: #FFF; font-weight: bold; height: auto; font-size: 0.9em; line-height: 2.6em; margin: 0; padding: 0px; position: relative; overflow: hidden; width: 230px; } #suggest-search .content ul.last li { border-right: 0; } #suggest-search .content ul li.last { border-bottom: 0; } #suggest-search .content li.selected { background: #234B6C; border-color: #B8C9D5; color: #B1C8D9; } #suggest-search .suggest-result-wrapper { height: 28px; } #suggest-search .content span { display: block; overflow: hidden; white-space: nowrap; } #suggest-search .content span.value { color: #588212; display: inline; } #suggest-search .content span.category, #suggest-search .content span.location, #suggest-search .content span.stamp, #suggest-search .content span.members { display: inline; } #suggest-search .content span.stamp, #suggest-search .content span.members { font-weight: normal; background: url(icon_channel_small.png) no-repeat; background-position: 5px 1px; padding-left: 18px; } #suggest-search .content li.selected span.value { color: #D2E3F0; } #suggest-search .content span.title { color: #2195B5; font-size: 1.1em; } #suggest-search .content li.selected span.title { color: white; } #suggest-search .content li.custom span.title { color: #FF8A92; } #suggest-search .content em { background: #EBEBEB; font-style: normal; } #suggest-search .content li.selected em { background: #3F759B; } #suggest-search .users img { background: url(icon_user.png) no-repeat center center; border: 1px solid #666; float: left; margin-right: 6px; } /* #suggest-search .communities .suggest-result-wrapper { background: url(icon_channel_small.png) right bottom no-repeat; } */ /***** /SUGGEST SEARCH *****/ /***** DIDGET-BROWSER *****/ #body .didget-browser { background: #2F2F2F; color: #5E6159; width: 980px; z-index: 200; position: fixed; top: 0; } #body .didget-browser .header { color: #5E6159; min-height: 30px; } #body .didget-browser .center { background: #CCD4BF; color: #5E6159; height: 100px; padding-left: 9px; padding-top: 12px; padding-right: 0; } #body .didget-browser a.discard { position: absolute; top: -25px; right: 5px; width: 9px; height: 15px; color: #FFFFFF; background: #0094B3; border-radius: 4px; display: block; padding: 0.2em 0.5em; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #body .didget-browser a.discard:hover { color: #0094B3; background: #FFFFFF; text-decoration: none; } #body .didget-browser .center div.didget { width: 85px; height: 85px; float: left; text-align: center; vertical-align: middle; display: inline-block; margin-right: 12px; margin-bottom: 10px; cursor: move; position: relative; } #body .didget-browser .center div.didget a.didget { display: block; width: 85px; height: 85px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 3px solid #CCD4BF; background: url(trinket_bg.png);} #body .didget-browser .center div.didget a.didget.selected { border: 3px solid black; } #body .didget-browser .center div.didget-last { margin-right: 0 } #body .didget-browser .center div.didget.disabled { cursor: not-allowed } /* Custom styling buttons for the browser */ .didget-browser .input { padding-bottom: 0; margin-bottom: 0; } .didget-browser div.prevnext { margin-top: 10px; } .didget-browser .didget { width: 97px; float: left; text-align: center; vertical-align: middle; margin-bottom: 10px; } #body .didget-browser .center div.didget .vip { position: absolute; bottom: 0px; right: 0px; width: 16px; height: 24px; background: url(vip_16x24.png) } /* Trinket browser on didgets page */ #body .didget-browser .mod-category-default { background: #B6BF00; } #body .didget-browser .mod-category-set { background: #0094B3; } .browser-pagination { background: url(browser_pagination.png) no-repeat center top; cursor: pointer; display: block; height: 25px; position: absolute; top: 45px; width: 25px; } .browser-pagination-disabled { cursor: default; } .browser-pagination-previous { background-position: center -25px; left: 10px; } .browser-pagination-next-disabled { background-position: center -50px; } .browser-pagination-previous-disabled { background-position: center -75px; } .browser-pagination-next { right: 10px; } .browser-pagination span { display: none; } /* MOD BROWSER */ #body #mod-browser { top: 0; } #body #mod-browser .header, #body #mod-browser .footer { clear: both; min-height: 0; padding: 4px; } #body #mod-browser .center { padding: 8px 0 4px 41px; } #body #mod-browser #mod-browser-close { margin: 0; position: absolute; right: 6px; top: 6px; } #body #mod-browser.loading #mod-browser-close { background: url(ajax_dark_background.gif) no-repeat center center; } #body #mod-browser .mod { border-radius: 4px; height: auto; margin: 0 3px 0 0; padding: 1px 1px 8px 1px; width: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #body #mod-browser .mod a { border-radius: 3px; display: block; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #body #mod-browser .mod a img { background: url(mod_generic_thumbnail.png) no-repeat left top; border: 1px solid #2F2F2F; } #body #mod-browser .selected { background: #2F2F2F; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; } #body #mod-browser .set a { background: #0094B3; } #body #mod-browser .default a { background: #B6BF00; } #body #mod-browser .header form h4, #body #mod-browser .footer form h4 { color: white; font-size: 1em; line-height: 25px; margin: 0 0.5em 0 1em; padding: 0; } #body #mod-browser .header form h4 { font-size: 1.1em; } #body #mod-browser .header form fieldset.inputgroup, #body #mod-browser .footer form fieldset.inputgroup { margin: 0 5px 4px; } #body #mod-browser .footer form fieldset button { margin: 0; } #body #mod-browser form select { border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #body #mod-browser #didget-browser-footer-vip-teaser { background: url(vip_16x24.png) no-repeat left top; float: left; line-height: 24px; padding-left: 25px; } /* /MOD BROWSER */ /* Mod display for browser */ div.trinket-prototype a.didget { cursor: move; } div.trinket-prototype.disabled a.didget { cursor: not-allowed; } div.trinket-prototype.disabled { opacity: 1.0 } div.trinket-prototype.disabled img { opacity: 0.3 } .disabled_msg { position: absolute; top: 15px; left: 15px; width: 55px; height: 55px; color: #FFFFFF; line-height: 15px; font-weight: bold; } .didget .widget { background: url(icon_widget.png) no-repeat 6px 4px } #box-widget-editor-widgets .didget-wrapper { float: left; margin: 0 5px 5px 0; } #box-widget-editor-widgets .didget-wrapper .didget { margin: 0px auto; } #box-widget-editor-widgets .didget-wrapper a.button { margin: 4px auto;} #box-widget-editor-widgets ul { clear: both; margin: 2em 0 1em 0; } .didget-browser .menulist li { background-color: #B6BDAB; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .didget-browser .menulist li.selected { background-color: #797D72; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .didget-browser .menulist a { color: #676B62; } .didget-browser .menulist li.selected a { color: #E8EFDE; } .didget-browser .inputhelp { color: #BB2907; } .didget-browser fieldset.selected { background: #EEF2E7; color: #6A6D66; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } .didget-browser .reason-div { background: #EEF2E7; color: #6A6D66; border-radius: 0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; } /* override from hell, this box is customed styled and we want the buttons to go with it */ .didget-browser #trinket-browser-actions.menulist, .didget-browser #trinket-browser-actions.menulist li, .didget-browser #trinket-browser-actions.menulist li.first, .didget-browser #trinket-browser-actions.menulist li.last, .didget-browser #trinket-browser-actions.menulist a { background-image: none; color: #676B62; } .didget-browser .input { padding-bottom: 0; margin-bottom: 0; } .didget-browser div.prevnext { margin-top: 10px; } .didget-browser #didget-browser-actions.menulist { position: absolute; top: 95px; z-index: 160; } .didget-browser .actions h3 { display: block; position: absolute; top: 6px; left: 10px; color: #FFFFFF; } .didget-browser .center .content { margin-top: 0 } /* Trinket browser on didgets page */ #trinkets .center div.didget { width: 82px; height: 82px; float: left; text-align: center; vertical-align: middle; display: inline-block; margin-right: 10px; margin-bottom: 10px; line-height: 82px; border: 1px solid #FFF; } .didget-browser div.prevnext { position: absolute; top: -35px; left: 345px; z-index: 2; } .didget-browser div.prevnext a { color: #0094B3; font-weight: bold;} .didget-browser span.indicator { font-size: 14px; } #didgetbrowser-form { margin: 0; position: absolute; top: -27px; right: 0; } #didgetbrowser-form button { margin: 0; position: absolute; right: 40px; top: 0; width: 150px; } #didgetbrowser-form a.button { position: absolute; right: 0; top: 1px; } #trinkets .center div.trinket-prototype { border: 1px solid #FFF;} .didget-browser .tooltip { font-weight: bold; color: #FFFFFF; line-height: 20px; width: 150px; height: 20px; background: black; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; top: 100px; left: 0px; z-index: 14000; text-shadow: 0.05em 0.05em #333 } .didget-browser .error { padding: 0; text-align: center; } .didget-browser .error a { color: #444; } .didget-browser span.didget-action { border: 1px solid transparent; cursor: pointer; margin-bottom: 2px; margin-left: 2px; width: 65px; display: block; font-weight: bold; color: #FFFFFF; line-height: 16px; height: 16px; text-align: left; padding-left: 15px; } .didget-browser .action-wrapper { left: 0; padding-top: 2px; height: 83px; width: 85px; position: absolute; top: 3px; margin-left: 3px; background: url(trinket_bg.png); -moz-border-radius: 5px;} .didget-action-set, .didget-action-setdefault, .didget-action-ordervip { background: url(icon_set_small.png) no-repeat 3px 2px; } .didget-action-preview { background: url(icon_preview_small.png) no-repeat 3px 2px; } .didget-action-edit { background: url(icon_edit_small.png) no-repeat 3px 2px; } .didget-browser span.didget-action:hover { text-decoration: none; color: #A5C31D; border: 1px solid white; background-color: black; -moz-border-radius: 5px; } .didget-browser .didgetbrowser-dragoverlay, .didget-browser div.disabled .didgetbrowser-dragoverlay:hover{ background: transparent; width: 85px; height: 85px; position: absolute; left: 0px; top: 3px; margin-left: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .didget-browser .didgetbrowser-dragoverlay:hover { width: 85px; height: 85px; background: url(arrow_drag.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; } .didget-browser #legacy-mods { position: absolute; top: 2px; left: 614px; border: 1px solid #333; background: #234B6C; opacity: 0.92; -moz-opacity: 0.92; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #5E6159; text-align: left; width: 211px; } .didget-browser #legacy-mods ul { padding: 0.6em 0.6em 0.2em 0.6em; } .didget-browser #legacy-mods li { list-style-type: none; } #mod-browser .action-wrapper { display: none;} #mod-browser .didget-mod:hover .action-wrapper { display: block !important; } /*.didget-browser #didgets-old { position: absolute; top: }*/ /***** /DIDGET-BROWSER *****/ /***** TRINKETS ******/ div.trinket { overflow: visible; position: absolute; } div.trinket img, div.trinket div[title] { display: block; position: absolute; } .widget.draggable, div.trinket-editor { background: url(trinket_bg.png) !important; border: 3px solid transparent; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: move; margin: -3px; } .widget.draggable { border: 3px solid white; margin: -3px; } .widget.draggable div { border: 1px dashed white; margin: -1px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } div.trinket-editor-pick-btn { background: url(trinket_pick.png); cursor: pointer; height: 25px; position: absolute; right: -5px; top: -4px; width: 25px; } div.trinket-editor-pick-btn:hover { background: url(trinket_pick_h.png) } div.trinketamount { position: absolute; left: 3px; bottom: -3px; z-index:140000; font-weight: bold; color: #FFFFFF; line-height: 15px; border:1px transparent #072A40 ; background: #2F2F2F; height: 15px; width: 20px; text-align: center; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:5px; } div.imageimage div.widget div.handle { background: url(/img/bashi/arrow_drag_small.png) } /***** /TRINKETS ******/ /***** MOD EDITOR ******/ /* notice that we want to discourage people from styling the mod-editor window so the theme is set here and not in theme.css */ #modeditor { color: white; opacity: 0.95; filter: alpha(opacity=95); -moz-opacity: 0.95; } #modeditor a { color: #7EDBEE; } div.window-replacer .box .header { background: url(window_replacer_bg.png) no-repeat left top; padding: 0 0 0 25px; } div.window-replacer .box .header .actions { background: url(window_replacer_bg.png) no-repeat right top; height: 25px; padding: 20px 25px 0 0; } div.window-replacer .box .header .actions .menulist { right: 15px; top: 15px; } div.window-replacer .box .header .actions .menulist li a { color: white; } div.window-replacer .box .center { background: url(window_replacer_bg.png) no-repeat left center; padding: 0 0 0 25px; } div.window-replacer .box .center .content { background: url(window_replacer_bg.png) no-repeat right center; padding: 5px 25px 5px 0; position: relative; } div.window-replacer .box .footer { background: url(window_replacer_bg.png) no-repeat left bottom; padding: 0 0 0 25px; } div.window-replacer .box .footer .footer-wrap { background: url(window_replacer_bg.png) no-repeat right bottom; height: 13px; } div.resize-handle { background: url(window_replacer_resize.gif) no-repeat left top; height: 26px; width: 26px; cursor: se-resize} div.ajaxloader-light { position: absolute; background: url(ajax_ffffff.gif) no-repeat; width: 16px; height: 16px; } #modeditor-form label { font-weight: bold; } #modeditor-form #modeditor-textarea { height: 200px; width: 100%; } #modeditor-form .toprow { height: 43px; } #modeditor-form #modeditor-modselector { position: absolute; left: 0; top: 23px; width: 170px; } #modeditor-form .mod-editor-label { position: absolute; left: 0; top: 8px; } #modeditor-form #modeditor-name { position: absolute; left: 0px; top: 25px; width: 200px; } #modeditor-form .modeditor-name-label { position: absolute; left: 0px; top: 8px;} #modeditor-form #modeditor-new-mod-btn, #modeditor-form #modeditor-preview { position: absolute; right: 25px; } #modeditor.modimages #modeditor-form #modeditor-new-mod-btn, #modeditor.modimages #modeditor-form #modeditor-preview { position: absolute; right: 255px; } #modeditor-form .bottomrow label { display: inline; } #modeditor-form .bottomrow input.checkbox { display: inline; margin-left: 6px; } #modeditor-form .toprow button { float: right; margin-top: 15px; } #modeditor-form #modeditor-selectmod { float: none; position: absolute; top: -48px; right: 9px; } #modeditor #modeditor-actions { display: none; } #modeditor .picture-selector { top: 49px; } #modeditor .picture-selector .thumb .thumbimage { background: black; border: 1px solid #235A8F; } #modeditor .image-uploader { position: absolute; right: 15px; top: 271px; width: 222px; } #modeditor .image-uploader .image-uploader-status-list { height: 127px; } #templateselector { color: white; display: block; position: absolute; right: 20px; top: 100px; width: 200px; z-index: 10000; } #templateselector h3 { font-size: 11px; } #templateselector select { width: 100%; } /***** /MOD EDITOR *******/ /***** BUTTONS *****/ /* moved to widget.less */ /***** /BUTTONS *****/ /***** FRIENDTRACER *****/ /* moved to widget.less */ /***** /FRIENDTRACER *****/ /***** NEWSFEED NOTIFICATIONS *****/ /* moved to widget.less */ /***** /NEWSFEED NOTIFICATIONS *****/ #modeditor * { display: block; visibility: visible; } #modeditor button { display: inline } #modeditor .box .header h3, #modeditor .box .header h4 { display: inline; font-size: 1.3em; padding-bottom: 2px; } #modeditor select, #modeditor textarea, #modeditor input.text { background: #FDFFFA url(center_input.gif) repeat-x top; border: 1px solid #ACB0A6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #130202; } #modeditor select { background: #FDFFFA; } #modeditor { font: 11px Verdana, sans-serif; } /***** Product Order *****/ #center .payment-method #credits_info { position: absolute; top: -20px; left: 250px; width: 200px; } #center .payment-method #not_enough credits { position: absolute; top: 0px; left: 125px; width: 200px; } #phone.sms { position: relative; width: 198px; height: 367px; background: url(paysys/phone_sms.png) no-repeat; } #phone .msgto { position: absolute; top: 107px; left: 42px; width: 35px; font-size: 9px; line-height: 9px; text-align: right; color: #FFFFFF; } #phone .number { position: absolute; top: 105px; left: 80px; } #phone .textmsg { position: absolute; top: 126px; left: 45px; width: 110px; line-height: 15px; } #phone .number, #phone .textmsg { color: #FE9100; font-weight: 700; } body.de #phone .send { position: absolute; top: 183px; left: 63px; width: 70px; color: #FFFFFF; text-align: center; } #phone .send { position: absolute; top: 190px; left: 63px; width: 70px; color: #FFFFFF; text-align: center; } #phone .info { position: absolute; top: 205px; left: 30px; width: 115px; color: #FE9100; } #phone .info li .price { color: #bfe03d; font-size: 9px; } #phone { float: left; } #center #order_code_input_form { float: left; width: 350px; margin: 20px; } #center #order_code_input_form input.text { width: 200px; } #sms-info-text { float: left; margin: 0px 20px; width: 350px; } #sms-info-text li { margin-top: 10px; } .floatleft { float: left; } /* BOX ORDER */ #center div.box-order { width: 345px; background-color: #578BB8; margin-right: 10px; margin-bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #center div.box-order .header { display: none; height: 37px; min-height: 0px; } #center div.box-order .header h3 { color: #FFFFFF; font-weight: 700; font-size: 20px; } #center div.box-order .header .actions { padding: 5px 10px 0px 10px; } #center div.box-order .center { padding: 10px; } #center div.box-order label { color: #FFFFFF; } #center div.box-order .content span.nogift { font-size: 0.9em; color: #FFF; } /* BOX ORDER - GIFT */ #center div.box-order #gift { width: 323px; background: none; float: left; } #center div.box-order #gift .header { display: block; height: 11px; margin: 0; padding: 0; background: url(store/box-order-gift-header.png) no-repeat; } #center .box-order #gift .header h3 { display: none; } #center div.box-order #gift .center { padding: 8px 10px 6px; background: url(store/box-order-gift-bg.png); } #center div.box-order #gift div.content { color: #14273d; } #center div.box-order #gift div.content label { color: #14273d; font-weight: 700; } #center div.box-order #gift div.content small { color: #89939e; font-size: 10px; line-height: 10px; display: block; margin-top: 5px; } #center div.box-order #gift div.content input#gift_user, #center div.box-order #gift div.content textarea { width: 200px; background-color: #ecf1f7; background: none; border: 1px solid #4377ad; color: #000; font-size: 11px; display: inline; margin: 0; } #center div.box-order #gift div.content button { position: relative; left: -3px; } #center div.box-order #gift div.picture { width: 80px; height: 80px; background-color: #000; float: left; overflow: hidden; } #center div.box-order #gift div.picture img { margin-top: -25%; margin-left: -25%; border: 0; } #center div.box-order #gift div.thumbnick { position: absolute; top: 10px; left: 95px; color: #4377ad; } #center div.box-order #gift .nick1 a { color: #4377ad; } #center div.box-order #gift .nick1 b { color: #000; } #center div.box-order #gift .footer { border: none; height: 4px; background: url(store/box-order-gift-footer.png) no-repeat left bottom; } #center div.box-order #gift #user_recipient_error { clear: both; color: #e98300; font-weight: 700; } #center div.box-order #gift div.content textarea#gift_msg { width: 295px; background-color: #ecf1f7; border: 1px solid #4377ad; color: #000; font-size: 11px; display: inline; margin: 0; } #center div.box-order #gift div.content #gift_anonymous_div { width: 200px; } #center div.box-order #gift div.content #gift_anonymous_div label, #center div.box-order #gift div.content #gift_anonymous_div input { float: left; margin-right: 5px; } /***** /Product Order *****/ /***** Faq II ******/ #faq-faqitem .center { margin-left: 40px; padding-left: 0px; padding-bottom: 20px; } #faq-faqitem .center .center { margin-left: 0px; } #faq-faqitem .faqitem.underline { margin-bottom: 15px; } #faq-faqitem .faqitem { width: 100%; } #faq-faqitem .faqitem .backtop { padding: 18px 20px 19px; background: transparent url(return_to_top_arrow.gif) no-repeat scroll left center; } #faq-faqitem .faqitem .answer div { margin: 5px 25px; } #faq-faqitem .faqitem .question { padding-bottom: 8px; } #faq-faqitem .box.sub_item .center { padding: 15px 0px 0px; } #faq-faqitem .subcategory { margin-top: 10px; } .theme-2 #faq-faqitem .requested_item { background-color: #FFFFFF; margin-left: -10px; border: 15px solid #FFFFFF; border-bottom: none; } .theme-4 #faq-faqitem .requested_item { background-color: rgba(0,0,0,.3); margin-left: -10px; border: 15px solid rgba(0,0,0,0); border-bottom: none; } /***** /Faq II ******/ /***** RPX & SHARE *****/ /* moved to widget.less */ /***** /RPX & SHARE *****/ #center div.payment-method { width: 194px; float: left; position: relative; background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden; padding: 10px 14px; margin-right: 9px; margin-top: 9px; margin-bottom: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #center div.payment-method h4 { margin-top: 0; margin-bottom: 0; } #center div.payment-method .input button { position: absolute; bottom: 0px; margin-left: -3px; margin-top: 10px; } #center div.payment-method .price { position: absolute; top: 10px; right: 14px; color: #0094B3; } #center div.payment-method .divider { width: 194px; } #center div.payment-method .fine-print { font-size: 0.9em; } #center div.payment-method #step2 { margin-top: 10px; } #center div.payment-method #info { position: relative; } #center #checkout div.payment-method #info { height: 50px; } #center div.payment-method #info { height: 75px; } #checkout a.discard { position: absolute; top: 10px; right: 14px; width: 9px; height: 15px; color: #FFFFFF; background: #0094B3; border-radius: 4px; display: block; padding: 0.2em 0.5em; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #checkout a.discard:hover { color: #CCFFFF; text-decoration: none; } #checkout .content h3 { margin-bottom: 15px; } #center #ordering-info { margin-top: 20px; } /***** channel settings *****/ #community-vip-edit .input-checkbox { float: left; padding-right: 15px; padding-top: 5px; } #community-vip-edit .input-text label { font-weight: normal; } #community-vip-edit input.text { width: 140px; } #community-vip-edit ul li { padding-left: 125px; margin-top: 0px; } /***** /channel settings *****/ /***** community editor form *****/ #community-editor-form .input-textarea { overflow: auto; } #community-editor-form .bbcode-editor { height: 200px; clear: both; display: block; } /***** /community editor form *****/ /***** ROULETTE *****/ .roulette-wrap div.wall-hud { position: absolute; top: 50%; margin-top: -15px; width: 100%; margin-left: -25px; text-align:center; color: #454545; } .roulette-wrap div.wall-hud span.loading { background: transparent url(/js/roulette/roulette_loading.gif) no-repeat center top; padding-top: 33px; margin-top: -33px; display: inline-block; line-height: 21px; } .roulette-wrap button, .roulette-wrap button:visited { background: #222 url(/js/roulette/button_overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .roulette-wrap button, .roulette-wrap button:visited { background-color: #91bd09; } .roulette-wrap button:hover { background-color: #749a02; } .roulette-wrap button:active, .roulette-wrap button:hover:active { background-color: #A3CF19; } .roulette-wrap button[disabled], .roulette-wrap button[disabled="disabled"], .roulette-wrap button[disabled]:hover, .roulette-wrap button[disabled="disabled"]:hover, .roulette-wrap button[disabled]:active, .roulette-wrap button[disabled="disabled"]:active { background-color: #4D4D4D; opacity: 0.7; color: #888; cursor: not-allowed; } .roulette-wrap { margin-bottom: 20px; font-size: 1.05em; line-height: 1.15em; font-family: Arial, Verdana; height: 445px; color: #DFDFDF; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; padding: 20px 25px 25px; position: relative; background-color: #121212; } .roulette-wrap .roulette-side-wrap { width: 200px; overflow: hidden; float: left; } .roulette-wrap .roulette-side-wrap button { font-size: 1.3em; height: 45px; margin-bottom: 35px; width: 151px; } .roulette-wrap .roulette-side-wrap .roulette-thumb { width: 150px; height: 150px; margin-bottom: 30px; background: black; text-align: center; } .roulette-wrap .roulette-side-wrap .roulette-thumb div { width: 150px; height: 150px; overflow: hidden; background-repeat: no-repeat; background-position: center center; } .roulette-wrap .roulette-chat-wrap { background: black; left: 197px; position: absolute; padding: 20px; width: 442px; } .roulette-wrap .roulette-chat-wrap .roulette-chat { height: 326px; overflow-x: hidden; overflow-y: scroll; } .roulette-wrap .roulette-chat-wrap input { height: 20px; font-size: 1em; width: 433px !important; margin-top: 20px; } .roulette-wrap.state-waiting .roulette-side-wrap div.roulette-thumb.partner { background: black url(/js/roulette/ajax_loader.gif) no-repeat center center; } .roulette-wrap .roulette-count { color: gray; font-family: "helvetica neue", helvetica, verdana; font-size: 0.8em; font-style: oblique; letter-spacing: 0; margin-bottom: 11px; margin-top: 0px; text-align: right; text-transform: uppercase; } .roulette-wrap .roulette-count span { color: silver; font-size: 1.3em; font-style: normal; margin-right: 3px; } .roulette-wrap .roulette-chat .partner strong { color: #66CDAA; } .roulette-wrap .roulette-chat .own strong { color: #FFDFB0; } /***** /ROULETTE *****/ /***** LIKES *****/ /* moved to feature.less */ /***** LIKES *****/ /***** TALK *****/ #body #talk { bottom: 0; color: black; max-height: 100%; position: fixed; left: 0; z-index: 99999; } #body #talk a { color: #0094B3; } #body #talk .talk-window { background: #234B6C url(talk_window_header.png) repeat-x top left; border-top: 1px solid #476980; color: #DAEEFF; } #body #talk .talk-window-header { background: url(icon_maximize.png) no-repeat 95% center; cursor: pointer; font-weight: bold; padding: 0.5em 0.8em; position: relative; } #body #talk .talk-window-active, #body #talk #talk-contacts.talk-window-open { background-color: #88AB34; border-color: #A4B669; color: white; } #body #talk .talk-window-blink { background-color: #88AB34 !important; border-color: #A4B669 !important; color: white !important; } #body #talk .talk-window-open .talk-window-header, #body #talk #talk-contacts.talk-window-open .talk-window-header { background-image: url(icon_minimize.png); } #body #talk #talk-contacts.talk-window.talk-window-loading .talk-window-header { background-image: url(talk_window_loading_minimized.gif); } #body #talk #talk-contacts.talk-window-open.talk-window-loading .talk-window-header { background-image: url(talk_window_loading_maximized.gif); } #body #talk-container.talk-offline .talk-window-header { background-image: url(icon_maximize.png) !important; } #body #talk #talk-container.talk-offline #talk-contacts.talk-window-loading .talk-window-header { background-image: url(talk_window_loading_offline.gif) !important; } #body #talk .talk-window-center { color: black; display: none; } #body #talk-container.talk-offline .talk-window-open .talk-window-center, #body #talk-container.talk-offline #talk-conversations, #body #talk-container.talk-offline #talk-conversations { display: none !important; } #body #talk-container.talk-offline #talk-contacts { background-color: #DCDCDC !important; border-color: #CCC !important; color: #3F3F3F !important; } #body #talk .talk-window-open .talk-window-center { background: white; display: block; font-size: 0.9em; overflow-x: hidden; overflow-y: scroll; position: relative; } #body #talk .talk-window .talk-window-close { background: url(button_close.png) no-repeat center center; height: 100%; position: absolute; right: 0; top: 0; width: 20px; } #body #talk .talk-window .talk-window-fullscreen { background: url(talk_window_fullscreen.png) no-repeat center center; height: 100%; position: absolute; right: 20px; top: 0; width: 13px; } #body #talk .talk-window.fullscreen .talk-window-fullscreen { background: url(talk_window_antifullscreen.png) no-repeat center center; } /* TALK + CLASSIC THEME / ENFORCE RULES */ #body #talk input.text, #body #talk textarea { background: #FDFFFA; border: 1px solid #ACB0A6; color: #130202; } #body #talk a { font-weight: normal; } #body #talk .toolbar li a { } /* TALK + CLASSIC THEME */ /* TALK POPUP */ #body #talk #talk-popup { list-style: none; margin: 0; padding: 0; width: 170px; } #body #talk #talk-popup li { background: #CDE4F6 url(talk_message.png) repeat-x left top; border-top: 1px solid #95D0FA; padding: 5px; position: relative; cursor: pointer; } #body #talk #talk-popup .talk-popup-message { padding-left: 40px; } #body #talk #talk-popup .talk-popup-message img { height: 30px; left: 5px; position: absolute; top: 5px; width: 30px; } #body #talk #talk-popup .talk-popup-message .talk-popup-message-nick, #body #talk #talk-popup .talk-popup-online .talk-popup-online-nick { background: url(indicator_talk_online.png) no-repeat right center; font-weight: bold; margin-right: 2px; padding-right: 12px; } /* /TALK POPUP */ /* TALK CONTACTS */ #body #talk #talk-contacts { width: 170px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } #body #talk #talk-contacts #talk-contacts-center { height: 400px; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list, #body #talk #talk-contacts #talk-contacts-center #talk-search-list { margin: 0; } #body #talk #talk-contacts #talk-contacts-center .talk-contact { border-top: 1px solid #DDD; cursor: pointer; height: 30px; padding: 5px 5px 5px 40px; position: relative; white-space: nowrap; overflow: hidden; } #body #talk #talk-contacts #talk-contacts-center .loading .talk-contact { opacity: 0.5; } #body #talk #talk-contacts #talk-contacts-center .talk-contact:hover { background: #F2F2F2; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-open, #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-open:hover { background: #234B6C url(talk_window_header.png) repeat-x top left; border-color: #476980; color: #DAEEFF; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-active, #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-active:hover { background: #88AB34 url(talk_window_header.png) repeat-x top left; border-color: #A4B669; color: white; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-video, #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-video:hover { background: #D77F23 url(talk_window_header.png) repeat-x top left; border-color: #EB9B48; color: white; } #body #talk #talk-contacts #talk-contacts-center .talk-contact .talk-contact-thumb { height: 30px; left: 5px; position: absolute; top: 5px; width: 30px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); } #body #talk #talk-contacts #talk-contacts-center .talk-contact .talk-contact-nick { font-weight: bold; } #body #talk #talk-contacts #talk-contacts-center .talk-contact-online .talk-contact-nick { background: url(indicator_talk_online.png) right center no-repeat; padding-right: 11px; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact .talk-contact-snippet { color: #AAA; font-style: italic; overflow: hidden; white-space: nowrap; quotes: none; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-open .talk-contact-snippet { color: #DCDCDC; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list .talk-contact-unread-count { background: #E98300; color: white; display: inline-block; font-weight: bold; margin-right: 0.3em; padding: 0.1em 0.3em; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #body #talk #talk-contacts #talk-contacts-center #talk-contacts-list-empty, #body #talk #talk-contacts #talk-contacts-center #talk-search-list-empty { display: block; padding: 5px; } #body #talk #talk-contacts .talk-search-header { display: block; background: #B9BBB0; color: white; padding: 1px 4px; height: 16px; } #body #talk #talk-contacts .talk-search-header #talk-search-loading { display: block; height: 16px; width: 16px; float: right; background: transparent url(talk_search_loading.gif) no-repeat left top; } #body #talk .talk-top-toolbar { background: #EFEFEF; border-bottom: 1px solid #BFBFBF; color: #444; } #body #talk .talk-top-toolbar a, #body #talk .talk-top-toolbar a:hover, #body #talk .talk-top-toolbar a:visited { color: #444; } #body #talk #talk-contacts #talk-contacts-search { height: 26px; padding-left: 2px; padding-top: 3px; position: relative; } #body #talk #talk-contacts #talk-contacts-search #talk-contacts-search-input { background: white url("friendlist_search.gif") repeat-x scroll; background-position: 0px 1px; width: 104px; padding-right: 21px; } #body #talk #talk-contacts #talk-contacts-search #talk-contacts-search-input + a { display: block; position: absolute; width: 13px; height: 13px; top: 8px; left: 114px; background: transparent url("suggestinput_icon.gif") no-repeat left bottom; cursor: pointer; } #body #talk #talk-contacts #talk-contacts-search #talk-contacts-search-input.empty + a { background: transparent url("suggestinput_icon.gif") no-repeat left top; cursor: default; } #body #talk #talk-contacts #talk-search-list-showmore { display: block; text-align: center; padding: 10px 0 15px; } /* /TALK CONTACTS */ /* TALK CONVERSATIONS */ #body #talk #talk-conversations { bottom: 0; left: 173px; position: absolute; width: 220px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } #body #talk .talk-conversation-video { background-color: #D77F23; border-color: #EB9B48; } #body #talk #talk-conversations .talk-conversation .talk-conversation-header { background-position: 90% center; padding-right: 40px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-header .talk-conversation-header-inner { overflow: hidden; /*text-overflow: ellipsis;*/ white-space: nowrap; } #body #talk #talk-conversations .talk-conversation .talk-conversation-header .talk-conversation-indicator { background: url(indicator_talk_offline.png) no-repeat left center; margin: 0 0.3em; } #body #talk #talk-conversations .talk-conversation .talk-conversation-header .talk-conversation-indicator span { display: inline-block; height: 12px; width: 15px; } #body #talk #talk-conversations .talk-conversation-online .talk-conversation-header .talk-conversation-indicator { background-image: url(indicator_talk_online.png); } #body #talk #talk-conversations .talk-conversation-typing .talk-conversation-header .talk-conversation-indicator, #body #talk #talk-conversations .talk-conversation-idle .talk-conversation-header .talk-conversation-indicator { background-image: url(indicator_talk_typing_bg.png); } #body #talk #talk-conversations .talk-conversation-typing .talk-conversation-header .talk-conversation-indicator span { background: url(indicator_talk_typing.gif) no-repeat left center; } #body #talk #talk-conversations .talk-conversation .talk-conversation-header .talk-conversation-snippet { font-size: 0.9em; font-style: italic; font-weight: normal; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center { height: 300px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-toolbar { height: 18px; padding-left: 8px; position: relative; line-height: 19px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-toolbar .talk-conversation-toolbar-addfriend { padding-left: 16px; background: transparent url(icon_friend_small_light.png) no-repeat left center; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-toolbar .talk-conversation-toolbar-toggle, #body #talk #talk-contacts .talk-contacts-toolbar-toggle { display: block; height: 18px; width: 21px; position: absolute; right: 0px; top: 0; background-image: url(icon_talk_config_alt.png); background-position: 2px 3px; background-repeat: no-repeat; background-color: #EFEFEF; } #body #talk #talk-contacts .talk-contacts-toolbar-toggle { height: 25px; right: auto; left: 134px; background-position: 2px 9px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-toolbar .talk-conversation-toolbar-toggle.active, #body #talk #talk-contacts .talk-contacts-toolbar-toggle.active { background-color: white; height: 28px; box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); } #body #talk #talk-contacts .talk-contacts-toolbar-toggle.active { height: 30px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-toolbar .talk-conversation-toolbar-tools, #body #talk #talk-contacts .talk-contacts-toolbar-tools { background: white; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; list-style: none; padding: 5px 10px 5px 6px; position: absolute; top: 19px; right: 0; z-index: 2; box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3); } #body #talk #talk-contacts .talk-contacts-toolbar-tools { top: 30px; line-height: 19px; } #body #talk #talk-contacts .talk-contacts-toolbar-tools li { position: relative; zoom: 1; } #body #talk #talk-contacts .talk-contacts-toolbar-tools li a, #body #talk #talk-contacts .talk-contacts-toolbar-tools li label { color: #444; } #body #talk #talk-contacts .talk-contacts-toolbar-tools li label:hover span { text-decoration: underline; cursor: pointer; } #body #talk #talk-contacts .talk-contacts-toolbar-tools li input { margin-right: 4px; vertical-align: middle; } #body #talk #talk-contacts .talk-contacts-toolbar-tools li.talk-contacts-toolbar-tools-offline { background: transparent url(indicator_talk_offline.png) no-repeat 1px 4px; *background-position: 5px center; margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px solid #DCDCDC; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-toolbar .talk-conversation-toolbar-tools li a, #body #talk #talk-contacts .talk-conversation-toolbar .talk-contacts-toolbar-tools li a { display: block; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center a.talk-conversation-loadbacklog { display: block; text-align: center; padding: 5px 0; color: #9F9F9F; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages { list-style: none; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages.disabled, #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages.loading { opacity: 0.5; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message { position: relative; margin: 4px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-content { background: url(talk_message.png) repeat-x top left; border-bottom: 1px solid; display: block; overflow: hidden; padding: 5px; min-height: 19px; word-wrap: break-word; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message .talk-message-content a { color: #0094B3; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-thumb { cursor: pointer; display: block; position: absolute; top: 0; width: 29px; height: 29px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-sent { padding-left: 35px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-sent .talk-message-thumb { left: 2px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-sent .talk-message-content { background-color: #BADD6E; border-color: #A5C462; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-sent.talk-message-undelivered .talk-message-content { background-color: #DCDCDC; border-color: #CCC; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-received { padding-right: 35px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-received .talk-message-thumb { right: 2px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-received .talk-message-content { background-color: #A6B9EC; border-color: #8C9CC7; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-sent + .talk-message-sent .talk-message-thumb, #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-received + .talk-message-received .talk-message-thumb { display: none; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-special-info { padding-left: 0; padding-right: 0; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-special-info .talk-message-thumb { display: none; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-special-info .talk-message-content { background-color: pink; border-color: #F88; } #body #talk #talk-conversations .talk-conversation .talk-conversation-center .talk-conversation-messages .talk-message-stamp { color: #444; font-size: 0.9em; font-weight: bold; text-align: center; } #body #talk #talk-conversations .talk-conversation .talk-conversation-inputs { position: relative; background: #E9EAE1; display: none; } #body #talk #talk-conversations .talk-window-open .talk-conversation-inputs { display: block; } #body #talk #talk-conversations .talk-conversation .talk-conversation-inputs textarea { margin: 1px; padding: 4px; width: 179px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-inputs .toolbar { position: absolute; top: 3px; right: 2px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-inputs .toolbar li { clear: both; cursor: pointer; } #body #talk #talk-conversations .talk-conversation .talk-conversation-inputs .toolbar li a { margin-bottom: 2px; } #body #talk #talk-conversations .talk-conversation .talk-conversation-inputs .toolbar li a.toolbar-webcam { opacity: 0.2; cursor: default; cursor: not-allowed; } #body #talk #talk-conversations .talk-conversation-online .talk-conversation-inputs .toolbar li a.toolbar-webcam { opacity: 1; cursor: pointer; } #body #talk #talk-conversations .talk-conversation-video .talk-conversation-inputs .toolbar li a.toolbar-webcam span { background-position: 0 -338px; } #body #talk #talk-smileys { z-index: 2; } #body #talk .talk-servicemessage { color: #646464; font-style: oblique; padding: 10px 5px 15px; } #body #talk .talk-servicemessage .talk-video-receive { color: #000; font-style: normal; } #body #talk .talk-servicemessage .talk-video-receive span { font-weight: bold; } #body #talk .talk-servicemessage .talk-video-receive ul { margin-left: 16px; margin-top: 3px; } #body #talk .talk-servicemessage .talk-video-receive li a.talk-video-accept { color: green; margin-right: 0.35em; } #body #talk .talk-servicemessage .talk-video-receive li a.talk-video-decline { color: red; } #body #talk .talk-servicemessage .talk-video-receive li span { font-style: oblique; font-weight: normal; color: #646464; } /* TALK CONVERSATIONS */ /* TALK VIDEO */ #body #talk #talk-video { bottom: 0; left: 396px; position: absolute; width: 320px; color: white; background-color: #D77F23; border-color: #EB9B48; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } #body #talk #talk-video.talk-window-open.fullscreen { position: fixed; bottom: auto; left: 0 !important; top: 0; width: 100%; height: 100%; } #body #talk #talk-video.talk-video-noconversations { left: 173px; } #body #talk #talk-video .talk-window-center { background: #D98024 url(talk_video_center.png) repeat-x left top; width: 100%; height: 240px; overflow-y: hidden; } #body #talk #talk-video.fullscreen .talk-window-center { background: #000; width: 100%; height: 100%; overflow-y: hidden; } #body #talk #talk-video .talk-window-header { background: transparent none; cursor: auto; } #body #talk #talk-video.talk-window-open .talk-window-header .talk-window-close, #body #talk #talk-video.talk-window-open .talk-window-header .talk-window-fullscreen { cursor: pointer; } #body #talk #talk-video.talk-window-open .talk-window-header .talk-window-beta { background: url(talk_video_beta.png) no-repeat center center; height: 100%; position: absolute; right: 40px; top: 0; width: 36px; } /* /TALK VIDEO */ /***** /TALK *****/ /***** ADMIN ****/ table.simpletable { border: 1px solid #aaaaaa; } table.simpletable td, table.simpletable th { padding-right: 4em; text-align: right; } table.simpletable tr td:last-child, table.simpletable tr th:last-child { padding-right: 0em; } table.simpletable tr:nth-child(odd) { background-color:#eee; } table.simpletable tr:nth-child(even) { background-color:#ddd; } /***** /ADMIN ****/ #fsalbum { width: 100%; height: 100%; background: transparent url(album_fullscreen_bg.png); position: fixed; left: 0; top: 0; z-index: 3000; } /* talk video feature hilight */ #feature-highlight-12 { position: fixed; left: 25px !important; bottom: 25px !important; top: auto !important; } #feature-highlight-12 .feature-highlight-center { width: 220px; margin-left: 20px; } #feature-highlight-12 table { display: block; }