/* @group New pages */ /* eraser */ .new-body, .new-body * {margin: 0; border: 0; padding: 0; list-style: none;} /* @group body */ /*body.new-body {background: #e1e1d6 url(/img/new/bg.png) 0 -1px; font: 0.75em/1.363 Arial, sans-serif; height: 100%;}*/ body.default {background: #e1e1d6 url(/img/new/bg.png) 0 -1px;} body.new-body {font: 0.75em/1.363 Arial, sans-serif; height: 100%;} .new-body a {color: #ea5024;} .new-body a_hover {text-decoration: none;} .new-body h2 {font: 2.083em "Trebuchet MS", Arial, sans-serif; color: #363636;} .new-body h4 {font: bold 1.5em "Trebuchet MS", Arial, sans-serif; color: #505050; width: auto; height: auto; background: none;} .new-body h5 {font: bold 1.25em "Trebuchet MS", Arial, sans-serif; color: #505050;} a {cursor: pointer;} /* @end */ /* @group basic styles */ .nowrap {white-space: nowrap;} .lft {float: left;} .rgt {float: right;} /* @group ---8<--- from base.css */ /* 24.02.2009 */ .both {width: 100%; clear: both; overflow: hidden;} /* @end */ /* @end */ /* @group Safari "Komodo" text-shadow hack */ #new-categories p a, #new-channel-splash .description h3, #new-channel-splash .description h4, #new-subcategories ul, #new-contests-archive ul, .new-squire-box h4, .all-video p, #new-themes ul, #new-path, #new-articles-menu a, #new-article h3, .new-article-content {text-shadow:rgba(0,0,0,0.01) 0 0 0;} /* @end */ /* @group forms */ /* @group from css.css */ button.change span {display: block; float: left; border: 0; width: 200px; height: 28px; font: bold 16px Arial, sans-serif !important; color: #757575 !important; text-align: left; text-decoration: underline; background-color: transparent;} .xbuts {margin-left: 125px; width: 200px;} .popup .both {padding: 0 0 5px;} /* @end */ /* @group form content.css */ form, input.text, textarea {margin: 0; border: 0; padding: 0; font: 14px Arial, sans-serif; color: #767676; background: #fff;} input.submit, button {margin: 0; border: 0; padding: 0; cursor: pointer; background: none;} select {position: relative; margin: 0; font: bold 11px Arial, sans-serif; color: #000;} /* @end */ /* @end */ /* @group videos */ .four .new-videos {padding-left: 4px; margin: 0 -20px -20px -4px; _margin-bottom: 0; *margin-bottom: 0;} .four .new-videos .new-video {margin: 0 20px 20px 0; width: 150px;} /* @group top video */ #new-top-video .box-inner {padding: 0 0 16px;} #new-top-video .column {width: 200px; margin-left: 30px; display: inline;} #new-top-video h3 {padding: 9px 17px 8px; font: 1.416em "Trebuchet MS", Arial, sans-serif; color: #363636; text-shadow: none;} /* @end */ /* @group video */ .new-videos .new-video {float: left; /*margin: 0 16px 16px 0;*/ margin: 0 18px 16px 0; word-wrap: break-word; overflow: hidden;} .new-videos .new-video .box-inner {padding: 15px; min-height: 235px;} .new-channel, .new-video {color: #cecece;} .columns .new-channel p, .new-video span, .new-videos .new-video div {color: #767676;} .columns .new-channel span, .new-channel i, .new-channel b, .new-video i, .new-video b, #new-video i, #new-video b, .channel-list i, .bubble i {font-style: normal; font-weight: normal; color: #ea5024;} .new-channel i, .new-video i, #new-video i, .channel-list i, .bubble i {padding-left: 15px; background: url(/img/new/icon-eye.png) no-repeat 0 50%;} /* views */ .new-channel b, .new-video b, #new-video b {margin: -2px 0 0; padding-top: 2px; padding-left: 19px; background: url(/img/new/icon-star.png) no-repeat;} /* stars */ #new-video b {background-image: url(/img/new/icon-star-black.png);} #new-video u, .new-topic-info u, .new-video u {padding-left: 17px; background: url(/img/new/icon-user.png) no-repeat 0 50%; *background-position: 0 3px; _background-position: 0 3px; /*_white-space: nowrap;*/ zoom: 1;} /* user */ .new-video u a, .new-topic-info u a {color: #ea5024;} .new-channel h4, .new-video h4 {margin: 5px 0 0; font: bold 1.25em Arial, sans-serif;} .new-channel h4 a, .new-video h4 a {color: #3a3a3a; font-weight: bold;} .new-channel p, .new-videos .new-video p, .new-videos .new-video div, .new-video .box-inner div, .new-video .add2playlist {margin: 0 0 2px; padding-bottom: 0; font-size: 0.916em;} .new-videos .new-video .box-top, .new-videos .new-video .box-bot, .new-videos .new-video .box-mid {margin: 0;} .new-video-list .new-video .date {color: #ea5024;} /* @group add to playlist */ .add2playlist {min-height: 16px; _height: 16px; *height: 16px; padding-left: 26px; background: url(/img/new/playlist-add.png) no-repeat;} #new-video .add2playlist {display: block; float: left; margin: 0.5em 0 0; padding-left: 20px; background: url(/img/new/playlist-add2.png) no-repeat;} .new-video .add2playlist {display: block; margin: 4px 0 0 -4px;} #new-video .rss {display: block; float: left; margin: 0.5em 0 0 10px; min-height: 16px; _height: 16px; *height: 16px; padding-left: 16px; background: url(/img/rss.gif) no-repeat 0 60%;} /* @end */ /* @end */ /* @end */ /* @group backgrounds */ .new-body .body-bg-top {position: relative; overflow: hidden; width: 100%; background: none;} /*.new-body .body-bg-bot {background: url(/img/new/bg-bot.png) repeat-x 0 100%;}*/ /* @end */ /* @group rating */ /* 26.02.2008 */ .new-rating {font: 10px/15px "Trebuchet MS", Arial, sans-serif; overflow: hidden;} /* @group rating scale */ .new-rating-scale {float: left; background: #777; margin-right: 4px;} .new-rating-scale, .new-rating-scale * {display: block; overflow: hidden; width: 76px; height: 15px; font: 0/0 none;} .new-rating-scale .scale {float: right; padding-left: 16px; background: #ea5024;} .new-rating-scale .mask { float: left; position: relative; top: -15px; background: url(/img/new/rating.png); _position: static; _margin-top: -15px; } /* @end */ /* @group rating in video list */ .new-body .new-video .new-rating {display: block; margin: 7px -15px 0 0;} .new-body .new-video .new-rating b, .new-body #new-video .new-rating b {padding: 0; color: #ea5024; background: none;} .new-body .new-video .new-rating i {color: #767676;} /* @end */ /* @group rating in channel player */ #new-video .new-rating, #new-video .new-rating-scale, #new-video .new-rating-scale * {display: inline-table; display: inline-block;} .new-body #new-video .new-rating {margin: -2px 0 0 5px;} html:not([lang*=""]) .new-body #new-video .new-rating {margin-bottom: -3px;} /* Gecko + WebKit */ body:first-of-type .new-body #new-video .new-rating {margin-bottom: 0;} /* WebKit */ /* @group rating scale */ #new-video .new-rating-scale .mask {background: url(/img/new/rating-blackbg.png);} /* @end */ /* @end */ /* @end */ /* @group columns */ .column {float: left;} .columns br {clear: both;} .column br {clear: none;} .two .column {width: 50%;} .three .column {width: 33.3%;} .four .column {width: 25%;} .five .column {width: 20%;} /* @end */ /* @group image replacement */ #new-logo a, #new-search button, #search_name-outer button, #new-channel-splash .description .button {overflow: hidden; text-indent: -999em;} /* @end */ /* @group container */ .new-container {position: relative; margin: 0 auto; width: 978px;} .new-ok {overflow: hidden;} /* @group header */ #new-header {position: relative; margin: 0 0 0 250px; padding: 0 0 26px; width: 728px; height: 73px; background: url(/img/new/bg-header.png) no-repeat;} /* .new-has-submenu {margin-bottom: 57px !important;} */ .new-has-submenu #new-header {padding-bottom: 57px;} #new-header a {color: #fff;} #new-logo a {position: absolute; top: 12px; left: 33px; display: block; width: 153px; height: 74px; background: url(/img/new/logo.png);} /* #new-logo a {position: absolute; top: 10px; left: 33px; display: block; width: 153px; height: 84px; background: url(/img/new/logo-perm.png);} */ /* #new-logo a {position: absolute; top: 0; left: 0; display: block; width: 240px; height: 99px; background: url(/img/new/logo-ny.png);} */ /* @group channel logo */ #new-channel-logo {position: absolute; top: 0; left: 0;} #new-channel-logo div, #new-channel-logo a { display: table-cell !important; display: block; overflow: hidden; width: 246px; height: 99px; line-height: 99px; text-align: center; vertical-align: middle; text-decoration: none; } .new-body #new-channel-logo i {_display: inline-block; _height: 75px;} #new-channel-logo img {vertical-align: middle;} /* @end */ #new-logo-small {position: absolute; top: 5px; left: 21px;} /* @group user bar */ .new-userbar {position: absolute; top: 0; right: 0; z-index: 99; padding: 0 12px; line-height: 30px; color: #efe6c0;} .new-userbar img {vertical-align: middle; _margin-top: 3px; *margin-top: 3px;} .new-userbar u img {border: 1px solid #cdcdcd; margin: -3px 4px 0 0; _margin-top: 2px;} html>/**/body #dropdown-link img, html>/**/body #dropdown img {margin-top: -2px;} /* @group drop down menu */ .magic {text-decoration: none !important; background: url(/img/new/dotted.png) repeat-x 1px 1em; color: #fff !important; _background-position: 1px 1.1em; *background-position: 1px 1.1em;} #fixed-width {display: inline-table; display: inline-block; width: 104px;} #dropdown {display: none; position: absolute; z-index: 99; top: 2px; right: 1px; width: 112px; _width: 111px; padding: 4px 3px 5px 8px; background: #4d4d4e; line-height: 1.5em; _top: 3px;} #dropdown .magic {background: none;} #dropdown li {margin: 3px 0 0;} /* @end */ /* @end */ /* @group search */ #new-search {position: absolute; top: 40px; right: 14px; width: 216px; height: 24px; background: url(/img/new/bg-search.png) no-repeat;} #new-search, #new-search * {overflow: visible;} #new-search input {padding: 5px 38px 5px 6px; width: 172px; height: 14px; background: none;} #new-search button {position: absolute; top: 0; right: 0; width: 32px; height: 24px; background: none;} /* @end */ .new-userbar s, .new-menu s, .new-submenu s, #new-path s, .new-topic-info s, .new-comment s {margin: 0 0.65em; text-decoration: none;} .new-submenu s {margin: 0 0.25em;} .new-submenu b s {margin: 0 0.1em;} #new-path s {margin: 0 0.325em;} #new-video u, .new-video u, .new-userbar u {text-decoration: none;} /* @group menu */ #new-header .new-menu {position: absolute; top: 31px; left: 0; padding: 9px 4px 0 11px;} #new-header .new-menu li {position: relative; float: left; font: 1.5em "Trebuchet MS", Arial, sans-serif;} #new-header .new-menu li {padding: 0 0 0 11px; z-index: 0;} #new-header .new-menu li.new {z-index: 1;} #new-header .new-menu li span {height: 33px; padding: 0 11px 0 0;} #new-header .new-menu li a {position: relative; z-index: 1;} #new-header .new-menu li i { position: absolute; top: -5px; right: -5px; z-index: 0; overflow: hidden; text-indent: -999em; width: 24px; height: 18px; background: url(/img/new/header-menu-new.png); } /* @group active item */ #new-header .new-menu li.active, #new-header .new-menu li.active span {background: url(/img/new/fold2.png) no-repeat;} /*.new-has-submenu .new-menu li.active, .new-has-submenu .new-menu li.active span {background-image: url(/img/new/fold.png) !important;}*/ #new-header .new-menu li.active span { display: block; background-position: 100% 0; _display: inline-block; } #new-header .new-menu li.active a {text-decoration: none;} /* @end */ /* @end */ /* @group submenu */ #new-header .new-submenu { position: absolute; top: 67px; right: 0; padding: 5px 15px 0; width: 692px; height: 33px; line-height: 32px; background: url(/img/new/bg-submenu.png); color: #a2a0a0; _background: url(/img/new/bg-submenu2.png); } #new-header .new-submenu b {color: #fff;} #new-header .new-submenu span a {color: #e9491f;} /* @end */ /* @end */ /* @group splash */ #new-splash {margin: 0 0 26px;} /* @end */ /* @group content */ #new-content { position: relative; overflow: hidden; margin: -1.95em 0 0 250px; width: 728px; _float: right; _margin-left: 0; _overflow: hidden; } #new-middle { position: relative; overflow: hidden; margin: 0 0 20px; width: 978px; z-index: 0; zoom: 1; } #new-middle #new-content h2 {clear: both; margin: 0.95em 0 0.5em; padding-left: 21px; background: url(/img/new/title-lines.png) no-repeat 0 40%; zoom: 1;} /* @end */ /* @group error */ #error-outer {font: 12px "Trebuchet MS", Arial, sans-serif; color: #767676;} #error-outer h2 {font-size: 35px; color: #9fa08d;} #error-outer h3 {width: auto; font-size: 15px; color: #999;} #error-outer .line {overflow: hidden; margin: 1em 0 2em; height: 8px; background: url(/img/new/line-striped.png);} #error-outer ul {zoom: 1; font-size: 18px;} #error-outer li {position: relative; z-index: 1; padding-left: 17px; background: url(/img/new/bul4.png) no-repeat 0 7px; _background-position: 0 4px;} #error {position: relative; z-index: 0; margin: -30px 0 69px 237px; width: 545px; height: 280px; background: url(/img/new/error-bubble.png);} #error h4 {position: absolute; top: 115px; left: 0; width: 160px; height: 164px; color: #fff; font: 65px/164px "Trebuchet MS", Arial, sans-serif; text-align: center;} #error blockquote {position: absolute; top: 45px; left: 320px; width: 180px; font: 20px/1.45em "Trebuchet MS", Arial, sans-serif; color: #9fa08d;} /* @end */ /* @group user photos page */ #fullright, #pt0, #scontent {position: relative; z-index: 2;} #new-photos {position: relative;} /* @group bubble */ #new-photos-bubble {display: none; position: absolute; top: 0; left: 0; z-index: 99; width: 131px;} #new-photos-bubble div {padding: 3px 8px; border: solid #b7b7b7; border-width: 0 1px; background: white; word-wrap: break-word; zoom: 1;} #new-photos-bubble u { display: block; width: 100%; height: 5px; background: url(/img/png24/sliderPopup-top.png); font: 0/0 none; } #new-photos-bubble b { display: block; width: 100%; height: 16px; background: url(/img/png24/sliderPopup-btm.png); font: 0/0 none; } #new-photos-bubble * {margin: 0; padding: 0; font-size: 1em; line-height: 1em;} #new-photos-bubble h5 {margin: 0 0 6px; font-size: 11px; color: #000;} /* @end */ /* @group row */ .new-photos-row {overflow: hidden; height: 112px;} .new-photos-row br {clear: both;} /* @group photo */ .new-photos-row a {position: relative; float: left; overflow: hidden; margin: 0 6px 5px 0; width: 71px; max-height: 107px;} .new-photos-row u, .new-photos-row b {position: absolute; width: 100%; left: 0;} .new-photos-row u { top: 0; height: 150px; background: url(/img/png24/frame71_top.png); font: 0/0 none; } /* up */ .new-photos-row b { bottom: 0; height: 5px; background: url(/img/png24/frame71_btm.png); font: 0/0 none; } /* bottom */ /* @end */ /* @end */ /* @end */ /* @group footer */ #new-footer {overflow: hidden; clear: both; padding: 17px; width: 944px; /*height: 165px;*/ background: /*#4d4e4f*/ url(/img/new/bg-footer2.png);} #new-footer, #new-footer a {color: #fff;} /* @group rss */ #new-footer .rss {margin: 10px 0 0;} #new-footer .rss img {vertical-align: middle;} /* @end */ /* @group copyright */ #new-copyright {float: left; width: 310px;} #new-copyright p {margin: 1em 0 0; font-size: 0.833em;} #new-copyright ul {margin: 2em 0 0;} #new-copyright ul a {font-weight: bold; color: #fa6918;} /* @end */ #new-footer .columns {float: right; margin: 17px 0 0; width: 633px;} #new-footer .columns ul {margin: 0.35em 0 0; border-top: 3px solid #78797a; padding: 1em 0 0;} #new-footer .columns ul li {margin: 0 0 0.25em;} /* @group counters */ .new-counters {overflow: hidden; position: relative; height: 0;} .new-visible-counters { float: left; clear: both; position: relative; margin: -35px 0 0; _float: none; *float: none; _margin: -31px 0 0; *margin: -31px 0 0; width: 300px; } /* @end */ /* @end */ /* @end */ /* @group partners */ .new-partner {overflow: hidden; margin: 0 0 20px; zoom: 1;} .new-partner .logo {float: left; width: 200px; text-align: center;} .new-partner .text {margin-left: 200px;} .new-partner .name {margin: 0; font-size: 16px; font-weight: bold;} /* @end */ /* @group articles */ /* @group articles menu */ #new-articles-menu .box-inner {padding: 6px 16px 9px; font: 14px "Trebuchet MS", Arial, sans-serif;} #new-articles-menu ul {overflow: hidden; color: #505050; zoom: 1;} /* @group first level */ #new-articles-menu li {margin: -1px 0 0; border-top: 1px dotted #d1d4d4; padding: 15px 0 15px 17px; background: url(/img/new/bul.png) no-repeat 0 23px; zoom: 1;} #new-articles-menu h4 {font: 20px "Trebuchet MS", Arial, sans-serif;} #new-articles-menu h4 a {color: #505050; text-decoration: none;} /* @end */ /* @group second level */ #new-articles-menu li ul {margin: 4px 0 -3px;} #new-articles-menu li li {margin: 0; border: none; padding: 5px 0 6px 15px; background: url(/img/new/bul5.png) no-repeat 0 12px;} /* @end */ /* @end */ /* @end */ /* @group folds on index */ #folds-on-index h3 {margin-left: -30px; padding-left: 30px; font: 25px "Trebuchet MS", Arial, sans-serif; color: #363636; background: url(/img/new/bg-title-gradient.png) repeat-y;} #folds-on-index h3 span {display: block; padding-left: 20px; background: url(/img/new/title-lines.png) no-repeat 0 50%;} #folds-on-index h3 strong {font-weight: normal; color: #e9491f;} #folds-on-index h4 {/*margin: 0 0 10px;*/ font: 17px "Trebuchet MS", Arial, sans-serif; color: #9fa08d;} #folds-on-index h4 span {color: #e03922;} #folds-on-index .column {overflow: hidden;} /* @group block */ #folds-on-index .block {margin-left: -30px; padding: 0 0 20px 30px; zoom: 1;} #folds-on-index .block h3 {margin-bottom: 18px;} #folds-on-index .block .more {text-align: right;} #folds-on-index .block .more a {font: bold 15px "Trebuchet MS", Arial, sans-serif; color: #3a3a3a;} /* @end */ /* @group show new videos */ .show-new-video {float: right; margin: 6px 0; font: bold 15px 'Trebuchet MS', Arial, sans-serif;} .show-new-video a {color: #3a3a3a;} /* @end */ /* @group author of the day */ #new-author-of-the-day .author {overflow: hidden; margin: 0 0 12px; font: 13px "Trebuchet MS", Arial, sans-serif; color: #767676;} #new-author-of-the-day .avatar {float: left;} #new-author-of-the-day .author h4 {font: bold 18px "Trebuchet MS", Arial, sans-serif;} #new-author-of-the-day .author h4, #new-author-of-the-day .author p {margin-left: 58px;} /* @end */ /* @group authors online */ .new-authors-online .box-inner {overflow: hidden; padding: 17px;} .new-authors-online ul, #new-authors-online ul {overflow: hidden; font: 12px "Trebuchet MS", Arial, sans-serif;} .new-authors-online li, #new-authors-online li {float: left; width: 109px; height: 90px; overflow: hidden;} .new-authors-online .avatar, #new-authors-online .avatar {margin-bottom: 3px;} .new-authors-online .more, #new-authors-online .more {margin: -12px 0 0;} /* @end */ /* @group video recommend */ #folds-on-index #new-video-recommend {padding-bottom: 0;} #new-video-recommend .author {margin: 0 0 8px;} #new-video-recommend .author i {padding: 0; background: none;} #new-video-recommend .author h4 {margin: 0 0 0 60px;} #new-video-recommend .author h4 a {font: bold 15px/44px "Trebuchet MS", Arial, sans-serif; color: #ea5024;} #new-video-recommend .more {margin: 20px 0 0;} /* @end */ /* @end */ /* @group authors */ /* xx.04.2009 */ /* @group leftside */ #new-leftside .line {margin: 5px 0 13px; border-top: 1px solid #f8f9f1; border-bottom: 1px solid #d7daca;} /* @group new author of the day */ #new-author-of-the-day2 .avatar {margin: 0 0 13px; text-align: center;} #new-author-of-the-day2 .avatar img {border: 0 solid #d2d3ca; border-width: 5px 4px;} #new-author-of-the-day2 p {font: bold 15px "Trebuchet MS", Arial, sans-serif; color: #505050;} #new-author-of-the-day2 p strong {color: #ea5024;} /* @end */ /* @group author search */ #new-author-search .box-bot {font: 13px "Trebuchet MS", Arial, sans-serif; color: #767676;} #new-author-search h4 {font-size: 15px;} /* @group name field */ #search_name-outer {margin-right: -50px;} #search_name-outer, #search_name-outer div {position: relative; width: 209px; height: 24px; background: #eaebeb url(/img/new/bg-search2.png);} #search_name-outer div {margin: 0 0 0 5px; width: 204px; background-position: 100%;} #search_name-outer input {position: absolute; top: 0; left: 0; margin: 0; padding: 5px 0 6px 5px; width: 204px; height: 13px; background: transparent;} #search_name-outer button {position: absolute; top: 0; right: 0; width: 32px; height: 24px; background: none;} /* @end */ #new-author-search p a {padding-left: 20px; background: url(/img/new/ico-plus.png) no-repeat 0 4px; text-decoration: none;} #new-author-search p a {padding-left: 20px; background: url(/img/new/ico-plus.png) no-repeat 0 4px; text-decoration: none;} #new-author-search p a.m {background-image: url(/img/new/ico-minus.png);} #new-author-search p {padding: 1em 0 0;} #new-author-search .fieldsets-outer {margin: 13px 0 0; border-top: 1px dashed #d1d4d4;} #new-author-search fieldset p {padding: 0.5em 0 0 20px;} #new-author-search fieldset ul {overflow: hidden; width: 100%; font-size: 12px;} #new-author-search fieldset li {margin: -14px 0 0; padding: 14px 0 0 20px; background: url(/img/new/levels.png) no-repeat 4px;} #new-author-search fieldset li label {display: block;} #new-author-search input {margin: 0; vertical-align: middle;} #new-author-search .age {float: none; width: 40px; margin-right: 0.5em;} #new-author-search .checkbox {margin-right: 3px;} #new-author-search #etc {padding-bottom: 3px;} #new-author-search #etc input {height: 18px; border: 1px solid #5c5c5c;} /* @group button */ #new-author-search .button-outer {margin: 14px -14px -4px; padding: 10px 14px 0; border-top: 1px solid #aaa; background: #cecece;} #new-author-search .button { position: relative; display: block; width: 104px; height: 21px; background: url(/img/new/button-find-author.png); text-indent: -100em; } /* @end */ /* @end */ /* @group authors online */ #new-leftside .new-authors-online li {width: 68px;} #new-leftside .new-authors-online p a {font: bold 15px "Trebuchet MS", Arial, sans-serif;} #new-content .new-authors-online ul {margin-right: -17px;} .new-authors-online li {width: 79px;} /* @end */ /* @end */ /* @group best videos */ #best-videos {*margin-bottom: 0; zoom: 1;} #best-videos .new-video .box-inner {min-height: 303px; _height: 303px;} #best-videos h3 {margin: -3px 0 10px; font: 17px "Trebuchet MS", Arial, sans-serif; color: #9fa08d;} #best-videos h3 span {color: #e03922;} #best-videos .vcard {margin: 13px 0 0;} #best-videos .vcard .avatar {float: left; position: relative; border: 2px solid #cfcfbe; text-decoration: none;} #best-videos .vcard .avatar i {position: absolute; top: 0; left: 0; padding: 0;} #best-videos .vcard .avatar img {display: block;} #best-videos .vcard p {margin-left: 56px; font: 10px "Trebuchet MS", Arial, sans-serif;} #best-videos .vcard p strong {color: #ea5024;} #best-videos .vcard .nickname {font: bold 13px "Trebuchet MS", Arial, sans-serif;} /* @group tendency visual */ .up, .down {padding-right: 10px; background: url(/img/new/rate-up.png) no-repeat 100% 50%;} .down {background-image: url(/img/new/rate-down.png);} #top-authors .up, #top-authors .down {padding-right: 16px;} #top-authors .up {background-image: url(/img/new/rate-up2.png);} #top-authors .down {background-image: url(/img/new/rate-down2.png);} /* @end */ /* @end */ /* @group become popular */ #new-become-popular {margin-top: 18px;} #new-become-popular .box-inner {padding: 19px 29px; font: 13px "Trebuchet MS", Arial, sans-serif; color: #636363;} #top-authors h3, #new-become-popular h3 {font: 17px "Trebuchet MS", Arial, sans-serif; color: #db3822;} #top-authors p.total {margin: 0 0 20px; font: 11px "Trebuchet MS", Arial, sans-serif; color: #636363;} #new-become-popular h4 {color: #8d8f7b;} /* @end */ /* @group top-authors */ #users-activity .top .pager, #top-authors .top .pager {margin-bottom: 1em;} #users-activity .bot .pager, #top-authors .bot .pager {margin-top: 1em;} #top-authors table {/*border-collapse: collapse;*/ margin: 0 -30px; border-spacing: 0; border: dashed #e7e7e1; border-width: 1px 0; width: 726px; font: 13px "Trebuchet MS", Arial, sans-serif; color: #636363;} #top-authors table td {padding: 5px 0; border: dashed #e7e7e1; border-width: 1px 0;} #top-authors table .stripe td {background: #e9e9e3; border-style: solid; border-color: white;} #top-authors table .first td {border-top: 0; padding: 14px 0;} #top-authors table tr .first {padding-left: 26px;} #top-authors table tr .number {padding-left: 8px; width: 47px; text-align: center;} #top-authors table .first .number strong {display: block; margin-left: 7px; width: 33px; height: 33px; line-height: 33px; background: url(/img/new/bg-top-author-number.png); color: #f2f2f2;} #top-authors table .vcard {overflow: hidden; font: 17px "Trebuchet MS", Arial, sans-serif;} #top-authors table .vcard .avatar {float: left; border: 2px solid #cfcfbe; text-decoration: none;} #top-authors table .vcard .avatar img {display: block;} #top-authors table .vcard p {margin: 8px 0 0 59px;} #top-authors table .vcard p .date {font-size: 11px;} #top-authors table strong {font-size: 17px;} #top-authors table .number strong {color: #363636;} #top-authors table .video strong {color: #9fa08d;} #top-authors table .rating strong {color: #de3822;} #top-authors table .actions a {display: block; margin-bottom: 5px;} #top-authors table .actions a i {display: block; float: left; margin-top: 3px; margin-right: 10px; width: 28px; height: 12px; background: url(/img/new/icons-autor-actons.png); font: 0/0 none;} #top-authors table .actions a.write-message i {background-position: 0 0;} #top-authors table .actions a.write-message i {background-position: 0 12px;} .new-authors-online .all, #top-authors .all, #top-videos .all {font: bold 15px "Trebuchet MS", Arial, sans-serif;} #top-authors .all, #top-videos .all {margin: 10px 0 -8px;} /* @end */ /* @group users activity */ #users-activity {margin: 0 0 30px;} #users-activity .box-inner {padding: 18px 28px; font: 11px "Trebuchet MS", Arial, sans-serif;} #users-activity h3 {margin: 0 0 13px; font: 17px "Trebuchet MS", Arial, sans-serif; color: #9fa08d;} #users-activity ul {margin: 0 0 19px;} #users-activity li {overflow: hidden; padding: 0 0 9px;} #users-activity .sort li {padding: 0; font-size: 12px;} #users-activity img {vertical-align: middle; margin-top: -2px;} #users-activity .avatar {margin: 0 0.4em; vertical-align: middle; margin-bottom: 4px;} #users-activity .avatar img {vertical-align: none; margin-top: 0;} #users-activity .date {color: #636363;} #users-activity s {margin: 0 0.4em; text-decoration: none; color: #8d8f7b;} #users-activity p {font: bold 15px "Trebuchet MS", Arial, sans-serif;} .tooltip-content {display: none;} .tooltip-photo, .tooltip-video, .tooltip-text {padding: 4px 6px; border: 1px solid #d1d0bd; background: white;} .tooltip-text {width: 250px;} .tooltip-image {width: auto; padding: 6px;} .tooltip-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* @end */ /* @end */ /* @group pager */ .pager {clear: both; padding: 0; width: auto; text-align: center; font: 16px/1em Arial, sans-serif; zoom: 1;} .top .pager {margin: 0 0 28px;} .bot .pager {*position: relative; margin: 28px 0 0;} .pager .rwfw_na, .pager .ancer {display: auto; vertical-align: middle; padding: 3px 6px; text-decoration: none; color: #757575; line-height: auto;} .pager .rwfw_na {background: #757575;} .pager .rwfw_na {color: #fff;} .pager .ellipsis {background: none; color: #757575; font-weight: normal;} .pager .l, .pager .r {display: inline-table; overflow: hidden; position: static; top: -1px; padding: 0; width: 20px; height: 20px; vertical-align: middle; background: url(/img/pager-arrows2.png) 0 0; zoom: 1;} /* ---8<--- (see ff.css) 24.02.2009 */ .pager .r, .pager .r_hover {background-position: 20px 0;} /* disabled */ .l .l, .l .l_hover {background-position: 0 20px;} .r .r, .r .r_hover {background-position: 20px 20px;} /* @group image replacement */ .pager .l, .pager .r { position: static; text-indent: -100em; zoom: 1; _padding-top: 20px; _height: 0; _text-indent: 0; *padding-top: 20px; *height: 0; *text-indent: 0; } /* @end */ /* @end */ /* @group loader */ /* 01.11.2008 */ #loader {padding: 100px 0; text-align: center;} #loader p {margin: 0 auto; padding: 0; width: 72px; height: 72px;} #loader img {margin: 10px 0 0;} /* @end */ /* @group popups */ /* @group from css.css */ button.change {font: bold 20px Arial, sans-serif; color: #f2662f; text-decoration: underline; height: 32px; text-align: left; display: block; float: left; background-color: transparent; border: 0;} #shadow {width: 100%; height: expressn(document.documentElement.scrollHeight); display: none; position: absolute; top: 0; left: 0; z-index: 3; background: url(/img/png24/shadow.png) repeat 0 0;} .popup .bg-top {overflow: hidden; width: 480px; height: 10px; font-size: 1px; background: url(/img/png24/login-top.png) no-repeat;} .popup .bg-btm {width: 488px; height: 45px; background: url(/img/png24/login-btm.png) no-repeat;} .popup .bg-cnt {position: relative; overflow: hidden; padding: 13px 0 0 18px; width: 462px; /*height: 232px;*/ background: #e4e7e8 url(/img/login-cnt.png) repeat-x 0 0;} .popup .close {position: absolute; top: 0; right: 10px; font-size: 1px;} .popup .close img {display: block;} /* @group login popup */ #login-popup form {zoom: 1;} #login-popup p.title {padding: 0 0 0 10px; margin: 0 0 15px; font-size: 25px; line-height: 25px; font-weight: bold; color: #5d5e5e;} #login-popup label {padding: 0 0 0 10px; margin: 0 0 3px; display: block; font-size: 15px; color: #5b5c5c;} #login-popup div.text {width: 427px; height: 18px; padding: 8px 25px 8px 10px; margin: 0 0 2px; overflow: hidden; font-size: 15px; color: #5b5c5c; background: #fff url(/img/login-text.png) no-repeat;} #login-popup button {width: 85px; height: 30px; padding: 0 10px; display: block; float: left; margin: 2px 0 0;} #login-popup button span {font: bold 21px Arial, sans-serif; color: #5d5e5e; text-decoration: underline;} #login-popup .links {height: 19px; padding: 0 23px 0 0; margin: 0; float: right; position: relative; top: 12px; overflow: hidden; font-size: 16px; color: #5c5e5e;} #login-popup .links span {padding: 0 10px; display: block; float: left;} #login-popup .links a.forgot {height: 17px; border-bottom: 1px dashed #5c5e5e; display: block; float: left; color: #5c5e5e; text-decoration: none;} #login-popup .links a.reg {height: 17px; border-bottom: 1px solid #f3732f; display: block; float: left; color: #f3732f; text-decoration: none;} #login-popup .links a.forgot_hover {color: #5c5e5e !important;} #login-popup .links a_hover {border-color: #e0e3e4;} /* @end */ /* @group embed popup */ #embed-popup {display: none; font-size: 21px; font-weight: bold;} #embed-popup .nav {width: 100%; margin: 0; position: relative; top: -10px; z-index: 2; overflow: hidden;} #embed-popup .close {z-index: 3;} #embed-popup .nav li {padding: 0; float: left; background: none;} #embed-popup .nav li div {padding: 13px 15px 7px 15px;} #embed-popup .nav li a {display: block; color: #b1b8b6; text-decoration: none;} #embed-popup .nav li.active {background: #fff url(/img/embed-li-active.png) no-repeat 100% 0;} #embed-popup .nav li.active div {background: url(/img/embed-li-div-active.png) no-repeat;} #embed-popup .nav li.active a {color: #666;} #embed-popup .nav li.active a_hover {color: #666 !important; cursor: default !important;} #embed-popup .white {width: 440px; height: 172px; padding: 12px 12px; position: relative; display: none; top: -12px; left: -10px; z-index: 1; background: #fff url(/img/white.png) no-repeat;} #embed-popup div.text {height: 18px; padding: 4px 5px 2px; overflow: hidden; float: left;} #embed-popup label {padding: 4px 0 0; font: 14px Arial, sans-serif; color: #666; display: block; float: left;} #embed-popup label a_hover {border-color: #fff; color: #666 !important;} #embed-popup .textarea {width: 292px; height: 40px; padding: 2px 4px; float: left; display: block; font: 14px Arial, sans-serif; color: #666; background: #fff url(/img/embed-textarea.png) no-repeat;} #embed-popup textarea {width: 290px; height: 36px; padding: 0; border: none; display: block; overflow-y: auto; font: 14px Arial, sans-serif; color: #666; background: none;} #embed-popup button {padding: 0; margin: 0; display: block;} #embed-popup button span {font: bold 21px Arial, sans-serif; color: #5d5e5e; text-decoration: underline;} /* @end */ /* @group mypop */ .mypop .bg-cnt {overflow-y: visible !important;} .mypop .title {margin: 0 0 15px; font-size: 25px; line-height: 25px; font-weight: bold; color: #666;} .mypop .avatar {width: 63px; float: left;} .mypop form {width: 430px; padding-top: 5px; float: left;} .mypop label {padding-bottom: 1px; display: block; color: #666;} .mypop div.text {width: 359px; height: 20px; padding: 2px 5px 2px; overflow: hidden; float: left; background: url(/img/send-text369.png) no-repeat;} .mypop div.text input.text {width: 353px;} .mypop .textarea {width: 359px; height: 50px; padding: 2px 5px 2px; float: left; display: block; font: 14px Arial, sans-serif; color: #666; background: #fff url(/img/send-textarea2.png) no-repeat;} .mypop textarea {width: 359px; height: 50px; padding: 0; border: none; display: block; overflow-y: auto; font: 14px Arial, sans-serif; color: #666; background: none; resize: none;} .mypop button {width: 90px; padding: 0; margin: -8px 0 0; display: block; float: right;} .mypop button span {font: bold 16px Arial, sans-serif; color: #5d5e5e; text-decoration: underline;} /* @end */ /* @end */ .popup input.text {display: block; float: left; margin: 0; padding: 0 3px; width: 359px; height: 20px; *padding-top: 2px; *height: 18px; _padding-top: 2px; _height: 18px;} #login-popup div.text {margin: 0; padding: 7px 23px 7px 7px; width: auto; height: 20px;} #login-popup input.text {width: 426px;} #popup-send div.text {margin: 0; padding: 2px; width: 365px; height: 20px;} /* @group workers */ #popup-send p.title {padding: 0; margin: 0 0 0; font-size: 25px; line-height: 25px; font-weight: bold; color: #5d5e5e;} #popup-send div.text {padding: 2px; width: 365px; height: 20px; background-image: url(/img/new/textarea369-24.png);} #popup-send input.text {float: left; margin: 0; padding: 2px; width: 361px; height: 16px;} #popup-send div.textarea {padding: 2px; width: 365px; height: 110px; background-image: url(/img/new/textarea369-114.png);} #popup-send textarea {float: left; margin: 0; padding: 2px; width: 361px; height: 106px; resize: none;} /* @end */ /* @group edit */ .popup-edit p.title {padding: 0; margin: 0 0 10px; font-size: 25px; line-height: 25px; font-weight: bold; color: #5d5e5e;} .popup-edit div.text {padding: 2px; width: 365px; height: 20px; background-image: url(/img/new/textarea369-24.png);} .popup-edit input.text {float: left; margin: 0; padding: 2px; width: 361px; height: 16px;} .popup-edit div.textarea {padding: 2px; width: 365px; height: 110px; background-image: url(/img/new/textarea369-114.png);} .popup-edit textarea {float: left; margin: 0; padding: 2px; width: 361px; height: 106px; resize: none;} .popup-edit form {margin-left: 37px; width: 369px;} /* @end */ .popup { display: none; margin: -150px 0 0 -236px; width: 488px; position: fixed; top: 50%; left: 50%; z-index: 5; _position: absolute; } #shadow { position: fixed; top: 0; left: 0; z-index: 4; display: none; width: 100%; height: 100%; background: url(/img/png24/shadow.png); _position: absolute; _top: expressn(eval(document.body.scrollTop) +'px'); } body.popup-show {_overflow: hidden; _position: relative;} /*#frm {font-size: 0;} body.popup-show #frm {font-size: 12px;}*/ /* @end */ /* @end */ /* @group No flash */ /* 30.01.2009 */ #no-flash {width: 640px; height: 506px; background: url(/img/new/no-flash-640x451.jpg);} #no-flash div {padding: 180px 20px 0 260px;} #no-flash, #no-flash * {font: 14px Arial, sans-serif; color: #fff;} #no-flash h4, #no-flash p {margin: 0 0 0.5em;} #no-flash h4 {font: bold 19px "Trebuchet MS", Arial, sans-serif;} /* @end */ /* @group avatars */ /* @group avatars in topics (23x23px) */ #new-topics .avatar {/*overflow: hidden;*/ width: 23px; height: 23px; text-decoration: none; font: 0/0 none;} #new-topics .avatar * {display: block; display: inline-block; vertical-align: top;} #new-topics .avatar i {margin-left: -23px; width: 23px; height: 23px;} #new-topics .avatar b {margin: 2px 0 0 -1px; width: 25px; height: 6px; background: url(/img/new/icon-jury.png);} #new-topics[id=NEW-TOPICS] .avatar b {margin-top: -21px;} /* Firefox 2- */ #new-topics .online {padding: 0;} #new-topics .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in profile (46x46px) */ ul.avatars li img {border: none;} ul.avatars .avatar, ul.avatars .avatar img {overflow: hidden; width: 46px; height: 46px; text-decoration: none;} ul.avatars .avatar img {background: white url(/img/avatars/list.png); color: transparent; font: 0/0 none;} #profile ul.avatars .avatar {display: block;} ul.avatars .avatar * {display: block; display: inline-block; vertical-align: top;} ul.avatars .avatar i {margin-left: -46px; width: 46px; height:46px;} ul.avatars .online {padding: 0;} ul.avatars .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ .video-item .mysweetuser .avatar, .people .avatar {float: left;} /* @group avatars in video item (46x46px) */ .video-item .mysweetuser .avatar {display: block; padding: 0;} .video-item .mysweetuser p {padding-top: 15px; margin-top: 0 !important;} .video-item .avatar, .video-item .avatar img {overflow: hidden; width: 46px; height: 46px; text-decoration: none;} .video-item .avatar img {background: white url(/img/avatars/list.png); color: transparent;} body .video-item .avatar * {display: block; display: inline-block; vertical-align: top;} .video-item .avatar i {margin-left: -46px; width: 46px; height:46px;} .video-item .online {padding: 0;} .video-item .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in people list (46x46px) */ .peoples .badge .avatar {overflow: hidden; width: 46px; height: 46px; text-decoration: none; border: 1px solid #d8d8d8;} .peoples .badge .avatar img {border: none;} .peoples .badge .avatar * {display: block; display: inline-block; float: left;} .peoples .badge .avatar i {margin-left: -46px; width: 46px; height:46px;} .peoples .badge .online {padding: 0;} .peoples .badge .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in channel (44x44px) */ #new-video .avatar {display: block; float: right; overflow: hidden; width: 44px; height: 44px; text-decoration: none; border: 1px solid #393939;} #new-video .avatar img {border: none;} #new-video .avatar * {display: block; display: inline-block; float: right; border: none;} #new-video .avatar i {padding: 0; margin-right: -44px; width: 44px; height: 44px; background: none;} #new-video .online {padding: 0;} #new-video .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in contest video description (46x46px) */ .description .avatar {display: block; overflow: hidden; width: 46px; height: 46px; text-decoration: none;} .description .avatar * {display: block; display: inline-block; float: left; border: none;} .description .avatar i {padding: 0; margin-left: -46px; width: 46px; height: 46px;} .description .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group online in profile (46x46px) */ .about_2 li.avatar {display: none;} .about_2 li.online {display: block;} /* @end */ /* @group avatars in author of the day (46x46px) */ #new-author-of-the-day .avatar {display: block; overflow: hidden; width: 46px; height: 46px; text-decoration: none;} #new-author-of-the-day .avatar * {display: block; display: inline-block; float: left; border: none;} #new-author-of-the-day .avatar i {margin-left: -46px; border: 2px solid #ea5024; padding: 0; width: 42px; height: 42px;} #new-author-of-the-day .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in authors online (46x46px) */ .new-authors-online .avatar, #new-authors-online .avatar {display: block; overflow: hidden; width: 46px; height: 46px; text-decoration: none;} .new-authors-online .avatar *, #new-authors-online .avatar * {display: block; display: inline-block; float: left; border: none;} .new-authors-online .avatar i, #new-authors-online .avatar i {margin-left: -46px; border: 2px solid #cfd0be; padding: 0; width: 42px; height: 42px;} .new-authors-online .avatar i, #new-authors-online .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in video recommend (46x46px) */ #new-video-recommend .avatar {display: block; float: left; overflow: hidden; width: 46px; height: 46px; text-decoration: none;} #new-video-recommend .avatar * {display: block; display: inline-block; float: left; border: none;} #new-video-recommend .avatar i {margin-left: -46px; border: 2px solid #cfd0be; padding: 0; width: 42px; height: 42px;} #new-video-recommend .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars on index */ #best-videos .vcard .avatar {position: relative;} #best-videos .vcard .avatar i {position: absolute; top: 0; left: 0;} #top-authors table .vcard .avatar {position: relative;} #top-authors table .vcard .avatar i {position: absolute; top: 0; left: 0;} #top-authors table .vcard .avatar img {width: 46px; height: 46px; overflow: hidden;} /* @end */ /* @group avatars on contest video */ #new-contest table .author .avatar {display: block; overflow: hidden; width: 46px; height: 46px; text-decoration: none;} #new-contest table .author .avatar * {display: block; display: inline-block; float: left; border: none;} #new-contest table .author .avatar i {margin-left: -46px; border: 2px solid #cfd0be; padding: 0; width: 42px; height: 42px; background: none;} #new-contest table .author .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars on contest winner */ #new-winner .author .avatar {display: block; overflow: hidden; width: 46px; height: 46px; text-decoration: none;} #new-winner .author .avatar * {display: block; display: inline-block; float: left; border: none;} #new-winner .author .avatar i {margin-left: -46px; border: 2px solid #cfd0be; padding: 0; width: 42px; height: 42px;} #new-winner .author .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @group avatars in users activity */ #users-activity .avatar {display: block; display: inline-block; overflow: hidden; border: 1px solid #95987e; width: 25px; height: 25px; text-decoration: none;} #users-activity .avatar * {display: block; display: inline-block; float: left; border: none; width: 25px; height: 25px;} #users-activity .avatar i {margin-left: -25px; padding: 0; } #users-activity .online i {background: url(/img/online.png) no-repeat 100% 100%;} /* @end */ /* @end */ /* @group channel design edit */ #edit_disign {margin: 12px 0 0; color: #9aa19e; font-size: 13px;} #edit_disign h3, #edit_disign h4 {margin: 0; padding: 0; width: auto; height: auto; background: none; color: white;} #edit_disign h3 {margin: 0 0 0.5em; font: 22px "Trebuchet MS", Arial, sans-serif;} #edit_disign h4 {margin: 0 0 0.25em; font: 15px "Trebuchet MS", Arial, sans-serif;} #edit_disign .line {overflow: hidden; margin: 0 0 1.5em; height: 1px; background: white;} #edit_disign fieldset {overflow: visible; margin-bottom: 1.5em;} #edit_disign input, #clr_preview {border: 1px solid #ccc; padding: 3px; text-align: right; vertical-align: middle; font: 11px "Courier New", Courier, mono;} #clr_preview {border-left: 0;} #edit_disign button {overflow: visible; width: auto;} #edit_disign button img {vertical-align: middle;} #edit_disign small {font-size: 10px;} #edit_disign .ajax {text-decoration: none; border-bottom: 1px dotted #ea5024; color: #ea5024;} .colorpicker {z-index: 1; margin-left: -100px;} body .colorpicker_submit {top: 11px; left: 289px; width: 55px; background: url(/img/new/colorpicker_submit.png);} body .colorpicker_current_color {top: 11px; left: 281px; padding: 2px; background: #121212 !important;} body .regmessage .error .top, body .regmessage .error .btm {background: none;} .cols {overflow: hidden;} .col {float: left;} .two .col {width: 50%;} /* @end */ /* @group design backgrounds (layers) */ #new-bgs {position: static; width: 100%; font: 0/0 none;} #new-bgs * {position: absolute; z-index: 0; color: transparent; cursor: default;} /* @end */ /* @group jQuery tooltip */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } /* @end */ /* @group new submenu */ #new-header .new-submenu { position: absolute; top: 67px; right: 0; padding: 15px 0 0; width: 722px; height: 33px; font: bold 14px/32px "Trebuchet MS", Arial, sans-serif; background: none; color: #a6a6a6; } #new-header .new-submenu b {margin-right: 5px; color: #e03922;} #new-header .new-submenu a {color: #505050;} #new-header .new-submenu strong {/*margin: 0 6px;*/ padding: 0 8px 2px; color: white; background: #7b7b7b;} /* @end */ .new-folds-inner .four .columns {width: 680px;} .new-folds-inner .three .columns {width: 690px;} /* @group Edit tools */ .EditTool {display: none;} .EditTools a.EditTool {display: inline;} .EditTools div.EditTool, .EditTools p.EditTool {display: block;} /* @end */ /* @group SysAdm tools */ .SysAdmTool {display: none;} /* .SysAdmTool a.SysAdmTool {display: inline;} .SysAdmTool div.SysAdmTool, .SysAdmTool p.SysAdmTool {display: block;} */ /* @end */ /* @group add video */ /* @group passport upload (for contest) */ #passport {overflow: hidden; position: relative;} #passport .bg { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background: white; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .passport-show .bg {display: none;} .popup #passport .bg {background: #e6e8e9;} /* @end */ /* @group what else */ #what-else h2 {margin: 0 0 10px; padding: 0; font: bold 25px Arial, sans-serif; color: #9aa19e;} #what-else a {font-size: 1em; color: #ea5024;} #what-else ul {margin: 0 0 0 28px; font-size: 16px; zoom: 1;} #what-else li {margin: 0 0 10px; padding: 0 0 3px 14px; background: url(/img/bullet-orange.gif) no-repeat 0 7px;} /* @end */ .secret {background: none !important; color: white !important;} /* @end */ /* @group video list page */ /* @group search form */ /* @created 28.12.2009 */ .search {position: relative; overflow: hidden; width: 216px; height: 24px; background: url(/img/new/bg-search.png) no-repeat;} .search input {float: left; padding: 5px 38px 5px 6px; width: 172px; height: 14px; background: none;} .search button {position: absolute; right: 0; top: 0; width: 32px; height: 24px; background: none; overflow: hidden; text-indent: -999em;} /* @end */ /* @group genre list */ /* @created 28.12.2009 */ .genre-list {margin: -23px -31px 23px; border-bottom: 1px dotted #d1d4d4; padding: 11px 16px; font: 14px/26px "Trebuchet MS", Arial, sans-serif; color: #a6a6a6;} .genre-list span {margin: 0 5px;} .genre-list a {padding: 2px 0; font-weight: bold; color: #505050; text-decoration: underline;} .genre-list a.all {color: #ea5024;} .genre-list a.active {padding: 2px 10px; background: #7b7b7b; color: white; text-decoration: none;} /* @end */ /* @group sort parameters */ /* @created 28.12.2009 */ .new-body .sort {margin: -23px -31px 0; padding: 20px 16px;} .new-body .sort, .new-body .sort a {font: 13px "Trebuchet MS", Arial, sans-serif; color: #363636;} .sort .current {text-decoration: none; border-bottom: 1px dashed #363636;} .sort div {display: inline-block; _display: inline; *display: inline; zoom: 1;} .sort .property {margin-right: 38px;} .sort .property a {zoom: 1;} .sort .dropdown-outer {position: relative; cursor: pointer;} .sort .dropdown {display: none; position: absolute; top: 100%; margin-top: -1px; left: 0; z-index: 10; width: 138px; border: 1px solid #7b7b7b; background: white;} .sort .dropdown a {display: block; zoom: 1; border-bottom: 1px solid #d1d4d4; padding: 5px 8px; background: #eee; text-decoration: none;} .sort .dropdown a:hover {background: white;} .sort .dropdown .last a {border-bottom: none;} .sort .search {float: right; margin: -4px 0 0;} /* @end */ /* @end */ /* @group film list */ .film-list h4 {font: 13px "Trebuchet MS", Arial, sans-serif;} .film-list h4 a {color: #363636;} /* @end */ /* @group bubble */ /* @created 29.12.2009 */ /* @modified 20.01.2010 */ #bubble {display: none; position: absolute; top: 0; left: 0;} .bubble-content {display: none;} .bubble {position: relative; margin: 4px 0 0; width: 193px;} /* @group bubble corner */ .bubble .bubble-cor {position: absolute; width: 13px; height: 37px;} /* position top */ .bubble-pos-top .bubble-cor {top: 38px;} /* position bottom */ .bubble-pos-bottom .bubble-cor {bottom: 38px;} /* position left */ .bubble-pos-left {margin-left: 143px;} /* 143: video freez-frame width != outer div width */ .bubble-pos-left .bubble-cor { left: -3px; background: url(/img/new/bubble-cor-left.png) no-repeat; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-cor-left.png', sizingMethod='crop'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-cor-left.png', sizingMethod='crop'); } /* position right */ .bubble-pos-right {margin-left: -196px;} .bubble-wide .bubble-pos-right {margin-left: -392px;} .bubble-pos-right .bubble-cor { margin-left: 100%; left: -10px; background: url(/img/new/bubble-cor-right.png) no-repeat; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-cor-right.png', sizingMethod='crop'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-cor-right.png', sizingMethod='crop'); } /* @end */ .bubble .bubble-top { height: 16px; background: url(/img/new/bubble-top.png) no-repeat; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-top.png', sizingMethod='crop'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-top.png', sizingMethod='crop'); } .bubble .bubble-bot { height: 16px; background: url(/img/new/bubble-bot.png) no-repeat; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-bot.png', sizingMethod='crop'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-bot.png', sizingMethod='crop'); } .bubble .bubble-mid { zoom: 1; background: url(/img/new/bubble-mid.png) repeat-y; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-mid.png', sizingMethod='scale'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble-mid.png', sizingMethod='scale'); } /* @group bubble wide */ .bubble-wide .bubble {width: 386px;} .bubble-wide .bubble-top { background: url(/img/new/bubble2-top.png) no-repeat; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble2-top.png', sizingMethod='crop'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble2-top.png', sizingMethod='crop'); } .bubble-wide .bubble-bot { background: url(/img/new/bubble2-bot.png) no-repeat; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble2-bot.png', sizingMethod='crop'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble2-bot.png', sizingMethod='crop'); } .bubble-wide .bubble-mid { background: url(/img/new/bubble2-mid.png) repeat-y; *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble2-mid.png', sizingMethod='scale'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/bubble2-mid.png', sizingMethod='scale'); } /* @end */ #new-middle .bubble div {margin: 0;} .bubble .bubble-inner {margin: 0 10px; padding: 4px 14px 6px; font: 10px/12px "Trebuchet MS", Arial, sans-serif; color: #767676; zoom: 1;} .bubble .bubble-inner h4 {margin: 0; font: bold 13px "Trebuchet MS", Arial, sans-serif !important;} .bubble .bubble-inner div {margin: 0 0 10px; font: 11px Arial, sans-serif; color: #3a3a3a;} .bubble .bubble-inner span b, .bubble .bubble-inner p span {color: #ea5024; font-weight: normal;} .bubble .bubble-inner .new-rating {display: block; line-height: 12px;} .bubble .bubble-inner .new-rating span {line-height: 15px;} .bubble .bubble-inner .new-rating-scale {margin-top: 2px; margin-bottom: 3px; margin-left: -1px;} .bubble .bubble-inner .genres {font: 11px "Trebuchet MS", Arial, sans-serif; color: #767676;} .bubble .bubble-inner .dates {margin: 0 0 8px;} .new-videos .new-video {overflow: visible;} /* @end */ /* @group slide icon in user blog */ #profile_main .slideshow {position: relative; display: inline-block; overflow: hidden;} #profile_main .slideshow .slideshow { position: absolute; bottom: 0; left: 0; width: 72px; height: 72px; background: url(/img/new/icon-slideshow.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/icon-slideshow.png', sizingMethod='crop'); } .pics .slideshow { position: absolute; bottom: 5px; left: 0; z-index: 2; width: 21px; height: 21px; background: url(/img/new/icon-slideshow-small.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/new/icon-slideshow-small.png', sizingMethod='crop'); } .pcs .picli .frameb {z-index: 3;} /* @end */ /* @group seo */ #seo {margin: 10px 0 0; border: 2px solid #dbdad3; padding: 17px; background: white; font: 11px/16px 'Trebuchet MS', Arial, sans-serif; color: #767676;} #seo .rss {margin: 10px 0 0; font-size: 13px;} #seo .rss img {vertical-align: top; margin: 3px 0 0;} #new-middle #new-content #seo h1 {font-size: 1.75em; margin: 0 0 0.5em; color: #767676;} #new-middle #new-content #seo h2 {font-size: 1.5em; padding: 0; margin: 0 0 0.5em; color: #767676; background: none;} #new-middle #new-content #seo p {margin: 0 0 1em;} /* @end */