/*start header*/ #header .logo { background:url(http://www.expedition.com/templates/skin/prestige/images/logo_exp.png) no-repeat; text-indent:-9999px; color:#fff; position:absolute; width:128px; height:132px; font-weight:bold; font-size:30px; top:-2px; text-shadow:1px 1px 0 rgba(0,0,0,.5); border:0; left:30px; } /*end header*/ /*start nav-panel*/ .nav-panel { background: #e7e7e7; line-height: 42px; height: 44px; box-shadow: 0 1px 0 0 #fff; margin-bottom: 30px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .nav-panel .nav-filter-wrapper { margin: 0; } .nav-panel.fixed { position: fixed; top: 0; /*width: 1135px;*/ z-index: 1; -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .2); box-shadow: 0 0 27px rgba(0, 0, 0, .2); } #nav-panel-dubl { height: 44px; width: 100%; margin-bottom: 42px; display: none; } /*start nav-panel*/ /*start main-list-users*/ .main-list-users {} .main-list-users ul.title-header { margin-bottom: 25px; height: 30px; border-bottom: 1px solid #C8C8C8; box-shadow: 0 1px 0 0 #FFF; font-size: 14px; } .main-list-users ul.title-header li { float: left; padding: 0 10px; text-align: center; } .main-list-users ul.title-header li a, .main-list-users ul.title-header li span { color: #888; text-decoration: none; line-height: 30px; display: inline-block; } .main-list-users ul.title-header li a.desc, .main-list-users ul.title-header li span.desc { background: url(http://www.expedition.com/templates/skin/prestige/images/arr-5-bottom.png) no-repeat right center; padding-right: 10px; color: #393939; border-bottom: 1px solid #717171; text-decoration: none; line-height: 30px; display: inline-block; } .main-list-users ul.title-header li a.asc, .main-list-users ul.title-header li span.asc { background: url(http://www.expedition.com/templates/skin/prestige/images/arr-5-top.png) no-repeat right center; padding-right: 10px; color: #393939; border-bottom: 1px solid #717171; text-decoration: none; line-height: 30px; display: inline-block; } .main-list-users ul.title-header li.cell-number { width: 35px; } .main-list-users ul.title-header li.cell-name { width: 150px; } .main-list-users ul.title-header li.cell-rating { width: 70px; } .main-list-users ul.title-header li.cell-reg { width: 120px; float: right; } .main-list-users ul.list-usr {} .main-list-users ul.list-usr li.one-user { background: #FFF; position: relative; padding: 3px 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; margin-bottom: 10px; } /*хаки для FF*/ @-moz-document url-prefix() { .main-list-users ul.list-usr li.one-user { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } } .main-list-users ul.list-usr li.one-user ul { overflow: hidden; } .main-list-users ul.list-usr li.one-user ul li { height: 44px; line-height: 44px; padding: 0 10px; } .main-list-users ul.list-usr li.one-user ul li.cell-number { text-align: center; font-weight: bold; color: #c8c8c8; font-size: 14px; float: left; width: 20px; margin-right: 5px; } .main-list-users ul.list-usr li.one-user ul li.cell-name { font-size: 14px; font-weight: bold; float: left; width: 105px; padding-left: 50px; position: relative; } .main-list-users ul.list-usr li.one-user ul li.cell-name a { text-decoration: none; } .main-list-users ul.list-usr li.one-user ul li.cell-name .avatar { position: absolute; left: 0; top: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border: 1px solid #FFF; border-radius: 1px; width: 30px; height: 30px; } .main-list-users ul.list-usr li.one-user ul li.cell-rating { font-size: 13px; float: left; width: 70px; text-align: center; font-weight: bold; } .main-list-users ul.list-usr li.one-user ul li.cell-rating.positiv { color: #51983c; } .main-list-users ul.list-usr li.one-user ul li.cell-rating.negative { color: #ff0000; } .main-list-users ul.list-usr li.one-user ul li.cell-reg { font-size: 13px; float: right; width: 120px; text-align: center; color: #888888; } /*end main-list-users*/ /*start login-form*/ #login-form, #registration-form, #invite-form, #reminder-form { display: block; width: 450px; margin-left: -225px; top: 150px; position: absolute; left: 50%; color: #333; border: 1px solid #FFF; background: url(http://www.expedition.com/templates/skin/prestige/images/noise.png) repeat scroll center center #F0F0F0; border-radius: 2px; -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .2); box-shadow: 0 0 27px rgba(0, 0, 0, .2); overflow: hidden; } #login-form h2, #registration-form h2, #invite-form h2, #reminder-form h2 { color: #DA7133; font-size: 24px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; margin: 15px 0 0 0; text-shadow: 0 1px 0 #FFFFFF; } #login-form .wraps, #registration-form .wraps, #invite-form .wraps, #reminder-form .wraps { padding: 10px 23px 23px 23px; } #login-form .wraps .nav, #registration-form .wraps .nav, #invite-form .wraps .nav, #reminder-form .wraps .nav { margin-bottom: 30px; } #login-form .wraps .nav li, #registration-form .wraps .nav li, #invite-form .wraps .nav li, #reminder-form .wraps .nav li { margin-right: 48px; } #login-form .wraps .nav li:last-child, #registration-form .wraps .nav li:last-child, #invite-form .wraps .nav li:last-child, #reminder-form .wraps .nav li:last-child { margin: 0; } #login-form .wraps .nav li a, #registration-form .wraps .nav li a, #invite-form .wraps .nav li a, #reminder-form .wraps .nav li a { font-weight: bold; } /*end login-form*/ /*start soc-links*/ .soc-links { height: 31px; margin-bottom: 30px; } .soc-links li { float: left; margin-right: 17px; } .soc-links li:last-child { margin: 0; } .soc-links li a { display: inline-block; } .soc-links li.link-fb a { background: url(http://www.expedition.com/templates/skin/prestige/images/logins-fb.png) no-repeat; width: 140px; height: 31px; } .soc-links li.link-tw a { background: url(http://www.expedition.com/templates/skin/prestige/images/logins-tw.png) no-repeat; width: 126px; height: 31px; } .soc-links li.link-vk a { background: url(http://www.expedition.com/templates/skin/prestige/images/logins-vk.png) no-repeat; width: 103px; height: 31px; } /*end soc-links*/ /*start error*/ .page-error { text-align: center; font-family: "PT Sans", sans-serif; } .name-error { margin: 50px 0 60px; font-size: 160px; font-weight: bold; color: #DEDEDE; display: inline-block; border: 14px solid #DEDEDE; text-shadow: 1px 1px 1px #FFF; -moz-box-shadow: 1px 1px 1px 0 #FFF; -webkit-box-shadow: 1px 1px 1px 0 #FFF; box-shadow: 1px 1px 1px 0 #FFF; line-height: 325px; border-radius: 190px; padding: 0 25px; } .oops-error { font-size: 34px; font-weight: bold; text-shadow: 1px 1px 1px #FFF; color: #a9a9a9; margin-bottom: 55px; } .text-error { font-size: 34px; text-shadow: 1px 1px 1px #FFF; color: #C4C4C4; margin-bottom: 40px; line-height: 40px; padding: 0 165px; } .link-error { font-size: 34px; text-shadow: 1px 1px 1px #FFF; color: #c4c4c4; margin-bottom: 55px; line-height: 40px; } /*end error*//*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: 0; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1, h2, h3, h4, h5, h6 { font-size: 13px; line-height: 1.2em; font-weight: normal; margin: 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; } /* * Improves readability of pre-formatted text in all browsers */ pre { } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 0 0; } dd { margin: 0 0 0 0; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 0; } /* * Corrects list images handled incorrectly in IE7 */ ul, ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: none; margin: 0; padding: 0; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } iframe { border: none; } /* ------------------------------------------------------------------- ОСНОВНЫЕ СТИЛИ ------------------------------------------------------------------- */ @font-face { font-family: 'BebasNeueCyrillicRegular'; src: url(http://www.expedition.com/templates/skin/prestige/fonts/bebasneuecyrillic-webfont.eot); src: url() format('embedded-opentype'), url(http://www.expedition.com/templates/skin/prestige/fonts/bebasneuecyrillic-webfont.woff) format('woff'), url(http://www.expedition.com/templates/skin/prestige/fonts/bebasneuecyrillic-webfont.ttf) format('truetype'), url() format('svg'); font-weight: normal; font-style: normal; } body { font-size: 13px; font-family: "PT Sans", Arial, sans-serif; line-height: 18px; color: #999; background: #ddd; } .social-links { display:block; text-align:center; margin-bottom:20px; } .social-links li { display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 13px; } .social-links li a { display:block; width:63px; height:63px; background:url(http://www.expedition.com/templates/skin/prestige/images/social-i.png) no-repeat; text-indent:-9999px; } .social-links li.vk { margin-left:0; } .social-links li.vk a { background-position:-270px -20px } .social-links li.vk a:hover { background-position:-270px -109px } .social-links li.fb a { background-position:-24px -20px } .social-links li.fb a:hover { background-position:-24px -109px } .social-links li.yt { margin-right:-3px; } .social-links li.yt a { background-position:-433px -20px } .social-links li.yt a:hover { background-position:-433px -109px } .faces { min-height:400px; } .faces .face { cursor:pointer; float:left; width:126px; background:#fff; margin:0 18px 18px 0; position:relative; } .faces .face .photo img { width:126px; height:163px; display:block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(); /* Firefox 4+ */ filter: gray; /* IE 6-9 */} .faces .face .text { z-index:10; display:none; background:#fff; position:absolute; font-size:13px; width:110px; padding:0 8px 8px; color:#000; margin-left:-18px; border:18px solid #ff6b11; border-top:0;} .faces .face .name { font-size:18px; text-transform: uppercase; color:#ff6b11; line-height:22px; margin:8px 0 } .faces .face:hover { box-shadow:0 0 0 18px #ff6b11; } .faces .face:hover .text { display:block; } .faces .face:hover .photo img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; } /* Снипеты ---------------------------------------------------- */ .fl-r { float: right; } .fl-l { float: left; } /* Снипеты ---------------------------------------------------- */ .icox { background: none!important; width: auto; height: auto; font-size: 15px; color: #000; } /* Ссылки ---------------------------------------------------- */ a { color: #da7133; text-decoration: none; transition: all 0.25s ease-in-out 0s; } a.js-style { color: #da7133; text-decoration: none; transition: none; } a:hover { text-decoration: none; color: #ab5a2a; } .text a:visited, .topic .topic-header .topic-title a:visited, .item-list li a:visited {} a.link-dashed { border-bottom: 1px dashed #da7133; } a.link-dashed:hover { border-color: #999999; } a.link-dotted { text-decoration: none; border-bottom: 1px dashed #DA7133; } a.link-dotted:hover { border-color: #999999; } /* Заголовки ---------------------------------------------------- */ h2.page-header { color: #333; font-size: 27px; line-height: 1em; font-weight: bold; margin-bottom: 20px; } h2.page-header span { color: #aaa; } h2.header-table { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 14px; font-weight: bold; color: #444; } /* Stat ---------------------------------------------------- */ .stat-performance { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); color: #FFFFFF; margin: 20px auto 0; padding: 15px 0; width: 100%; } .stat-performance table { margin: 0 auto; } .stat-performance table td { width: 200px; vertical-align: top; } .stat-performance h4 { font-weight: bold; } /* Userfeed ---------------------------------------------------- */ .userfeed-get-more { display: block; width: 90%; margin: 0px auto; text-align: center; height: 2.5em; padding-top: 1em; } .userfeed-get-more:hover { background: #f0f7fd; } .userfeed_loading { background: #F7F7F7 url(http://www.expedition.com/templates/skin/prestige/images/loader.gif) no-repeat center; } /* Stream ---------------------------------------------------- */ .stream-get-more { display: block; text-align: center; padding: 12px 0; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-decoration: none; } .stream-get-more:hover { background: #fff; } .stream_loading { background: #fff url(http://www.expedition.com/templates/skin/prestige/images/loader.gif) no-repeat center; } .stream-comment-preview { background: none repeat scroll 0 0 #F1F1F1; border-left: 5px solid #C8C8C8; margin-top: 5px; padding: 5px 10px; } .stream-list { margin: 5px 0 20px 0px; } .stream-list li.stream-item { background: none repeat scroll 0 0 #FAFAFA; border-bottom: 1px solid #C9C9C9; border-top: 1px solid #FFFFFF; margin-bottom: 10px; min-height: 48px; padding: 10px 15px 10px 70px; position: relative; text-shadow: 0 1px 0 #FFFFFF; } .stream-list li.stream-item .avatar { border: 1px solid #FFFFFF; border-radius: 25px 25px 25px 25px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.15); left: 10px; position: absolute; top: 8px; } .stream-list li.stream-item .date { display: block; color: #999; margin-bottom: 5px; } .stream-list li.stream-item a { text-decoration: none; } .stream-list li.stream-item a:hover { text-decoration: underline; } .stream-list li.stream-header-date { color: #999999; font-size: 14px; font-weight: 600; text-shadow: 0 1px 0 #FFFFFF; margin-bottom: 10px; } /* Userfields ---------------------------------------------------- */ .userfield-list { width: 450px; } .userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; } .userfield-list li .userfield-actions { float: right; } .userfield-list li .userfield_admin_name { font-weight: bold; color: #333; } .userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; } .userfield-add:hover { color: #333; border-color: #333; } /* Misc ---------------------------------------------------- */ .avatar-edit { margin-bottom: 15px; } .avatar-edit img { vertical-align: bottom; } .avatar-edit label { margin-top: 10px; } .drafts { float: right; margin-top: 10px; } .poll-create { padding: 15px 20px; margin-bottom: 20px; background: #f7f7f7; } .question-list { margin-bottom: 15px; } .question-list li { margin-bottom: 5px; } .question-list li .input-text { margin-right: 10px; } .help { display: none; position: relative; padding: 10px 7px 13px; background: #fafafa; margin-top: 13px; font-size: 11px; line-height: 16px; border-radius: 3px; -webkit-box-shadow: 0 0 5px #eaeaea inset; box-shadow: 0 0 5px #eaeaea inset; color: #555555; text-shadow: 0 1px 0 #FFFFFF; } .help:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eee transparent; border-style: solid; } .help h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; } .help .help-col { float: left; width: 250px; padding: 0 10px; } .help .help-col.help-wide { float: none; width: 96%; } .help .help-item { margin-bottom: 20px; } .help .help-item:last-child { margin-bottom: 0; } .help .help-item h4 { font-family: monospace; font-weight: bold; margin-bottom: 3px; } .help .help-item h4 a { border-bottom: 1px dashed #DA7133; color: #DA7133; } /*Страница выхода*/ .exit-page, .confirm-page { display: table; width: 100%!important; height: 100%; overflow: hidden; float: none!important; margin: 0!important; color: #FFFFFF; font-size: 14px; text-shadow: 0 0 9px rgba(0, 0, 0, 0.65) } .exit-page a, .confirm-page a { text-shadow: none; } .exit-page .sub-wrapper, .confirm-page .sub-wrapper { display: table-cell; vertical-align: middle; width: 100%; } .exit-page .sub-wrapper .content-wrapper, .confirm-page .sub-wrapper .content-wrapper { width: 100%; text-align: center; margin: -45px auto 0; } .exit-page .sub-wrapper .content-wrapper .page-header, .confirm-page .sub-wrapper .content-wrapper .page-header { color: #FFFFFF; font-family: "Pt Sans", sans-serif; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); font-size: 35px; } .admin-domains li { font-size: bold; }/* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http: //markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp a: link, .markItUp a: visited { color: #000; text-decoration: none; } .markItUp { margin-bottom: 5px; } .markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font: 12px "Courier New", Courier, monospace; padding: 5px; height: 200px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #C0CAD5; } .markItUpPreviewFrame { overflow: auto; background-color: #FFF; border: 1px solid #eee; padding: 10px; height: 300px; margin: 5px 0; font: 12px Tahoma, Arial, Helvetica, sans-serif; } .markItUpFooter { width: 100%; } .markItUpResizeHandle { overflow: hidden; height: 8px; background: url(http://www.expedition.com/engine/lib/external/jquery/markitup/skins/simple/images/handle.png) 50% 3px no-repeat; cursor: n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader { background: #eee; padding: 5px; border-top: 1px solid #c0cad5; border-left: 1px solid #c0cad5; border-right: 1px solid #c0cad5; } .markItUpHeader ul { overflow: visible; zoom: 1; display: inline-block; *display: inline; /* ie <= 7 */ } .markItUpHeader ul li { list-style: none; float: left; position: relative; margin-right: 6px; } .markItUpHeader ul li: hover > ul{ display: block; } .markItUpHeader ul .markItUpDropMenu { background: transparent url(http://www.expedition.com/engine/lib/external/jquery/markitup/skins/simple/images/menu.png) no-repeat 115% 50%; margin-right: 5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right: 0px; } /* next rows of buttons */ .markItUpHeader ul ul { display: none; position: absolute; top: 16px; left: 0px; background: #eee; border: 1px solid #000; } .markItUpHeader ul ul li { float: none; border-bottom: 1px solid #000; } .markItUpHeader ul ul .markItUpDropMenu { background: #eee url(http://www.expedition.com/engine/lib/external/jquery/markitup/skins/simple/images/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin: 0 6px 0 0; width: 1px; height: 16px; overflow: hidden; background-color: #CCC; } .markItUpHeader ul ul .markItUpSeparator { width: auto; height: 1px; margin: 0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position: absolute; top: -1px; left: 150px; } .markItUpHeader ul ul ul li { float: none; } .markItUpHeader ul a { display: block; width: 16px; height: 16px; text-indent: -10000px; background-repeat: no-repeat; margin: 0px; } .markItUpHeader ul ul a { display: block; padding-left: 0px; text-indent: 0; width: 120px; padding: 5px 5px 5px 25px; background-position: 2px 50%; color: #000; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .markItUpHeader ul ul a:hover { background-color: #fff; } .markItUpPreviewFrame { } .markItUpPreviewFrame p { margin-bottom: 18px; } .markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; } .markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; } .markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; } .markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; } .markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; } .markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; } /* ------------------------------------------------------------------- // markItUp! // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp .editor-h4 a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/h4.png); } .markItUp .editor-h5 a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/h5.png); } .markItUp .editor-h6 a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/h6.png); } .markItUp .editor-bold a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/bold.png); } .markItUp .editor-italic a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/italic.png); } .markItUp .editor-stroke a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/stroke.png); } .markItUp .editor-underline a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/underline.png); } .markItUp .editor-quote a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/quote.png); } .markItUp .editor-code a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/code.png); } .markItUp .editor-ul a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/ul.png); } .markItUp .editor-ol a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/ol.png); } .markItUp .editor-li a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/li.png); } .markItUp .editor-picture a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/picture.png); } .markItUp .editor-image a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/image.png); } .markItUp .editor-link a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/link.png); } .markItUp .editor-clean a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/clean.png); } .markItUp .editor-preview a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/preview.png); } .markItUp .editor-cut a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/cut.png); } .markItUp .editor-video a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/video.png); } .markItUp .editor-user a { background-image:url(http://www.expedition.com/engine/lib/external/jquery/markitup/sets/default/images/user.png); }/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0px; position: absolute; background: white url(http://www.expedition.com/engine/lib/external/jquery/jcrop/Jcrop.gif) top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-vline.right { right: 0px; } .jcrop-hline.bottom { bottom: 0px; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; } .jcrop-tracker { width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}/* -------------------------------------------- СЕТКА -------------------------------------------- */ #container { margin: 0 auto 20px; width: 1195px; } #header-dubl { position: relative; padding: 15px 30px 8px; height: 27px; margin-bottom: 60px; } #header { background: #f78f1e; position: relative; padding: 15px 30px 6px; margin: 0 auto ; z-index: 2; width: 1135px; } #header.fixed { position: fixed; top: 0; height: 27px; left: 50%; margin-left: -598px; } #nav { display: inline-block; } #wrapper { overflow: hidden; position: relative; clear: both; zoom: 1; padding: 30px; background: url(http://www.expedition.com/templates/skin/prestige/images/noise.png) repeat scroll center center #F0F0F0; box-shadow: 0 0 7px -3px #000, 0 1px 0 0 #fff inset; } #content { -moz-box-sizing: border-box; box-sizing: border-box; float: right; width: 76%; margin-left: 2%; background: #fff; position: relative; padding: 25px; box-shadow: 0 0 20px -10px #000; box-sizing: border-box; } #content.masonry-on { padding: 0; box-shadow: none; background: none; } #content.bigpreview-on { padding: 0; box-shadow: none; background: none; } #content.profile-page { box-shadow: none; margin-bottom: 0; padding: 0; background: none; width: 75%; margin-left: 3%; } #content.profile-page .content-profile { background: #fff; position: relative; padding: 25px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); margin-bottom: 20px; } #content.people-page, #content.blog-page { box-shadow: none; margin-bottom: 0; padding: 0; background: none; } #content.blog-page .blog-topics, #content.blog-page .blog-topic .topic { background: #fff; position: relative; padding: 25px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); margin-bottom: 55px; } #content.blog-page .blog-topics.masonry-on { background: none repeat scroll 0 0 transparent; box-shadow: none; color: #666666; font-size: 14px; padding: 0; text-shadow: 0 1px 0 #FFFFFF; } #sidebar { float: right; width: 22%; -moz-box-sizing: border-box; box-sizing: border-box; } #footer { background: #f78f1e; position: relative; overflow: hidden; margin-bottom: 45px; padding: 30px 30px 20px; color: #fff; border-radius: 0 0 4px 4px; font-family: "PT Sans"; font-size: 12px; } #footer a { color:#fff; } #footer a:hover { color:#ddd } #footer h6 { color: #fff; font-weight: 700; font-size: 14px; margin-bottom: 15px; } #footer div { display: inline-block; vertical-align: top; } #footer .copy { width: 210px; margin-right: 50px; line-height: 22px; } #footer .colum { width: 20%; margin-right: 15px; } #footer .colum li { margin-bottom: 10px; line-height: 15px; } #footer .colum:last-child { margin-right: 0; width: 180px; } #footer .chelogo { background: url("http://prestige.lstemplates.com/templates/skin/prestige/images/chelogo.png") no-repeat scroll 0 0 transparent; height: 134px; width: 104px; display: block; } #footer .chelogo:hover { background: url("http://prestige.lstemplates.com/templates/skin/prestige/images/chelogo-hover.png") no-repeat scroll 0 0 transparent; display: block; } #footer .soc li { margin-right: 10px; float: right; } #footer .fb a { background: url("http://prestige.lstemplates.com/templates/skin/prestige/images/fb.png") no-repeat scroll left center transparent; display: block; height: 16px; width: 16px; } #footer .tw a { background: url("http://prestige.lstemplates.com/templates/skin/prestige/images/tw.png") no-repeat scroll left center transparent; display: block; height: 16px; width: 16px; } #footer .gp a { background: url("http://prestige.lstemplates.com/templates/skin/prestige/images/gp.png") no-repeat scroll left center transparent; display: block; height: 16px; width: 16px; } #footer .soc a:hover { opacity: 0.7; } #content.content-full-width { width: 100%; margin-right: 0; } #content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; } #sidebar.sidebar-left {} /*хаки для FF*/ @-moz-document url-prefix() { #content { box-shadow: 0 0 20px -17px #000; } #wrapper { box-shadow: 0 0 7px -10px #000, 0 1px 0 0 #FFF inset; } #footer { box-shadow: 0 6px 20px -14px #000; } #content.profile-page .content-profile { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } #content.blog-page .blog-topics, #content.blog-page .blog-topic .topic { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } }/* ------------------------------------------------------------------- ОБЩИЕ СТИЛИ ------------------------------------------------------------------- */ /* Голосование ---------------------------------------------------- */ .vote .vote-count { color: #AAAAAA; display: inline-block; font-size: 15px; font-weight: bold; margin-left: 8px; } .vote .vote-count a { text-decoration: none; color: #999; outline: none; } .vote.vote-count-positive .vote-count { color: #390; } .vote.vote-count-negative .vote-count { color: #f00; } .vote .vote-line { /*background: url(http://www.expedition.com/templates/skin/prestige/images/line-3.png) no-repeat;*/ height: 16px; width: 1px; position: relative; top: 3px; margin: 0 2px; display: inline-block; } .vote .vote-up, .vote .vote-down { display: inline-block; cursor: pointer; vertical-align: text-top; width: 15px; height: 14px; opacity: 1; } .vote .vote-up {} .vote .vote-up .icox { color: #999; position: relative; left: -3px; top: 0px; } .vote .vote-down {} .vote .vote-down .icox { color: #999; position: relative; top: -1px; left: 8px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleH(-1); filter: FlipH; -ms-filter: "FlipH"; } .vote .vote-up:hover {} .vote .vote-up:hover .icox { color: #6da95b; } .vote .vote-down:hover {} .vote .vote-down:hover .icox { color: #e77976; } .vote.voted.voted-up .vote-up {} .vote.voted.voted-up .vote-up .icox { color: #6da95b; } .vote.voted.voted-down .vote-down {} .vote.voted.voted-down .vote-down .icox { color: #e77976; } .vote.voted.voted-up .vote-down{ opacity: .3; filter: alpha(opacity = 30); } .vote.voted.voted-down .vote-up { opacity: .3; filter: alpha(opacity = 30); } /* Избранное ---------------------------------------------------- */ .favourite { display: inline-block; width: 14px; height: 14px; vertical-align: text-top; opacity: .3; filter: alpha(opacity = 30); cursor: pointer; position: relative; } .favourite.active { opacity: 1; filter: alpha(opacity = 100); } .favourite:hover { opacity: .8; filter: alpha(opacity = 80); } .favourite .icox { font-size: 12px; color: #888; } .favourite.active .icox {} .favourite:hover .icox {} .favourite-count { margin-left: 0; color: #DA7133; } /* Пагинация ---------------------------------------------------- */ .pagination { margin-top: 15px; width: 100%; text-align: center; font-size: 14px; font-family: Arial; text-shadow: 1px 1px 0 #fff; } .pagination ul { display: inline-block; overflow: hidden; zoom: 1; line-height: 1em; } .pagination ul li { float: left; margin-right: 5px; } .pagination ul li span, .pagination ul li a { border-bottom: 1px solid #CECFD0; border-radius: 4px 4px 4px 4px; border-top: 1px solid #FFFFFF; box-shadow: 0 0 2px 0 #D5D5D5; color: #969DA1; float: left; font-size: 15px; line-height: 18px; padding: 7px 14px; text-shadow: 0 1px 0 #FFFFFF; text-transform: capitalize; } .pagination ul li a:hover { background: none repeat scroll 0 0 #FCFCFC; color: #DA7133; text-decoration: none; } .pagination ul li.active span { background: none repeat scroll center bottom transparent; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #CECFD0; box-shadow: 0 0 5px #DDDDDD inset; } .pagination ul li i { opacity: .5; filter: alpha(opacity = 50); } /* Actions ---------------------------------------------------- */ .actions { overflow: hidden; zoom: 1; margin-bottom: 10px; } .actions li { float: left; margin-right: 10px; } .actions li a { color: #D23232; } .actions li a:hover { text-decoration: underline; } .actions li a.link-dotted { border-color: #f00; } .actions li a.link-dotted:hover { border-color: #06e; color: #06e; text-decoration: none; } /* Toolbar ---------------------------------------------------- */ .toolbar { float: right; position: fixed; top: 220px; right: 10px; z-index: 100; } .toolbar section { width: 34px; line-height: 14px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05); box-shadow: 0 0 5px rgba(0, 0, 0, .05); margin-bottom: 10px; } .toolbar section a { display: block; padding: 10px; } .toolbar section a:hover { background: #fafafa; } .toolbar section i { display: block; } /* Admin button */ .toolbar .toolbar-admin a { display: block; } /* Update comments button */ .toolbar .toolbar-update { } .toolbar .toolbar-update .update-comments { padding: 9px; } .toolbar .toolbar-update .update-comments i { display: block; width: 16px; height: 16px; background: url(http://www.expedition.com/templates/skin/prestige/images/update.gif) no-repeat; } .toolbar .toolbar-update .update-comments.active i { background-position: -16px 0; } .toolbar .toolbar-update .new-comments { border-top: 1px solid #eee; padding: 10px 0; color: #333; text-align: center; font-size: 11px; } /* Topic navigation */ .toolbar .toolbar-topic a.toolbar-topic-prev { border-bottom: 1px solid #eee; } /* Scroll up */ .toolbar .toolbar-scrollup { display: none; } /* Список пользователей ---------------------------------------------------- */ .user-list-avatar { overflow: hidden; zoom: 1; } .user-list-avatar li { overflow: hidden; float: left; text-align: center; font-size: 11px; } .user-list-avatar li img { margin-bottom: 2px; display: block; } /* Поиск ---------------------------------------------------- */ .search { width: 200px; margin-bottom: 20px; position: relative; } .search .input-text { width: 200px; padding-right: 25px; } .search .input-submit { border: none; width: 16px; height: 16px; position: absolute; top: 11px; right: 5px; opacity: .7; filter: alpha(opacity = 70); } .search .input-submit:hover { opacity: 1; filter: alpha(opacity = 100); } .search.search-item { margin-bottom: 15px; width: 100%; } .search.search-item .input-text { width: 100%; padding-right: 5px; } .search-abc { overflow: hidden; zoom: 1; } .search-abc div { display: inline-block; } .search-abc div span { color: #d35400; margin-right: 4px; cursor: pointer; } .search-abc div.active span { color: #333; border: none; } .nav.nav-filter .abc { position: relative; color: #393939; padding: 0 20px; min-width: 90px; float: left; text-shadow: 0 1px 0 #FFF; text-transform: uppercase; font-size: 13px; border-right: 1px solid #D8D8D8; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; line-height: 44px; height: 42px; } .nav.nav-filter .search-box { position: relative; color: #393939; padding: 0 20px; min-width: 90px; float: right; text-shadow: 0 1px 0 #FFF; text-transform: uppercase; font-size: 13px; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; line-height: 44px; height: 42px; } .nav.nav-filter .search-box form { margin: 0; position: relative; } .nav.nav-filter .search-box form input { font-family: "PT Sans", serif; text-transform: uppercase; font-size: 11px; border: 0; background: none; text-shadow: 0 1px 0 #FFF; text-align: right; float: right; padding: 2px 4px; position: relative; top: 13px; box-sizing: border-box; -moz-box-sizing: border-box; } .nav.nav-filter .search-box form input:focus { outline: none; } .search-tags { margin-bottom: 15px; } /* Облако тегов ---------------------------------------------------- */ .tag-cloud { width: 100%; } .tag-cloud li { display: inline; margin-right: 5px; line-height: 22px; } .tag-cloud li a { text-decoration: none; } .tag-cloud li .tag-size-1 { font-size: 12px!important; } .tag-cloud li .tag-size-2 { font-size: 12px!important; } .tag-cloud li .tag-size-3 { font-size: 14px!important; } .tag-cloud li .tag-size-4 { font-size: 14px!important; } .tag-cloud li .tag-size-5 { font-size: 18px!important; } .tag-cloud li .tag-size-6 { font-size: 18px!important; } .tag-cloud li .tag-size-7 { font-size: 20px!important; } .tag-cloud li .tag-size-8 { font-size: 20px!important; } .tag-cloud li .tag-size-9 { font-size: 22px!important; } .tag-cloud li .tag-size-10 { font-size: 22px!important; } /* Item List ---------------------------------------------------- */ .item-list { /*border-top: 1px solid #eee;*/ } .item-list li { min-height: 35px; padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #c8c8c8; box-shadow: 0 1px 0 0 #fff; position: relative; zoom: 1; } .item-list li:last-child { margin: 0; } .item-list li p { padding-top: 2px; font-size: 11px; } .item-list li a { text-decoration: none; } .item-list li .avatar { position: absolute; top: 10px; left: 0; margin-right: 10px; } .item-list li:hover time { color: #DA7133; transition: all 0.25s ease-in-out 0s; } .item-list li time { color: #c8c8c8; text-transform: uppercase; font-size: 12px; } .item-list li .author { font-size: 12px; text-transform: uppercase; color: #da7133; text-decoration: none; margin-bottom: 5px; padding-right: 10px; display: inline-block; } .item-list li .name-topic { font-weight: bold; font-size: 15px; text-decoration: none; padding-right: 10px; color: #999999; line-height: 22px; } .item-list li:hover .name-topic { text-decoration: none; color: #da7133; } .item-list li .icox { position: relative; left: -4px; top: 3px; font-size: 13px; color: #C8C8C8; } .item-list li .img-comment { text-decoration: none; font-size: 11px; } /* Хелперы ---------------------------------------------------- */ .mt-10 { margin-bottom: 10px !important; } .mt-20 { margin-bottom: 20px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .ta-c { text-align: center !important; } .ta-r { text-align: right !important; } .va-m { vertical-align: middle; } .fl-r { float: right !important; } .fl-l { float: left !important; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .word-wrap { white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; white-space: normal; } /* Разное ---------------------------------------------------- */ .system-message-error { background: #f0c8c8; color: #b22626; border: 1px solid; padding: 10px 15px; margin-bottom: 15px; } .system-message-notice { background: none repeat scroll 0 0 #DAFAD8; border: 1px solid; color: #4BB23B; margin-bottom: 15px; padding: 10px 15px; } .notice-empty { color: #000; } .loader { background: #fafafa url(http://www.expedition.com/templates/skin/prestige/images/loader.gif) 50% 50% no-repeat; } .user, .ls-user { font-weight: bold; color: #333; } .ls-user:before { background: url(http://www.expedition.com/templates/skin/prestige/images/user.png) no-repeat scroll 0 0 transparent; content: ""; display: inline-block; height: 16px; margin-right: 3px; vertical-align: middle; width: 16px; } .user.inactive { color: #aaa; }/* ------------------------------------------------------------------- ФОРМАТИРОВАННЫЙ ТЕКСТ ------------------------------------------------------------------- */ .text { font-size: 15px; line-height: 1.6em; overflow: hidden; zoom: 1; } .text a { text-decoration: none; } .text a:hover { text-decoration: underline; } .text h4 { font-size: 24px; margin-bottom: 7px; font-weight: bold; } .text h5 { font-size: 20px; margin-bottom: 7px; font-weight: bold; } .text h6 { font-size: 18px; margin-bottom: 7px; font-weight: bold; } .text p { margin-bottom: 1em; } .text abbr[title] { border-bottom: 1px dotted; } .text b, .text strong { font-weight: bold; } .text blockquote { margin: 0; background: #fafafa; color: #555; padding: 15px 20px; clear: both; border-left: 5px solid #eee; } .text dfn { font-style: italic; } .text hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } .text ins { background: #ff9; color: #000; text-decoration: none; } .text mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } .text pre { margin: 0; padding: 10px 15px; border: none; background: #fafafa; font-size: 12px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; } .text q { quotes: none; clear: both; } .text q:before, q:after { content: ""; content: none; } .text small { font-size: 85%; } .text sub, .text sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .text sup { top: -0.5em; } .text sub { bottom: -0.25em; } .text ul, .text ol { margin: 0; padding: 0 0 0 40px; } .text ul { list-style-type: disc; } .text ol { list-style-type: decimal; } .text dd { margin: 0 0 0 40px; } .text img[align="right"] { margin: 4px 0 5px 15px; } .text img[align="left"] { margin: 4px 15px 10px 0; } .text img.image-center { display: block; margin: 0 auto; } .text object, .text img { max-width: 100%; } .text .ls-user { color: #333; } .text .ls-user:visited { color: #333; } .text .ls-user:hover { color: #555; }/* ------------------------------------------------------------------- ФОРМЫ ------------------------------------------------------------------- */ .input-text { border: 1px solid #ddd; color: #555555; padding: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px white; border-radius: 3px 3px 3px 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .input-text:focus, select { outline: none; } .modal .input-text, .input-text.style-1 { border: 1px solid #d2d2d2; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px 3px 3px 3px; color: #555555; text-shadow: 1px 1px 0 #FFF; padding: 10px; font-size: 14px; } #popup-login-form .input-text { padding: 10px 50px 10px 10px; } select.style-1 { background: #fff; height: 40px; padding-left: 8px border: 1px solid #D2D2D2; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; font-size: 16px; } .input-checkbox { position: relative; top: 1px; margin: 0 2px 0 1px; } .input-width-full { width: 100%; } .input-width-50 { width: 50px; } .input-width-100 { width: 100px; } .input-width-150 { width: 150px; } .input-width-200 { width: 200px; } .input-width-250 { width: 250px; } .input-width-300 { width: 300px; } .input-width-400 { width: 400px; } .input-width-500 { width: 500px; } textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } select { padding: 9px; border: 1px solid #ddd; border-radius: 3px; } fieldset { margin-bottom: 30px; padding-top: 20px; /*border-top: 1px solid #eaeaea;*/ } fieldset legend { color: #000; font-size: 18px; padding-right: 10px; } #form-topic-add { background: none repeat scroll 0 0 #fff; padding: 23px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } form p { margin-bottom: 25px; position: relative; } form label { color: #555555; display: block; font-size: 16px; margin-bottom: 8px; text-shadow: 1px 1px 0 #FFFFFF; } form .icon-question-sign { cursor: help; position: absolute; right: 11px; top: 37px; } form .icon-ok-green { position: absolute; right: 30px; top: 37px; } .note { color: #999999; display: block; font-size: 11px; font-weight: normal; line-height: 14px; margin: 5px 0 0; text-shadow: 1px 1px 0 #FFFFFF; } .note.style-1 { float: left; margin-left: 45px; } .note.note-header { margin-bottom: 20px; } .captcha-image { vertical-align: top; width: 63px; height: 35px; } dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; } dl.form-item dt { float: left; width: 135px; padding-top: 4px; padding-right: 15px; overflow: hidden; } dl.form-item dd { float: left; width: 300px; } .form-profile { position: relative; } .form-profile label { font-size: 16px; } .form-profile .avatar-change { position: absolute; top: 40px; right: 0; padding: 10px; background: #f7f7f7; font-size: 11px; } /* Placeholder */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; } .placeholder { color: #aaa; } .mceEditor { display: block; margin-bottom: 20px; } /* Валидатор ---------------------------------------------------------------*/ .validate-error-hide { display: none; } .validate-error-show { background: none repeat scroll 0 0 #E74C3C; border: 1px solid #C0392B; color: #FFFFFF; display: block; font-size: 12px; font-weight: normal; margin-top: 10px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 3px; border-bottom-width: 0; border-right-width: 0; border-top-width: 0; } /* ------------------------------------------------------------------- КНОПКИ Примеры использования: Preview ------------------------------------------------------------------- */ .button { background: none repeat scroll 0 0 #999; border-radius: 4px 4px 4px 4px; border-style: none; color: #FFFFFF; font-size: 11px; font-weight: bold; text-shadow: none; padding: 9px 15px 8px 15px; text-transform: uppercase; transition: background 0.5s ease 0s; } .button:hover { background: none repeat scroll 0 0 #666; color:#fff; } .button.fl-r { *margin-right: 0; } /* Button Primary */ .button.button-primary { background: none repeat scroll 0 0 #DA7133; border-radius: 4px 4px 4px 4px; border-style: none; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 9px 15px 8px 15px; text-transform: uppercase; transition: background 0.5s ease 0s; } .button.button-primary:hover { background: none repeat scroll 0 0 #a5582b !important; } /* Button Icon (Without text) */ .button.button-icon { padding: 7px 10px; }/* -------------------------------------------- НАВИГАЦИЯ -------------------------------------------- */ .nav { zoom: 1; } .nav li { float: left; } .nav li:last-child { border-right: none; } .nav li a { display: block; padding: 10px 15px; } .nav li a:hover { text-decoration: none; } .nav li.active a {} /* Nav Pills */ .nav.nav-pills { margin-bottom: 15px; height: 25px; border-bottom: 1px solid #c8c8c8; box-shadow: 0 1px 0 0 #fff; } .nav.nav-pills.admin-domains li { font-weight: bold; } .nav.nav-pills li { margin-right: 20px; float: left; } .nav.nav-pills li a { font-size: 14px; color: #888888; padding: 0; line-height: 25px; } .nav.nav-pills li a:hover {} .nav.nav-pills li.active a { color: #393939; border-bottom: 1px solid #717171; } .nav.nav-pills.nav-pills-profile { margin-bottom: 30px; } /* Nav Topic Filter */ .nav.nav-filter { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; height: 42px; } .nav.nav-filter li { position: relative; top: -1px; } .nav.nav-filter li.active a .icox { color: #fff; } .nav.nav-filter li.creat-nav a { width: 90px; } .nav.nav-filter li.creat-nav .sub-menu { width: 188px; left: -1px; } .nav.nav-filter li.creat-nav.active a { margin-left: -1px; padding-right: 26px; } .nav.nav-filter li.blogs-nav a { width: 120px; padding: 0 25px 0 20px; } .nav.nav-filter li.popular-nav a { width:125px; } .nav.nav-filter li.popular-nav a.new-icon-page { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-44.png) no-repeat 17px 13px; } .nav.nav-filter li.popular-nav a.discussed-icon-page { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-43.png) no-repeat 17px 15px; } .nav.nav-filter li.popular-nav a.top-icon-page { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-42.png) no-repeat 17px 13px; } .nav.nav-filter li.popular-nav.active a {} .nav.nav-filter li.popular-nav.active a.new-icon-page { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-32.png) no-repeat 17px 13px; } .nav.nav-filter li.popular-nav.active a.discussed-icon-page { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-33.png) no-repeat 17px 15px; } .nav.nav-filter li.popular-nav.active a.top-icon-page { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-34.png) no-repeat 17px 13px; } .nav.nav-filter li.popular-nav .sub-menu { width: 228px; } .nav.nav-filter li.tag-nav a { width:120px; } .nav.nav-filter li.tag-nav.active a { background: #DA7133; } .nav.nav-filter li.tag-nav a#close-tag { display: none; } .nav.nav-filter li.active .parent { background-color: #DA7133!important; color: #fff; text-shadow: none; } .nav.nav-filter li.active .parent .caret-pre { background: url(http://www.expedition.com/templates/skin/prestige/images/arr-8-top.png) no-repeat; } .nav.nav-filter li .sub-menu { display: none; position: absolute; top: 43px; z-index: 1; background: rgba(218, 113, 51, 0.92); padding: 10px 1px 8px; } .nav.nav-filter li .sub-menu li { float: none; background: url(http://www.expedition.com/templates/skin/prestige/images/line-7.png) repeat-x bottom; line-height: 36px; height: 36px; } .nav.nav-filter li .sub-menu li:last-child { background: none; } .nav.nav-filter li .sub-menu li a { color: #fff; text-transform: uppercase; background: none; line-height: 36px; height: 36px; font-weight: normal; border: none; text-shadow: none; font-size: 12px; opacity: 0.5; } .nav.nav-filter li .sub-menu li a:hover { background-color: transparent!important; color: #fff; opacity: 1; } .nav.nav-filter li .sub-menu a .icox { top: 10px; left: 13px; } .nav.nav-filter li.search-nav { float: right; } .nav.nav-filter li.search-nav .txt { font-family: "PT Sans", serif; text-transform: uppercase; font-size: 11px; border: 0; background: none; text-shadow: 0 1px 0 #FFF; text-align: left; float: right; padding: 2px 6px; position: relative; top: 6px; right: 42px; height: 26px; width: 37px; line-height: 31px; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; transition: width 0.2s ease-out; } .nav.nav-filter li.search-nav .txt:focus { width: 100px; } .nav.nav-filter li.search-nav .link { background: none; display: inline-block; width: 30px; height: 30px; border: 0; position: absolute; right: 12px; top: 6px; border-radius: 0; z-index: 1; } .nav.nav-filter li.search-nav .icox { position: absolute; right: 12px; top: 6px; width: 30px; height: 30px; text-align: center; line-height: 28px; } .nav.nav-filter li.search-nav .icox.active { background: #DA7133!important; color: #fff; } .nav.nav-filter li.search-nav form { margin: 0; position: relative; top: 1px; right: -4px; } .nav.nav-filter li a { position: relative; color: #393939; padding: 0 25px 0 45px; /*min-width: 90px;*/ float: left; text-shadow: 0 1px 0 #fff; text-transform: uppercase; font-size: 11px; border-right: 1px solid #d8d8d8; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; line-height: 44px; height: 42px; } .nav.nav-filter li a .icox { position: absolute; left: 14px; top: 14px; } .nav.nav-filter li a span { overflow: hidden; display: inline-block; height: 42px; } .nav.nav-filter li a .caret-pre { background: url(http://www.expedition.com/templates/skin/prestige/images/arr-2-bottom.png) no-repeat; display: inline-block; width: 8px; height: 5px; position: absolute; right: 15px; top: 19px; } .nav.nav-filter li a:hover { background-color: #efefef!important; } .nav.nav-filter li.active a { background: #333; color: #fff; } .nav.nav-filter li a.new {} .nav.nav-filter li a.new:hover {} .nav.nav-filter li.active a.new {} .nav.nav-filter li.active a.new:hover {} .nav.nav-filter.nav-filter-sub li a { padding: 5px 10px; font-size: 11px; color: #777; } .nav.nav-filter.nav-filter-sub li.active a { color: #fff; } .nav-filter-wrapper { margin-bottom: 42px; } /* Userbar */ #userbar { border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f3f3f3', GradientType = 0); } #userbar .search { float: left; margin: 5px 0 0 6px; *margin: 4px 0 0 4px; } .nav-userbar { float: right; font-size: 13px; color: #747474; margin-top: -3px; } .nav-userbar li { float: left; margin-right: 8px; color:#ddd; } .nav-userbar li:last-child { margin-right: 0; } .nav-userbar li a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; } .nav-userbar li a:hover { border-bottom: 1px dotted #ddd; } .nav-userbar li.nav-userbar-username { float: right; font-size: 14px; position: relative; margin-top: -17px; height: 50px; } .nav-userbar li.nav-userbar-username a { position: relative; color: #fff; border: none; min-width: 120px; padding: 0 50px 0 60px; display: block; line-height: 50px; } .nav-userbar li.nav-userbar-username .ico-new-mess { background-color: #C0392B; font-family: arial; border-radius: 7px 7px 7px 7px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: bold; left: 40px; line-height: 17px; min-height: 15px; min-width: 15px; position: absolute; text-align: center; text-decoration: blink; z-index: 1; height: 18px; left: 35px; top: 5px; width: 18px; } .nav-userbar li.nav-userbar-username .avatar { position: absolute; width: 30px; height: 30px; border-radius: 3px; top: 10px; left: 16px; } .nav-userbar li.nav-userbar-username .caret-pre { background: url(http://www.expedition.com/templates/skin/prestige/images/arr-7-bottom.png) no-repeat; display: inline-block; width: 8px; height: 5px; position: absolute; right: 15px; top: 23px; } .nav-userbar li.nav-userbar-username .caret-pre.active { background: url(http://www.expedition.com/templates/skin/prestige/images/arr-7-top.png) no-repeat; } .nav-userbar li.nav-userbar-username ul { display: none; padding-bottom: 8px; background: #f78f1e; border-radius: 0 0 3px 3px; } .nav-userbar li.nav-userbar-username ul li { float: none; margin: 0; background: url(http://www.expedition.com/templates/skin/prestige/images/line-4.png) repeat-x top center; } .nav-userbar li.nav-userbar-username ul li .icox { color: #fff; } .nav-userbar li.nav-userbar-username ul li a { height: 40px; line-height: 40px; background-color: transparent; } .nav-userbar li.nav-userbar-username ul li a:hover { background-color: #da7133; } .nav-userbar li.nav-userbar-username ul li.item-stat { position: relative; color: #fff; border: none; border-bottom:1px solid #ddd; min-width: 90px; padding: 0 50px 0 20px; display: block; line-height: 40px; } .nav-userbar li.nav-userbar-username ul li.item-stat span.strength { padding: 0 20px 0 25px; } .nav-userbar li.nav-userbar-username ul li.item-stat span.strength .icox { color: #DA7133; position: relative; left: -30px; top: 1px; } .nav-userbar li.nav-userbar-username ul li.item-stat span.rating { padding: 0 0 0 25px; } .nav-userbar li.nav-userbar-username ul li.item-stat span.rating .icox { color: #DA7133; position: relative; left: -30px; top: 1px; } .nav-userbar li.nav-userbar-username ul li .icox { position: relative; left: -43px; top: 3px; font-size: 15px; } .nav-userbar li .new-messages { color: #4AA731; font-weight: bold; } /* Nav Main */ .nav-main { font-size: 21px; /*overflow: hidden;*/ margin-left: 145px; position: absolute; top: 0; height: 50px; line-height: 40px; } .nav-main li { float: left; font-family:'BebasNeueCyrillicRegular'; position: relative; } .nav-main li a { color: #fff; padding: 0 15px; display: inline-block; } .nav-main li a:hover { color: #ddd; text-decoration: none; } .nav-main li.active a { color: #fff; background: rgba(0, 0, 0, 0.7); } .nav-main li ul{ padding: 0; position: absolute; top: 38px; left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; background: #f78f1e; } .nav-main li:hover ul { display: block; opacity: 1; visibility: visible; } .nav-main li ul li{ white-space: nowrap; overflow: hidden; float: none; } /* Nav Profile */ .nav.nav-profile { margin-bottom:30px; height: 39px; text-shadow: 0 1px 0 #FFF; } .nav.nav-profile li { margin-right: 30px; } .nav.nav-profile li a { font-weight: bold; color: #888; padding: 7px 0; } /* Dropdown */ .nav.nav-pills li.dropdown { position: relative; } .nav.nav-pills li.dropdown a { padding-right: 25px; } .nav.nav-pills li.dropdown i { position: absolute; top: 13px; right: 9px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #fff; cursor: pointer; } .nav.nav-pills li.dropdown ul { display: none; position: absolute; } .nav.nav-pills li.dropdown.opened a { -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; } .dropdown-menu { position: absolute; top: 32px; overflow: hidden; background: #fff; border: 1px solid #ccc; min-width: 150px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); border-radius: 3px; } #dropdown-create-menu li a { background: none; color: #333; } #dropdown-create-menu li.active a { color: #AAA; } .dropdown-menu li { font-size: 14px; line-height: 1em; } .dropdown-menu li a { display: block; padding: 10px 15px; } .dropdown-menu li a:hover { background: #fafafa; } .dropdown-menu li.active a { color: #aaa; } .dropdown-menu li.active a:hover { cursor: default; } .dropdown-create { position: relative; /*margin-right: 120px;*/ } .dropdown-create a { font-weight: normal; text-shadow: 0 1px 0 #FFFFFF; } .dropdown-create h2 a { text-transform: lowercase; } /*хаки для FF*/ @-moz-document url-prefix() { .nav-userbar li.nav-userbar-username a { line-height: 40px; } .nav-main { line-height: 40px; } } /* ------------------------------------------------------------------- ИКОНКИ Иконки Glyphicons http://glyphicons.com/ Пример использования: Remove ------------------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; line-height: 14px; background: url(http://www.expedition.com/templates/skin/prestige/images/icons.png) no-repeat; } .icon-white { background-image: url(http://www.expedition.com/templates/skin/prestige/images/icons-white.png); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-contact { width: 16px; height: 16px; background: url(http://www.expedition.com/templates/skin/prestige/images/icons-contact.png) no-repeat; } .icon-contact-default { background-position: 0 0; } .icon-contact-mail { background-position: -20px 0; } .icon-contact-icq { background-position: -40px 0; } .icon-contact-jabber { background-position: -60px 0; } .icon-contact-phone { background-position: -80px 0; } .icon-contact-skype { background-position: -100px 0; } .icon-contact-vkontakte { background-position: -120px 0; } .icon-contact-twitter { background-position: -140px 0; } .icon-contact-facebook { background-position: -160px 0; } .icon-contact-odnoklassniki { background-position: -180px 0; } .icon-contact-www { background-position: -200px 0; } .icon-ok-green { width: 14px; height: 14px; background: url(http://www.expedition.com/templates/skin/prestige/images/icon-ok-green.png) no-repeat; }/* ------------------------------------------------------------------- ТАБЛИЦЫ ------------------------------------------------------------------- */ .table { width: 100%; margin-bottom: 15px; } .table th { text-align: left; background: #fafafa; } .table td, .table th { border-bottom: 1px solid #eee; padding: 10px; } .table tr.active td { background: #CBF4BC; } .table a.asc:after { content: "▲"; } .table a.desc:after { content: "▼"; } /* Table Blogs */ .table.table-blogs .cell-name .avatar { float: left; margin-right: 10px; clear: right; } .table.table-blogs .cell-name p { overflow: hidden; } .table.table-blogs .cell-rating { width: 70px; font-weight: bold; } .table.table-blogs .cell-readers { width: 70px; text-align: center; vertical-align: middle; } .table.table-blogs .cell-join { width: 130px; text-align: center; vertical-align: middle; } .table.table-blogs .cell-rating { text-align: center; vertical-align: middle; } /* Table Plugins */ .table.table-plugins .cell-checkbox { width: 20px; padding: 12px 0 10px 10px; } .table.table-plugins h3 { font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 5px; } /* Table Profile Notes */ .table.table-profile-notes { border-top: 1px solid #eee; } .table.table-profile-notes td { vertical-align: top; } .table.table-profile-notes .cell-username { width: 20%; font-weight: bold; } .table.table-profile-notes .cell-note { width: 50%; } .table.table-profile-notes .cell-date { text-align: right; } /* Table Profile Info */ .table.table-profile-info:last-child { margin: 0; } .table.table-profile-info { margin-bottom: 15px; color: #595858; } .table.table-profile-info td { vertical-align: top; border: none; padding: 5px 0; } .table.table-profile-info .cell-label { width: 20%; color: #999999; } /* Table Users */ .table.table-users th { font-size: 11px; } .table.table-users .cell-name { font-weight: bold; } .table.table-users .cell-name img { float: left; } .table.table-users .cell-name .username { margin-left: 32px; width: 120px; position: relative; top: 1px; } .table.table-users tbody .cell-date { font-size: 11px; } .table.table-users .cell-rating, .table.table-users .cell-skill { text-align: center; width: 50px; } /* Table Talk */ .table.table-talk .cell-checkbox { width: 20px; padding: 12px 0 10px 10px; } .table.table-talk thead .cell-checkbox { padding: 10px 0 10px 10px; } .table.table-talk .cell-favourite { width: 20px; padding: 10px 0; text-align: center; } .table.table-talk .cell-recipients { width: 100px; } .table.table-talk tbody .cell-date { font-size: 11px; width: 130px; } .table.table-talk tbody td { vertical-align: top; }/* -------------------------------------------- ТОПИК -------------------------------------------- */ .list-topic.masonry { width: 100%; } #masonry-box .item { box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px 20px; } #masonry-box .item .topic-masonry { background: #FFF; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); border-top: 1px solid #fefefe; min-height: 140px; width: 100%; float: left; position: relative; overflow: hidden; } #masonry-box .item .topic-masonry:hover { border-top: 1px solid #FFFF00; } #masonry-box .item .topic-masonry .preview img { display: block; width: 100%; } /*хаки для FF @-moz-document url-prefix() { #masonry-box .item { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); } } */ #masonry-box .item .topic-masonry .wraps { padding: 15px; position: relative; } #masonry-box .item.big-topic .topic-masonry .wraps { padding: 15px 15px 20px 15px; } #masonry-box .item .topic-masonry .wraps .topic-blog { font-size: 14px; font-weight: normal; height: 17px; display: inline-block; overflow: hidden; width: 100%; padding-right: 80px; box-sizing: border-box; -moz-box-sizing: border-box; } #masonry-box .item .topic-masonry .wraps .topic-infos { position: absolute; right: 15px; top: 15px; } #masonry-box .item .topic-masonry .wraps .topic-info-viewers { float: right; font-size: 11px; color: #999; margin-right: 10px; } #masonry-box .item .topic-masonry .wraps .topic-info-viewers .icox { color: #C8C8C8; margin-right: 8px; } #masonry-box .item .topic-masonry .wraps .topic-info-comments { float: right; font-size: 11px; } #masonry-box .item .topic-masonry .wraps .topic-info-comments a .icox { color: #C8C8C8; margin-right: 10px; position: relative; top: 1px; } #masonry-box .item .topic-masonry .wraps .topic-title { font-size: 18px; font-weight: bold; line-height: 22px; margin: 6px 0 0; } #masonry-box .item.big-topic .topic-masonry .wraps .topic-title { font-size: 26px; line-height: 30px; margin-top: 6px; } #masonry-box .item .topic-masonry .wraps .topic-title a { color: #333; } #masonry-box .item .topic-masonry .wraps .topic-title a:hover { color: #DA7133; } #masonry-box .item .topic-masonry .wraps .hide-text { background: url(http://www.expedition.com/templates/skin/prestige/images/hide-text-masonry.png) repeat-x; height: 72px; width: 100%; position: absolute; bottom: 0; left: 0; } #masonry-box .item .topic-masonry .wraps .text-short { color: #595858; font-size: 14px; line-height: 18px; margin: 13px 0 0; min-height: 55px; } .topic { overflow: hidden; zoom: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; } .topic.in-topic { border-bottom: 0; padding-bottom: 0; margin-bottom: 15px!important; } .topic:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .topic .preview { float: left; margin-right: 25px; position: relative; } .topic .preview img { border-radius: 5px; } .topic .preview a { transition: all 0.25s ease-in-out 0s; } .topic .preview a:hover { opacity:0.6; } .mark { position: absolute!important; top: 15px; left: 15px; display: inline-block; width: 16px; height: 16px; } .mark.topic { padding: 0!important; box-shadow: none!important; margin: 0!important; border: 0; background: none!important; } .mark.photoset { background: url(http://www.expedition.com/templates/skin/prestige/images/photoset.png) no-repeat; } .mark.link {} .mark.question { background: url(http://www.expedition.com/templates/skin/prestige/images/question.png) no-repeat; } .topic .wraps { overflow: hidden; } .topic .wraps.out-topic { } .topic .wraps.out-topic img { display: none; } /* Header */ .topic .topic-header .topic-info-comments { float: right; font-size: 11px; } .topic .topic-header .topic-info-comments a { color: #999; } .topic .topic-header .topic-info-comments a .icox { color: #C8C8C8; margin-right: 10px; position: relative; top: 1px; } .topic .topic-header .topic-info-viewers { float: right; font-size: 11px; color: #999; margin-right: 10px; } .topic .topic-header .topic-info-viewers .icox { color: #C8C8C8; margin-right: 8px; } .topic .topic-header .topic-blog { font-size: 14px; } .topic .topic-header time { color: #c8c8c8; padding-left: 10px; } .topic .topic-header .topic-title { font-size: 30px; line-height: 1.1em; color: #333; font-weight: bold; margin: 10px 0 20px 0; } .topic .topic-header .topic-title a { text-decoration: none; color: #000; } .topic .topic-header .topic-title a:hover { text-decoration: none; color: #DA7133; } .topic .topic-header .topic-title i { position: relative; top: 7px; cursor: help; } .topic .topic-header .topic-url { margin-bottom: 15px; } .topic .topic-header .topic-url a { background: #eee; border-radius: 3px; padding: 3px 10px 4px; text-decoration: none; } .topic .topic-header .topic-info { margin-bottom: 5px; color: #777; } .topic .topic-header .topic-info .actions, .topic .topic-header .topic-info .actions li { display: inline; float: none; margin-bottom: 0; } .topic .topic-header .topic-info .actions li { margin-right: 10px; } .topic .topic-header .topic-info .actions .actions-edit { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-41.png) no-repeat center; display: inline-block; width: 16px; height: 16px; } .topic .topic-header .topic-info .actions .actions-delete { background: url(http://www.expedition.com/templates/skin/prestige/images/ico-40.png) no-repeat center; display: inline-block; width: 16px; height: 16px; } /* Content */ .topic .topic-content { margin-bottom: 15px; } .topic .topic-content.text { color: #333; font-size: 15px; line-height: 24px; } .topic .topic-content.text .link-more { text-decoration: none; text-transform: lowercase; } .topic .topic-content.text .link-more:hover { text-decoration: underline; } /* footer */ .topic .topic-footer {} /* Tags */ .topic .topic-footer .topic-tags { padding-bottom: 10px; margin: 0 0 15px; border-bottom: 1px solid #f0f0f0; font-size: 12px; } .topic .topic-footer .topic-tags li { display: inline; color: #969696; } .topic .topic-footer .topic-tags li.img { display: inline-block; width: 13px; height: 9px; margin-right: 5px; position: relative; top: 2px; } @-moz-document url-prefix() { .topic .topic-footer .topic-tags li.img { top: 7px; } } .topic .topic-footer .topic-tags li.img .icox { color: #999; font-size: 12px; position: relative; left: -2px; top: -4px; } .topic .topic-footer .topic-tags li a { color: #969696; text-decoration: none; border-bottom: 1px dashed #c4c4c4; } .topic .topic-footer .topic-tags li a:hover { color: #DA7133; border-bottom: 1px dashed #DA7133; } .topic .topic-footer .topic-tags li.topic-tags-edit { margin-left: 20px; } .topic .topic-footer .topic-tags li.topic-tags-edit a { color: #c4c4c4; } .topic .topic-footer .topic-tags li.topic-tags-user a { color: green; } /* Info */ .topic .topic-footer .topic-info { overflow: hidden; padding: 0 0 0 1px; } .topic .topic-footer .topic-info li { float: left; padding: 0; line-height: 21px; display: inline-block; margin-right: 20px; } .topic .topic-footer .topic-info li a { text-decoration: none; display: inline-block; } .topic .topic-footer .topic-info li.topic-info-author {} .topic .topic-footer .topic-info li.topic-info-author a { position: relative; padding-left: 30px; } .topic .topic-footer .topic-info li.topic-info-author a:hover { text-decoration: underline; } .topic .topic-footer .topic-info li.topic-info-author .avatar { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 1px; padding: 1px; display: block; } .topic .topic-footer .topic-info li.topic-info-time {} .topic .topic-footer .topic-info li.topic-info-time time { color: #888888; font-size: 12px; } .topic .topic-footer .topic-info li.topic-info-favourite {} .topic .topic-footer .topic-info li.topic-info-favourite .icox { position: relative; left: -1px; } .topic .topic-footer .topic-info li.topic-info-share {} .topic .topic-footer .topic-info li.topic-info-share a { position: relative; top: 1px; } .topic .topic-footer .topic-info li.topic-info-share a .icox { font-size: 13px; color: #888; position: relative; top: 1px; left: -4px; opacity: .3; filter: alpha(opacity = 30); } .topic .topic-footer .topic-info li.topic-info-share a .icox:hover { opacity: .8; filter: alpha(opacity = 80); } .topic .topic-footer .topic-info li.vote { float: right; margin-right: 0; } .topic .topic-footer .topic-info li.topic-info-comments { float: left; font-size: 12px; } .topic .topic-footer .topic-info li.topic-info-comments a .icox { color: #AAA; margin-right: 10px; position: relative; top: 1px; } .topic .topic-footer .topic-info li.topic-info-comments a span { color: green; } .topic .topic-footer .topic-info li.topic-info-comments a:hover { text-decoration: underline; } /* Share */ .topic .topic-share { display: none; padding: 3px; margin-bottom: 10px; border: 2px solid #eee; border-radius: 2px; } /* Poll */ .topic .poll { margin-bottom: 15px; background: #fafafa; padding: 15px; } .topic .poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; } .topic .poll .poll-vote li { margin-bottom: 10px; } .topic .poll .poll-vote li:last-child { margin-bottom: 0; } .topic .poll .poll-vote li label { display: inline; } .topic .poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; } .topic .poll .poll-result { margin-bottom: 10px; margin-left: 0; list-style-type: none; padding: 15px 15px 0; background: #fff; border: 1px solid #eee; } .topic .poll .poll-result li { margin-bottom: 20px; } .topic .poll .poll-result li dl { overflow: hidden; zoom: 1; } .topic .poll .poll-result li dl dt { float: left; width: 50px; text-align: right; padding-right: 15px; } .topic .poll .poll-result li dl dt span { color: #aaa; } .topic .poll .poll-result li dl dd { float: left; width: 400px; } .topic .poll .poll-result li dl dd div { height: 10px; margin-top: 5px; background: #ccc; overflow: hidden; border-radius: 2px; } .topic .poll .poll-result li.most dl dd div { background: #60CC4E; } .topic .poll .poll-total { color: #aaa; margin-left: 10px; } .topic .poll .button.button-icon.active { background: #43bb34; } /* Topic Photo */ .topic.topic-type-photoset { } .topic.topic-type-photoset .topic-photo-preview { position: relative; margin-bottom: 15px; cursor: pointer; } .topic.topic-type-photoset .topic-photo-preview img { vertical-align: top; } .topic.topic-type-photoset .topic-photo-preview .topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 4px 7px; background: rgba(0, 0, 0, .6); } .topic.topic-type-photoset .topic-photo-preview .topic-photo-desc { display: none; width: 96%; padding: 7px 2%; position: absolute; bottom: 0; left: 0; background: #000; color: #6bd24b; color: #fff; line-height: 16px; background: rgba(0, 0, 0, .7); } .topic.topic-type-photoset .topic-photo-images { background: url(http://www.expedition.com/templates/skin/prestige/images/bg-cont.png) repeat scroll center center #ECECEC; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.1) inset; margin-bottom: 15px; padding: 10px 0 5px 15px; } .topic.topic-type-photoset .topic-photo-images h2 { color: #999999; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding-bottom: 0; text-shadow: 0 1px 0 #FFFFFF; } .topic.topic-type-photoset .topic-photo-images ul { overflow: hidden; zoom: 1; } .topic.topic-type-photoset .topic-photo-images ul li { border: 1px solid #FFFFFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; margin: 0 9px 9px 0; position: relative; } .topic.topic-type-photoset .topic-photo-images ul li:hover { border: 1px solid #FFFF00; } .topic.topic-type-photoset .topic-photo-images ul li .image-number { display: none; position: absolute; top: 5px; right: 5px; background: #000; color: #6bd24b; padding: 1px 6px; font-size: 11px; background: rgba(0, 0, 0, .6); } .topic.topic-type-photoset .topic-photo-images ul li:hover .image-number { display: block; } .topic.topic-type-photoset .topic-photo-images ul li img { vertical-align: top; } .topic.topic-type-photoset .topic-photo-images .topic-photo-more { display: block; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; } .topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { background: #fff; } .topic-photo-upload { background: #EFEFEF; padding: 15px 15px 15px; margin-bottom: 20px; } .topic-photo-upload h2 { margin-bottom: 15px; } .topic-photo-upload ul { overflow: hidden; zoom: 1; } .topic-photo-upload ul li { min-height: 100px; _height: 100px; margin-bottom: 10px; padding-left: 110px; position: relative; } .topic-photo-upload ul li img { position: absolute; top: 0; left: 0; } .topic-photo-upload ul li label { color: #aaa; } .topic-photo-upload ul li textarea { border: 1px solid #ddd; width: 350px; height: 60px; padding: 3px; font-size: 12px; font-family: Arial, sans-serif; color: #333; } .topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; } .topic-photo-upload ul li .image-delete:hover { color: #f00; } .topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; } .topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; } .topic-photo-upload ul li:hover .mark-as-preview { display: inline; } .topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; } .topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; } .topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; } /* Topic Talk */ /* .topic.topic-type-talk { background: #FFF; position: relative; padding: 0 25px 25px 25px; box-shadow: 0 0 20px -10px #000; margin-bottom: 55px; } */ .topic.topic-type-talk .topic-header {} .topic.topic-type-talk .topic-header .topic-title { font-size: 30px; line-height: 1.1em; font-weight: bold; margin: 10px 0; } .topic.topic-type-talk .topic-header .topic-info { position: relative; line-height: 14px; margin-bottom: 10px; color: #777; } .topic.topic-type-talk .topic-header .topic-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; } .topic.topic-type-talk .topic-header .topic-info .author-wrapper .author { font-weight: bold; margin-right: 15px; } .topic.topic-type-talk .topic-header .topic-info .recipient { margin-right: 10px; } .topic.topic-type-talk .topic-content {} .topic.topic-type-talk .topic-footer { padding-top: 15px; margin: 15px 0 0; border-top: 1px solid #F0F0F0; } .topic.topic-type-talk .topic-footer .topic-info { height: 22px; } .topic.topic-type-talk .talk-recipients { padding: 15px; background: #fafafa; display: none; border-top: 1px solid #fff; border-bottom: 1px solid #eee; } .topic.topic-type-talk .talk-recipients h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } /* Topic Preview */ .topic-preview .topic { margin-top: 30px; background: #FFF; position: relative; padding: 25px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .topic-preview .profile-page-header { border: 0; background: none; font-size: 26px; line-height: 1.1em; font-weight: bold; margin: 20px 0 25px 0; } .topic-preview .topic .topic-footer .topic-info, .topic-preview .topic .topic-header .topic-info { display: none; } .topic-preview .topic { margin-bottom: 20px; } /*Topic bigpreview*/ #bigpreview-box {} .bigpreview-type { color: #fff; } .bigpreview-type .topic-bigpreview { position: relative; margin-bottom: 10px; border-top: 1px solid #FEFEFE; } .in-topic .bigpreview-type .topic-bigpreview { margin: 0; } .bigpreview-type a { color: #fff; } .bigpreview-type a:hover { text-decoration: none; color: #DA7133; } .bigpreview-type .topic-bigpreview .preview { float: none; margin: 0; } .in-topic .bigpreview-type .topic-bigpreview .preview { border-left: 1px solid #fff; border-right: 1px solid #fff; } .bigpreview-type .topic-bigpreview .preview img { width: 865px; height: 450px; border-radius: 0; } .bigpreview-type .topic-bigpreview .preview .noimage { display: inline-block; background: url(http://www.expedition.com/templates/skin/prestige/images/bignopreview.jpg) no-repeat; width: 865px; height: 450px; } .bigpreview-type .wraps-topic { position: absolute; left: 0; top: 0; display: table; padding: 0 20px 0 50px; width: 100%; height: 450px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; -moz-box-sizing: border-box; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35); transition: all 0.25s ease-in-out 0s; } .bigpreview-type .wraps-topic:hover { background: none; } .bigpreview-type .wraps-topic .box { display: table-cell; vertical-align: middle; } .bigpreview-type .topic-bigpreview .topic-time { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } .bigpreview-type .topic-bigpreview .topic-title { font-family: "tahoma", serif; font-weight: 900; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.35); font-size: 50px; line-height: 50px; margin-bottom: 30px; } .bigpreview-type .topic-bigpreview .topic-info { overflow: hidden; height: 40px; line-height: 40px; } .bigpreview-type .topic-bigpreview .topic-info li { float: left; margin-right: 15px; } .bigpreview-type .topic-bigpreview .topic-info li.dash { font-weight: bold; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-author { font-weight: bold; font-size: 14px; padding-left: 55px; position: relative; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-author img { border-radius: 50px; position: absolute; width: 40px; height: 40px; left: 0; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-blog { font-weight: bold; font-size: 14px; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-com-vie { overflow: hidden; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-comments { font-size: 11px; float: left; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-comments a .icox { color: #fff; position: relative; left: -3px; margin-right: 6px; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-viewers { font-size: 11px; float: left; margin-right: 10px; } .bigpreview-type .topic-bigpreview .topic-info .topic-info-viewers .icox { color: #fff; position: relative; left: -3px; margin-right: 6px; } /*in topic*/ .bigpreview-on .in-topic { padding: 0!important; background: none!important; } .bigpreview-on .in-topic .wraps { background: #FFF; position: relative; padding: 25px; }/* -------------------------------------------- КОММЕНТАРИИ -------------------------------------------- */ /* Блок с комментариями */ .comments-header { margin-bottom: 25px; padding-bottom: 10px; overflow: hidden; box-shadow: 0 1px 0 0 #FFF; border-bottom: 1px solid #C8C8C8; } .comments-header h3 { font-size: 25px; font-weight: bold; color: #555; float: left; text-shadow: 0 1px 0 #FFFFFF; } .comments-header input.input-checkbox { display: none; } .comments-header label { font-size: 12px; color: #c4c4c4; border-bottom: 1px dashed #b2b2b2; position: relative; top: 13px; left: 20px; cursor: pointer; text-shadow: 0 1px 0 #fff; } .comments { margin-bottom: 15px; } .comments .comment-wrapper:last-child { /* box-shadow: 0 1px 0 0 #FFF; border-bottom: 1px solid #C8C8C8;*/ } .comment-wrapper { position: relative; } .comment-wrapper .comment-wrapper { padding-left: 55px; box-shadow: none!important; border-bottom: 0!important; } .comment-preview { background: none repeat scroll 0 0 #F4FFF4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15); border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09); color: #333333; margin: 10px 0 10px 0; padding: 10px 20px; } .comment-preview { font-size: 13px; line-height: 18px; } /* Стили для списка комментариев на странице http://ваш_сайт/comments/ */ .comments.comment-list .comment { margin-bottom: 15px; } .comments.comment-list .comment-path { padding: 0 0 10px; } .comments.comment-list .comment-path .blog-name { color: #777; } /* Комментарий */ .comment { margin-left: 100px; margin-bottom: 30px; min-height: 40px; padding: 15px 20px 40px; position: relative; border: 1px solid #e8e8e8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .comment:after { display: block; content: ""; position: absolute; top: 0; left: -28px; width: 0; height: 0; border-width: 15px; border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; } .comment:before { display: block; content: ""; position: absolute; top: -1px; left: -30px; width: 0; height: 0; border-width: 15px; border-color: #e8e8e8 #e8e8e8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; } .comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; } .comment .comment-avatar { background: #fff; width: 55px; height: 55px; border-radius: 50px; padding: 1px; border: 3px solid #FFF; position: absolute; top: 0; left: -100px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.15); } .comment .comment-avatar:hover { border-radius: 0 0 0 0; } /* Типы комментариев * * deleted - удаленный комментарий * self - ваш комментарий * new - новый, непрочитанный комментарий * current - активный комментарий, который выделяется при исползование кнопки обновления в тулбаре * */ .comment.comment-author { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F2B185; } .comment.comment-author:before { border-color: #F2B185 #F2B185 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .comment { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15); border-image: none; border-radius: 1px 2px 2px 2px; border-style: solid; border-width: 1px; } .comment.comment-deleted { background: #FFF2F2; } .comment.comment-deleted:after { border-color: #FFF2F2 #FFF2F2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .comment.comment-self { background: #F4FFF4; } .comment.comment-self:after { border-color: #F4FFF4 #F4FFF4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .comment.comment-new { background: #ffffe3; } .comment.comment-new:after { border-color: #ffffe3 #ffffe3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .comment.comment-current { background: #edfdff; } .comment.comment-current:after { border-color: #edfdff #edfdff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .comment.comment-bad { opacity: 0.3; filter: alpha(opacity = 30); } .comment.comment-bad:hover { opacity: 1; filter: alpha(opacity = 100); } .ls-user-role-not-admin .comment.comment-deleted { padding: 10px 15px; color: #888; min-height: 43px; } .ls-user-role-not-admin .comment.comment-deleted .text { line-height: 40px; text-align: center; } /* Info Block */ .comment .comment-info { padding: 0 0 3px 0; line-height: 12px; position: relative; top: -2px; overflow: hidden; zoom: 1; } .comment .comment-info li { float: left; height: 18px; padding-top: 5px; margin-right: 10px; } .comment .comment-info li a { text-decoration: none; } .comment .comment-info li.comment-author a { color: #424242; font-size: 16px; font-weight: 600; } .comment .comment-info li.comment-author { padding-top: 5px; } .comment .comment-info li.comment-author a:hover { color: #DA7133; } .comment .comment-info li.comment-author .comment-topic-author { color: #DA7133; font-size: 14px; margin-right: 5px; text-transform: capitalize; } .comment .comment-info li.comment-date { color: #adacac; margin-right: 6px; padding-top: 3px; clear: both; } .comment .comment-info li.comment-date a { color: #adacac; font-size: 12px; } .comment .comment-info li.comment-favourite { padding: 4px 0 0 0; } .comment .comment-info li.comment-favourite .icox { position: relative; left: -1px; top: 2px; } .comment .comment-info li.goto-comment-child { display: none; } .comment div.vote { position: absolute; bottom: 10px; right: 20px; margin: 0; } .comment .comment-actions { position: absolute; bottom: 10px; } /* Content */ .comment .comment-content {} .comment .comment-content.text { font-size: 15px; color: #333333; line-height: 22px; } .comment .comment-content.text blockquote { background: #F8F8F8; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; } /* Actions */ .comment .comment-actions li { display: inline; margin-right: 15px; font-size: 12px; } .comment .comment-actions li a { font-size: 11px; } /* Форма комментирования */ .reply-header { font-size: 16px; font-weight: bold; line-height: 1.3em; text-shadow: 0 1px 0 #FFFFFF; } .reply { padding-bottom: 10px; } .reply textarea { height: 100px; } .reply textarea.loader { background: #f7f7f7 url(http://www.expedition.com/templates/skin/prestige/images/loader.gif) no-repeat center; } .reply .mceEditor { display: block; margin-bottom: 10px; }/* ------------------------------------------------------------------- БЛОКИ ------------------------------------------------------------------- */ .block { margin-bottom: 30px; text-shadow: 0 1px 0 #fff; } .js-block-stream-nav { display: block!important; } .js-block-stream-dropdown { display: none!important; } .block.style-1 .block-header { border-bottom: 1px solid #C8C8C8; box-shadow: 0 1px 0 0 #FFF; line-height: 32px; height: 32px; margin-bottom: 13px; } .block.style-1 .block-header h3 { font-family: "PT Sans", serif; font-size: 16px; } .block.style-1 .block-content { color: #8b8b8b; font-size: 14px; line-height: 20px; } .block:last-child { margin-bottom: 0; } .sidebar-left .block { margin-bottom: 10px; } .block .block-header { line-height: 25px; height: 25px; position: relative; margin-bottom: 10px; } .block .block-header h3 { font-size: 18px; color: #da7133; font-weight: bold; } .block .block-header h3 a { text-decoration: none; color: #da7133; } .block .block-header h3 a.link-dotted {} .block .block-content { padding: 0; } .block footer { margin-top: 15px; font-size: 12px; } .block footer a { text-decoration: none; text-transform: uppercase; } .block .max-height-200 { overflow: auto; max-height: 200px; _height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); position: relative; } /* Block Type - Stream */ .block .block-update { position: absolute; top: 40px; right: 0; width: 16px; height: 16px; cursor: pointer; color: #999; font-size: 13px; } .block .block-update.active { opacity: 0.5; } /* Block Type - Activity Settings */ .block.block-type-activity p { margin-bottom: 15px; } .block.block-type-activity ul li { margin-bottom: 5px; } .block.block-type-activity .note { display: block; margin-bottom: 15px; color: #777; } /* Block Type - Profile */ .block.block-type-profile { background: none; border: none; padding: 0; margin-bottom: 15px; } .block.block-type-profile .profile-photo-wrapper { position: relative; min-height: 50px; } .block.block-type-profile .profile-photo { vertical-align: top; border: 1px solid #fff; border-radius: 1px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .block.block-type-profile .status { position: absolute; top: 5px; left: 5px; padding: 0 5px; border-radius: 2px; font-size: 11px; text-shadow: none; } .block.block-type-profile .status.status-online { background: green; color: #fff; } .block.block-type-profile .status.status-offline { background: #333; color: #fff; opacity: .5; filter: alpha(opacity = 50); } .block.block-type-profile .upload-photo { padding: 7px 10px 10px; background: #f7f7f7; } .block.block-type-profile-note { background: #F1F7AF; border: 1px solid #E1EA83; padding: 15px; margin-bottom: 20px; } .block.block-type-profile-note p { margin-bottom: 10px; } .block.block-type-profile-note .actions { margin-bottom: 0; } .block.block-type-profile-nav { padding: 0; background: none; } .block.block-type-profile-actions { margin-bottom: 15px; } .block.block-type-profile-actions .block-content { font-size: 14px; font-weight: bold; } .block.block-type-profile-actions ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #C8C8C8; box-shadow: 0 1px 0 0 #FFF; } .block.block-type-profile-actions ul li:last-child { border-bottom: none; box-shadow: none; } .block.block-type-profile-actions ul li a { display: block; } .block.block-type-profile-actions ul li a .icox { position: relative; top: 2px; margin-right: 15px; color: #c4c4c4; } .block.block-type-profile-actions ul li a:hover { text-decoration: none; } .block.block-type-profile-actions ul li a.followed { color: #f00; } .block.block-type-friends {} .block.block-type-friends h2 { height: 30px; line-height: 30px; border-bottom: 1px solid #C8C8C8; box-shadow: 0 1px 0 0 #FFF; color: #c4c4c4; padding: 0 3px; font-weight: normal; margin-bottom: 10px; } .block.block-type-friends h2 a { color: #444444; font-weight: bold; } .block.block-type-friends h2 a:hover { text-decoration: none; } .block.block-type-friends .user-list-avatar { padding: 0 3px; } .block.block-type-friends .user-list-avatar li {} .block.block-type-friends .user-list-avatar li .avatar { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border: 1px solid #FFF; border-radius: 1px; width: 30px; height: 30px; margin: 4px; } /* Block Type - Foldable */ .block.block-type-foldable { background: none; } .block.block-type-foldable .block-header { background: none; border: none; padding: 0 0 10px; } .block.block-type-foldable .block-content { display: none; background: #FFF; padding: 25px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } .block.block-type-talk-search { margin-bottom: 10px; } .block.block-type-talk-friends { margin-bottom: 10px; } /* Special Block Tags */ #tag-nav-sub { padding: 15px 20px; width: 330px; } #tag-nav-sub .nav { width: 100%; border-bottom: 1px solid #e7a47e; margin-bottom: 10px; height: 30px; box-shadow: none; } #tag-nav-sub .nav li { float: left; line-height: 30px; height: 30px; width: 120px; background: none; margin: 0; } #tag-nav-sub .nav li a { line-height: 30px; height: 30px; background: none; padding: 0; margin: 0; color: #fff; opacity: 1; width: auto; float: none; display: inline; font-size: 10px; } #tag-nav-sub .nav li.active a { border-bottom: 1px solid #FFF; line-height: 32px; padding: 9px 0; } #tag-nav-sub .search-tags { margin: 0; position: absolute; right: 20px; top: 7px; height: 30px; } #tag-nav-sub .search-tags input { background: none; height: 22px; font-size: 10px; border: none; outline: none; text-transform: uppercase; font-family: 'PT Sans', serif; color: #eac9bb; width: 90px; padding: 1px 20px 1px 2px; } #tag-nav-sub .search-tags input:focus { background: rgba(0, 0, 0, 0.7); color: #ECD3C9; outline: medium none; padding: 5px 15px 5px 10px; } #tag-nav-sub .search-tags .icox { position: absolute; right: 9px; top: 15px; color: #fff; } #tag-nav-sub .search-tags input::-webkit-input-placeholder { /* WebKit browsers */ color: #ecd3c9; } #tag-nav-sub .search-tags input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ecd3c9; } #tag-nav-sub .search-tags input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ecd3c9; } #tag-nav-sub .search-tags input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ecd3c9; } #tag-nav-sub .js-block-tags-content {} #tag-nav-sub .js-block-tags-content .tag-cloud {} #tag-nav-sub .js-block-tags-content .tag-cloud li { float: left; margin-right: 8px; background: none; width: auto; height: auto; } #tag-nav-sub .js-block-tags-content .tag-cloud li a { background: none; padding: 0; display: inline; width: auto; height: auto; opacity: 1; text-transform: none; line-height: 22px; } #tag-nav-sub .js-block-tags-content .tag-cloud li a:hover { color: #000000; } /* Special Block Blogs */ #blogs-nav-sub ul li a { width: 175px; } #blogs-nav-sub ul li.last a { font-weight: bold; opacity: 1; } /*blog-left-info*/ .block.blog-left-info { width: 250px; height: 250px; margin: 0 0 20px 0; position: relative; } .block.blog-left-info .avatar { width: 248px; border: 1px solid #FFF; border-radius: 1px; box-shadow: 0 3px 7px -5px #000; } .block.blog-left-info .shadow:hover { opacity: 0; } .block.blog-left-info .shadow { background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8)) repeat scroll 0 0 transparent; display: block; position: absolute; top: 1px; left: 1px; width: 248px; height: 248px; opacity: 0.5; } .block.blog-left-info .title:hover { text-decoration: underline; transition: all 0.25s ease-in-out 0s; } .block.blog-left-info .title { text-decoration: none; font-size: 26px; font-weight: bold; color: #fff; position: absolute; bottom: 55px; left: 15px; text-shadow: 1px 2px 6px #5E5E5E; line-height: 32px; } .block.blog-left-info .title i { width: 8px; height: 10px; position: relative; left: -5px; top: 11px; color: #FFF; } .block.blog-left-info .topics { font-size: 13px; color: #fff; position: absolute; bottom: 30px; left: 15px; text-shadow: 1px 2px 2px #555; } .block.blog-left-info .rss { position: absolute; left: 15px; bottom: 10px; text-shadow: 0 1px 0 #000; color: #fff; } .block.blog-left-info button { position: absolute; bottom: 5px; right: 5px; padding: 3px 7px; font-size: 10px; border-radius: 2px; }/* -------------------------------------------- Стили модальны[ окон -------------------------------------------- */ .modal { display: none; /*position: absolute;*/ position: fixed; top: 25%; left: 50%; width: 300px; margin-left: -150px; color: #333; border: 1px solid #fff; background: #ececec url(http://www.expedition.com/templates/skin/prestige/images/bg-cont.png) center; border-radius: 2px; -webkit-box-shadow: 0 0 27px rgba(0,0,0,.2); box-shadow: 0 0 27px rgba(0,0,0,.2); overflow: hidden; } .modal .close { position: absolute; top: 7px; right: 6px; width: 14px; height: 14px; background: url(http://www.expedition.com/templates/skin/prestige/images/icons.png) -312px 0 no-repeat; opacity: .3; filter: alpha(opacity = 30); } .modal .close:hover { opacity: 1; filter: alpha(opacity = 100); } .modal .nav.nav-pills { margin-bottom: 40px; } .modal .nav.nav-pills li { margin-right: 48px; } .modal .nav.nav-pills li:last-child { margin: 0; } .modal .nav.nav-pills li a { font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; } .modal .modal-header {} .modal .modal-header h3 { color: #DA7133; font-size: 24px; font-weight: bold; margin-top: 20px; height: 50px; line-height: 50px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; } .modal .modal-content { padding: 10px 23px 23px 23px; } .jqmOverlay { background-color: #000; } * html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* ����� ����� */ .modal.modal-login { width: 450px; margin-left: -225px; top: 100px; } .modal.modal-login .nav { margin-bottom: 30px; } /* ���������� ������ */ .modal.modal-write { width: 740px; margin-left: -370px; top: 50px; } .modal.modal-write .modal-content { padding: 20px 10px 0; *padding: 20px 10px 15px; } .modal.modal-write .write-list { *overflow: hidden; *zoom: 1; } .modal.modal-write .write-list li { width: 100px; margin: 0 10px 20px; text-align: center; overflow: hidden; display: inline-table; *float: left; } .modal.modal-write .write-list li a { color: #39576B; } .modal.modal-write .write-list li .write-item-image { display: block; width: 100px; height: 100px; border-radius: 3px; text-align: center; background: url(http://www.expedition.com/templates/skin/prestige/images/write.png) no-repeat; margin-bottom: 10px; } .modal.modal-write .write-list li.write-item-type-topic .write-item-image { background-position: 0 0; } .modal.modal-write .write-list li.write-item-type-poll .write-item-image { background-position: -100px 0; } .modal.modal-write .write-list li.write-item-type-link .write-item-image { background-position: -200px 0; } .modal.modal-write .write-list li.write-item-type-photoset .write-item-image { background-position: -300px 0; } .modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -400px 0; } .modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: -500px 0; } /* Upload Image */ .modal-image-upload { width: 500px; margin-left: -250px; } /* -------------------------------------------- БЛОГ -------------------------------------------- */ .blog { background: #fafafa; margin-bottom: 10px; border-radius: 3px; border: 1px solid #eee; overflow: hidden; } /* Header */ .blog .blog-header { position: relative; padding: 15px 130px 15px 78px; border-bottom: 1px solid #eee; } .blog .blog-header h2 { font-size: 20px; font-weight: bold; line-height: 1em; margin-top: 3px; margin-bottom: 7px; } .blog .blog-header h2 i { position: relative; top: 5px; } .blog .blog-header .avatar { position: absolute; top: 15px; left: 15px; } .blog .blog-header .vote-label { text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; } .blog .blog-header .count { font-size: 34px; line-height: 1em; font-weight: bold; text-align: right; } .blog .blog-header .vote { position: absolute; top: 15px; right: 15px; } .blog .blog-header .vote .vote-count { padding-left: 25px; display: block; color: #333; } .blog .blog-header .vote .vote-up { position: absolute; top: 22px; left: 0; display: none; } .blog .blog-header .vote .vote-down { position: absolute; top: 35px; left: 0; display: none; } .blog .blog-header .vote:hover .vote-up, .blog .blog-header .vote:hover .vote-down, .blog .blog-header .vote.voted .vote-up, .blog .blog-header .vote.voted .vote-down { display: inline-block; } .blog .blog-header .vote.vote-count-positive .vote-count { color: #5055B2; } .blog .blog-header .actions { margin-bottom: 0; } /* Content */ .blog .blog-content { padding: 15px; border-bottom: 1px solid #eee; } /* Footer */ .blog .blog-footer { padding: 15px; border-bottom: 1px solid #eee; } /* More Button */ .blog-more { display: block; padding: 10px 0; text-align: center; text-decoration: none; background: #fafafa; } .blog-more:hover { background: #eee; } /* List Blogs */ .blogs-lists {} .blogs-lists ul.lists {} .blogs-lists ul.lists .one-blog { position: relative; padding-left: 170px; background: url(http://www.expedition.com/templates/skin/prestige/images/line-6.png) repeat-x bottom center; height: 152px; padding-bottom: 25px; margin-bottom: 22px; } .blogs-lists ul.lists .one-blog:last-child { background: none; padding-bottom: 0; } .blogs-lists ul.lists .one-blog.blog-open { height: auto; background: none; padding-bottom: 0; min-height: 170px; } .blogs-lists ul.lists .one-blog .vote { position: absolute; right: 0; top: 10px; } .blogs-lists ul.lists .one-blog .name-blog { margin-bottom: 3px; } .blogs-lists ul.lists .one-blog .name-blog .avatar { position: absolute; left: 0; top: 0; } .blogs-lists ul.lists .one-blog .name-blog .avatar img { vertical-align: top; border: 1px solid #FFF; border-radius: 1px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .blogs-lists ul.lists .one-blog .name-blog .title { font-size: 24px; font-weight: bold; color: #444444; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; margin-right: 20px; padding-top: 8px; display: inline-block; } .blogs-lists ul.lists .one-blog .name-blog .title i { position: relative; top: 9px; left: -2px; } .blogs-lists ul.lists .one-blog .name-blog .join-link { position: relative; padding: 3px 7px; font-size: 10px; top: -3px; border-radius: 2px; } .blogs-lists ul.lists .one-blog .nav { height: 35px; margin-bottom: 13px; } .blogs-lists ul.lists .one-blog .nav a { cursor: pointer; line-height: 21px; } .blogs-lists ul.lists .one-blog .nav .active a { line-height: 21px; } .blogs-lists ul.lists .one-blog .nav a span { font-weight: normal; color: #c4c4c4; } .blogs-lists ul.lists .one-blog .txt-info { background: #FFF; position: relative; padding: 7px 15px; box-shadow: 0 0 20px -10px #000; box-sizing: border-box; color: #717171; font-size: 14px; /*height: 70px;*/ } .blogs-lists ul.lists .one-blog .avatar-info { display: none; } .blogs-lists ul.lists .one-blog .user-list-avatar { padding: 0 3px; } .blogs-lists ul.lists .one-blog .user-list-avatar li {} .blogs-lists ul.lists .one-blog .user-list-avatar li .avatar { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border: 1px solid #FFF; border-radius: 1px; width: 30px; height: 30px; margin: 4px; } .blogs-lists ul.lists .one-blog .actions { position: absolute; left: 0; top: 160px; line-height: 12px; } .blogs-lists ul.lists .one-blog .actions li { float: none; font-size: 10px; } .blogs-lists-style-2 {} .blogs-lists-style-2 ul.lists { overflow: hidden; display: table; width: 100%; padding: 1px 0 0 0; } .blogs-lists-style-2 ul.lists .one-blog { float: left; position: relative; display: table-cell; width: 33.3%; text-align: center; padding: 0 1%; box-sizing: border-box;; -moz-box-sizing: border-box; } .blogs-lists-style-2 ul.lists .one-blog .avatar { border: 1px solid #FFF; border-radius: 1px; box-shadow: 0 3px 7px -5px #000; } .blogs-lists-style-2 ul.lists .one-blog .blog-info-list { display: inline-block; position: relative; } .blogs-lists-style-2 ul.lists .one-blog .shadow { background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ width: 100%; display: block; opacity: 0.5; } .blogs-lists-style-2 ul.lists .one-blog .shadow:hover { opacity: 0; transition: all 0.25s ease-in-out 0s; } .blogs-lists-style-2 ul.lists .one-blog .blog-join { position: absolute; top: 25px; left: 30px; padding: 3px 7px; font-size: 10px; border-radius: 2px; display: none; } .blogs-lists-style-2 ul.lists .one-blog:hover .blog-join { display: block; } .blogs-lists-style-2 ul.lists .one-blog .title:hover { color: #DA7133; } .blogs-lists-style-2 ul.lists .one-blog .title { text-decoration: none; font-size: 26px; font-weight: bold; color: #fff; position: absolute; bottom: 50px; left: 30px; text-shadow: 1px 2px 6px #5E5E5E; line-height: 32px; text-align: left; width: 205px; } .blogs-lists-style-2 ul.lists .one-blog .title i { width: 8px; height: 10px; position: absolute; left: -20px; top: 9px; color: #FFF; font-size: 13px; } .blogs-lists-style-2 ul.lists .one-blog .topics { font-size: 13px; color: #fff; position: absolute; bottom: 25px; left: 30px; text-shadow: 1px 2px 2px #555; } /*хаки для FF*/ @-moz-document url-prefix() { .blogs-lists ul.lists .one-blog .txt-info { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .blogs-lists-style-2 ul.lists .one-blog .avatar { outline:none; } .blogs-lists-style-2 ul.lists .one-blog .shadow { display: inline-block; position: relative; /*top: -14px;*/ } }/* -------------------------------------------- СТРАНИЦА ПОЛЬЗОВАТЕЛЯ -------------------------------------------- */ .profile { min-height: 55px; margin-bottom: 0; padding: 5px 200px 20px 75px; position: relative; text-shadow: 0 1px 0 #FFF; } .profile .avatar { position: absolute; top: 0; left: 0; width: 60px; height: 60px; border: 1px solid #FFF; border-radius: 1px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .profile .vote-label { text-transform: uppercase; text-align: center; font-size: 12px; color: #999; clear: both; margin-top: 8px; } .profile .count { font-family: pt sans; font-size: 20px; font-weight: bold; line-height: 1em; text-align: right; } .profile .vote { position: absolute; top: 0; right: 80px; } .profile .vote .vote-count { display: inline-block; position: relative; top: 2px; } .profile .vote.vote-count-positive .vote-count { color: #51983c; } .profile .strength { position: absolute; top: 0; right: 0; } .profile .user-login { width: 270px; font-size: 24px; line-height: 26px; font-weight: bold; margin-bottom: 5px; color: #444; } .profile .user-login.no-user-name { position: relative; top: 13px; } .profile .user-name { color: #595858; font-size: 14px; } .profile-page-header { font-size: 12px; font-weight: bold; margin-bottom: 20px; background: #f5f5f5; border-top: 1px solid #eee; color: #555; padding: 5px 10px 6px; } .profile-info-about { padding: 13px 20px 20px; background: #F1F9F1; border-radius: 5px; margin-bottom: 30px; color: #000; } .profile-info-about h3 { font-size: 18px; margin-bottom: 5px; }/* -------------------------------------------- СТЕНА -------------------------------------------- */ .wall-submit { margin-bottom: 30px; } .wall-submit.wall-submit-reply { margin: 2px 0 2px 25px; padding: 7px; background: #fafafa; } .wall-submit.wall-submit-reply textarea { height: 28px; *height: 16px; *width: 590px; margin: 0; } .wall-submit.wall-submit-reply button { display: none; } .wall-submit.wall-submit-reply.active textarea { height: 80px; margin-bottom: 5px; } .wall-submit.wall-submit-reply.active button { display: block; } .wall-submit p { margin-bottom: 5px; } .comments.wall, .wall .comment { margin-bottom: 2px; } .wall .comment .comment-info { padding-bottom: 0; } .wall .comment .comment-content { margin-bottom: 3px; } .comment.wall-comment-reply { min-height: 0; padding-left: 48px; } .comment.wall-comment-reply .comment-avatar { width: 30px; height: 30px; } .wall-more { display: block; background: #f7f7f7; text-align: center; padding: 7px 0; font-size: 11px; margin-bottom: 2px; } .wall-more:hover { background: #eee; } .wall-more.wall-more-reply { margin-left: 25px; } .wall-more.loader { background: #fafafa url(http://www.expedition.com/templates/skin/prestige/images/loader.gif) 50% 50% no-repeat; } .wall-more.loader .wall-more-inner { visibility: hidden; } .wall-note h3 { font-size: 15px; margin-bottom: 20px; font-family: Verdana, sans-serif; }/* -------------------------------------------- ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ -------------------------------------------- */ .infobox { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 9999; text-align: left; padding: 15px; min-width: 50px; max-width: 300px; color: #fff; background: rgba(0,0,0,.8); border-radius: 5px; } .infobox .tip-arrow { position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,.8); } .infobox .tip-arrow.tip-arrow-top { top: -12px; left: 15px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; } .infobox .tip-arrow.tip-arrow-bottom { bottom: -12px; left: 15px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; } .infobox .tip-arrow.tip-arrow-right { top: 50%; margin-top: -6px; right: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; } .infobox .tip-arrow.tip-arrow-left { top: 50%; margin-top: -6px; left: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-left-color: transparent !important; } .infobox a { color: #B4B8ED; } .infobox a:hover { color: #999DDB; } /* Default Tip */ .infobox.infobox-standart { background: rgba(0,0,0,.8); } .infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }/* -------------------------------------------- ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ -------------------------------------------- */ #notifier { width: 250px; position: fixed; top: 10px; right: 10px; font-size: 12px; z-index: 9999; /* IE 6 Fix */ _position: absolute; _top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" ); } #notifier .n-box { position: relative; padding: 10px 15px 11px; margin-bottom: 10px; color: #fff; background: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #notifier .n-box h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 3px; } #notifier .n-box p { margin: 0; } #notifier .n-box.n-notice { background: #FFF1A8; color: #333; } #notifier .n-box.n-notice h3 { color: #333; } #notifier .n-box.n-error { background: #000; color: #fff; opacity: 0.8; filter: alpha(opacity=80); }/* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://www.expedition.com/templates/skin/prestige/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Autocomplete 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.14 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; cursor: pointer; background: none; border: 0; } /* * jQuery UI Datepicker 1.8.14 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-autocomplete-loading { background: #fafafa url(http://www.expedition.com/templates/skin/prestige/images/loader.gif) 50% 50% no-repeat; }/* -------------------------------------------- СТИЛИ ДЛЯ ПЕЧАТИ -------------------------------------------- */ @media print { @page { margin: 0.5cm; } * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } body, .text { font-size: 14pt; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } h1 { font-size: 30pt !important; } h4 { font-size: 26pt !important; } h5 { font-size: 23pt !important; } h6 { font-size: 20pt !important; } p, h3, h4, h5 { orphans: 3; widows: 3; } h3, h4, h5 { page-break-after: avoid; } #header, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper, .topic-footer, .stat-performance, .actions, .reply-header { display: none !important; } #wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; } #content { width: 100%; margin: 0; } .topic { margin-bottom: 100px; } }.block.randomtopics {} .block.randomtopics ul { overflow: hidden; margin-top: 20px; } .block.randomtopics ul li { float: left; } .block.randomtopics ul li .image {} .block.randomtopics ul li .image:hover { opacity: 0.6; } .block.randomtopics ul li .image img { width: 83px; height: 83px; } .block.randomtopics ul li .noimage { background: url("http://prestige.lstemplates.com/templates/skin/prestige/images/no-image.png") no-repeat; color: #fff; display: inline-block; line-height: 83px; width: 83px; height: 83px; text-shadow: none; text-align: center; }.opt-role { background: #fbfbfb; padding: 5px 10px; border: solid 1px #f1f1f1; display: none; width: 97%; border-radius: 5px; } .role { background: #fbfbfb; padding: 15px 20px; border: solid 1px #f1f1f1; width: 97%; margin: 2px; overflow: hidden; border-radius: 10px; } .role .name{ float: left; font-weight: bold; color: #aaa; } .role .uf { float: right; } .role .ruser{ border: solid 1px #fff; float: left; margin: 2px 4px; padding: 3px 6px; border-radius: 5px; background: #ccc; } .roler { overflow: hidden; background: none; border: none; margin: 0; padding: 0 0 5px 0; } .roler .role-reg { float: left; width: 50px; height: 50px; border: solid 1px #aaa; margin: 3px; padding: 5px; cursor: pointer; filter: alpha(opacity=30); opacity: 0.3; position: relative; border-radius: 2px; } .roler .role-reg .av_role{ position: absolute; top: 6px; left: 6px; z-index: -9; } .roler .role-reg:hover, .roler .role-reg.active{ filter: alpha(opacity=100); opacity: 1; } .roler .role-reg .name{ text-align: center; font-weight: bold; font-size: 14px; } .roler .role-reg .text{ font-size: 10px; color: #aaa; text-align: center; line-height: 14px; } .comment-info li.edit a{ color: green; } .comment-info li.save, .comment-info li.cancel{ display: none; } .comment-info li.save a{ color: blue; } .comment-info li.cancel a{ color: #ff4500; } .comment-info li.delete a{ color: red; } .ls-avalar { margin: 0 auto; width: 100%; border-bottom: soid 1px #ccc; background-color: #ffcc00; color: red; overflow: hidden; padding: 0 0; font-style: 10px } .ls-avalar .cont{ padding: 5px 10px; } .ls-avalar a { color: red; } .ls-avalar .exit{ float: right; } .info_edit{ font-size: 9px; font-style: italic; text-align: right; margin-top: -10px; color: #aaa; } .user-profile { position: relative; } ul.list_user_role { overflow: hidden; } ul.list_user_role li { float: left; font-size: 10px; text-align: center; margin: 3px; width: 48px; height: 65px; } ul.list_user_role li a{ font-size: 10px; text-align: center; text-align: center; display: block; width: 48px; overflow: hidden; } .block.role_block h2.title_role{ height: 24px; line-height: 18px; } .block.role_block h2.title_role img{ margin-right:5px; } .topic-content header ul li{list-style: none;} .del-role{ color: red; text-decoration: none; font-weight: bold; } .clone-role{ color: green; text-decoration: none; font-weight: bold; } #form_box { overflow: hidden; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #EEEEEE; } .toolbar-role { position: fixed; top: 76px; left: 0; z-index: 21; display: none; } .toolbar-role section { width: 25px; padding: 8px; overflow: hidden; line-height: 14px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.03); box-shadow: 0 0 5px rgba(0,0,0,.03); margin-bottom: 10px; border-radius: 10px; } .toolbar-role section i { display: block; width: 25px; height: 25px; } .toolbar section a#toolbar-menu-avatar { padding: 5px; } .toolbar section i.icon-user-role { background: url(http://www.expedition.com/plugins/role/templates/skin/prestige/images/icon-user-role.png) no-repeat !important; width: 25px; height: 25px; } .toolbar section i.icon-user-role-exit { background: url(http://www.expedition.com/plugins/role/templates/skin/prestige/images/icon-user-role-exit.png) no-repeat !important; width: 25px; height: 25px; } .toolbar-role i.icon-synio-add-friend.tr-people { width: 16px; height: 16px; margin: 3px 5px; } /** * v08 */ .menu-avatar{ background: #fff; border: solid 1px #EBF0F4; box-shadow: 5px rgba(0, 0, 0, 0.047); padding: 15px 20px; position: fixed; width: 150px; display: none; z-index: 99999; margin-top: -45px; } .menu-avatar ul, .menu-avatar ul li, .menu-avatar ul li a{ position: relative; } .toolbar-avatar-form { } .toolbar-avatar-form p{ margin-bottom: 2px; } .toolbar-avatar-form .center { text-align: center; padding: 2px; margin: 2px; } .menu-avatar .title { position: relative; font-size: 16px; } .menu-avatar .title a{ position: absolute; right: -13px; top: -8px; display: block; width: 10px; height: 10px; background: transparent url(http://www.expedition.com/plugins/role/templates/skin/prestige/images/close.png) no-repeat; } /** * v0.8.1 */ #clone-box { width: 250px; border-radius: 3px; box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.196); padding: 10px 15px; overflow: hidden; background: #fff; position: fixed; top: 150px; z-index: 99999; display: none; } #clone-box-close { position: absolute; right: 3px; top: 8px; display: block; width: 10px; height: 10px; background: transparent url(http://www.expedition.com/plugins/role/templates/skin/prestige/images/close.png) no-repeat; } .table.table-users.role-table tbody .cell-name div, .table.table-users.role-table .cell-name .username{ width: 350px; }/*! * FullCalendar v1.6.0 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right, /* non-theme */ .fc-header .ui-corner-right { /* theme */ margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, /* , usually */ .fc-widget-content { /* , usually */ border: 1px solid #ddd; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #fcf8e3; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; padding: 0 .6em; overflow: hidden; height: 1.9em; line-height: 1.9em; white-space: nowrap; cursor: pointer; } .fc-state-default { /* non-theme */ border: 1px solid; } .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Our default prev/next buttons use HTML entities like ‹ › « » and we'll try to make them look good cross-browser. */ .fc-text-arrow { margin: 0 .1em; font-size: 2em; font-family: "Courier New", Courier, monospace; vertical-align: baseline; /* for IE7 */ } .fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow { /* for ‹ › */ font-weight: bold; } /* icon (for jquery ui) */ .fc-button .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */ .fc-state-default { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { border: 1px solid #3a87ad; /* default BORDER color */ background-color: #3a87ad; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-size: .85em; cursor: default; } a.fc-event { text-decoration: none; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30); } .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } /* Settings */ #activity_settings { display:none; border: 1px solid #e2e8ff; border-radius: 5px; padding: 10px 10px 10px 10px; margin-bottom: 10px; } #activity-address-modal-map { position: fixed; top: 25%; left: 50%; margin-left: -250px; z-index:3099; display:none; height: 400px; width:500px; } #activity-address-map { height: 400px; width: 100%; } #activity_calendar a:hover { color: #cfcfcf; } /* Event on full calendar */ .activity-calendar-event { text-align: center; } .activity-calendar-event:hover { text-align: center; cursor: pointer; color: #cfcfcf; } /* Activity modal list */ #activity-list-modal { overflow: auto; max-height: 450px; width: auto; } #activity-list-modal .modal-content { padding: 0 15px; } /* Coming activities block */ .block.block-coming-activities .block-header h3 { font-size: 20px; } .block.block-coming-activities .block-content { } .block.block-coming-activities .block-content .coming-activities-items { } .block.block-coming-activities .block-content .coming-activities-items .coming-activities-item { margin-bottom: 10px; overflow: hidden; } .block.block-coming-activities .block-content .coming-activities-items .coming-activities-item .activity-date { width: 80px; float: left; color: #343434; overflow: hidden; } .block.block-coming-activities .block-content .coming-activities-items .coming-activities-item .activity-date .day { font-weight: bold; font-size: 20px; float: left; line-height: 22px; margin-right: 5px; } .block.block-coming-activities .block-content .coming-activities-items .coming-activities-item .activity-date .month { float: left; font-size: 10px; font-weight: normal; } .block.block-coming-activities .block-content .coming-activities-items .coming-activities-item .activity-title { margin-left: 80px; } .block.block-coming-activities .block-content .coming-activities-items .coming-activities-item .activity-title a { color: #666666; } /* Activity users block */ .block-activity-users-hidden { display: none; } .block-content-activity-users { max-height: 300px; overflow: auto; } .block-content-activity-users-user { float: left; width: 23%; text-align: center; padding: 1%; border-radius: 8px; } .block-content-activity-users-user img { border-radius: 2px; } .block-content-activity-users-user img:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); } /* Activity block */ .activity { margin: 0 0 5px 5px; border-radius: 5px; width: 280px; float: right; background: #FBFCFC; padding: 10px; } .activity-short { padding-top: 10px; clear:both; } .activity .title { text-align: center; } .activity .title a { font-size: 16px; text-decoration: underline; line-height: 1.1em; font-weight: bold; color: #275ec2; } .activity .key, .block-activity .key{ margin-right: 5px; font-weight: bold; } .activity .value, .block-activity .value { color: #333; } .activity .value.address { clear:both; cursor:pointer; border-bottom: 1px dashed #727a90; } .activity .activity-button-wrapper { text-align: center; margin-top: 10px; } .activity .activity-fast-registration-wrapper { padding-top: 10px; } .activity .activity-fast-registration-wrapper label { color: #333; } .activity .activity-fast-registration-wrapper .icon-question-sign { position: relative; top: -3px; } .activity .activity-fast-registration-wrapper .icon-ok-green { position: relative; top: -1px; } .fast-registration-hide { display: none; } .input-width-220 { width: 220px; } /* Buttons */ .activity .button { width:200px; display: inline-block; padding: 7px 15px; text-align: center; border: none; border-radius: 2px; font-size: 12px; line-height: 16px; color: #fff; background: #555; background: -moz-linear-gradient(top, #666666 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#555555)); background: -webkit-linear-gradient(top, #666666 0%,#555555 100%); background: -o-linear-gradient(top, #666666 0%,#555555 100%); background: -ms-linear-gradient(top, #666666 0%,#555555 100%); background: linear-gradient(top, #666666 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 ); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); cursor: pointer; *margin-right: 5px; } .activity .button:hover { text-decoration: none; color: #fff; background: #666; } .activity .button:active { -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; } /* Button green */ .activity .button.button-green { background: #43bb34; background: -moz-linear-gradient(top, #43bb34 0%, #3aa62c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43bb34), color-stop(100%,#3aa62c)); background: -webkit-linear-gradient(top, #43bb34 0%,#3aa62c 100%); background: -o-linear-gradient(top, #43bb34 0%,#3aa62c 100%); background: -ms-linear-gradient(top, #43bb34 0%,#3aa62c 100%); background: linear-gradient(top, #43bb34 0%,#3aa62c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43bb34', endColorstr='#3aa62c',GradientType=0 ); } .activity .button.button-green:hover { background: #3AA62C; } /* Button red */ .activity .button-red { background: #ff0000; background: -moz-linear-gradient(top, #ff3333 0%, #e62e2e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#e62e2e)); background: -webkit-linear-gradient(top, #ff3333 0%,#e62e2e 100%); background: -o-linear-gradient(top, #ff3333 0%,#e62e2e 100%); background: -ms-linear-gradient(top, #ff3333 0%,#e62e2e 100%); background: linear-gradient(top, #ff3333 0%, #e62e2e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#e62e2e',GradientType=0 ); } .activity .button.button-red:hover { background: #e62e2e; }/** * Feedback */ #filter_comment { width: 420px } .input-feedback-ip { text-align: center; width: 40px } .ip-block { float: left; margin: 5px 30px 15px 0 } .iplist { } .iplist #ip_black_list li { background: #aaa } .iplist #ip_white_list li { background: #eee } .iplist li { margin-bottom: 1px; padding: 10px 10px; line-height: 12px; color: #777; overflow: hidden; zoom: 1 } .iplist_ip { font-weight: bold; color: #333 } .iplist_comment { line-height: 150%; font-size: 10px } .iplist_actions { float: right } .feedback-form .form-item:last-child { margin-bottom: 0 } .feedback-form dl.form-item dd { position: relative; } .feedback-form dl.form-item dd .markItUp { width: 400px } .feedback-form dl.form-item dd .mce-editor { height: 200px } .feedback-form dl.form-item dd .form-item-help { width: 50px; height: 20px; position: absolute; top: 1px; right: 0 } .feedback-form dl.form-item dd .form-item-help.active { background: url() 0 12px repeat-x } .feedback-form dl.form-item dd .form-item-help i { background-color: #f8fbfe } .feedback-form dl.form-item dd .form-item-help i.icon-ok-green { position: absolute; top: 3px; right: 0 } .toolbar .toolbar-feedback { position: fixed; bottom: 5px; right: 5px; z-index: 20 } .toolbar .toolbar-feedback i { margin-top: 2px } .modal.modal-feedback { width: 510px; margin-left: -245px; top: 50px } .modal.modal-feedback .modal-header { margin-bottom: 0 } .modal.modal-feedback .modal-content { padding-top: 15px } .modal.modal-feedback .icon-question-sign { position: relative; top: -3px } .modal.modal-feedback .icon-ok-green { position: relative; top: -1px } .modal.modal-feedback .feedback-copyright { text-align: center; float: none } .modal.modal-feedback .feedback-copyright span { color: #999; padding: 4px 15px; display: inline } .feedback-copyright { float: right; clear: both } .feedback-copyright span { font-size: 10px; display: block } .button-feedback {} /* Simplesearch plugin (P) PSNet, 2008 - 2012 http://psnet.lookformp3.net/ http://livestreet.ru/profile/PSNet/ http://livestreetcms.com/profile/PSNet/ */ /* block for people page */ div.block.SS_Peoplesearch form { margin-bottom: 5px; } div.block.SS_Peoplesearch form label { color: #555555; display: block; margin: 5px 0; } div.block.SS_Peoplesearch form label input { margin: 0 5px 0 0; vertical-align: sub; } div.block.SS_Peoplesearch small { color: #999999; font: 10px/12px Tahoma,Verdana; } /* search results */ div.SearchContainer {} /* people spoiler */ div.SearchContainer div.FoundBy { font-size: 10px; text-decoration: underline; cursor: pointer; clear: both; color: green; } div.SearchContainer div.FoundBy:hover { text-decoration: none; } div.SearchContainer div.MoreInfo { display: none; background: #EEEEEE; border-left: 2px solid #3F8AD7; padding: 0 5px; } /* topics info */ div.SearchContainer div.TitleWhereFound { background: -moz-linear-gradient(left, rgba(125,185,232,0.1) 0%, rgba(229,229,229,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,185,232,0.1)), color-stop(100%,rgba(229,229,229,0))); background: -webkit-linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(229,229,229,0) 100%); background: -o-linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(229,229,229,0) 100%); background: -ms-linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(229,229,229,0) 100%); background: linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(229,229,229,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7db9e8', endColorstr='#00e5e5e5',GradientType=1 ); border-radius: 2px 2px 2px 2px; color: #555555; font: 13px/18px Verdana, Tahoma; padding: 3px 5px; text-shadow: 0 1px 0 #FFFFFF; margin: 2px 0 8px; } /* highlight search results */ .searched-item { background: rgba(125, 185, 232, 0.3); } .viewcount { float: left; margin-right: 30px;} .viewcount-icon { background: url(http://www.expedition.com/plugins/viewcount/templates/skin/default/img/icon-views.png) no-repeat center; display: inline-block; width: 12px; height: 12px; cursor: pointer;} .viewcount-info {font-size: 11px; color:#7B848D; vertical-align: top;}