/******************************************************************************* * Стили для сайта ************************************************************ *******************************************************************************/ /****************** * colors ********** * #365B82 - синий * ******************/ #site-wrapper { margin-top: 0; overflow: hidden; } /*p { font-size: 1.4em; }*/ a { color: #0072bc; } .txt-green { color: #39B54A; } .txt-blue { color: #0072BC !important; } .txt-grey80 { color: #808080; } .txt-grey66 { color: #666; } .txt-grey99 { color: #999; } .txt-red { color: #f00; } .txt-black { color: #000 !important; } .font-1_1 { font-size: 1.1em; } .font-1_2 { font-size: 1.2em; } .font-1_3 { font-size: 1.3em; } .font-1_4 { font-size: 1.4em; } .font-1_6 { font-size: 1.6em; } .font-1_8 { font-size: 1.8em; } .font-2 { font-size: 1.8em; } .i { font-style: italic; } .line_20 { line-height: 2em; } .line_16 { line-height: 1.6em; } .line_14 { line-height: 1.4em; } .line_12 { line-height: 1.2em; } .float-fixer { overflow:hidden; } #blog-list .my-org { } #blog-list .my-org h3 { margin-left:-30px; padding-left:30px; position:relative; } #blog-list .my-org h3.favorite { background:url(../images/interface/star_icon.gif) no-repeat 7px 22px; } #blog-list .my-org h3.favorite img { width:16px; height:16px; position:absolute; top:22px; left:7px; cursor:pointer; } /*** Баннеры ****/ #top-banner { margin-bottom: 40px; padding-top: 20px; } #top-banner .inner { position: relative; background-color: #e6e6e6; margin: 0 auto; padding: 6px 8px; } #top-banner .inner .left { position: absolute; top: 50%; width: 1000px; left: -994px; background: url(../images/interface/banner_top_left.png) no-repeat right center; } #top-banner .inner .right { position: absolute; top: 50%; width: 1000px; left: 100%; margin-left: -6px; background: url(../images/interface/banner_top_right.png) no-repeat left center; } #top-banner .inner .info { position: absolute; right: 0; top: -20px; height: 20px; width: 200px; text-align: right; padding: 4px 20px 0 0; font-family: tahoma; font-size: 1.1em; } #top-banner .inner .info a { color: #0072bc; } #right-banner { margin:0 0 50px 55px; } #right-banner .head { text-align: right; padding-bottom: 4px; padding-right: 56px; } #right-banner .head a { color: #0072bc; font-size: 1.1em; } #right-banner .inner {} /*** верхняя пользовательская приблуда ****/ #user-line { height: 35px; position: relative; padding-top: 5px; } #user-line .user-name { position: relative; padding: 8px 0 0 32px; margin-left: 280px; font-size: 1.4em; float: left; } #user-line .user-name .avatar { position: absolute; left: 0; top: 0; } #user-line .user-hot-menu { float: left; margin-left: 38px; font-size: 1.2em; position: relative; padding-right: 14px; line-height: 30px; } #user-line .user-hot-menu a { color: #0072bc; } #user-line .user-hot-menu .marker { position: absolute; top: 13px; right: 0; width: 10px; height: 6px; } #user-line .user-hot-menu .white-bg { position: absolute; left: 0; top: 0; width: 100%; height: 30px; background-color: #fff; } #user-line .user-hot-menu .menu-wrap { position: absolute; border: 1px #000 solid; top: 0; left: -17px; padding: 5px 27px 10px 16px; z-index: 10; width: 128px; overflow: hidden; } #user-line .user-hot-menu .menu-wrap li { line-height: 18px; position: relative; } #user-line .user-hot-menu .menu-wrap li a:hover { color: #000; } #user-line .user-hot-menu .menu-wrap .marker { right: 14px; top: 12px; } #user-line .user-hot-menu .menu-wrap .bg { position: absolute; top: 0; left: 0; width: 100%; height: 200px; background-color: #fff; opacity: 0.7; } #user-line .user-mail { margin-left: 30px; float: left; font-size: 1.2em; line-height: 30px; } #user-line .user-logout { float: right; padding-right: 19px; background: url(../images/interface/user_logout.png) no-repeat right 12px; font-size: 1.2em; line-height: 30px; margin-right: 40px; } #user-line .user-logout a { color: #000; } /*** верхняя желтая приблуда ****/ #top-line { height: 90px; background-color: #ffea00; position: relative; padding-left: 302px; background: #fff500 url(../images/interface/top_line_bg.jpg) repeat-y right top; } /*** Основной логотип сайта ****/ #logo { top: 7px; left: 32px; position: absolute; width: 211px; height: 65px; } /*** попап формы ****/ .popup-form { padding: 20px 14px; } .popup-close { position: absolute; top: 20px; right: 20px; } .popup-form .ajax-load { position: absolute; bottom: 0; right: 22px; } .popup-form .for-labels label { font-size: 1.6em; line-height: 22px; } .popup-form .info { font-size: 1.2em; color: #999; font-style: italic; line-height: 1.2em; padding: 12px 0 6px; } .popup-form fieldset { overflow: hidden; width: 350px; } .popup-form .for-labels { float: left; width: 94px; } .popup-form .for-inputs { float: left; width: 250px; } .popup-form .line { overflow: hidden; padding-bottom: 6px; } .popup-form .txt { width: 225px; } /*** Формы регистрации, авторизации, забыл пароль ****/ #popup-frm-register-wrap { left: 270px; overflow: hidden; padding: 16px 0; position: absolute; top: -5px; width: 434px; z-index: 20; } #popup-frm-login-wrap { left: 270px; overflow: hidden; padding: 16px 0; position: absolute; top: -5px; width: 434px; z-index: 20; } #popup-frm-fp-wrap { left: 270px; overflow: hidden; padding: 16px 0; position: absolute; top: -5px; width: 434px; z-index: 20; } #reg-message { line-height: 1.2em; } /*** Информационная панель пользователя ****/ #user-panel-wrap { position: absolute; top: 55px; right: 0; font-size: 1.3em; width: 230px; z-index: 10; } #user-panel-wrap .user-display-name { line-height: 18px; } #user-panel-wrap .enter-wrap { padding-top: 10px; } #user-panel-wrap a { color: #000; } #user-panel-wrap form { position: absolute; top: 0; } #user-panel-wrap .mail { padding-left: 3px; font-size: 12px; } #user-panel-wrap .mail-old { color: #6f6f6f; } #user-panel-wrap .mail-new { color: #eb593e; } #user-panel-wrap .register-wrap a.highlighted { background-color: #EB593E; color: #fff; } /*** Активация ****/ #activation #header-2 { margin-left: 220px; } #activation #header-2 h2 { font-size: 3em; } #activation .about-activation { margin: 32px 40px 0 226px; line-height: 20px; } #frm-activate fieldset { margin-top: 45px; } #frm-activate label { float: left; width: 166px; padding-left: 60px; line-height: 24px; } #frm-activate .field-wrap { padding: 0 280px 22px 226px; position: relative; } #frm-activate input.text { display: block; width: 100%; } #frm-activate .field-wrap .info { width: 279px; position: absolute; top: 0; right: 0; } #frm-activate #act-user-birthday-day { width: 44px; display: inline; } #frm-activate #act-user-birthday-year { width: 60px; display: inline; } #frm-activate #act-user-birthday-year, #frm-activate #act-user-birthday-day, #frm-activate select { height: 24px; vertical-align: top; } #frm-activate .submit-wrap { padding: 10px; background-color: #fef627; float: left; } /*** Главное меню сайта ****/ #main-menu-wrap { font-size: 1.8em; padding-top: 30px; width: 76%; } #main-menu-wrap a { color: #000; } #main-menu-wrap ul { overflow: hidden; } #main-menu-wrap li { float: left; margin: 0 10px; padding: 6px 0; margin-right: 4.5%; } #main-menu-wrap li.active { padding-bottom: 11px; background: url(../images/interface/menu_marker2.png) no-repeat center bottom; } #main-menu-wrap li.active a { font-style: italic; } /*** Поиск в шапке ****/ #top-search-wrap { position: absolute; top: 0; right: 0; padding: 34px 25px 0 24px; width: 16%; font-size: 1.2em; } #top-search-wrap .submit { position: absolute; top: 37px; right: 6px; } #top-search-wrap #search-str { width: 100%; font-size: 14px; letter-spacing:0.08em; } #top-search-wrap .marker { position: absolute; top: 38px; left: 0; width: 17px; height: 15px; } #top-search-wrap .menu-wrap { position: absolute; border: 1px #000 solid; top: 29px; left: -10px; padding: 5px 17px 10px 31px; z-index: 10; width: 110px; overflow: hidden; } #top-search-wrap .menu-wrap li { line-height: 18px; position: relative; } #top-search-wrap .menu-wrap li a:hover { color: #000; } #top-search-wrap .menu-wrap .marker { left: 9px; top: 8px; } #top-search-wrap .menu-wrap .bg { position: absolute; top: 0; left: 0; width: 100%; height: 200px; background-color: #fff; opacity: 0.8; } #top-search-wrap .menu-wrap a { color: #0072bc; } /*** Обертка всего контента ****/ #content-wrap { min-height: 500px; padding-top: 50px; position: relative; overflow: hidden; margin-bottom: 30px; } #header-2 { margin-left: 54px; border-bottom: 1px #e5e5e5 solid; padding-bottom: 6px; overflow: hidden; position: relative; } #header-2 h2 { padding-left: 6px; font-size: 2.6em; color: #808080; font-style: italic; float: left; } #header-2 .rss { float: left; margin: 7px 0 0 12px; } #header-2 .new-item-link { position: absolute; width: 260px; right: 0; top: 0; padding-left: 27px; background: url(../images/interface/icon_plus.png) no-repeat 0 0; height: 20px; line-height: 20px; } #header-2 .new-item-link-not-login { width: 400px; background: none; font-size: 1.3em; } #header-2 .add-vacancy-button {width: 190px; margin-right: -10px;} #content-left-column { margin-right: 329px; } #content-right-column { width: 309px; float: right; } .content-left-column-blog, .content-left-column-blog-item, .content-left-column-people { padding-left: 62px; } #content-wrap .content-left-column-job { padding-left: 56px; } /*** Блог ****/ #blog-list li { margin-bottom: 46px; padding-right: 20px; } .blog-post-info { font-size: 1.2em; color: #999; line-height: 16px; } .blog-post-info .rating-plus { color: #39b54a; } .blog-post-info .rating-minus { color: #ff2a00; } .blog-post-info .comments a { color: #999; } .blog-post-info .favorites { padding: 0 7px; } .blog-post-info .favorites img { background: url(../images/interface/icon_favorites.png) no-repeat 0 4px; width: 15px; height: 16px; } .blog-post-info .fav-in img { background: url(../images/interface/icon_favorites.png) no-repeat -15px 4px; } .blog-post-info .fav-load img { background: url(../images/interface/ajax_load_mini.gif) no-repeat 0 0; width: 16px; } .blog-post-info .spacer { padding: 0 5px; } .blog-post-info a { color: #999; } #blog-list li h3 { font-size: 2.4em; padding: 14px 0 10px; font-weight: normal; line-height: 1.2em; } #blog-list li h3 a { color: #0072bc; } #blog-list li h3 .org-city { color: #999; font-style: italic; font-size: 0.75em; } .blog-post-author { padding-bottom: 16px; height: 25px; line-height: 25px; font-size: 1.4em; margin-left: -33px; padding-left: 33px; position: relative; } #blog-list li .author a { color: #0072bc; } .blog-post-author .avatar { position: absolute; top: 0; left: 0; width: 25px; height: 25px; } .blog-post-text { font-size: 1.6em; line-height: 1.3em; padding-bottom: 1em; } .blog-post-text img { display:block; margin: 10px 0; } .blog-post-text object { display:block; margin: 10px 0; } .blog-post-text p { } .blog-post-tags { font-size: 1.2em; color: #b0a171; } #blog-list li .blog-post-tags a { color: #b0a171; } .blog-post-tags .active { background-color:#B0A171; color:#fff; padding:0 6px; margin: 3px; } #blog-list li .line { border-bottom: 1px #ececec solid; padding-bottom: 16px; margin-right: 30px; } .blog-item-comments { margin-top: 55px; overflow: hidden; padding-right: 24px; } .blog-item-comments .header-wrap { border-bottom: 1px solid #E5E5E5; padding-bottom: 6px; position: relative; } .blog-item-comments h3 { color: #808080; font-size: 2.6em; font-style: italic; } .blog-item-comments .new-comment-link { position: absolute; bottom: 6px; right: 0; padding-left: 20px; background: url(../images/interface/icon_new_comment.png) no-repeat 0 3px; font-size: 1.4em; } .blog-item-estimate { overflow: hidden; padding: 22px 0; position: relative; margin-left: -24px; width: 98%; margin-top: 30px; } .blog-item-estimate .inner { border-left: 2px solid #FFEA00; border-right: 2px solid #FFEA00; padding: 0 23px 2px; } .blog-item-estimate span { line-height: 20px; display: inline-block; } .blog-item-estimate .plus { background: url(../images/interface/icon_plus.png) no-repeat 0 50%; padding-left: 24px; } .blog-item-estimate .minus { background: url(../images/interface/icon_minus.png) no-repeat 0 50%; padding-left: 24px; } .blog-item-estimate .plus a, .blog-item-estimate-result .plus { color: #39b54a; } .blog-item-estimate .minus a, .blog-item-estimate-result .minus { color: #ff4800; } .blog-item-estimate .ajax-loader { position: absolute; bottom: 10px; right: 10px; } .blog-item-estimate-result { background:transparent url(../images/interface/on_air_bg.png) no-repeat scroll 0 0; margin-left: -24px; width: 102%; margin-top: 30px; } .blog-item-estimate-result .inner { padding: 20px 24px; line-height: 1.2em; } #blog-sorting { font-size: 1.4em; padding-top: 17px; color: #999; } #blog-sorting span { float: left; margin-right: 10px; } #blog-sorting ul { overflow: hidden; } #blog-sorting ul li { float: left; color: #000; margin-right: 14px; position: relative; } #blog-sorting ul li.active { padding-right: 12px; } #blog-sorting ul li .ico { position: absolute; top: 2px; right: 0; width: 10px; height: 12px; } #blog-sorting ul li .ico-asc { background: url(../images/interface/icon_a_z.png) no-repeat 0 0; } #blog-sorting ul li .ico-desc { background: url(../images/interface/icon_a_z.png) no-repeat -10px 0; } #blog-sorting ul li .ico-desc-grey { background: url(../images/interface/icon_a_z_grey.png) no-repeat -10px 0; } #blog-sorting ul.job { font-size: 0.858em; width: 100%; } #blog-sorting ul.job li { padding-bottom: 2px; color: #999; margin-right: 0; } #blog-sorting ul.job a { color: #999; } #blog-sorting ul.job .active { color: #000; padding-right: 0; } #blog-sorting ul.job .active a { color: #000; } #blog-sorting ul.job li .ico { position: relative; } #blog-sorting ul.job li.name { width: 40%; } #blog-sorting ul.job li.name span { padding-left: 6px; } #blog-sorting ul.job li.zp { width: 20%; } #blog-sorting ul.job li.city { width: 20%; } #blog-sorting ul.job li.date { width: 20%; } #blog-sorting ul.a-list-sort { font-size: 0.858em; width: 100%; } #blog-sorting ul.a-list-sort li { padding-bottom: 2px; color: #999; margin-right: 0; } #blog-sorting ul.a-list-sort a { color: #999; } #blog-sorting ul.a-list-sort .active { color: #000; padding-right: 0; } #blog-sorting ul.a-list-sort .active a { color: #000; } #blog-sorting ul.a-list-sort li .ico { position: relative; } #blog-sorting ul.a-list-sort li.name span { padding-left: 6px; } #blog-sorting ul.a-list-sort-org li.name { width: 50%; } #blog-sorting ul.a-list-sort-org li.city { width: 25%; } #blog-sorting ul.a-list-sort-org li.date { width: 24%; } #blog-sorting ul.a-list-sort-job li.name { width: 40%; } #blog-sorting ul.a-list-sort-job li.zp { width: 20%; } #blog-sorting ul.a-list-sort-job li.city { width: 20%; } #blog-sorting ul.a-list-sort-job li.date { width: 20%; } .content-left-column-blog-item { padding-right: 34px; } .content-left-column-blog-item h2 { font-size: 3em; padding: 10px 0; font-weight: normal; line-height: 1.2em; } /*** Облако тэгов ****/ #tag-cloud { color: #fff; width: 260px; text-align: justify; } #tag-cloud .all { font-size: 1.4em; padding-bottom: 10px; } #tag-cloud .all span { background-color: #b0a171; padding: 3px 6px; } #tag-cloud a { color: #b0a171; } #tag-cloud ul { padding-bottom: 2px; white-space: normal; position: relative; list-style-position: inside; margin-top: 0; } #tag-cloud div { display: inline; margin-right: 6px; } #tag-cloud ul li { display: inline; margin-right: 6px; } #tag-cloud a { line-height: 1.4em; text-decoration: none; } #tag-cloud a:hover { color: #c8ba8e; } #tag-cloud .first-active { margin-left: 0; } #tag-cloud span { padding-left: 6px; } #tag-cloud .active span { background-color: #b0a171; padding: 3px 6px; } .tags-test { margin: 20px 0 0 30px; } .tags-test a { line-height: 1.2em; text-decoration: none; color: #b0a171; } .tags-test a:hover { color: #c8ba8e; } .tags-test li { display: inline; margin-left: 6px; position: relative; } .tags-test .all { font-size: 1.4em; padding-bottom: 10px; } .tags-test .all span { background-color: #b0a171; padding: 3px 6px; color: #fff; } .tags-test .active span { background-color: #b0a171; padding: 0 6px; color: #fff; line-height: 1.2em; } .tags-test .first-active { margin-left: 0; } /*** Прямой эфир ****/ #blog-on-air { background: url(../images/interface/on_air_bg.png) no-repeat 0 0; } #blog-on-air .head { color: #808080; font-size: 2.2em; font-style: italic; padding: 18px 0 28px 55px; font-weight: bold; } #blog-on-air li { padding-left: 55px; position: relative; padding-right: 30px; margin-bottom: 24px; } #blog-on-air li.last { margin-bottom: 0; } #blog-on-air li .avatar { position: absolute; top: 0; left: 21px; width: 25px; height: 25px; } #blog-on-air li div { line-height: 1.2em; } #blog-on-air .comment { font-size: 1.2em; } #blog-on-air .comment a { color: #000; } #blog-on-air .info, #blog-on-air .title { font-size: 1.1em; } #blog-on-air .info { padding: 4px 0; } #blog-on-air .info a { color: #0072bc; } #blog-on-air .title { color: #999; font-style: italic; } #blog-on-air .title a { color: #999; } /*** Шапка пользователя ****/ #user-head h2 { font-size: 4em; font-weight: bold; padding-left: 24px; font-style: italic; } #user-head h2 .online { font-size:0.3em; margin-left:10px; color:#39b54a; } #user-head .info { font-size: 1.4em; padding: 5px 0 0 24px; overflow: hidden; } #user-head .info div { line-height: 20px; } #user-head .info .age { float: left; } #user-head .info .city { padding-left: 10px; float: left; } #user-head .info .rating { margin-left: 10px; margin-right: 10px; float: left; } #user-head .info .work-search-active { background-color: #39b54a; color: #fff; } #user-head .info .work-search-active a { color: #fff; text-decoration: none; border-bottom: 0; } #user-head .info .work-search a { color: #b2b2b2; } #user-head .info .work-search, #user-head .info .work-search-active { font-size: 12px; padding: 4px 5px; float: left; line-height: 12px; } #user-head .info .work-search-load { background: url(../images/interface/ajax_load_mini.gif) no-repeat center center; width: 74px; } #user-index-left { margin-right: 313px; padding-right: 20px;} #user-index-right { float: right; width: 313px; } #user-index-right .inner { padding-left: 30px; position: relative; } #user-index-right .links { font-size: 1.4em; padding-left: 50px; } #user-index-right .links a { color: #39b54a; } #user-index-right .links .users-relation { background: url(../images/interface/icon_plus.png) no-repeat 0 50%; padding: 3px 0 3px 26px; } #user-index-right .links .users-relation-change { background: url(../images/interface/ajax_load_mini.gif) no-repeat 0 50%; } #user-index-right .links .msg { background: url(../images/interface/icon_mail_green.png) no-repeat 3px 50%; padding: 3px 0 3px 26px; margin-top: 4px; } h3.user-inner-header { font-size: 3em; color: #808080; border-bottom: 1px #e5e5e5 solid; padding: 0 0 4px 10px; position: relative; font-style: italic; } #user-add-post-from-header { font-size: 0.467em; float: right; font-weight: normal; padding-left: 27px; background: url(../images/interface/icon_plus.png) no-repeat 0 0; height: 20px; line-height: 20px; margin: 6px 54px 0 0; font-style: normal; } h3.user-inner-header .new-item-link { width:400px; font-size:13px; position:absolute; right:0; font-weight:normal; top:0; font-style: normal; line-height:20px; } /*** Контакты пользователя ****/ #user-options { padding-left: 10px; padding-bottom: 40px; } #user-options label { font-size: 1.8em; color: #808080; display: block; padding-bottom: 12px; margin-top: 40px; } #user-options .line { overflow: hidden; } #user-options .line input, #user-options .line select { float: left; width: 40%; } #user-options .info { color: #999; float: left; font-size: 1.4em; line-height: 1.4em; padding-left: 7px; } #user-options .mail input { } #user-options .change-pass .error { font-size: 1.2em; color: #ff4800; padding-top: 8px; } #user-options .notify { padding-bottom: 30px; } #user-options .notify li { line-height: 1.6em; font-size: 1.4em; padding-left: 18px; position: relative; } #user-options .notify li input { position: absolute; top: 5px; left: 1px; margin: 0; } #user-options .notify li label { font-size: 1em; color: #000; margin: 0; padding: 0; } #user-options .btn-save { display: block; margin-top: 20px; } #user-options .success { font-size: 1.2em; color: #39b54a; padding-top: 20px; } /*** Добавление пользователем новой еденицы ****/ #user-add-item-frame { background-color: #f0f1f1; background: #f0f1f1 url(../images/interface/user_add_corners.png) no-repeat -18px 0; padding: 45px 40px 45px 30px; position: relative; } #user-add-item-frame .corner-rb { position: absolute; bottom: 0; right: 0; width: 18px; height: 18px; background: url(../images/interface/user_add_corners.png) no-repeat 0 0; } #user-add-item-frame .close img { position: absolute; width: 25px; height: 25px; top: 12px; right: 12px; } #user-add-item-frame .user-inner-header { border-bottom: 0; padding-left: 140px; } #user-add-item-frame p.info { padding-left: 140px; font-size: 1.4em; color: #808080; line-height: 1.4em; font-style: normal; } #user-add-item-frame form { margin-top: 35px; } #user-add-item-frame label { color: #999; } #user-add-item-frame .line label { float: left; line-height: 20px; width: 120px; text-align: right; } #user-add-item-frame .line { padding-bottom: 15px; font-size: 1.4em; clear: left; position: relative; } #user-add-item-frame .line a.js { color: #0a72ba; font-size: 0.858em; } #user-add-item-frame .line .input-wrap { margin-left: 140px; overflow: hidden; } #user-add-item-frame .line .input-wrap input, #user-add-item-frame .line .input-wrap select, #user-add-item-frame .line .input-wrap textarea { width: 100%; } #user-add-item-frame .line .input-wrap .btn { width: auto; } #user-add-item-frame form .info { color: #999; font-size: 0.858em; line-height: 1.2em; padding-top: 10px; } #user-add-item-frame form select { padding: 1px 1px; } #user-add-item-frame form .error { font-size: 0.858em; color: #FF4800; padding-top: 10px; } .textarea-buttons { padding-bottom: 4px; overflow: hidden; margin-left: 2px; position: relative; } .textarea-buttons img { float: left; width: 20px; height: 20px; cursor: pointer; background: url(../images/interface/textarea_buttons.png) no-repeat 0 0; margin-right: 4px; } .textarea-buttons img.italic { background-position: -20px 0; } .textarea-buttons img.cross { background-position: -40px 0; } .textarea-buttons img.url { background-position: -60px 0; } .textarea-buttons .bold { font-weight: bold; } .textarea-buttons .italic { font-style: italic; } .textarea-buttons .under { text-decoration: underline; } .textarea-buttons li { float: left; margin-right: 8px; } #blog-list .textarea-buttons li { margin-bottom:0; padding-right:0; } .textarea-buttons .url { margin-left: 10px; } .textarea-buttons span { cursor: pointer; } .textarea-buttons .help { position: absolute; right: 0; top: 0; margin-right: 2px; } .textarea-buttons .help a { border-bottom-style: dotted; } #post-add-content { height: 400px; } #popup-frm-bb-help-wrap { left: 10%; overflow: hidden; padding: 16px 0; position: absolute; top: 180px; width: 88%; z-index: 20; } #popup-frm-bb-help-wrap .shade-bg div { padding: 20px 30px; } #popup-frm-bb-help-wrap h4 { font-size: 1.8em; padding-bottom: 15px; font-weight: normal; } #popup-frm-bb-help-wrap p { font-size: 1.4em; color: #666; padding-bottom: 1em; line-height: 1.2em; } #popup-frm-bb-help-wrap p span { color: #000; } .new-window { padding-right: 17px; background: url(../images/interface/icon_new_window.png) no-repeat right center; } /*** Контакты пользователя ****/ .user-h3-edit { padding-right:20px; } .user-h3-edit .edit img { display:inline-block; vertical-align:middle; } #user-contacts { padding-top: 30px; } #user-position { padding-top: 30px; } #user-position h3 .edit { border-bottom:0; } #user-position .position-val { padding:10px 0 0 24px; } #user-contacts h3, #user-position h3 { padding-left: 24px; font-size: 1.6em; } #user-contacts h3 .edit { padding-left: 20px; background: url(../images/interface/user_menu_options.png) no-repeat 2px 0; font-size: 12px; font-weight: normal; } #user-contacts ul { margin-top: 14px; } #user-contacts ul li { font-size: 1.6em; padding-left: 24px; margin-bottom: 7px; } #user-contacts .phone { background: url(../images/interface/user_contacts_phone.png) no-repeat 0 0; } #user-contacts .icq { background: url(../images/interface/user_contacts_icq.png) no-repeat 0 0; } #user-contacts .skype { background: url(../images/interface/user_contacts_skype.png) no-repeat 0 0; } #user-contacts .email { background: url(../images/interface/user_contacts_mail.png) no-repeat 0 2px; } /*** Специальности пользователя ****/ #user-professions { margin-top: 30px; position: relative; padding: 22px 0; overflow: hidden; } #user-professions h3 .edit { border-bottom: 0; } #user-professions .ul-wrap { padding-top: 10px; } #user-professions ul { overflow: hidden; } #user-professions ul li { float: left; padding-bottom: 2px; } #user-professions ul li a { color: #000; cursor: text; text-decoration: none; } #user-professions .inner { border-left: 2px #ffea00 solid; border-right: 2px #ffea00 solid; padding: 0 23px 2px; font-size: 1.6em; } #user-professions .inner h3 { font-size: 1em; } #user-professions .inner h3 img { margin-left: 4px; } .blog-item-estimate .corner, #user-professions .corner { position: absolute; width: 100%; height: 44px; left: -22px; top: -22px; background: url(../images/interface/corners_yellow_22.png) no-repeat 0 0; } .blog-item-estimate .rt, .blog-item-estimate .rb, #user-professions .rt, #user-professions .rb { margin-left: 100%; width: 44px; } .blog-item-estimate .lb, .blog-item-estimate .rb, #user-professions .lb, #user-professions .rb { top: auto; } /*** Фотография пользователя ****/ #user-photo { width: 245px; height: 336px; background: #f2f2f2 url() no-repeat 50% 50%; } #load-user-photo-link { padding-left: 27px; background: url(../images/interface/icon_plus.png) no-repeat 0 center; height: 20px; line-height: 20px; margin: 10px 0 0 50px; } #edit-user-photo-link { padding-left: 20px; background: url(../images/interface/icon_options.png) no-repeat 0 center; height: 20px; line-height: 20px; margin: 10px 0 0 57px; } .photo-ajax-change { width: 246px; height: 336px; background: #fff url(../images/interface/ajax_load_mini.gif) no-repeat 50% 50%; position: absolute; top: 20px; left: 43px; display: none; } #user-index-right .user-photo-delete { position: absolute; top: 334px; left: 252px; width: 15px; height: 15px; } /* #user-header-wrap .user-avatar-wrap { float: left; width: 100px; } #user-header-wrap .user-avatar-wrap .user-rating { padding-top: 10px; text-align: center; } #user-header-wrap .user-avatar-wrap .icon-delete { position: absolute; left: 87px; top: 86px; } #user-header-wrap .user-info-wrap { margin-left: 120px; } #user-header-wrap .user-online { position: absolute; top: 0; right: 0; background-color: #ddd4b0; color: #000; padding: 4px; margin-right: 8px; } #user-header-wrap #user-contacts, #user-header-wrap #user-city { float: left; padding-top: 12px; } #user-header-wrap #user-contacts { width: 230px; } #user-header-wrap #user-contacts h3, #user-header-wrap #user-city h3 { padding-bottom: 6px; font-size: 1.2em; font-weight: normal; }*/ /*** Левая колонка у пользователя ****/ #user-sidebar { width: 245px; float: left; position: relative; } #user-sidebar .avatar-medium { border: 5px #fff solid; margin: 0 0 12px 57px; } #user-sidebar .avatar-medium-active { border: 5px #ffea00 solid; margin: 0 0 12px 57px; display: block; } #user-avatar-medium-name { margin-bottom: 30px; font-size: 1.2em; padding-left: 62px; } #user-avatar-medium-name a { color: #000; line-height: 1.2em; } .user-sidebar-add-item { background: url(../images/interface/user_add_connection.png) no-repeat right 50px; } .user-sidebar-add-item .connect { display: none; } #user-sidebar .avatar-medium-load-link { margin-left: 62px; padding-left: 27px; background: url(../images/interface/icon_plus.png) no-repeat 0 center; line-height: 1.3em; } #user-sidebar .avatar-medium-edit-link { margin-left: 62px; padding-left: 20px; background: url(../images/interface/icon_options.png) no-repeat 0 center; line-height: 1.3em; } #user-sidebar .avatar-delete { position: absolute; top: 68px; left: 125px; width: 15px; height: 15px; } #user-sidebar .avatar-ajax-change { width: 80px; height: 80px; background: #fff url(../images/interface/ajax_load_mini.gif) no-repeat 50% 50%; position: absolute; top: 5px; left: 62px; display: none; } #user-menu li { padding-left: 62px; margin-bottom: 0px; font-size: 1.4em; height: 28px; line-height: 28px; color:#B2B2B2; } #user-menu li.active { background: url(../images/interface/user_menu_active.png) no-repeat 0 0; } #user-menu li a { color: #0072bc; } #user-menu li.active a { color: #000; } #user-menu li .empty a { color: #B2B2B2; } #user-menu li .info { color: #b2b2b2; font-size: 12px; } #user-menu li.org { margin-bottom: 12px; } #user-menu li.favorite { background: url(../images/interface/user_menu_fav.png) no-repeat 39px 9px; margin-bottom: 12px; } #user-menu li.favorite-active { background: url(../images/interface/user_menu_fav_a.png) no-repeat 0 0; margin-bottom: 12px; } #user-menu li.options { background: url(../images/interface/user_menu_options.png) no-repeat 39px 8px; } #user-menu li.options-active { background: url(../images/interface/user_menu_options_a.png) no-repeat 0 0; } /*** Контентная зона пользователя ****/ #user-content-wrap { margin-left: 245px; } #user-resume { padding-top: 10px; } #other-user-actions { margin-top: 35px; font-size: 1.2em; } #other-user-actions div { padding-bottom: 8px; } .user-contacts li { padding: 10px 0 10px 50px; position: relative; } .user-contacts li .ava { position: absolute; top: 5px; left: 13px; } /*** Почта пользователя ****/ #user-mail-list { width: 100%; } #user-mail-list thead tr td { background-color: #eee; border-bottom: 1px #444 solid; } #user-mail-list td { padding: 6px; } #user-mail-list td.check { width: 50px; } #user-mail-list td.user { width: 150px; } #user-mail-list td.date { width: 100px; } #user-mail-list td.del { width: 50px; } /*** Правая колонка ****/ #sidebar { width: 230px; float: right; padding-top: 100px; } #sidebar .sidebar-menu { font-size: 1.4em; } /*** Подвал ****/ #footer-wrap { border-top: 2px #e5e5e5 solid; position: relative; padding: 20px 0 40px; margin-left: 42px; } #footer-wrap .footer-inner { overflow:hidden; } #footer-wrap .copyright { float: left; font-size: 1.4em; width: 320px; line-height: 1.4em; margin-left: 4px; color:#999; } #footer-wrap .copyright a { color: #000; margin-left: 15px; } #footer-wrap .footer-menu { float: left; overflow: hidden; margin-top: 12px; } #footer-wrap .footer-menu li { float: left; margin-right: 20px; padding-bottom: 2px; font-size: 1.3em; } #footer-wrap .footer-menu li a { color: #000; } #footer-wrap .letter { font-size: 1.3em; margin-top: 12px; padding-left: 240px; float: left; } #footer-wrap .letter a { color: #ff4800; } #popup-frm-admin-letter-wrap { left: 610px; overflow: hidden; padding: 16px 0; position: absolute; top: -235px; width: 350px; z-index: 20; } #popup-frm-admin-letter-wrap h4 { font-size: 1.8em; font-weight: normal; padding-bottom: 14px; } #popup-frm-admin-letter-wrap fieldset { width: auto; } #popup-frm-admin-letter-wrap textarea { height: 100px; } #popup-frm-admin-letter-wrap .txt { width:290px; } #popup-frm-admin-letter-wrap .info { padding-bottom: 10px; } #popup-frm-admin-letter-wrap .ajax-load { bottom: 4px; } #popup-frm-admin-letter-wrap #admin-letter-email { margin-bottom:8px; } /*** Вопросы (консультации) ****/ #questions-head { position: relative; height: 40px; } #questions-head .new-question-link { position: absolute; top: 0; right: 0; font-size: 1.4em; } #questions-list { border-top: 2px #ddd solid; } #questions-list li { position: relative; padding-left: 80px; padding-top: 16px; border-bottom: 1px #ddd solid; overflow: hidden; } #questions-list li .ava { position: absolute; top: 12px; left: 15px; } #questions-list li .ava-online { position: absolute; top: 10px; left: 13px; border: 2px #3c71af solid; } #questions-list li .author { font-size: 1.2em; } #questions-list li .author a { color: #385b83; } #questions-list li .author .date { color: #a6a6a6; font-style: italic; padding-left: 10px; } #questions-list li .title { padding-top: 12px; font-size: 1.4em; font-weight: bold; } #questions-list li .title a { color: #385b83; } #questions-list li .info { position: absolute; right: 0; top: 35px; font-size: 1.2em; } #questions-list li .info .answers { padding-top: 5px; } #questions-list li .tags { float: right; margin-top: 20px; font-size: 1.2em; padding-bottom: 12px; } #questions-list li .tags a { color: #888; } #questions-list li .tags li { border-bottom: 0; display: inline; padding: 0 0 0 10px; } #question-comments-list li { margin-bottom: 5px; } #question-comments-list .new { border: 1px #555 solid; } /*** Пейджинг ****/ #pagination-wrapper { padding: 50px 0 10px; margin-left: -7px; } #pagination-wrapper ul { overflow: hidden; } #pagination-wrapper ul li { float: left; padding: 5px 7px; font-size: 1.8em; margin-right: 5px; } #pagination-wrapper ul li.active { background-color: #fef627; } #pagination-wrapper ul li.right-hellip { padding: 5px 0; } #pagination-wrapper ul li.left-hellip { padding: 5px 0 5px 7px; } #pagination-wrapper .pagination-arrows { float: left; } #pagination-wrapper .pagination-arrows div { padding: 4px; border: 1px #777 solid; font-size: 1.4em; } #pagination-wrapper .pagination-arrows div.left { margin-right: 5px; } #pagination-wrapper .ctrls { font-size: 1.2em; color: #b2b2b2; padding-top: 12px; margin-left: -10px; } #pagination-wrapper .ctrls a { color: #000; } #pagination-wrapper .ctrls span, #pagination-wrapper .ctrls a { margin-right: 6px; } #pagination-wrapper .pagination-head { font-weight: bold; font-size: 1.4em; padding: 0 0 10px 7px; } /*** Тэги ****/ ul.tags { overflow: hidden; } ul.tags li { float: left; padding: 2px 3px; } /*** Загрузка аватара ****/ #cropbox_div { width: 500px; height: 400px; background: url(../images/interface/ava_crop_bg.gif) repeat 0 0; } #cropbox-loader { position: absolute; bottom: 20px; left: 57px; width: 208px; height: 13px; } #cropbox-thumb-wrapper { position: absolute; top: 111px; right: 54px; width: 100px; height: 100px; background-color: #ccc; overflow: hidden; } #cropbox-thumb-info { position: absolute; top: 221px; right: 24px; width: 130px; line-height: 1.2em; } div.grippie { background: #EEEEEE url(); border-color: #DDDDDD; border-style: solid; border-width: 0pt 1px 1px; cursor: s-resize; height: 5px; overflow: hidden; } /*** Новая публикация ****/ .new-item-tags { color: #39b54a; } #post-add-tags.ajax-load-bg { background: url(../images/interface/ajax_load_mini.gif) no-repeat right center; } #user-add-item-frame .line .tags-load { position: absolute; left: 100%; top: 3px; margin-left: 4px; width: 16px; height: 16px; } /*** Фильтры ****/ .filters { overflow: hidden; margin-top: 12px; margin-left: -13px; width: 600px;} .filters li { float: left; font-size: 1.4em; margin-right: 11px; padding: 8px 0 0; color:#b2b2b2; } .filters li span { font-size: 0.858em; color: #b2b2b2; margin-left: 6px; } .filters li.active { background: #fef627 url(../images/interface/filter_active.png) no-repeat center top; padding: 8px 9px 14px 13px; } .filters li.active a { color: #000; text-decoration: none; } .filters li.first { padding-left: 13px; } /*** Список пользователей ****/ .users-list { margin-top: 53px; overflow:hidden; zoom:1; } .users-list li { float: left; width: 48%; margin-bottom: 30px; position: relative; } .users-list li .name { font-size: 150%; } .users-list li .avatar, .users-list li .inner { float: left; } .users-list li .inner { margin-left: 20px; padding-top: 7px; position: relative; } .users-list li .rating { font-size: 130%; padding: 4px 0 10px; } .users-list li .inf { font-size: 1.1em; color: #808080; line-height: 120%; } .users-list li .msg { padding-left: 18px; background: url(../images/interface/icon_mail_green.png) no-repeat 0 50%; font-size: 1.2em; margin-top: 4px; } .users-list li .msg a { color: #39b54a; } .users-list li .del-link { width: 15px; height: 15px; position: absolute; top: 8px; left: 330px; } .users-list li .del-link img { background: url(../images/interface/icon_delete_grey.png) no-repeat 0 0; width: 15px; height: 15px; } .users-list li .del-link a:hover img { background-image: url(../images/interface/icon_delete.png); } .users-list li .del-link img.load { background-image: url(../images/interface/ajax_load_mini.gif); } /******************************************************************************* * Тень для pop-up блока ****************************************************** *******************************************************************************/ .shade-inner { padding: 0 12px; position: relative; overflow: hidden; } .shade-bg { background-color: #fff; } .shade-corner { position: absolute; top: -16px; left: -16px; width: 32px; height: 32px; background: url(../images/interface/sub_window_shades.png) no-repeat 0 0; } .shade-corner-red { position: absolute; top: -16px; left: -16px; width: 32px; height: 32px; background: url(../images/interface/sub_window_shades_red.png) no-repeat 0 0; } .shade-inner .shade-border { position: absolute; width: 32px; left: -16px; top: 0; height: 1000px; background: url(../images/interface/sub_window_shade_borderds.png) no-repeat 0 0; } .shade-inner .border-r { margin-left: 100%; } .shade-lt { width: 100%; } .shade-rt { margin-left: 100%; } .shade-rb { margin-left: 100%; bottom: -16px; top: auto; } .shade-lb { width: 100%; bottom: -16px; top: auto; } /******************************************************************************* * Приглашалка на сайт ******************************************************** *******************************************************************************/ #invitation-form { background-color: #f2f2f2; position: relative; padding: 25px 30px; margin-top: 25px; } #invitation-form .corner { position: absolute; width: 18px; height: 18px; } #invitation-form .corner-lt { top: 0; left: 0; background: url(../images/interface/user_add_corners.png) no-repeat -18px 0; } #invitation-form .corner-rb { bottom: 0; right: 0; background: url(../images/interface/user_add_corners.png) no-repeat 0 0; } #invitation-form h4 { font-weight: normal; padding-bottom: 16px; } #invitation-form form { position: relative; } #invitation-form .submit-img { position: absolute; top: 3px; left: auto; margin-left: 4px; } #invitation-form .info { line-height: 1.3em; padding-top: 12px; } #invitation-form .email { width: 210px; } #invitation-form .load { position: absolute; bottom: 16px; right: 16px; } /******************************************************************************* * Комментарии публикации ***************************************************** *******************************************************************************/ .post-comments-list .li-comment { margin-top: 40px; position: relative; overflow: hidden; } .post-comments-list li .comment-text { font-size: 1.4em; line-height: 1.2em; } .post-comments-list li .comment-info { font-size: 1.2em; padding-left: 35px; position: relative; line-height: 25px; height: 25px; margin-bottom: 7px; } .post-comments-list .comment-info .avatar { position: absolute; top: 0; left: 0; } .post-comments-list .comment-info .time { margin-left: 6px; color: #808080; float: left; } .post-comments-list .comment-info .com-anchor { margin-left: 7px; color: #808080; float: left; } .post-comments-list .comment-info .answer { margin-left: 0px; } .post-comments-list .comment-info .answer-link { margin-right: 0px; } .post-comments-list .comment-info .edit-link { margin-left: 20px; color: #808080;} .post-comments-list .comment-info .delete { margin-left: 20px; } .post-comments-list .comment-info .rate { position: relative; float: left; margin: 0 23px 0 20px; color: #808080; overflow:hidden; } .post-comments-list .comment-info .rate span { overflow: hidden; float: left; } .post-comments-list .comment-info .rate span img { margin-top: 5px; float: left; } .post-comments-list .comment-info .rate .plus { margin-right: 6px;} .post-comments-list .comment-info .rate .plus img { background: url(../images/interface/icon_plus_minus_disabled.png) no-repeat 0 0; width: 15px; height: 16px; float: right; margin-left: 4px;} .post-comments-list .comment-info .rate .minus img { background: url(../images/interface/icon_plus_minus_disabled.png) no-repeat -15px 0; width: 15px; height: 16px; margin-right: 4px; } .post-comments-list .comment-info .rate .plus-active { color: #39b54a; } .post-comments-list .comment-info .rate .minus-active { color: #ff4800; } .post-comments-list .comment-info .rate .plus-active img { background: url(../images/interface/icon_plus_mini.png) no-repeat 0 0; } .post-comments-list .comment-info .rate .minus-active img { background: url(../images/interface/icon_minus_mini.png) no-repeat 0 0; } .post-comments-list .comment-info .rate img.load { background: url(../images/interface/ajax_load_mini.gif) no-repeat 0 0; } .post-comments-list .li-comment .ajax-load { position: absolute; bottom: 0; right: 0; } .post-comments-list .li-comment .deleted {color: #808080; font-style: italic;} /* .post-comments-list .li-comment .deleted { position: absolute; width: 100%; height: 300px; background-color: #f0f1f1; left: 0; top: 0; font-size: 1.4em; padding: 5px; } */ .comment-form-bg { background-color: #f0f1f1; position: relative; padding: 18px 25px; margin-top: 24px; } .comment-form-bg .corner { width: 18px; height: 18px; position: absolute; } .comment-form-bg .corner-lt { left: 0; top: 0; background: url(../images/interface/user_add_corners.png) no-repeat -18px 0; } .comment-form-bg .corner-rb { right: 0; bottom: 0; background: url(../images/interface/user_add_corners.png) no-repeat 0 0; } .comment-form-bg textarea { width: 100%; height: 130px; } .comment-form-bg .textarea-buttons { font-size: 1.4em; } .comment-form-bg .textarea-info { color:#999; font-size:1.2em; padding-top:6px; } .comment-edit {margin: 0px; padding: 0px;} .comment-edit .close {float: right; margin-bottom: 10px;} .comment-edit .comment-form-bg textarea { width: 100%; height: 130px; margin-bottom: 20px;} /******************************************************************************* * Поиск людей **************************************************************** *******************************************************************************/ #header-top-search { border: 1px #141414 solid; width: 240px; position: absolute; top: 70px; right: 4px; overflow: hidden; height: 300px; background-color: #fff; z-index: 20; } #header-top-search .bg { width: 240px; position: absolute; top: 0; left: 0; height: 300px; background-color: #fff; opacity: 0.9; } #header-top-search ul { position: relative; margin: 20px 15px; overflow: auto; height: 260px; } #header-top-search ul li { font-size: 1.4em; font-family: tahoma; margin-bottom: 4px; line-height: 25px; position: relative; padding-left: 34px; } #header-top-search ul li.org { line-height:1em; padding-left:0; font-size:1em; margin-bottom:10px; } #header-top-search ul li.org a { font-size:1.4em; } #header-top-search ul li.org .city { padding-top:4px; } #header-top-search ul li .avatar { position: absolute; top: 0; left: 0; width: 25px; height: 25px; } #header-top-search .popup-close { position: absolute; top: 10px; right: 10px; z-index: 21; } /******************************************************************************* * Вакансии ******************************************************************* *******************************************************************************/ .a-list { margin-top: 20px; } .a-list li { background-color: #f5f5f5; position: relative; } .a-list li .wrap { overflow: hidden; } .a-list li.odd { background-color: #fff; } .a-list li .wrap div { float: left; padding: 10px 0 8px; line-height: 18px; vertical-align: baseline; } .a-list .first-letter { position: absolute; top: 13px; left: -20px; font-size: 1.4em; color: #ccc; } .a-list .name span { display:block; margin:0 6px; } .a-list li { zoom:1; } .a-list li .ava { position:absolute; top:6px; left:-30px; vertical-align:bottom; } .a-list .name a { } .a-list-job .name { width: 40%; font-size: 1.8em; } .a-list-job .zp { width: 20%; font-size: 1.4em; color: #999; } .a-list-job .zp-val { color: #00a651; } .a-list-job .city { width: 20%; font-size: 1.2em; } .a-list-job .date { width: 20%; font-size: 1.2em; color: #666; } .a-list-orgs .name { width: 50%; font-size: 1.8em; } .a-list-orgs .city { width: 25%; font-size: 1.2em; } .a-list-orgs .rating { font-size: 1.2em; } .a-list-orgs .date { width: 24%; font-size: 1.2em; color: #666; } .job-info-head { overflow: hidden; margin: 10px 0 0; } .job-info-head h3 { font-size: 3.2em; font-style: italic; font-weight: bold; float: left; line-height: 32px; display: inline; } .job-info-head .zp { float: left; font-size: 1.8em; font-style: italic; font-weight: bold; color: #999; padding-top: 11px; margin-left: 15px; } .job-info-head .zp-val { color: #3cb878; } .job-info-actions { overflow: hidden; margin-top: 7px; position: relative; } .job-info-actions div { float: left; height: 18px; margin-right: 21px; padding-top: 4px; } .job-info-actions .edit { padding-left: 18px; background: url(../images/interface/user_menu_options.png) no-repeat 0 3px; } .job-info-actions .lock { padding-left: 18px; background: url(../images/interface/icon_lock.png) no-repeat 0 0; } .job-info-actions .del { padding-left: 18px; background: url(../images/interface/icon_delete.png) no-repeat 0 3px; } .job-info-actions .ajax-loader { position: absolute; right: 0; bottom: 2px; } .job-info-columns { overflow: hidden; margin-top: 30px; } .job-info-columns div { float: left; margin-right: 40px; padding-bottom: 2px; } .job-info-columns h4 { font-weight: normal; padding-bottom: 12px; } .job-info-columns div span { font-size: 1.5em; } .job-info-columns div.phone { background: url(../images/interface/user_contacts_phone.png) no-repeat 0 3px; } .job-info-columns div.email { background: url(../images/interface/user_contacts_mail.png) no-repeat 0 6px; } .job-info-columns div.phone, .job-info-columns div.email { float: none; margin-right: 0; padding: 4px 0 2px; } .job-info-columns div.phone span, .job-info-columns div.email span { margin-left: 20px; } .job-info-columns .author div { position: relative; } .job-info-columns .author img { position: absolute; top: 0; left: 0; } .job-info-columns .author span { padding-left: 0; display: block; } .job-info-columns .author .rating { font-size: 1.3em; padding-top: 4px; } .job-info-columns .author .ext { font-size: 1.1em; padding-top: 10px; line-height: 1.1em; } .job-info-text { overflow: hidden; padding: 22px 0; position: relative; margin-left: -24px; width: 102%; margin-top: 30px; } .job-info-text .corner { position: absolute; width: 100%; height: 44px; left: -22px; top: -22px; background: url(../images/interface/corners_yellow_22.png) no-repeat 0 0; } .job-info-text .rt, .job-info-text .rb { margin-left: 100%; width: 44px; } .job-info-text .lb, .job-info-text .rb { top: auto; } .job-info-text .inner { padding: 0 24px; border-left: 2px solid #FFEA00; border-right: 2px solid #FFEA00; } .job-search-wrap { padding: 22px 0; position: relative; overflow: hidden; } .job-search-wrap .corner { position: absolute; width: 100%; height: 44px; left: -22px; top: -22px; background: url(../images/interface/corners_yellow_22.png) no-repeat 0 0; } .job-search-wrap .rt, .job-search-wrap .rb { margin-left: 100%; width: 44px; } .job-search-wrap .lb, .job-search-wrap .rb { top: auto; } .job-search-wrap .job-search-inner { border-left: 2px #FFEA00 solid; border-right: 2px #FFEA00 solid; padding: 0 30px; } .job-search-wrap h3 { font-size: 1.8em; font-weight: normal; padding: 10px 0 30px; } .job-search-wrap fieldset { font-size: 1.4em; } .job-search-wrap .city-change { color: #999; } .job-search-wrap .spec-change { margin: 17px 0; } .job-search-wrap label { display: block; padding-bottom: 4px; } .new-job-org-input { color: #39b54a; } .job-quicksearch-holder {margin-top: 130px; height: 480px;} .job-tags-holder {margin-top: -70px;} #blog-list li.vacancy-closed h3 a {color:#808080;} /******************************************************************************* * Избранные вакансии ********************************************************* *******************************************************************************/ .favorite-jobs .zp { font-style: italic; font-size: 0.667em; font-weight: bold; } .favorite-jobs .zp-val { color: #3CB878; } /******************************************************************************* * Пользователь / личные сообщения ******************************************** *******************************************************************************/ .user-messages li { padding: 10px 9px 20px; background-color: #e8ffe8; margin-bottom: 22px; position: relative; } .user-messages li.viewed { background-color: #fff; } .user-messages li .user-info { padding-left: 37px; position: relative; line-height: 25px; } .user-messages li .user-info-without-avatar { padding-left: 0; } .user-messages li .user-info a { font-size: 120%; } .user-messages li .user-info .avatar { position: absolute; top: 0; left: 0; } .user-messages li .user-info span { padding-left: 12px; } .user-messages li .user-info-without-avatar span { padding-left: 0; } .user-messages li .user-info .del { vertical-align: middle; margin-left: 8px; } .user-messages li .text { padding: 4px 0 0 37px; font-size: 1.4em; line-height: 22px; cursor: pointer; } .user-messages li .text-in-chain { padding-top: 7px; } .user-messages li.viewed .text { cursor: default; } .user-messages li .chain-link { margin: 4px 0 0 37px; font-size: 1.2em; } .user-messages li .loader { position: absolute; right: 10px; bottom: 10px; } .user-messages li .instant-answer-wrap { padding:10px 0 0 37px; } .user-messages-chain h4 { font-size: 2.4em; font-style: italic; font-weight: bold; padding: 20px 0 0 10px; } .user-messages-chain .who-with-who { font-size: 1.6em; line-height: 20px; overflow: hidden; padding: 17px 0 35px 10px; } .user-messages-chain .who-with-who div, .user-messages-chain .who-with-who img { float: left; } .user-messages-chain .who-with-who div { padding-top: 3px; } .user-messages-chain .who-with-who img { margin-right: 5px; } .user-messages-chain .who-with-who .arrow { margin: 8px 10px 0; } .new-message-in-chain-form { padding: 18px 23px; position: relative; margin-left: -13px; background-color: #f0f1f1; } .new-message-in-chain-form .corner { position: absolute; width: 18px; height: 18px; } .new-message-in-chain-form .corner-lt { left: 0; top: 0; background: url(../images/interface/user_add_corners.png) no-repeat -18px 0; } .new-message-in-chain-form .corner-rb { right: 0; bottom: 0; background: url(../images/interface/user_add_corners.png) no-repeat 0 0; } .new-message-in-chain-form textarea { width: 100%; height: 100px; } .dialog-content .new-um-form { padding: 18px 23px; } .dialog-content textarea { width: 100%; height: 190px; } /******************************************************************************* * Пользователь / резюме ****************************************************** *******************************************************************************/ #user-resume-form, #user-resume-view { margin-top: 30px; } #user-resume-form label, #user-resume-view .resume-label { font-size: 1.8em; display: block; padding: 0 0 5px 9px; } #user-resume-form textarea { width: 100%; height: 130px; padding: 3px 5px; } #user-resume-form .text-wrap { padding-bottom: 30px; } #user-resume-form .textarea-info { font-size: 1.2em; color: #808080; padding: 5px 0 0 8px; line-height: 18px; } #user-resume-form .textarea-info a {color: #808080;} #user-resume-view .text-wrap { line-height: 20px; padding: 0 0 26px 10px; } /******************************************************************************* * Сайдбар слева ************************************************************** *******************************************************************************/ .item-left-sidebar { float: left; width: 225px; position: relative; } .right-wide-column { margin-left: 225px; } .right-wide-column .item-header { font-size: 4em; font-style: italic; padding-bottom: 3px; border-bottom: 1px #e5e5e5 solid; position: relative; } .right-wide-column .item-header .sub-header { font-size: 0.75em; color: #808080; padding-left:10px; } .right-wide-column .item-header .actions { position: absolute; bottom: 0; right: 0; font-size: 16px; font-style: normal; width: 260px; } .right-wide-column .item-header .actions .action { padding-left: 27px; line-height: 20px; } .right-wide-column .item-header .actions .action-plus { background: url(../images/interface/icon_plus.png) no-repeat 0 0; } .right-wide-column .item-header .actions a { color: #3CB878; } .right-wide-column .item-header .actions .join-info { font-style: italic; color: #999; font-size: 12px; line-height: 14px; } .right-wide-column .item-header .actions .ajax-loader { position:absolute; bottom:0; right:0; } .right-wide-column .item-inner-left { margin-right: 313px; } .right-wide-column .org-contacts { font-size: 1.6em; padding: 12px 0px 0px 0px; } .right-wide-column .org-contacts p { line-height: 1.4em; padding-top: 6px; } .right-wide-column .users-mini-float { overflow: hidden; } .right-wide-column .users-mini-float li { float: left; width: 50%; position: relative; margin-bottom: 10px; } .right-wide-column .users-mini-float .head { position: relative; padding-left: 40px; font-size: 1.5em; line-height: 25px; } .right-wide-column .users-mini-float .head .avatar { position: absolute; left: 0; top: 0; } .right-wide-column .users-mini-float .rating { font-size: 1.3em; padding: 2 0 5px 40px; } .right-wide-column .users-mini-float .rating span { color: #999; } .right-wide-column .users-mini-float .rating .plus { color: #3CB878; } .right-wide-column .users-mini-float .city { color: #808080; font-size: 1.1em; padding-left: 40px; } .right-wide-column .users-mini-float .actions { padding-left: 40px; font-size: 1.2em; padding-top: 6px; padding-bottom: 4px; } .right-wide-column .users-mini-float .actions .minus { color: #f00; } .right-wide-column .users-mini-float .actions .plus { color: #39b54a; } .right-wide-column .users-mini-float li .ajax-loader { position: absolute; right: 10px; bottom: 0; } .right-wide-column #org-details { margin-top: 40px; } .right-wide-column #org-details-edit { width: 100%; padding: 3px 5px; height: 400px; margin-bottom: 30px; } .right-wide-column #org-details .org-details-view { font-size: 1.4em; line-height: 20px; } .job-info-actions .ajax-loader { position: absolute; } /*** аватар организации ****/ .item-left-sidebar .avatar-medium-org { border: 5px #fff solid; margin: 0 0 12px 42px; } .item-left-sidebar .avatar-medium-active { border: 5px #ffea00 solid; margin: 0 0 12px 42px; display: block; } #org-avatar-medium-name { margin-bottom: 30px; font-size: 1.2em; padding-left: 62px; padding-right:20px; } #org-avatar-medium-name a { color: #000; line-height: 1.2em; } .user-sidebar-add-item { background: url(../images/interface/user_add_connection.png) no-repeat right 50px; } .user-sidebar-add-item .connect { display: none; } .item-left-sidebar .avatar-medium-load-link { margin-left: 62px; padding-left: 27px; background: url(../images/interface/icon_plus.png) no-repeat 0 center; line-height: 1.3em; } .item-left-sidebar .avatar-medium-edit-link { margin-left: 62px; padding-left: 20px; background: url(../images/interface/icon_options.png) no-repeat 0 center; line-height: 1.3em; } .org-sidebar .avatar-delete { position: absolute; top: 98px; left: 140px; width: 15px; height: 15px; } .org-sidebar .avatar-ajax-change { width: 110px; height: 110px; background: #fff url(../images/interface/ajax_load_mini.gif) no-repeat 50% 50%; position: absolute; top: 5px; left: 47px; display: none; } /*** УЧАСТНИКИ ОРГАНИЗАЦИИ ***/ .org-members { padding:0 0 40px 10px; } .org-members h3 { font-style:italic; font-weight:bold; font-size:1.6em; color:#808080; padding-bottom:10px; } .large-text h3 { font-size: 1.6em; font-style:italic; padding-bottom: 10px; margin-top: 20px; } .large-text p { font-size: 1.4em; line-height: 1.6em; padding-bottom: 1em; } #blog-on-air .new-users li .name { font-size: 1.5em; } #blog-on-air .new-users li .city { padding-top: 3px; } #content-left-column .link-to-all { padding: 0 0 24px 14px; margin: 0 0 60px -14px; } #post-images-tmp { overflow:hidden; } #post-images-tmp li { float: left; height:60px; margin: 0 5px 5px 0; position:relative; } #post_img_upload_button { width:86px; height:60px; } #post-images-tmp li img.thumb { height: 54px; border: 3px #fff solid; } #post-images-tmp li img.del { position:absolute; right:5px; bottom:5px; cursor:pointer; } #post-images-tmp li img.add { position:absolute; top:5px; left:5px; cursor:pointer; } #post-images-tmp .new-img div { background: url("../images/interface/post_img_plus.png") no-repeat 0 0; } .one-img-upload { background: url("../images/interface/post_img_plus.png") no-repeat 0 0; width:86px; height:60px; } .post_img_upload_button-load { background: #39b54a url('../images/interface/ajax_load_green.gif') no-repeat 50% 50%; } .post-slider { margin-bottom: 15px; } .post-slider-thumbs { overflow: hidden; margin-bottom: 5px; } .post-slider-thumbs li { opacity: 0.4; float: left; margin-right: 3px; margin-bottom: 3px; } .post-slider-thumbs li img { border-top: 2px #fff solid; border-bottom: 2px #fff solid; vertical-align:bottom; cursor:pointer; } .post-slider-thumbs li.active img { border: 2px #f1e925 solid; margin-top: 0; cursor:default; } .post-slider-thumbs li img { height: 80px; } .success-add { font-size:140%; color:#39b54a; } /*** ФОТОАЛЬБОМЫ ***/ #albums-list { overflow:hidden; zoom:1; } #albums-list li { float:left; width:220px; height:260px; margin-right:20px; } #albums-list li div.preview { position:relative; padding:0 5px 5px 0; overflow:hidden; zoom:1; height:140px; } #albums-list li div.preview div.photo { background:url(../images/interface/photoalbum_border_corner.png) no-repeat right bottom; height:140px; position:absolute; left:50%; margin-left:-103px; } #albums-list li div.preview div.photo img { border:1px #ccc solid; } #albums-list li div.preview div.photo img.corner { position:absolute; border:0; } #albums-list li div.preview img.rt { top:0; right:0; } #albums-list li div.preview img.lb { left:0; bottom:0; } #albums-list li div.preview div.photo .del { border:0; position:absolute; bottom:10px; right:10px; } #albums-list li div.preview div.photo .del img { border:0;} #albums-list li div.info { text-align:center; padding-right:4px; } #albums-list li div.info a { font-size:1.5em; } #albums-list li div.info span { display:block; font-size:1.2em; } #albums-list li div.info span.qty { padding:5px 0 3px; } .new-album-form { padding:40px 20px; } /*** ВИЗИТКИ ***/ .new-vcard-form { padding:40px 20px; position:relative; zoom:1; } .new-vcard-form .btn { position:absolute; right:20px; bottom:0; } .new-vcard-link { padding:50px 0 0 67px; } .new-vcard-link-icon { background:url(../images/interface/icons/vcard.jpg) no-repeat 45px 53px; } .vcards-wrap { padding:40px 0 0 35px; } .vcards-wrap h3 { padding-left:35px; padding-bottom:15px; font-size:1.6em; } .vcards-wrap ul li { padding-left:35px; position:relative;zoom:1; margin-bottom:10px; } .vcards-wrap ul li .avatar { position:absolute;top:0;left:0; } .vcard-view { padding:30px 60px 20px; } .vcard-view .user-info a { font-size:1.6em; } .vcard-view .user-info .city { font-size:1.2em; padding-left:6px; } .vcard-view .user-info .work-position { padding-top:10px; color:#666; font-size:1.2em; } .vcard-view .vcard-text { font-size:1.5em; line-height:18px; padding:15px 0 40px; } /* редактирование */ .album-edit { min-height:400px; } .album-edit .album-name { zoom:1; position:relative; } .album-edit .album-name label { display:block; padding-bottom:4px; } .album-edit .album-name input { width:68%; } .album-edit .album-name .save { position:absolute; right:0; top:20px; width:30%; } .album-edit .album-desc { zoom:1; position:relative; padding-top:25px; } .album-edit .album-desc label { display:block; padding-bottom:4px; } .album-edit .album-desc textarea { width:68%; height:110px; } .album-edit .album-desc .save { position:absolute; right:0; top:45px; width:30%; } .album-edit .no-photos { padding:0 0 15px; } .album-edit #no_photos_hint { position:absolute; top:210px; width:50%; left:150px; background:url(../images/interface/arrow_spec_left.png) no-repeat 0 4px; padding-left:20px; } .album-edit .loader { position:absolute; top:20px; right:20px; } .album-photos-title { padding-top:50px; display:block; } .album-photos-list { overflow:hidden; zoom:1; margin:10px 220px 0 -10px; min-height:280px; } .album-photos-list li { float:left; width:110px; height:110px; position:relative; zoom:1; } .album-photos-list li #post_img_upload_button { margin-top:40px; margin-left:10px; } .album-photos-list li .thumb { position:absolute; bottom:10px; left:50%; cursor:pointer; } .album-photos-list li.thumb-active { background-color:#fef627; } .album-photos-list li .del-icon { position:absolute; bottom:12px; left:50%; cursor:pointer; } .album-photos-list li .rotate-icon { position:absolute; bottom:12px; left:50%; cursor:pointer; } .album-photos-list-view { margin-left:10px; } .album-photo-info { position:absolute; top:140px;right:26px; padding:10px 0 20px 10px; border-left:1px #c0c2c2 solid; } .album-photo-info label { display:block; padding-bottom:4px; } .album-photo-info textarea { height:200px; width:200px; } #post_img_upload_button { background: url("../images/interface/post_img_plus.png") no-repeat 0 0; } .album-edit #plupload-form { margin-top:100px; } .album-edit #uploader_container { padding:0; } .grey-head-block { padding: 15px 0 0 0; background:url(../images/interface/grey_head.png) no-repeat 0 0; } .grey-head-block .inner { padding:0 24px; position:relative; zoom:1; } .grey-head-block h4 { font-size:1.4em; font-style:italic; padding-bottom:10px; } .grey-head-block .object-info { font-size:1.2em; color:#999; } .grey-head-block .object-info span { color:#0072bc; } .grey-head-block .object-info .thumbs { margin-bottom:12px; overflow:hidden; height:90px; } .grey-head-block .object-info .thumbs .thumbs-inner { width:1200px; height:90px; vertical-align:baseline; } .grey-head-block .object-info .thumbs img { margin-right:15px; } .grey-head-block .object-info .thumbs .grad { margin-right:0; position:absolute; top:0; right:0; } .grey-head-block .object-info li { float:left; margin-right:15px; padding:0 0 10px 0; width:90px; height:90px; text-align:center; } .grey-head-block .link-to-all { text-align:right; font-size:1.4em; } .grey-head-block .link-to-all a { color:#999; } .event_holder {list-style: none; width: 100%; margin: 0px 0px 25px 0px; padding: 0px; overflow: hidden; zoom: 1;} .event_holder .event_icon {width: 35px; float: left;} .event_holder .event_text {width: 83%; float: left; font-size: 1.4em; font-weight: normal; line-height: 130%;} .event_holder .event_text a {color: #0072bc} .event_holder .event_text .event_author {display: block; margin-top: 5px; color: #999; font-size: 0.85em; font-weight: normal;} .event_holder .event_text .event_author a {color: #999;} .event_holder .event_text .event_bottom {display: block; margin-top: 20px; margin-bottom: 5px; color: #666; font-size: 0.9em; font-weight: normal;} .event_holder .event_text .event_bottom img {margin-right: 20px;} .event_holder .event_date {width: 10%; float: left; color: #666; font-style: italic; font-size: 1.2em; text-align: center;} .event_holder .clear {clear: both;} .news {margin-top: 30px; font-weight: normal; line-height: 130%;} .news .no_news {font-size: 1.4em;} .news_count {margin: 20px 0px 0px 35px; font-size: 1.1em; color: #999;} .delete-verify {background: #000; padding: 5px; color: #fff;}