/*! 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: Verdana, 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.6em; font-weight: normal; margin: 0; font-family: 'PT Sans', Arial, sans-serif; } /* * 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; } /* ------------------------------------------------------------------- ОСНОВНЫЕ СТИЛИ ------------------------------------------------------------------- */ body { font-size: 12px; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; color: #000; background-color: #fbfcfc; } /* Ссылки ---------------------------------------------------- */ a { color: #3f8ad7; } a:hover { color: #f00; } .text a:visited { color: #1D2273; } a.link-dashed { border-bottom: 1px dashed #5055b2; text-decoration: none; } a.link-dashed:hover { border-color: #f00; } a.link-dotted { text-decoration: none; border-bottom: 1px dotted #5055b2; } a.link-dotted:hover { border-color: #f00; } /* Заголовки ---------------------------------------------------- */ h2.page-header { color: #333; font-size: 27px; line-height: 1em; font-weight: normal; margin-bottom: 20px; } h2.page-header span { color: #aaa; } h2.page-header i { vertical-align: middle; } h2.header-table { margin-bottom: 10px; font-size: 22px; font-weight: normal; } h2.header-table a { color: #275ec2; } h2.header-table span { color: #949aa1; } /* Шапка сайта ---------------------------------------------------- */ #header .site-name { font-size: 25px; line-height: 1em; float: left; padding-top: 0px; margin-right: 30px; margin-left: 18px; } #header .site-name a { color: #fff; text-decoration: none; } #header .site-name a:hover { color: #eee; } #header .new-messages { position: absolute; top: 284px; right: 205px; color: #f9de7e; font-size: 11px; margin-right: 11px; margin-top: 18px; line-height: 1em; text-decoration: none; } #header .new-messages i { top: 283px; } .mozilla #header .new-messages i { top: 284px; } #header .dropdown-user { width: 89px; height: 51px; line-height: 47px; position: absolute; top: 284px; right: 0; padding-right: 60px; padding-left: 54px; background: #353535; background: -moz-linear-gradient(top, #353535 0%, #020202 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#020202)); background: -webkit-linear-gradient(top, #353535 0%,#020202 100%); background: -o-linear-gradient(top, #353535 0%,#020202 100%); background: -ms-linear-gradient(top, #353535 0%,#020202 100%); background: linear-gradient(top, #353535 0%,#020202 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#020202',GradientType=0 ); } #header .dropdown-user.opened { background: #1d1d1d; } #header .dropdown-user .dropdown-user-trigger { position: absolute; top: 0; right: 0; width: 36px; height: 51px; border-left: 1px solid #272727; cursor: pointer; } #header .dropdown-user .dropdown-user-trigger i { position: absolute; top: 23px; left: 14px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #949aa1; } #header .dropdown-user .dropdown-user-trigger:hover, #header .dropdown-user.opened .dropdown-user-trigger { background: #093357; } #header .dropdown-user .dropdown-user-trigger:hover i, #header .dropdown-user.opened .dropdown-user-trigger i { border-top-color: #fff; } #header .dropdown-user .dropdown-user-shadow { height: 51px; width: 51px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -230px no-repeat; position: absolute; top: 0; right: 36px; } #header .dropdown-user.opened .dropdown-user-shadow { background-position: 0 -281px; } #header .dropdown-user .username { color: #cfcfcf; font-size: 11px; text-decoration: underline; white-space: nowrap; max-width: 89px; overflow: hidden; display: block; } #header .dropdown-user .username:hover { color: #aaa; } #header .dropdown-user .avatar { position: absolute; top: 11px; left: 13px; width: 30px; height: 30px; } .dropdown-user-menu { position: absolute; background: #1d1d1d; border: none; border-top: 1px solid #000; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5); box-shadow: 0 0 7px rgba(0, 0, 0, .5); z-index: 30; } .dropdown-user-menu li { border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; } .dropdown-user-menu li:last-child { border-bottom: none; } .dropdown-user-menu li:last-child a { border-radius: 0 0 10px 10px; } .dropdown-user-menu li.item-stat { padding: 20px 17px; font-size: 11px; background: #191919 url(https://www.32spokes.ru/templates/skin/synio/images/dropdown-user-shadow.png) left bottom repeat-x; } .dropdown-user-menu li.item-stat .rating { color: #93d3f2; } .dropdown-user-menu li.item-stat .rating.negative { color: #d95f5f; } .dropdown-user-menu li.item-stat .rating i { position: relative; top: 2px; } .dropdown-user-menu li.item-stat .strength { color: #f3d50b; margin-right: 21px; } .dropdown-user-menu li.item-stat .arrow { position: relative; top: 3px; } .dropdown-user-menu li.item-stat .icon-synio-star-small { position: relative; top: 2px; } .dropdown-user-menu li.item-stat .icon-synio-strength { position: relative; top: 1px; } .dropdown-user-menu li a { display: block; zoom: 1; *width: 138px; height: 50px; padding: 0 10px 0 55px; line-height: 50px; color: #fff; text-decoration: none; } .dropdown-user-menu li a:hover { background: #093357; color: #fff; } .dropdown-user-menu li .item-icon { position: absolute; top: 15px; left: 17px; width: 21px; height: 21px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat; } .dropdown-user-menu li.item-messages .item-icon { background-position: 0 0; } .dropdown-user-menu li.item-profile .item-icon { background-position: -23px 0; } .dropdown-user-menu li.item-settings .item-icon { background-position: -46px 0; } .dropdown-user-menu li.item-create .item-icon { background-position: -69px 0; } .dropdown-user-menu li.item-signout .item-icon { background-position: -92px 0; } .dropdown-user-menu li.item-favourite .item-icon { background-position: -115px 0; } .dropdown-user-menu li.item-messages .new { position: absolute; top: 15px; right: 7px; cursor: pointer; color: #fff; border-radius: 15px; border: 2px solid #eabe21; line-height: 1em; padding: 2px 7px 3px; } #header .auth { position: absolute; top: 284px; right: 0; line-height: 49px; font-size: 11px; margin-right: 17px; } #header .auth li { float: left; margin-left: 23px; } #header .auth li a { color: #cfcfcf; text-decoration: none; } #header .auth li a.sign-in { color: #7dc6ff; } /* Футер ---------------------------------------------------- */ #footer .copyright { float: right; width: 255px; } #footer .copyright .design-by { overflow: hidden; line-height: 15px; margin-top: 30px; } #footer .copyright .design-by img { float: left; margin-right: 10px; margin-top: 3px; } #footer .copyright .design-by div { font-size: 10px; color: #8b9191; margin-top: 1px; } #footer a { color: #000; } #footer a:hover { color: #333; } #footer .footer-list { float: left; width: 138px; padding-right: 20px; } #footer .footer-list li { margin-bottom: 3px; } #footer .footer-list .footer-list-header { font-size: 12px; font-weight: bold; margin-bottom: 11px; } #footer .footer-list a { color: #4c4c4c; } /* Навигация ---------------------------------------------------- */ #nav .button.button-write { float: right; margin-left: 35px; margin-top: 1px; } #nav .search-header { float: right; } #nav .search-header .search-header-show { font-size: 11px; margin-top: 4px; } #nav .search-header .search-header-show a { color: #878e96; border-color: #878e96; } #nav .search-header .search-header-show a:hover { color: #f00; border-color: #f00; } #nav .search-header .search-header-form { position: relative; top: 0px; } #nav .search-header .search-header-form .input-text { padding: 4px 25px 4px 5px; width: 290px; } #nav .search-header .search-header-form .input-submit { position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; border: none; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -115px -55px no-repeat; } /* Stat ---------------------------------------------------- */ .stat-performance { width: 910px; margin: 0 auto 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .stat-performance table { } .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(https://www.32spokes.ru/templates/skin/synio/images/loader.gif) no-repeat center;} /* Stream ---------------------------------------------------- */ .stream-get-more { margin-top: 50px; border-radius: 5px; display: block; text-align: center; padding: 12px 0; color: #258fa7; text-decoration: none; background: #eefbfc; background: -moz-linear-gradient(top, #eefbfc 0%, #d3edf8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eefbfc), color-stop(100%,#d3edf8)); background: -webkit-linear-gradient(top, #eefbfc 0%,#d3edf8 100%); background: -o-linear-gradient(top, #eefbfc 0%,#d3edf8 100%); background: -ms-linear-gradient(top, #eefbfc 0%,#d3edf8 100%); background: linear-gradient(top, #eefbfc 0%,#d3edf8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefbfc', endColorstr='#d3edf8',GradientType=0 ); } .stream-get-more:hover { background: #eefbfc; color: #258fa7; } .stream-get-more.loader { background-image: url(https://www.32spokes.ru/templates/skin/synio/images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; } .stream_loading { background: #f7f7f7 url(https://www.32spokes.ru/templates/skin/synio/images/loader.gif) no-repeat center; } .stream-comment-preview { position: relative; padding: 5px 10px 6px; background: #fefef1; color: #363636; margin-top: 13px; font-size: 11px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px #e8e8c0 inset; box-shadow: 0 2px 4px #e8e8c0 inset; } .stream-comment-preview:after { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #e8e8c0 transparent; border-style: solid; } .stream-list { margin: 0 0 20px; } .stream-list li.stream-item { margin-bottom: 23px; min-height: 48px; _height: 48px; border-bottom: 1px solid #e7ebed; padding: 0 0 20px 60px; position: relative; } .stream-list li.stream-item:last-child { border: none; } .stream-list li.stream-item .info { color: #b9c2c2; font-size: 11px; line-height: 1em; margin-bottom: 8px; } .stream-list li.stream-item .info a { color: #275ec2; } .stream-list li.stream-item .info .date { color: #818189; } .stream-list li.stream-item .avatar { position: absolute; top: 0; left: 0; } .stream-list li.stream-item .user-avatar { margin-left: 3px; } .stream-list li.stream-header-date { font-size: 16px; color: #999; font-family: 'PT Sans', sans-serif; margin-top: 50px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #eee; } /* 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; } /* Talk ---------------------------------------------------- */ .talk-search { padding: 15px; background: #f8fbfe; border-radius: 5px; margin-bottom: 35px; } .talk-search header { position: relative; min-height: 27px; } .talk-search header .close { position: absolute; top: 3px; right: 0; font-size: 11px; cursor: pointer; } .talk-search .talk-search-content { display: none; padding-top: 15px; border-top: 1px solid #fff; } .talk-search .talk-search-content p { margin-bottom: 25px; } .talk-search.opened header { border-bottom: 1px solid #e8eef5; padding-bottom: 15px; } .talk-search.opened .talk-search-content { display: block; } .talk-search.talk-friends header .close { left: 0; right: auto; } .talk-search.talk-friends .friend-list { margin-bottom: 15px; font-weight: bold; } .talk-search.talk-friends .friend-list li { margin-bottom: 5px; } .talk-blacklist-form { padding: 15px; background: #f8fbfe; border-radius: 5px; margin-bottom: 15px; } /* Misc ---------------------------------------------------- */ .avatar-edit { margin-bottom: 15px; } .avatar-edit img { vertical-align: bottom; } .avatar-edit label { margin-top: 10px; } .drafts { float: right; font-size: 11px; color: #275ec2; } .content-error { padding: 110px 160px; } .content-error h2.page-header { font-weight: bold; font-size: 30px; margin-bottom: 35px; } .content-error a { color: #727a90; } .content-error a:hover { color: #f00; } .help { display: none; position: relative; padding: 10px 7px 13px; background: #fefef1; color: #363636; margin-top: 13px; font-size: 11px; border-radius: 3px; -webkit-box-shadow: 0 0 5px #e8e8c0 inset; box-shadow: 0 0 5px #e8e8c0 inset; } .help:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F2F2DD transparent; border-style: solid; } .help .help-col { float: left; width: 230px; 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: Verdana, sans-serif; font-size: 11px; color: #727a90; font-weight: bold; } .help .help-item h4 a { color: #727a90; border-bottom: 1px dotted #727a90; } .link-dotted.help-link { font-size: 11px; color: #000; border-color: #000; } /* ------------------------------------------------------------------- // 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: 400px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dfe3e8; } .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(https://www.32spokes.ru/engine/lib/external/jquery/markitup/skins/synio/images/handle.png) 50% 3px no-repeat; cursor: n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader { background: #fbfcfc; background: -moz-linear-gradient(top, #fbfcfc 0%, #f0f2f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f0f2f5)); background: -webkit-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: -o-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: -ms-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); border-radius: 3px 3px 0 0; padding: 7px 10px 5px; border-top: 1px solid #dfe3e8; border-left: 1px solid #dfe3e8; border-right: 1px solid #dfe3e8; } .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: 10px; } .markItUpHeader ul li: hover > ul{ display: block; } .markItUpHeader ul .markItUpDropMenu { background: transparent url(https://www.32spokes.ru/engine/lib/external/jquery/markitup/skins/synio/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(https://www.32spokes.ru/engine/lib/external/jquery/markitup/skins/synio/images/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin: 0 10px 0 0; width: 0; height: 16px; overflow: hidden; border-left: 1px solid #dfe3e8; border-right: 1px solid #fff; } .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 a { background: url(https://www.32spokes.ru/engine/lib/external/jquery/markitup/sets/synio/images/icons.png) no-repeat; } .markItUp .editor-h4 a { background-position: -11px -9px; } .markItUp .editor-h5 a { background-position: -39px -9px; } .markItUp .editor-h6 a { background-position: -65px -9px; } .markItUp .editor-bold a { background-position: -107px -9px; } .markItUp .editor-italic a { background-position: -134px -9px; } .markItUp .editor-stroke a { background-position: -188px -9px; } .markItUp .editor-underline a { background-position: -161px -9px; } .markItUp .editor-quote a { background-position: -326px -9px; } .markItUp .editor-code a { background-position: -353px -9px; } .markItUp .editor-ul a { background-position: -257px -9px; } .markItUp .editor-ol a { background-position: -230px -9px; } .markItUp .editor-li a { background-position: -550px -9px; } .markItUp .editor-picture a { background-position: -423px -9px; } .markItUp .editor-image a { background-position: -423px -9px; } .markItUp .editor-link a { background-position: -299px -9px; } .markItUp .editor-clean a { background-position: -519px -9px; } .markItUp .editor-preview a { background-position: -11px -9px; } .markItUp .editor-cut a { background-position: -491px -9px; } .markItUp .editor-video a { background-position: -450px -9px; } .markItUp .editor-user a { background-position: -380px -9px; }/* 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(https://www.32spokes.ru/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; margin-bottom: 0px; padding: 0 0px; width: 100% !important; max-width: 1400px; } #header-back { position: absolute; top: 0; left: 0; width: 50%; height: 335px; background: #231f20 url(https://www.32spokes.ru/templates/skin/synio/images/top_back.jpg) repeat-x;} #header-back_right { position: absolute; top: 0; left: 50%; width: 50%; height: 335px; background: #231f20 url(https://www.32spokes.ru/templates/skin/synio/images/top_back_right.jpg) repeat-x;} #header { /* background: #231f20; */ height: 335px; margin: 0 auto; position: relative; padding-right: 270px; margin-left: 70px; } #nav { min-height: 26px; margin-bottom: 32px; overflow: hidden; padding: 12px 17px 15px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 0 0 10px 10px; position: relative; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f8f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f8f9)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); margin-left: 80px; margin-right: 10px; } #wrapper { overflow: hidden; zoom: 1; padding: 20px 16px 20px 27px; margin-bottom: 60px; /* background: #fff url(https://www.32spokes.ru/templates/skin/synio/images/sidebar-border.png) 100% 0px repeat-y; border-bottom: 1px solid #eee; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; */ } #content { min-height: 1px; margin-right: 500px; margin-left: 60px; background: #fff; position: relative; } #sidebar { float: right; width: 240px; } #left_sidebar { float: right; width: 240px; } #left_menu { float: left; width: 150px; background: #aaa; height: 100px; } #footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 0 0 50px 30px; font-size: 11px; } #wrapper.no-sidebar { background-image: none; } #wrapper.no-sidebar #content { width: 100%; margin-right: 0; } #container.toolbar-margin { padding: 0; } #container.toolbar-margin #wrapper { margin-right: 48px; } /* ------------------------------------------------------------------- ОБЩИЕ СТИЛИ ------------------------------------------------------------------- */ /* Голосование ---------------------------------------------------- */ .vote-topic { height: 24px; border-radius: 15px; overflow: hidden; font-size: 11px; float: left; zoom: 1; } .vote-topic .vote-item { cursor: pointer; overflow: hidden; display: block; float: left; height: 22px; border: 1px solid #dfe3e8; background: #fbfbfc; background: -moz-linear-gradient(top, #fbfbfc 0%, #f0f2f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#f0f2f5)); background: -webkit-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); background: -o-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); background: -ms-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); background: linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); } .vote-topic .vote-item i { width: 16px; height: 16px; display: block; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat; } .vote-topic .vote-item span { display: block; border-right: 1px solid #fff; border-top: 1px solid #fefefe; } .vote-topic .vote-item.vote-up { border-radius: 0 15px 15px 0; } .vote-topic .vote-item.vote-up i { background-position: -83px -23px; } .vote-topic .vote-item.vote-up span { padding: 2px 7px 3px 4px; border-radius: 0 15px 15px 0; } .vote-topic.not-voted .vote-item.vote-up:hover { background: #e4fae2; background: -moz-linear-gradient(top, #e4fae2 0%, #b0e3ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4fae2), color-stop(100%,#b0e3ac)); background: -webkit-linear-gradient(top, #e4fae2 0%,#b0e3ac 100%); background: -o-linear-gradient(top, #e4fae2 0%,#b0e3ac 100%); background: -ms-linear-gradient(top, #e4fae2 0%,#b0e3ac 100%); background: linear-gradient(top, #e4fae2 0%,#b0e3ac 100%); border-color: #e4fae2 #ccefca #afe3ab; } .vote-topic.not-voted .vote-item.vote-up:hover i { background-position: -83px -39px; } .vote-topic.not-voted .vote-item.vote-up:hover span { border-color: transparent; } .vote-topic .vote-item.vote-count { color: #628fa5; line-height: 23px; border-left: transparent; border-right: transparent; } .vote-topic .vote-item.vote-count i { background-position: -99px -23px; margin-top: 1px; } .vote-topic .vote-item.vote-count span { padding: 1px 4px 5px 5px; } .topic .vote-topic.vote-not-self.not-voted.vote-not-expired .vote-item.vote-count:hover { background: #4ec4ff; background: -moz-linear-gradient(top, #4ec4ff 0%, #22b3fe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4ff), color-stop(100%,#22b3fe)); background: -webkit-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -o-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -ms-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3) inset; box-shadow: 0 -1px 0 rgba(255,255,255,.3) inset; border-color: #27ace8; } .vote-topic.not-voted .vote-item.vote-count:hover i { background-position: -99px -87px; } .vote-topic.not-voted .vote-item.vote-count:hover span { border-color: transparent; } .vote-topic .vote-item.vote-down { border-radius: 15px 0 0 15px; } .vote-topic .vote-item.vote-down i { background-position: -67px -23px; } .vote-topic .vote-item.vote-down span { padding: 2px 4px 3px 7px; } .vote-topic.not-voted .vote-item.vote-down:hover { background: #ffc8c8; background: -moz-linear-gradient(top, #ffc8c8 0%, #ff8181 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc8c8), color-stop(100%,#ff8181)); background: -webkit-linear-gradient(top, #ffc8c8 0%,#ff8181 100%); background: -o-linear-gradient(top, #ffc8c8 0%,#ff8181 100%); background: -ms-linear-gradient(top, #ffc8c8 0%,#ff8181 100%); background: linear-gradient(top, #ffc8c8 0%,#ff8181 100%); border-color: #ffc8c8 #fea8a8 #ff8181; } .vote-topic.not-voted .vote-item.vote-down:hover i { background-position: -67px -55px; } .vote-topic.not-voted .vote-item.vote-down:hover span { border-color: transparent; } .vote-topic.voted { -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2) inset; box-shadow: 0 2px 3px rgba(0,0,0,.2) inset; } .vote-topic.voted-down { padding: 0; } .vote-topic.voted-down .vote-item { border: none; background: none; } .vote-topic.voted-down .vote-item span { border: none; } .vote-topic.voted-down .vote-item.vote-down { display: none; } .vote-topic.voted-down .vote-item.vote-up span { padding: 4px 8px 3px 4px; } .vote-topic.voted-down .vote-item.vote-count { color: #da4242; } .vote-topic.voted-down .vote-item.vote-count span { padding: 0 3px 0 10px !important; } .vote-topic.vote-count-positive.voted-down .vote-item.vote-up i { background-position: -67px -39px; } .vote-topic.vote-count-negative.voted-down .vote-item.vote-up i { background-position: -67px -55px; } .vote-topic.voted-up { padding: 0; } .vote-topic.voted-up .vote-item { border: none; background: none; } .vote-topic.voted-up .vote-item span { border: none; } .vote-topic.voted-up .vote-item.vote-down { display: none; } .vote-topic.voted-up .vote-item.vote-up span { padding: 4px 8px 3px 4px; } .vote-topic.voted-up .vote-item.vote-count { float: left; color: #5fa459; } .vote-topic.voted-up .vote-item.vote-count span { padding: 0 3px 0 10px !important; } .vote-topic.vote-count-positive.voted-up .vote-item.vote-up i { background-position: -83px -39px; } .vote-topic.vote-count-negative.voted-up .vote-item.vote-up i { background-position: -83px -55px; } .vote-topic.voted-zero { padding: 0; } .vote-topic.voted-zero .vote-item { border: none; background: none; } .vote-topic.voted-zero .vote-item span { border: none; } .vote-topic.voted-zero .vote-item.vote-down { display: none; } .vote-topic.voted-zero .vote-item.vote-up { } .vote-topic.voted-zero .vote-item.vote-up i { width: 16px; background-position: -99px -23px; } .vote-topic.voted-zero .vote-item.vote-up span { padding: 4px 8px 3px 4px; } .vote-topic.voted-zero .vote-item.vote-count { float: left; color: #5fa459; } .vote-topic.voted-zero .vote-item.vote-count span { padding: 0 3px 0 10px !important; } .vote-topic.vote-count-positive.voted-zero .vote-item.vote-up i { background-position: -99px -39px; } .vote-topic.vote-count-negative.voted-zero .vote-item.vote-up i { background-position: -99px -55px; } .vote-topic.vote-count-positive.vote-nobuttons, .vote-topic.vote-count-positive .vote-item.vote-count { -webkit-box-shadow: 0 2px 3px #acd7a7 inset; box-shadow: 0 2px 3px #acd7a7 inset; } .vote-topic.vote-count-negative.vote-nobuttons, .vote-topic.vote-count-negative .vote-item.vote-count { -webkit-box-shadow: 0 2px 3px #e95e5e inset; box-shadow: 0 2px 3px #e95e5e inset; } .vote-topic.vote-count-zero.vote-nobuttons, .vote-topic.vote-count-zero .vote-item.vote-count { -webkit-box-shadow: 0 2px 3px #b4d5e2 inset; box-shadow: 0 2px 3px #b4d5e2 inset; } .vote-topic.vote-nobuttons { } .vote-topic.vote-nobuttons .vote-item { border: none; } .vote-topic.vote-nobuttons .vote-item span { border: none; } .vote-topic.vote-nobuttons .vote-item.vote-up, .vote-topic.vote-nobuttons .vote-item.vote-down { display: none; } .vote-topic.vote-nobuttons .vote-item.vote-count { border-radius: 15px; padding: 0 5px; -webkit-box-shadow: none; box-shadow: none; } .vote-topic.vote-count-positive .vote-item.vote-count { background: #def7dc; color: #5fa459; height: 24px; border: none; } .vote-topic.vote-count-positive .vote-item.vote-count span { border: none; padding: 0 7px; } .vote-topic.vote-count-positive.voted { background: #def7dc; } .vote-topic.vote-count-positive.voted .vote-item.vote-count, .vote-topic.vote-count-positive.vote-nobuttons .vote-item.vote-count { -webkit-box-shadow: none; box-shadow: none; background: none; } .vote-topic.vote-count-positive.vote-nobuttons { background: #def7dc; } .vote-topic.vote-count-negative .vote-item.vote-count { background: #ff8a8a; color: #da4242; height: 24px; border: none; } .vote-topic.vote-count-negative .vote-item.vote-count span { border: none; padding: 0 7px; } .vote-topic.vote-count-negative.voted { background: #ff8a8a; } .vote-topic.vote-count-negative.voted .vote-item.vote-count, .vote-topic.vote-count-negative.vote-nobuttons .vote-item.vote-count { -webkit-box-shadow: none; box-shadow: none; background: none; } .vote-topic.vote-count-negative.vote-nobuttons { background: #ff8a8a; } .vote-topic.vote-count-zero .vote-item.vote-count { background: #edf8fd; color: #628fa5; height: 24px; border: none; } .vote-topic.vote-count-zero .vote-item.vote-count span { border: none; padding: 0 7px; } .vote-topic.vote-count-zero.voted { background: #edf8fd; } .vote-topic.vote-count-zero.voted .vote-item.vote-count, .vote-topic.vote-count-zero.vote-nobuttons .vote-item.vote-count { -webkit-box-shadow: none; box-shadow: none; background: none; } .vote-topic.vote-count-zero.vote-nobuttons { background: #edf8fd; } /* Избранное ---------------------------------------------------- */ .favourite { display: inline-block; width: 11px; height: 11px; vertical-align: text-top; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -37px no-repeat; cursor: pointer; } .favourite.active { background-position: 0 -65px; } .favourite-count { margin-left: 0; } .follow { display: inline-block; width: 17px; height: 17px; vertical-align: text-top; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -76px no-repeat; cursor: pointer; } .follow.active { background-position: -17px -76px; } /* Пагинация ---------------------------------------------------- */ .pagination { overflow: hidden; zoom: 1; } .pagination ul { overflow: hidden; zoom: 1; line-height: 1em; float: left; margin-top: 5px; } .pagination ul li { float: left; margin-right: 5px; } .pagination ul li span { color: #aaa; } .pagination ul li span, .pagination ul li a { float: left; padding: 4px 6px;} .pagination ul li a:hover { } .pagination ul li.active span { color: #333; border: 1px solid #eee; border-radius: 4px; } .pagination ul li i { opacity: .5; filter: alpha(opacity=50); } .pagination ul li.prev span, .pagination ul li.prev a { padding-left: 0; } .pagination ul li.next { margin-right: 50px; } /* Actions ---------------------------------------------------- */ .actions { overflow: hidden; zoom: 1; margin-bottom: 10px; font-size: 11px; } .actions li { float: left; margin-right: 10px; } /* Toolbar ---------------------------------------------------- */ .toolbar { position: fixed; top: 136px; left: 10px !important; z-index: 20; width: 55px; } .toolbar 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 section i { display: block; width: 25px; height: 25px; } /* Admin button */ .toolbar .toolbar-admin i { background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -268px -23px no-repeat; } .toolbar .toolbar-admin i:hover { background-position: -268px -48px; } .toolbar .toolbar-admin i:active { background-position: -268px -73px; } /* Update comments button */ .toolbar .toolbar-update { } .toolbar .toolbar-update .update-comments { } .toolbar .toolbar-update .update-comments i { background: url(https://www.32spokes.ru/templates/skin/synio/images/update.gif) no-repeat; } .toolbar .toolbar-update .update-comments.active i { background-position: -25px 0; } .toolbar .toolbar-update .new-comments { display: block; text-decoration: none; } /* Topic navigation */ .toolbar .toolbar-topic { width: 19px; padding: 11px; } .toolbar .toolbar-topic a.toolbar-topic-prev i { display: block; width: 19px; height: 32px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -211px -23px no-repeat; } .toolbar .toolbar-topic a.toolbar-topic-prev i:hover { background-position: -230px -23px; } .toolbar .toolbar-topic a.toolbar-topic-prev i:active { background-position: -249px -23px; } .toolbar .toolbar-topic a.toolbar-topic-next i { display: block; width: 19px; height: 32px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -211px -55px no-repeat; } .toolbar .toolbar-topic a.toolbar-topic-next i:hover { background-position: -230px -55px; } .toolbar .toolbar-topic a.toolbar-topic-next i:active { background-position: -249px -55px; } /* Scroll up */ .toolbar .toolbar-scrollup { display: none; } .toolbar .toolbar-scrollup i { background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -294px -23px no-repeat; } .toolbar .toolbar-scrollup i:hover { background-position: -294px -48px; } .toolbar .toolbar-scrollup i:active { background-position: -294px -73px; } /* Список пользователей ---------------------------------------------------- */ .user-list-avatar { overflow: hidden; zoom: 1; } .user-list-avatar li { width: 48px; overflow: hidden; float: left; margin-right: 12px; margin-bottom: 12px; text-align: center; font-size: 11px; } .user-list-avatar li img { margin-bottom: 2px; display: block; } .user-list-mini li { padding: 0 25px 4px 5px; margin-bottom: 0; position: relative; } .user-list-mini li img { width: 17px; height: 17px; position: relative; top: 4px; margin-right: 2px; } .user-list-mini li input { position: relative; top: 2px; } .user-list-mini li i { position: absolute; top: 4px; right: 5px; cursor: pointer; display: none; } .user-list-mini li:hover { background: #fcfce9; } .user-list-mini li:hover i { display: block; } /* Поиск ---------------------------------------------------- */ .search { margin-bottom: 20px; position: relative; } .search .input-text { padding-right: 25px; } .search .input-submit { border: none; width: 16px; height: 16px; position: absolute; top: 6px; right: 5px; opacity: .7; filter: alpha(opacity=70); } .search .input-submit:hover { opacity: 1; filter: alpha(opacity=100); } .search-item { margin-bottom: 35px; padding: 15px; background: #f8fbfe; } .search-item .input-text { width: 100%; padding-right: 5px; } .search-item .submit { width: 16px; height: 16px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -115px -55px no-repeat; } .search-item.search-item-abc ul { overflow: hidden; zoom: 1; margin-top: 10px; } .search-item.search-item-abc ul li { float: left; } .search-item.search-item-abc ul li a { float: left; color: #727a90; text-decoration: none; padding: 1px 5px; border-radius: 3px; } .search-item.search-item-abc ul li a span { border-bottom: 1px dotted #727a90; } .search-item.search-item-abc ul li a:hover { background: #64ceff; color: #fff; } .search-item.search-item-abc ul li a:hover span { border: none; } .search-item.search-item-abc ul li.active a { color: #333; } .search-item.search-item-abc ul li.active a:hover { color: #333; background: none; } .search-item.search-item-abc ul li.active a span { border: none; } .search-tags { margin-bottom: 15px; } .search-form-wrapper { background: #f9fbfb; padding: 15px; border-radius: 5px; margin-bottom: 15px; } .search-input-wrapper { position: relative; } .search-input-wrapper .input-submit { position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; border: none; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -319px -24px no-repeat; cursor: pointer; } .search-input-wrapper .input-submit:hover { background-position: -341px -24px; } .search-input-wrapper .input-submit:active { background-position: -363px -24px; } .search-input-wrapper .input-text { padding-right: 25px; } /* Облако тегов ---------------------------------------------------- */ .tag-cloud { text-align: center; width: 100%; } .tag-cloud li { display: inline; margin-right: 5px; line-height: 22px; } .tag-cloud li a { color: #727a90; } .tag-cloud li a:hover { color: #f00; } .tag-cloud li .tag-size-1 { font-size: 12px; } .tag-cloud li .tag-size-2 { font-size: 12px; } .tag-cloud li .tag-size-3 { font-size: 14px; } .tag-cloud li .tag-size-4 { font-size: 14px; } .tag-cloud li .tag-size-5 { font-size: 18px; } .tag-cloud li .tag-size-6 { font-size: 18px; } .tag-cloud li .tag-size-7 { font-size: 20px; } .tag-cloud li .tag-size-8 { font-size: 20px; } .tag-cloud li .tag-size-9 { font-size: 22px; } .tag-cloud li .tag-size-10 { font-size: 22px; } /* Item List ---------------------------------------------------- */ .item-list { border-top: 1px solid #eee; } .item-list li { min-height: 51px; padding: 7px 0 10px 58px; border-bottom: 1px solid #eee; position: relative; zoom: 1; } .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 .author { font-weight: bold; color: #333; } .item-list li .blog-name { font-weight: bold; } /* Хелперы ---------------------------------------------------- */ .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; } .wrapper { overflow: hidden; zoom: 1; } .wrapper-content { padding: 20px 20px; background: #f8fbfe; } .wrapper-content h3 { font-size: 15px; margin-bottom: 10px; font-family: Verdana, sans-serif; } .wrapper-content.wrapper-content-dark { padding: 15px 20px; background: #f1f7fd; } .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; padding: 10px 15px; margin-bottom: 15px; } .system-message-notice { background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; } .notice-empty { color: #aaa; } .loader { background: #fafafa url(https://www.32spokes.ru/templates/skin/synio/images/loader.gif) 50% 50% no-repeat; } .user, .ls-user { font-weight: bold; color: #333; } .user:before, .ls-user:before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 4px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -165px -75px no-repeat; vertical-align: middle; position: relative; top: -1px; } .user .icon-user { margin-right: 3px; } .username.inactive, .user.inactive { color: #aaa !important; } .user-avatar img { width: 16px; height: 16px; vertical-align: middle; margin-right: 1px; } .user-avatar a { color: #000; font-size: 11px; } .user-avatar.user-avatar-n a { color: #3F8AD7; font-size: 12px; } .counter.exceeded { color: #f00; } .page-header-menu { overflow: hidden; zoom: 1; margin-bottom: 10px; } .page-header-menu .page-header { float: left; margin-right: 20px; margin-bottom: 10px; } .page-header-menu .nav.nav-pills { margin-top: 5px; float: left; } .blog-list-info { width: 19px; height: 19px; display: inline-block; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -107px no-repeat; cursor: pointer; } .blog-list-info:hover, .blog-list-info.active { background-position: -19px -107px; }/* ------------------------------------------------------------------- ФОРМАТИРОВАННЫЙ ТЕКСТ ------------------------------------------------------------------- */ .text { font-size: 13px; line-height: 1.6em; overflow: hidden; zoom: 1; } .text a { 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: #fbfbfc; color: #555; padding: 10px 15px; clear: both; border-left: 5px solid #EDEDF2; } .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%; vertical-align: top; } .text .ls-user { color: #3F8AD7; } .text .ls-user:visited { color: #3F8AD7; } .text .ls-user:hover { color: #f00; } /* ------------------------------------------------------------------- ФОРМЫ ------------------------------------------------------------------- */ .input-text { width: 150px; padding: 5px; border: 1px solid #c9c9c9; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07) inset; box-shadow: 0 2px 4px rgba(0,0,0,.07) inset; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .input-text:focus { border-color: #57BCEB; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #00A8FF; box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #00A8FF; outline: none; } .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: 4px; 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 p { margin-bottom: 20px; } form label { display: block; margin-bottom: 3px; } form .icon-question-sign { cursor: help; } .note { display: block; margin-top: 3px; font-size: 11px; line-height: 16px; color: #aaa; } .note.note-header { margin-bottom: 20px; } .captcha-image { vertical-align: top; } .counter-wrapper { margin-bottom: 15px; position: relative; } .counter-wrapper .counter { color: #777; position: absolute; top: 0; right: 0; } .counter-wrapper label { margin-right: 50px; } .poll-create { padding: 15px 20px; margin-bottom: 20px; background: #F1F7FD; } .question-list { margin-bottom: 15px; } .question-list li { margin-bottom: 5px; } .question-list li .input-text { margin-right: 5px; } dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; } dl.form-item dt { float: left; width: 125px; padding-top: 4px; padding-right: 15px; overflow: hidden; } dl.form-item dd { float: left; width: 250px; } .form-profile { position: relative; } .form-profile .avatar-change { position: absolute; top: 20px; right: 20px; font-size: 11px; } .form-profile .avatar-change .avatar { width: 80px; border-radius: 5px; margin-bottom: 10px; background: #fff; padding: 5px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } .form-profile .avatar-change img { width: 80px; vertical-align: top; } .form-profile .avatar-change a { color: #727a90; border-color: #727a90; } /* Placeholder */ :-moz-placeholder { color: #aaa; } .placeholder { color: #aaa; } .mceEditor { display: block; margin-bottom: 20px; } /* Registration form ---------------------------------------------------- */ .registration-form .form-item:last-child { margin-bottom: 0; } .registration-form dl.form-item dd { position: relative; width: 355px; } .registration-form dl.form-item dd .form-item-help { width: 100px; height: 20px; position: absolute; top: 1px; right: 0; } .registration-form dl.form-item dd .form-item-help.active { background: url(https://www.32spokes.ru/templates/skin/synio/images/dots.png) 0 12px repeat-x; } .registration-form dl.form-item dd .form-item-help i { background-color: #f8fbfe; } .registration-form dl.form-item dd .form-item-help i.icon-ok-green { position: absolute; top: 3px; right: 0; } /* Валидатор ---------------------------------------------------------------*/ .validate-error-hide { display: none; } .validate-error-show { display: block; line-height: 16px; position: relative; padding: 10px 15px 12px 38px; background: #fefef1 url(https://www.32spokes.ru/templates/skin/synio/images/error.png) 15px 12px no-repeat; color: #363636; margin-top: 13px; font-size: 12px; border-radius: 3px; -webkit-box-shadow: 0 1px 5px #e8e8c0 inset; box-shadow: 0 1px 5px #e8e8c0 inset; } .validate-error-show:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F2F2DD transparent; border-style: solid; } /* ------------------------------------------------------------------- КНОПКИ Примеры использования: Preview ------------------------------------------------------------------- */ .button { display: inline-block; padding: 3px 10px 6px; *padding: 3px 10px 4px; text-align: center; border: 1px solid #dfe3e8; border-radius: 5px; font-size: 13px; line-height: 15px; color: #434343; background: #fbfcfc; background: -moz-linear-gradient(top, #fbfcfc 0%, #f0f2f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f0f2f5)); background: -webkit-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: -o-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: -ms-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); font-family: Verdana, sans-serif; cursor: pointer; text-decoration: none; *margin-right: 5px; } .button:hover { text-decoration: none; background: #f0f2f5; } .button:active { -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset; box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset; } .button.fl-r { *margin-right: 0; } .opera .button { padding-top: 4px; padding-bottom: 5px; } /* Button Primary */ .button.button-primary { background: #66cfff; background: -moz-linear-gradient(top, #66cfff 0%, #2abcfe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cfff), color-stop(100%,#2abcfe)); background: -webkit-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: -o-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: -ms-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: linear-gradient(top, #66cfff 0%,#2abcfe 100%); border: 1px solid #27ace8; color: #fff; } .button.button-primary:hover { background: #2abcfe; } /* Button Icon (Without text) */ .button.button-icon { padding: 7px 10px; } /* Button Write */ .button.button-write { background: #66cfff; background: -moz-linear-gradient(top, #66cfff 0%, #2abcfe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cfff), color-stop(100%,#2abcfe)); background: -webkit-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: -o-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: -ms-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: linear-gradient(top, #66cfff 0%,#2abcfe 100%); border: 1px solid #27ace8; padding: 2px 15px 4px; border-radius: 15px; line-height: 17px; color: #fff; font-size: 11px; } .button.button-write:hover { background: #4ec4ff; background: -moz-linear-gradient(top, #4ec4ff 0%, #22b3fe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4ff), color-stop(100%,#22b3fe)); background: -webkit-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -o-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -ms-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset; } /* Button Small */ .button.button-small { font-size: 11px; padding: 1px 7px 3px; } /* Button Action */ .button.button-action { border: none; padding: 4px 4px 3px; background: #c8f5ff; background: -moz-linear-gradient(top, #c8f5ff 0%, #88c4ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8f5ff), color-stop(100%,#88c4ea)); background: -webkit-linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); background: -o-linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); background: -ms-linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); background: linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); } .button.button-action span { display: none; } .button.button-action:hover span { display: inline; padding: 0 5px 0 5px; position: relative; top: -2px; color: #fff; } .button.button-action.active, .button.button-action:hover { border: 1px solid #2770e8; -webkit-box-shadow: 0 -1px 0 #128af3 inset, 0 2px 2px #ddd; box-shadow: 0 -1px 0 #128af3 inset, 0 2px 2px #ddd; color: #fff; padding: 3px 3px 2px; background: #228dfa; background: -moz-linear-gradient(top, #228dfa 0%, #0362eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#228dfa), color-stop(100%,#0362eb)); background: -webkit-linear-gradient(top, #228dfa 0%,#0362eb 100%); background: -o-linear-gradient(top, #228dfa 0%,#0362eb 100%); background: -ms-linear-gradient(top, #228dfa 0%,#0362eb 100%); background: linear-gradient(top, #228dfa 0%,#0362eb 100%); } .button.button-action:hover i { vertical-align: top; position: relative; top: -1px; } .button.button-action.button-action-add-friend:hover i { background-position: -147px -39px; } .button.button-action.button-action-send-message:hover i { background-position: -163px -39px; } .button.button-action.button-action-join.active i, .button.button-action.button-action-join:hover i { background-position: -179px -39px; } .button.button-action.button-action-note { background: #ccf4d0; background: -webkit-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: -moz-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: -o-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: -ms-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); padding: 6px 6px 6px 7px; } .button.button-action.button-action-note:hover { background: #4ace56; background: -webkit-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: -moz-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: -o-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: -ms-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: linear-gradient(top, #6ce777 0%,#4ace56 100%); border: none; box-shadow: none; -webkit-box-shadow: none; padding: 6px 6px 6px 7px; cursor: default; } .button.button-action.button-action-note i { display: block; } .button.button-action.button-action-note:hover i { top: 0; background-position: -46px -65px; }/* -------------------------------------------- РќРђР’Р�ГАЦР�РЇ -------------------------------------------- */ .nav { overflow: hidden; zoom: 1; } .nav li { float: left; } .nav li:last-child { } .nav li a:hover { } .nav li.active a { } /* Nav Pills */ .nav.nav-pills { margin-bottom: 15px; font-size: 11px; } .nav.nav-pills li { margin-right: 10px; border: 1px solid transparent; line-height: 13px; border-radius: 5px; padding: 3px 6px 4px; } .nav.nav-pills li a { display: block; color: #727a90; text-decoration: underline; float: left; } .nav.nav-pills li a:hover { color: #333; border-color: #333; } .nav.nav-pills li a.new { margin-left: 5px; text-decoration: none; } .nav.nav-pills li.active { border-color: #ebf0f4; } .nav.nav-pills li.active a { color: #628fa5; text-decoration: none; border-color: #ebf0f4; } .nav.nav-pills.nav-pills-profile { margin-bottom: 30px; } /* Nav Topic Filter */ .nav.nav-menu { font-size: 11px; border-radius: 13px; border: 1px solid #fff; float: left; position: relative; } .nav.nav-menu li { position: relative; height: 22px; padding: 1px 1px 1px 0; -webkit-box-shadow: -1px 0 0 #dfe3e8 inset, 0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset; box-shadow: -1px 0 0 #dfe3e8 inset, 0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset; } .nav.nav-menu li a { background: #fbfbfc; background: -moz-linear-gradient(top, #fbfbfc 0%, #f0f2f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#f0f2f5)); background: -webkit-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); background: -o-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); background: -ms-linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); background: linear-gradient(top, #fbfbfc 0%,#f0f2f5 100%); height: 22px; line-height: 21px; color: #434343; padding: 0 13px; float: left; text-decoration: none; -webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 #fff inset; box-shadow: 1px 0 0 #fff inset, 0 1px 0 #fff inset; } .nav.nav-menu li:first-child { border-top-left-radius: 13px; border-bottom-left-radius: 13px; } .nav.nav-menu li:first-child a { border-top-left-radius: 13px; border-bottom-left-radius: 13px; padding-left: 15px; -webkit-box-shadow: 1px 0 0 #dfe3e8 inset, 0 1px 0 #fff inset; box-shadow: 1px 0 0 #dfe3e8 inset, 0 1px 0 #fff inset; } .nav.nav-menu li:last-child { border-top-right-radius: 13px; border-bottom-right-radius: 13px; -webkit-box-shadow: 0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset; box-shadow: 0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset; padding-right: 0; } .nav.nav-menu li:last-child a { border-top-right-radius: 13px; border-bottom-right-radius: 13px; padding-right: 15px; box-shadow: -1px 0 0 #dfe3e8 inset, 0 1px 0 #fff inset; } .nav.nav-menu li:hover { -webkit-box-shadow: -1px 0 0 #27ace8 inset, 0 1px 0 #27ace8 inset, 0 -1px 0 #27ace8 inset; box-shadow: -1px 0 0 #27ace8 inset, 0 1px 0 #27ace8 inset, 0 -1px 0 #27ace8 inset; } .nav.nav-menu li:hover a { color: #fff; -webkit-box-shadow: 1px 0 0 #27ace8 inset, 0 -1px 0 #55d0ff inset; box-shadow: 1px 0 0 #27ace8 inset, 0 -1px 0 #55d0ff inset; background: #4ec4ff; background: -moz-linear-gradient(top, #4ec4ff 0%, #22b3fe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4ff), color-stop(100%,#22b3fe)); background: -webkit-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -o-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -ms-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); } .nav.nav-menu li.active { background: #edf8fd; border: none; -webkit-box-shadow: 0 2px 3px #b4d5e2 inset; box-shadow: 0 2px 3px #b4d5e2 inset; } .nav.nav-menu li.active a { background: none; color: #628fa5; -webkit-box-shadow: none; box-shadow: none; border: none; } .nav.nav-menu.nav-filter-sub li a { padding: 5px 10px; font-size: 11px; color: #777; } .nav.nav-menu.nav-filter-sub li.active a { color: #fff; } .nav-menu-wrapper { margin-bottom: 40px; position: relative; } .oldie .nav.nav-menu { border-color: #dfe3e8; border-right: none; } .oldie .nav.nav-menu li { border-right: 1px solid #dfe3e8; } .oldie #nav { background: #f6f6f6; } /* 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.nav-userbar { float: right; } .nav.nav-userbar li { border-radius: 0 0 0 4px; border-left: 1px solid #eaeaea; } .nav.nav-userbar li a { color: #555; } .nav.nav-userbar li:first-child a { border-radius: 0 0 0 4px; } .nav.nav-userbar li:last-child a { border-radius: 0 0 4px 0; } .nav.nav-userbar li.nav-userbar-username a { position: relative; padding-left: 47px; font-weight: bold; color: #333; } .nav.nav-userbar li.nav-userbar-username .avatar { position: absolute; top: 7px; left: 15px; } .nav.nav-userbar li .new-messages { color: #4AA731; font-weight: bold; } /* Nav Main */ .nav.nav-main { height: 51px; overflow: hidden; margin-left: 10px;} .nav.nav-main li { margin-right: 15px; position: relative; height: 51px; line-height: 49px; } .nav.nav-main li:last-child { margin-right: 0; } .nav.nav-main li a { color: #cfcfcf; text-decoration: none; } .nav.nav-main li a:hover { color: #aaa; } .nav.nav-main li i { display: none; position: absolute; bottom: 0; left: 50%; margin-left: -2px; width: 0; height: 0; border: 3px solid transparent; border-bottom-color: #fff; } .nav.nav-main li.active i { display: block; } .nav.nav-main li.active a { color: #aed6e9; } .nav.nav-main li.nav-main-more { display: none; } .nav.nav-main li.nav-main-more a { border: 1px solid #595959; border-radius: 3px; padding: 0 5px 2px; position: relative; padding-right: 15px; } .nav.nav-main li.nav-main-more a:before { content: ''; position: absolute; top: 8px; right: 5px; width: 0; height: 0; border: 3px solid #fff; border-color: #fff transparent transparent transparent; } /* Nav Profile */ .nav.nav-profile { margin-bottom: 15px; } .nav.nav-profile li { float: none; font-size: 15px; border-bottom: 1px dotted #dce1e6; padding: 8px 10px 10px 30px; } .nav.nav-profile li a { text-decoration: underline; color: #275ec2; } .nav.nav-profile li a:hover { color: #f00; } .nav.nav-profile li.active a { text-decoration: none; color: #000; } /* Dropdown */ .nav.nav-pills li.dropdown { position: relative; } .nav.nav-pills li.dropdown a { padding-right: 12px; } .nav.nav-pills li.dropdown i { position: absolute; top: 4px; right: 3px; cursor: pointer; } .nav.nav-pills li.dropdown ul { display: none; position: absolute; } .nav.nav-pills li.dropdown.opened a { } .dropdown-menu { display: none; padding: 10px 15px 13px; border: 3px solid #edf8fd; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; top: 32px; overflow: hidden; z-index: 10; background: #fff; min-width: 150px; } .dropdown-menu li { line-height: 1em; margin-bottom: 15px; } .dropdown-menu li:last-child { margin-bottom: 0; } .dropdown-menu li a { display: block; } .dropdown-menu li a:hover { } .dropdown-menu li.active a { color: #aaa; } .dropdown-menu.dropdown-nav-main { background: #090909; border: 1px solid #333; } .dropdown-menu.dropdown-nav-main li a { color: #fff; text-decoration: none; } .dropdown-menu.dropdown-nav-main li a:hover { color: #ddd; } .dropdown-menu.dropdown-nav-main li.active a { color: #555; } .dropdown-create { margin-right: 120px; line-height: 23px; } .dropdown-create a { font-weight: normal; } .dropdown-create h2 a { text-transform: lowercase; display: inline-block; } .dropdown-menu-create { padding: 10px 15px 15px; border: 3px solid #edf8fd; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; background: #fff; min-width: 150px; z-index: 10; font-family: 'PT Sans', sans-serif; font-size: 27px; text-transform: lowercase; } .dropdown-menu-create li { line-height: 1em; margin-bottom: 10px; } .dropdown-menu-create li:last-child { margin: 0; } .dropdown-menu-create li a { color: #275ec2; text-decoration: none; border-bottom: 1px solid #275ec2; display: inline-block; } .dropdown-menu-create li a:hover { color: #f00; border-color: #f00; } .dropdown-menu-create li.active a { color: #aaa; border-color: #aaa; } .nav.nav-pills.nav-pills-dropdown { position: absolute; top: 0; right: 0; margin: 0; display: none; } .nav.nav-pills.nav-pills-dropdown li { margin: 0; } /* ------------------------------------------------------------------- ИКОНКИ Иконки 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(https://www.32spokes.ru/templates/skin/synio/images/icons.png) no-repeat; } [class^="icon-synio-"], [class*=" icon-synio-"] { background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat; } .icon-white { background-image: url(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/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: 18px; height: 20px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -479px -2px no-repeat; } .icon-question-sign { width: 23px; height: 23px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -138px 0 no-repeat; } .icon-synio-arrow-up { width: 9px; height: 9px; background-position: -24px -24px; } .icon-synio-arrow-down { width: 9px; height: 9px; background-position: -33px -24px; } .icon-synio-star-green { width: 12px; height: 11px; background-position: 0 -23px; } .icon-synio-star-blue { width: 11px; height: 11px; background-position: 0 -37px; } .icon-synio-star-white { width: 11px; height: 11px; background-position: 0 -51px; } .icon-synio-star-yellow { width: 11px; height: 11px; background-position: 0 -65px; } .icon-synio-share-blue { width: 11px; height: 11px; background-position: -12px -37px; } .icon-synio-share-white { width: 11px; height: 11px; background-position: -12px -51px; } .icon-synio-rating { width: 11px; height: 11px; background-position: -12px -23px; } .icon-synio-arrows { width: 11px; height: 11px; background-position: -22px -65px; } .icon-synio-comments-green { width: 11px; height: 11px; background-position: -46px -23px; } .icon-synio-comments-green-filled { width: 11px; height: 11px; background-position: -46px -51px; } .icon-synio-comments-blue { width: 11px; height: 11px; background-position: -46px -37px; } .icon-synio-comments-small { width: 11px; height: 11px; background-position: -28px -51px; } .icon-synio-tags { width: 15px; height: 11px; background-position: -26px -37px; } .icon-synio-actions-edit { width: 16px; height: 16px; background-position: -115px -23px; } .icon-synio-actions-delete { width: 16px; height: 16px; background-position: -131px -23px; } .icon-synio-actions-draft { width: 16px; height: 16px; background-position: -115px -39px; } .icon-synio-topic-private { width: 23px; height: 23px; background-position: -230px 0; } .icon-synio-topic-draft { width: 23px; height: 23px; background-position: -253px 0; } .icon-synio-topic-link { width: 23px; height: 23px; background-position: -276px 0; } .icon-synio-close { width: 16px; height: 16px; background-position: -131px -39px; } .icon-synio-link { width: 11px; height: 11px; background-position: -11px -65px; } .icon-synio-add-friend { width: 16px; height: 16px; background-position: -147px -23px; } .icon-synio-send-message { width: 16px; height: 16px; background-position: -163px -23px; } .icon-synio-new-message { width: 16px; height: 16px; background-position: -163px -55px; } .icon-synio-join { width: 16px; height: 16px; background-position: -179px -23px; } .icon-synio-search { width: 16px; height: 16px; background-position: -147px -55px; } .icon-synio-submit { width: 16px; height: 16px; background-position: -115px -55px; } .icon-synio-arrow-left { width: 16px; height: 16px; background-position: -115px -71px; } .icon-synio-arrow-right { width: 16px; height: 16px; background-position: -131px -71px; } .icon-synio-remove { width: 24px; height: 24px; background-position: -368px 0; vertical-align: middle; position: relative; top: -2px; } .icon-synio-remove:hover { background-position: -392px 0; } .icon-synio-vote-info-down { width: 16px; height: 16px; background-position: -67px -71px; } .icon-synio-vote-info-up { width: 16px; height: 16px; background-position: -83px -71px; } .icon-synio-vote-info-zero { width: 16px; height: 16px; background-position: -99px -71px; } .icon-synio-vote-info-view { width: 16px; height: 16px; background-position: -179px -39px; } /* ------------------------------------------------------------------- ТАБЛИЦЫ ------------------------------------------------------------------- */ .table { width: 100%; margin-bottom: 15px; border-collapse: separate; } .table th { text-align: left; font-weight: normal; border-bottom: 1px solid #c3d4dc; } .table td { padding: 13px 10px; } .table th, .table .cell-tab .cell-tab-inner { padding: 6px 10px 8px; } .table tr:hover td { background: #f5fdff; } .table tr.active td { background: #CBF4BC; } .table tbody td { border-top: 1px solid #f1f3f5; } .table tbody tr:first-child td { border-top: none; } .table thead a { color: #727a90; text-decoration: none; } .table thead a span { border-bottom: 1px dotted #727a90; } .table a.asc, .table a.desc { color: #000; border-color: #000; } .table a.asc:after { content: " ↑"; } .table a.desc:after { content: " ↓"; } .table .cell-rating.negative { color: #f00 !important; } .table .cell-tab { padding: 0; } .table .cell-tab .cell-tab-inner { position: relative; top: 1px; display: inline-block; border: 1px solid transparent; border-radius: 3px 3px 0 0; border-bottom: none; } .table .cell-tab .cell-tab-inner.active { background: #fff; border-color: #c3d4dc; } /* Table Blogs */ .table.table-blogs .cell-info { width: 19px; padding-right: 0; padding-left: 0; } .table.table-blogs tbody .cell-info { vertical-align: top; } .table.table-blogs tbody .cell-info .blog-list-info { display: block; } .table.table-blogs .cell-name { padding-left: 3px; } .table.table-blogs .cell-name .avatar { float: left; margin-right: 10px; clear: right; } .table.table-blogs .cell-name p { overflow: hidden; margin-bottom: 5px; } .table.table-blogs .cell-name p .blog-name { font-size: 16px; color: #275ec2; } .table.table-blogs .cell-name p i { vertical-align: middle; position: relative; top: -1px } .table.table-blogs tbody .cell-rating { width: 70px; font-weight: bold; font-size: 11px; color: #5fa459; } .table.table-blogs .cell-readers { width: 90px; text-align: center; vertical-align: middle; } .table.table-blogs tbody .cell-readers { text-align: center; vertical-align: middle; font-size: 11px; } .table.table-blogs .cell-join { width: 130px; text-align: center; vertical-align: middle; } .table.table-blogs .cell-rating { width: 90px; 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 { margin-bottom: 40px; } .table.table-profile-info td { vertical-align: top; } .table.table-profile-info .cell-label { width: 30%; color: #777; } /* Table Users */ .table.table-users th { } .table.table-users .cell-follow { width: 17px; text-align: center; } .table.table-users thead .cell-follow i { position: relative; top: 3px; } .table.table-users .cell-name { width: 190px; padding-right: 0; padding-left: 0; } .table.table-users .cell-name img { float: left; margin-right: 14px; } .table.table-users tbody .cell-name div { float: left; width: 125px; } .table.table-users .cell-name .name { margin-top: 2px; } .table.table-users .cell-name .name.no-realname { margin-top: 11px; } .table.table-users .cell-name .username { width: 125px; position: relative; top: 1px; margin-bottom: 3px; } .table.table-users .cell-name .realname { font-size: 11px; } .table.table-users tbody .cell-date { font-size: 11px; } .table.table-users .cell-rating { text-align: center; width: 70px; } .table.table-users .cell-skill { text-align: center; width: 70px; } .table.table-users .cell-date { text-align: center; width: 130px; } .table.table-users tbody .cell-skill { color: #628fa5; font-size: 11px; font-weight: bold; } .table.table-users tbody .cell-rating { color: #5fa459; font-size: 11px; } .table.table-users button { float: left; margin-right: 5px; } /* Table Talk */ .table.table-talk .cell-checkbox { width: 20px; padding: 15px 0 10px 10px; } .table.table-talk thead .cell-checkbox { padding: 10px 0 10px 10px; } .table.table-talk .cell-favourite { text-align: center; } .table.table-talk tbody .cell-favourite { padding: 17px 0; } .table.table-talk .cell-recipients { width: 130px; } .table.table-talk tbody .cell-recipients { font-size: 11px; } .table.table-talk tbody .cell-recipients a { color: #000; } .table.table-talk tbody .cell-date { font-size: 11px; width: 115px; } .table.table-talk tbody .cell-title { } .table.table-talk tbody .cell-title a { color: #275ec2; } .table.table-talk tbody .cell-title a:hover { color: #f00; } .table.table-talk tbody .cell-title span { color: #628fa5; font-weight: bold; margin-left: 4px; } .table.table-talk tbody .cell-title .new { color: #32b319; } .table.table-talk tbody .cell-title i { position: relative; left: -3px; } .table.table-talk tbody td { vertical-align: top; }/* -------------------------------------------- ТОПИК -------------------------------------------- */ .topic { margin-bottom: 50px; } .topic:last-child { margin-bottom: 0; } /* Header */ .topic .topic-header { margin-bottom: 20px; } .topic .topic-header .topic-title { font-size: 27px; line-height: 1.1em; font-weight: normal; margin: 0 0 10px; } .topic .topic-header .topic-title a { text-decoration: underline; color: #275ec2; } .topic .topic-header .topic-title a:hover { color: #f00; } .topic .topic-header .topic-title i { position: relative; top: 9px; cursor: help; margin-right: 5px; } .topic .topic-header .topic-info { margin-bottom: 25px; color: #777; } .topic .topic-header .topic-info time { margin-right: 15px; } .topic .topic-header .topic-info .topic-blog { font-family: 'PT Sans', sans-serif; font-size: 18px; color: #000; text-decoration: underline; } .topic .topic-header .topic-info .topic-blog:hover { color: #666; } .topic .topic-header .topic-info .blog-list-info { position: relative; top: 5px; } .topic .topic-header .topic-actions { background: #fcfce9; border-radius: 5px; padding: 10px 15px; font-size: 11px; overflow: hidden; } .topic .topic-header .topic-actions li { float: left; margin-right: 18px; } .topic .topic-header .topic-actions li.draft a { color: #27964c; } .topic .topic-header .topic-actions li.delete a { color: #da4242; } .topic .topic-header .topic-actions li i { margin-right: 3px; } /* Content */ .topic .topic-content { margin-bottom: 15px; } .topic .topic-content.text { color: #333; } /* Tags */ .topic .topic-footer .topic-tags { margin: 0 0 10px; font-size: 11px; } .topic .topic-footer .topic-tags li { display: inline; color: #888; } .topic .topic-footer .topic-tags li i { position: relative; top: 4px; margin-right: 3px; } .topic .topic-footer .topic-tags li a { color: #4c4c4c; text-decoration: underline; } .topic .topic-footer .topic-tags li a:hover { text-decoration: none; } .topic .topic-footer .topic-tags li a.link-dotted { text-decoration: none; color: #7b848d; border-color: #7b848d; } .topic .topic-footer .topic-tags li a.link-dotted:hover { color: #333; border-color: #333; } .topic .topic-footer .topic-tags li.topic-tags-edit { margin-left: 20px; } .topic .topic-footer .topic-tags li.topic-tags-user a { color: #139643; } /* Info */ .topic .topic-footer .topic-info { overflow: hidden; border-top: 1px solid #e7ebed; padding-top: 8px; font-size: 11px; line-height: 11px; } .topic .topic-footer .topic-info li { float: left; margin-right: 10px; border-right: 1px solid #fff; padding: 6px; } .topic .topic-footer .topic-info li a { text-decoration: none; } .topic .topic-footer .topic-info li.topic-info-vote { float: right; padding: 0; margin-right: 0; overflow: hidden; } .topic .topic-footer .topic-info li.topic-info-author { padding: 4px 0; } .topic .topic-footer .topic-info li.topic-info-author a { text-decoration: underline; } .topic .topic-footer .topic-info li.topic-info-author a:hover { } .topic .topic-footer .topic-info li.topic-info-author a img { width: 16px; height: 16px; vertical-align: middle; margin-right: 2px; } .topic .topic-footer .topic-info li.topic-info-date { color: #7b848d; } .topic .topic-footer .topic-info li.topic-info-share { padding: 6px; cursor: pointer; border-radius: 4px; position: relative; } .topic .topic-footer .topic-info li.topic-info-share i { float: left; } .topic .topic-footer .topic-info li.topic-info-share.active, .topic .topic-footer .topic-info li.topic-info-share:hover { background: #64ceff; } .topic .topic-footer .topic-info li.topic-info-share.active i, .topic .topic-footer .topic-info li.topic-info-share:hover i { background-position: -12px -51px; } .topic .topic-footer .topic-info li.topic-info-comments a { color: #727fa0; float: left; } .topic .topic-footer .topic-info li.topic-info-comments a:hover { color: #f00; } .topic .topic-footer .topic-info li.topic-info-comments a.new { color: #000; } .topic .topic-footer .topic-info li.topic-info-comments span { text-decoration: underline; } .topic .topic-footer .topic-info li.topic-info-comments span.count { color: #27a736; text-decoration: none; } .topic .topic-footer .topic-info li.topic-info-comments i { float: left; margin-right: 7px; } .topic .topic-footer .topic-info li.topic-info-favourite { padding: 6px; color: #828a93; border-radius: 4px; cursor: pointer; } .topic .topic-footer .topic-info li.topic-info-favourite i { float: left; margin-right: 3px; } .topic .topic-footer .topic-info li.topic-info-favourite:hover { background: #64ceff; color: #fff; } .topic .topic-footer .topic-info li.topic-info-favourite:hover i { background-position: 0 -51px; } /* Share */ .topic .topic-share { display: none; border: 3px solid #edf8fd; padding: 3px 35px 3px 3px; border-radius: 10px; margin-bottom: 10px; position: relative; } .topic .topic-share .close { content: ''; position: absolute; top: 7px; right: 7px; width: 19px; height: 22px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -479px -26px no-repeat; cursor: pointer; opacity: .8; } .topic .topic-share .close:hover { opacity: 1; } .topic .topic-share .arrow { position: absolute; border: none; width: 15px; height: 11px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat; background-position: -53px -107px; bottom: -11px; } /* Poll */ .topic .poll { margin-bottom: 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; list-style-type: none; background: #fff; overflow: hidden; } .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: 80px; } .topic .poll .poll-result li dl dt span { font-size: 11px; color: #aaa; } .topic .poll .poll-result li dl dd { float: left; width: 400px; } .topic .poll .poll-result li dl dd div { height: 7px; margin-top: 3px; background: #ccc; overflow: hidden; border-radius: 4px; } .topic .poll .poll-result li.most dl dd div { background: #1999e2; background: url(https://www.32spokes.ru/templates/skin/synio/images/poll-most.png) repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .topic .poll .poll-result li.most dl dt { color: #12aaeb; } .topic .poll .poll-total { position: relative; color: #818189; font-size: 11px; line-height: 16px; padding-left: 80px; margin-bottom: 30px; } .topic .poll .poll-total .poll-sort { position: absolute; top: 2px; left: 0; width: 23px; height: 23px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -161px 0 no-repeat; cursor: pointer; } .topic .poll .poll-total .poll-sort.active { background-position: -184px 0; } /* 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 { padding-top: 10px; margin-bottom: 15px; } .topic.topic-type-photoset .topic-photo-images h2 { border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 15px; font-size: 25px; } .topic.topic-type-photoset .topic-photo-images ul { overflow: hidden; zoom: 1; } .topic.topic-type-photoset .topic-photo-images ul li { float: left; margin: 0 9px 9px 0; position: relative; } .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; border-top: 1px solid #dbe6f0; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; } .topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { background: #eaf2f8; } .topic-photo-upload { background: #F1F7FD; 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 header .topic-info { background: #f8fbfe; font-size: 11px; padding: 15px; border-radius: 5px; margin-bottom: 0; } .topic.topic-type-talk .talk-recipients { padding: 15px; background: #f8fbfe; margin-bottom: 0; border-radius: 0; } .topic.topic-type-talk .talk-recipients-header { font-size: 11px; min-height: 0; } .topic.topic-type-talk .talk-recipients-content h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; } .topic.topic-type-talk .topic-footer .topic-info li.topic-info-favourite i { margin-right: 0; } /* Topic Link */ .topic.topic-type-link { } .topic.topic-type-link .topic-header .topic-title a { color: #27964C; } .topic.topic-type-link .topic-url { font-size: 11px; margin-bottom: 30px; padding-top: 10px; } .topic.topic-type-link .topic-url a { color: #27964C; } .topic.topic-type-link .topic-url a:hover { color: #f00; } /* Topic Preview */ .topic-preview { margin-top: 30px; } .topic-preview .profile-page-header { border-top: 1px solid #ddd; } .topic-preview .topic { margin-bottom: 20px; } .vote-topic-info li { margin-bottom: 3px; }/* -------------------------------------------- КОММЕНТАРИИ -------------------------------------------- */ /* Блок с комментариями */ .comments-header { margin-bottom: 10px; position: relative; } .comments-header h3 { font-size: 27px; margin-bottom: 5px; } .comments-header .subscribe { position: absolute; top: 15px; right: 0; font-size: 11px; color: #7b848d; } .comments-header .subscribe input { top: 2px; } .comments { margin-bottom: 30px; } .comment-wrapper { position: relative; } .comment-wrapper .comment-wrapper { padding-left: 40px; } .comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; font-size: 13px; line-height: 1.6em; } /* Комментарий */ .comment { min-height: 48px; margin-bottom: 10px; padding: 10px 0 0 40px; position: relative; } .comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; } .comment .comment-avatar { position: absolute; top: 10px; left: 0; width: 30px; height: 30px; } .comment .folding { width: 13px; height: 13px; position: absolute; top: 18px; left: -20px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -94px no-repeat; cursor: pointer; } .comment .folding.folded { background-position: -13px -94px; } /* Стили для списка комментариев на странице http://ваш_сайт/comments/ */ .comments.comment-list .comment { margin-bottom: 50px; padding-left: 0; } .comments.comment-list .comment .comment-avatar { position: static; width: 16px; height: 16px; vertical-align: middle; } .comments.comment-list .comment .comment-content { margin-bottom: 5px; } .comments.comment-list .comment .comment-info li.vote .vote-count { margin-right: 0; } .comments.comment-list .comment .comment-content:after { top: -12px; left: 25px; border-color: transparent transparent #e7ebed; } .comments.comment-list .comment .comment-content:before { top: -11px; left: 25px; border-color: transparent transparent #fff; } .comments.comment-list .comment-path { font-size: 11px; color: #a2b6cd; } .comments.comment-list .comment-path .blog-name, .comments.comment-list .comment-path .comment-path-comments { color: #000; } .comments.comment-list .comment-path .comment-path-topic { color: #275ec2; } /* Типы комментариев * * deleted - удаленный комментарий * self - ваш комментарий * new - новый, непрочитанный комментарий * current - активный комментарий, который выделяется при исползование кнопки обновления в тулбаре * */ .comment { background: #fff; } .comment.comment-deleted .comment-content { background: #c5c5c5; border-color: #C8A8A8; } .comment.comment-deleted .comment-content:after { border-color: #C8A8A8 transparent transparent; } .comment.comment-deleted .comment-content:before { border-color: #c5c5c5 transparent transparent; } .comment.comment-self .comment-content { background: #fefef1; border-color: #e6e6bd; } .comment.comment-self .comment-content:after { border-color: #e6e6bd transparent transparent; } .comment.comment-self .comment-content:before { border-color: #fefef1 transparent transparent; } .comment.comment-new .comment-content { background: #fff; border-color: #dddb5c; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } .comment.comment-new .comment-content:after { border-color: #dddb5c transparent transparent; } .comment.comment-new .comment-content:before { border-color: #fff transparent transparent; } .comment.comment-current .comment-content { background: #cdf5a6; border-color: #bae48e; } .comment.comment-current .comment-content:after { border-color: #bae48e transparent transparent; } .comment.comment-current .comment-content:before { border-color: #cdf5a6 transparent transparent; } .comment.comment-bad .comment-content { opacity: 0.3; filter: alpha(opacity=30); } .comment.comment-bad:hover .comment-content { opacity: 1; filter: alpha(opacity=100); } .ls-user-role-not-admin .comment.comment-deleted { padding: 10px 15px; min-height: 0; background: #f7f7f7; color: #888; } /* Info Block */ .comment .comment-info { padding: 0 70px 7px 0; line-height: 12px; position: relative; top: -2px; overflow: hidden; zoom: 1; font-size: 11px; } .comment .comment-info li { float: left; height: 18px; padding-top: 3px; margin-right: 13px; } .comment .comment-info li a { } .comment .comment-info li a.link-dotted { color: #727a90; text-decoration: none; border-bottom: 1px dotted #727a90; } .comment .comment-info li a.link-dotted:hover { color: #f00; border-color: #f00; } .comment .comment-info li.comment-author a { font-weight: bold; color: #727fa0; } .comment .comment-info li.comment-author.comment-topic-author a { color: #4b5468; } .comment .comment-info li.comment-author.comment-topic-author { background: rgb(254,255,163); background: -moz-linear-gradient(left, rgba(254,255,163,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,255,163,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(254,255,163,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(254,255,163,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(254,255,163,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(254,255,163,1) 0%,rgba(255,255,255,1) 100%); padding-left: 7px; } .comment .comment-info li.comment-date { color: #818189; } .comment .comment-info li.comment-favourite { position: relative; top: 1px; } .comment .comment-info li.comment-link { position: relative; top: 1px; } .comment .comment-info li.goto a { color: #a2b6cd; text-decoration: none; } .comment .comment-info li .favourite-count { font-size: 10px; color: #a2b6cd; position: relative; top: -2px; } .comment .comment-info li.vote { position: absolute; top: 0; right: 0; margin: 0; } .comment .comment-info li.vote .vote-count { float: left; color: #949aa1; font-weight: bold; padding-top: 3px; margin-right: 6px; } .comment .comment-info li.vote .vote-down { float: left; width: 20px; height: 20px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -130px no-repeat; cursor: pointer; margin-left: 4px; } .comment .comment-info li.vote .vote-down:hover { background-position: 0 -150px; } .comment .comment-info li.vote .vote-up { float: left; width: 20px; height: 20px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) -20px -130px no-repeat; cursor: pointer; margin-left: 4px; } .comment .comment-info li.vote .vote-up:hover { background-position: -20px -150px; } .comment .comment-info li.vote.vote-count-positive .vote-count { color: #51983c; } .comment .comment-info li.vote.vote-count-negative .vote-count { color: #da4242; } .comment .comment-info li.vote.voted-up .vote-down { display: none; } .comment .comment-info li.vote.voted-up .vote-up { background-position: -20px -170px; } .comment .comment-info li.vote.voted-down .vote-down { background-position: 0 -170px; } .comment .comment-info li.vote.voted-down .vote-up { display: none; } .comment .comment-info li.vote.vote-expired .vote-up, .comment .comment-info li.vote.vote-expired .vote-down { display: none; } .comment .comment-info li.goto-comment-child { display: none; } /* Content */ .comment .comment-content { margin-bottom: 10px; border: 1px solid #e7ebed; padding: 9px 10px 10px; border-radius: 3px; position: relative; } .comment .comment-content.text { font-size: 13px; } .comment .comment-content.text blockquote { background: #fff; border-color: #ccc; padding: 5px 10px; margin-bottom: 5px; } .comment .comment-content:after { display: block; content: ""; position: absolute; bottom: -12px; left: 10px; width: 0; height: 0; border-width: 6px; border-color: #e7ebed transparent transparent; border-style: solid; } .comment .comment-content:before { display: block; content: ""; position: absolute; bottom: -11px; left: 10px; width: 0; height: 0; border-width: 6px; border-color: #fff transparent transparent; border-style: solid; z-index: 10; } /* Actions */ .comment .comment-actions li { display: inline; margin-right: 10px; } /* Форма комментирования */ .reply-header { font-size: 20px; line-height: 1.3em; margin-bottom: 15px; } .reply { background: #f8fbfe; padding: 15px; border-radius: 5px; } .reply textarea { height: 100px; } .reply textarea.loader { background: #f7f7f7 url(https://www.32spokes.ru/templates/skin/synio/images/loader.gif) no-repeat center;} .reply .mceEditor { display: block; margin-bottom: 10px; } .wall-submit.wall-submit-reply.wall-submit-comment { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; margin-bottom: 50px; } .wall-submit.wall-submit-reply.wall-submit-comment:after { display: none; }/* ------------------------------------------------------------------- БЛОКР� ------------------------------------------------------------------- */ .block { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #dce1e6; /* background-color: #ecf0f1;*/ } .block:last-child { margin-bottom: 0; border: none; } .sidebar-left .block { margin-bottom: 10px; } .block .block-header { position: relative; margin-bottom: 4px; padding-bottom: 16px; } .block .block-header.sep { background: url(https://www.32spokes.ru/templates/skin/synio/images/block-sep.png) 0 100% no-repeat; } .block .block-header h3 { font-size: 22px; line-height: 1em; font-weight: normal; font-family: 'PT Sans', sans-serif; } .block .block-header h3 a { text-decoration: none; color: #333; } .block .block-header h3 a.link-dotted { color: #5055B2; } .block .block-content { } .block footer { margin-top: 15px; font-size: 11px; color: #b9c2c2; } .block footer a { color: #727a90; } .block .max-height-200 { overflow: auto; max-height: 200px; _height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); position: relative; } .block .nav.nav-pills { margin-bottom: 0; padding-top: 15px; } .block .nav.nav-pills a { text-decoration: none; border-bottom: 1px dotted #727a90; } .block .nav.nav-pills li.active a { border: none; } /* Block Type - Stream */ .block .block-update { position: absolute; top: 38px; right: 5px; width: 20px; height: 20px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) 0 -200px no-repeat; cursor: pointer; } .block .block-update:hover { background-position: -20px -200px; } .block .block-update.active { background-position: -40px -200px; } .block.block-type-stream .block-content .latest-list { } .block.block-type-stream .block-content .latest-list li { margin-bottom: 15px; color: #818189; } .block.block-type-stream .block-content .latest-list p { font-size: 11px; } .block.block-type-stream .block-content .latest-list .stream-topic { text-decoration: underline; } .block.block-type-stream .block-content .latest-list .stream-blog { color: #4128B1; } .block.block-type-stream .block-content .latest-list .stream-blog:hover { color: #f00; } .block.block-type-stream .block-content .latest-list .author { color: #4c4c4c; text-decoration: underline; } .block.block-type-stream .block-content .latest-list .author:hover { color: #f00; } .block.block-type-stream .block-content .latest-list .block-item-comments { font-size: 11px; text-decoration: none; color: #818189; white-space: nowrap; } .block.block-type-stream .block-content .latest-list .block-item-comments i { position: relative; top: 3px; margin-right: 2px; } /* Block Type - Activity Settings */ .block.block-type-activity p { margin-bottom: 15px; } .block.block-type-activity ul li { } .block.block-type-activity ul.stream-settings-blogs li { margin-bottom: 3px; } .block.block-type-activity .note { display: block; margin-bottom: 15px; color: #aaa; } /* Block Type - Profile */ .block.block-type-profile { background: none; border: none; padding: 0; } .block.block-type-profile .profile-photo-wrapper { position: relative; min-height: 50px; } .block.block-type-profile .profile-photo { vertical-align: top; max-width: 240px; } .block.block-type-profile .status { position: absolute; top: 10px; left: 0; padding: 0 0 0 10px; font-size: 11px; line-height: 18px; height: 20px; } .block.block-type-profile .status:before { content: ''; position: absolute; top: 0; right: -20px; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #333; border-color: #333 transparent #333 #333; } .block.block-type-profile .status.status-online { background: #8961e4; color: #fff; } .block.block-type-profile .status.status-online:before { border-color: #8961e4 transparent #8961e4 #8961e4; } .block.block-type-profile .status.status-offline { background: #fff; color: #333; opacity: .5; filter: alpha(opacity=50); } .block.block-type-profile .status.status-offline:before { border-color: #fff transparent #fff #fff; } .block.block-type-profile .upload-photo { padding: 10px 30px 15px 30px; background: #f8fbfe; font-size: 11px; } .block.block-type-profile .upload-photo a { color: #727a90; border-color: #727a90; } .block.block-type-profile-note { border: 2px solid #ffe25d; padding: 15px; border-radius: 5px; } .block.block-type-profile-note p { margin-bottom: 10px; } .block.block-type-profile-note .actions { margin-bottom: 0; font-size: 11px; } .block.block-type-profile-note .actions a { color: #275ec2; border-color: #275ec2; } .block.block-type-profile-note .actions a:hover { color: #f00; border-color: #f00; } .block.block-type-profile-nav { padding: 0; background: none; border: none; } .block.block-type-profile-actions { border: none; } .block.block-type-profile-actions .block-content { padding: 0 0 0 0px; } .block.block-type-profile-actions ul { } .block.block-type-profile-actions ul li { margin-bottom: 5px; font-size: 14px; background: #F00; height: 32px; font-weight: bold; vertical-align: middle; line-height: 32px; vertical-align: middle; width: 100%; padding-left: 20px; color: #fff; /* padding: 10px 5px 0px 5px; */ } .block.block-type-profile-actions ul li:last-child { margin-bottom: 0; } .block.block-type-profile-actions ul li a { color: #fff; text-decoration: none; clear:both;} .block.block-type-profile-actions ul li a:hover { color: #fff; } .block.block-type-profile-actions ul li a.followed { color: #fff; } .win8-button{ display: inline-block; width: 26px; height: 26px; float:right; margin-right: 10px; margin-top:3px; } .win8-button-message{ background: url(https://www.32spokes.ru/templates/skin/synio/images/icons/message.png) no-repeat 0px 0px transparent;; } .win8-button-pin{ background: url(https://www.32spokes.ru/templates/skin/synio/images/icons/pin.png) no-repeat 0px 0px transparent;; } .win8-button-unpin{ background: url(https://www.32spokes.ru/templates/skin/synio/images/icons/unpin.png) no-repeat 0px 0px transparent;; } .win8-button-add_user{ background: url(https://www.32spokes.ru/templates/skin/synio/images/icons/add_user.png) no-repeat 0px 0px transparent;; } .win8-button-del_user{ background: url(https://www.32spokes.ru/templates/skin/synio/images/icons/del_user.png) no-repeat 0px 0px transparent;; } .win8-button-checked_user{ background: url(https://www.32spokes.ru/templates/skin/synio/images/icons/checked_user.png) no-repeat 0px 0px transparent;; } /* 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: #fafafa; } .block.block-type-talk-search { margin-bottom: 10px; } .block.block-type-talk-friends { margin-bottom: 10px; } /* Block Type - Blogs */ .block.block-type-blogs .block-blog-list li { margin-bottom: 10px; background: url(https://www.32spokes.ru/templates/skin/synio/images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; } .block.block-type-blogs .block-blog-list li a { background: #fff; padding-right: 5px; } .block.block-type-blogs .block-blog-list li i { background-color: #fff; position: relative; top: -2px; } .block.block-type-blogs .block-blog-list li strong { position: absolute; top: 0; right: 0; background: #fff; padding-left: 2px; font-weight: normal; font-size: 11px; } /* Block Type - Blogs */ .block.block-type-blog { border-radius: 5px; padding: 10px; border-bottom: none; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9fbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9fbfb)); background: -webkit-linear-gradient(top, #ffffff 0%,#f9fbfb 100%); background: -o-linear-gradient(top, #ffffff 0%,#f9fbfb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f9fbfb 100%); background: linear-gradient(top, #ffffff 0%,#f9fbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fbfb',GradientType=0 ); } .block.block-type-blog .block-header { margin-bottom: 0; padding: 0 7px 10px; } .block.block-type-blog .block-header h3 { font-size: 19px; } .block.block-type-blog .block-header h3 a { color: #275ec2; text-decoration: underline; } .block.block-type-blog .block-content { padding: 0 7px; } .block.block-type-blog footer { font-size: 11px; } .block.block-type-blog footer button { } .block.block-type-blog footer a { color: #727a90; margin-left: 7px; } /* Block Type - Tags */ .block.block-type-tags .search-form-wrapper { margin-bottom: 15px; } /* -------------------------------------------- MODALS -------------------------------------------- */ .modal { display: none; position: fixed; top: 25%; left: 50%; width: 300px; margin-left: -150px; color: #333; background-color: #fbfcfc; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5); overflow: hidden; } .modal .close { position: absolute; top: 7px; right: 8px; width: 16px; height: 16px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat -131px -39px; } .modal .close:hover { background-position: -131px -55px; } .modal .modal-header { padding: 15px 30px 0; } .modal .modal-header h3 { font-size: 20px; font-weight: bold; margin-right: 20px; } .modal .modal-content { padding: 30px 30px; } .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'); } /* Login */ .modal.modal-login { width: 450px; margin-left: -225px; top: 50px; } .modal.modal-login .nav { margin-bottom: 30px; } .modal.modal-login .modal-header { margin-bottom: 0; } .modal.modal-login .modal-content { padding-top: 15px; } .modal.modal-login .remember-label { font-size: 11px; color: #6c7272; } .modal.modal-login .remember-label input { top: 2px; } .modal.modal-login .icon-question-sign { position: relative; top: -3px; } .modal.modal-login .icon-ok-green { position: relative; top: -1px; } .modal.modal-login .js-block-popup-login-content .button { position: relative; top: -1px; margin-left: 1px; } .ie .modal.modal-login .js-block-popup-login-content .button { margin-left: 1px; } /* Write */ .modal.modal-write { width: 620px; margin-left: -310px; top: 70px; background: #e0eff9; } .modal.modal-write .modal-content { padding: 20px 10px 20px; *padding: 20px 10px 25px; } .modal.modal-write .write-list { *overflow: hidden; *zoom: 1; } .modal.modal-write .write-list li { width: 125px; margin: 0 10px 20px; font-size: 19px; font-family: 'PT Sans', sans-serif; text-align: center; overflow: hidden; display: inline-table; *float: left; } .modal.modal-write .write-list li a { color: #727a90; } .modal.modal-write .write-list li:hover a { color: #275ec2; } .modal.modal-write .write-list li .write-item-image { display: block; margin: 0 auto; width: 115px; height: 115px; border-radius: 3px; text-align: center; background: url(https://www.32spokes.ru/templates/skin/synio/images/write.png) no-repeat; margin-bottom: 0; } .modal.modal-write .write-list li.write-item-type-draft { padding-right: 20px; margin-right: 0; border-right: 1px dotted #aac6d9; } .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: -115px 0; } .modal.modal-write .write-list li.write-item-type-link .write-item-image { background-position: -230px 0; } .modal.modal-write .write-list li.write-item-type-message .write-item-image { background-position: -345px 0; } .modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -115px 0; } .modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: -578px 0; } .modal.modal-write .write-list li.write-item-type-topic:hover .write-item-image { background-position: 0 -115px; } .modal.modal-write .write-list li.write-item-type-poll:hover .write-item-image { background-position: -115px -115px; } .modal.modal-write .write-list li.write-item-type-link:hover .write-item-image { background-position: -230px -115px; } .modal.modal-write .write-list li.write-item-type-message:hover .write-item-image { background-position: -345px -115px; } .modal.modal-write .write-list li.write-item-type-blog:hover .write-item-image { background-position: -115px -115px; } .modal.modal-write .write-list li.write-item-type-draft:hover .write-item-image { background-position: -578px -115px; } /* Upload Image */ .modal.modal-image-upload { width: 500px; margin-left: -250px; } .modal.modal-upload-photo .image-border, .modal.modal-upload-avatar .image-border { float: left; border-radius: 5px; background: #fff; padding: 5px; margin-bottom: 15px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } #avatar-resize-original-img { max-width: 200px; width: 100%; } /* -------------------------------------------- БЛОГ -------------------------------------------- */ .blog-top { position: relative; padding-right: 150px; } .blog-top .vote-topic { position: absolute; top: 3px; right: 15px; } /* Blog Mini */ .blog-mini { padding: 15px; margin-bottom: 17px; font-size: 11px; overflow: hidden; zoom: 1; border-radius: 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f9fbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9fbfb)); background: -webkit-linear-gradient(top, #ffffff 0%,#f9fbfb 100%); background: -o-linear-gradient(top, #ffffff 0%,#f9fbfb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f9fbfb 100%); background: linear-gradient(top, #ffffff 0%,#f9fbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fbfb',GradientType=0 ); } .blog-mini button { margin-left: 20px; } .blog-mini .fl-r a { margin-left: 14px; color: #727a90; } .blog-mini .fl-r a:hover { color: #f00; } .blog-mini .fl-r a.link-dotted { border-color: #727a90; } .blog-mini .fl-r a.link-dotted:hover { border-color: #f00; } .blog { overflow: hidden; margin-bottom: 17px; background: #f8fbfe; border-radius: 5px; border-radius: 5px; } .blog-inner { padding: 20px; } /* Header */ .blog .blog-header { position: relative; padding: 10px 0 13px 78px; border-bottom: 1px solid #e8eef5; min-height: 16px; } .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 .close { position: absolute; top: 0; right: 0; font-size: 11px; cursor: pointer; } .blog .blog-header .close i { margin-left: 5px; } .blog .blog-header .close a { color: #727a90; border-color: #727a90; } .blog .blog-header .close a:hover { color: #f00; border-color: #f00; } .blog .blog-header .avatar { position: absolute; top: -10px; left: 7px; width: 39px; height: 39px; } .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: 22px 8px 0; border-top: 1px solid #fff; } .blog .blog-content .blog-description { margin-bottom: 50px; } .blog .blog-content .user-avatar { margin-right: 10px; } .blog-info { width: 300px; margin-bottom: 50px; } .blog-info li { margin-bottom: 5px; background: url(https://www.32spokes.ru/templates/skin/synio/images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; } .blog-info li span { background: #f8fbfe; padding-right: 2px; } .blog-info li strong { width: 150px; position: absolute; top: 0; right: 0; background: #f8fbfe; padding-left: 2px; font-weight: normal; } .blog-info li.rating strong { color: #5fa459; } /* Footer */ .blog .blog-footer { padding: 22px 26px; background: #f1f7fd; font-size: 11px; } .blog .blog-footer button { margin-right: 10px; } .blog .blog-footer a { color: #727a90; } .blog .blog-footer .admin { float: right; } .blog .blog-footer .admin img { width: 16px; height: 16px; vertical-align: middle; margin-right: 1px; } .blog .blog-footer .admin a { color: #4a4a4a; } /* More Button */ .blog-more { display: block; padding: 10px 0; text-align: center; text-decoration: none; background: #fafafa; } .blog-more:hover { background: #eee; }/* -------------------------------------------- СТРАНИЦА ПОЛЬЗОВАТЕЛЯ -------------------------------------------- */ .profile { min-height: 48px; margin-bottom: 0; padding: 0 0px 20px 0; position: relative; } .profile .button { float: right; margin-left: 7px; } .profile .avatar { position: absolute; top: 0; left: 0; } .profile .vote-label { text-transform: lowercase; text-align: center; font-size: 10px; color: #aaa; } .profile .vote-profile { float: right; margin-left: 10px; } .profile .vote-profile .vote-topic { float: none; } .profile .vote-profile .vote-topic .vote-item.vote-count { cursor: text; } .profile .strength { float: right; margin-left: 18px; } .profile .strength .count { font-size: 11px; line-height: 1em; text-align: center; padding: 0 10px; line-height: 23px; color: #628fa5; margin-bottom: 0px; background: #edf8fd; border-radius: 15px; height: 24px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1) inset; box-shadow: 0 2px 3px rgba(0,0,0,.1) inset; } .profile .user-login { width: 240px; font-size: 27px; line-height: 26px; font-weight: normal; margin-bottom: 5px; } .profile .user-login.no-user-name { } .profile .user-name { color: #949aa1; font-size: 17px; font-family: 'PT Sans', sans-serif; } .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 135px; min-height: 100px; background: #fcfce9; border-radius: 5px; margin-bottom: 30px; color: #000; position: relative; } .profile-info-about .avatar { position: absolute; top: 20px; left: 20px; border-radius: 5px; background: #fff; padding: 5px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } .profile-info-about .avatar img { vertical-align: top; width: 80px; height: 80px; } .profile-info-about h3 { font-size: 19px; margin-bottom: 5px; } .profile-info-about .edit { font-size: 11px; } .profile-left { width: 360px; float: left; margin-right: 40px; } .profile-right { width: 185px; float: left; } .profile-dotted-list { margin-bottom: 50px; } .profile-dotted-list li { overflow: hidden; zoom: 1; margin-bottom: 5px; background: url(https://www.32spokes.ru/templates/skin/synio/images/dots.png) 0% 14px repeat-x; } .profile-dotted-list li span { background: #fff; } .profile-dotted-list li strong { float: right; width: 190px; font-weight: normal; background: #fff; } .profile-contact-list { margin-bottom: 50px; } .profile-contact-list li { margin-bottom: 5px; padding-left: 21px; position: relative; } .profile-contact-list li i { position: absolute; top: 2px; left: 0; }/* -------------------------------------------- СТЕНА -------------------------------------------- */ .wall-submit { margin-bottom: 30px; background: #f8fbfe; padding: 15px; border-radius: 5px; position: relative; } .wall-submit .counter { position: absolute; bottom: 18px; right: 15px; color: #818189; } .wall-submit .counter.exceeded { color: #f00; } .wall-submit textarea { margin: 0 0 10px; } .wall-submit.wall-submit-reply { margin: 15px 0 2px 0; -webkit-box-shadow: 0 0 7px #E2EAF1 inset; box-shadow: 0 0 7px #E2EAF1 inset; } .wall-submit.wall-submit-reply:after { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eaf1f7 transparent; border-style: solid; } .wall-submit.wall-submit-reply .counter { display: none; } .wall-submit.wall-submit-reply textarea { margin-bottom: 0; height: 28px; *height: 16px; *width: 590px; } .wall-submit.wall-submit-reply button { display: none; } .wall-submit.wall-submit-reply.active textarea { height: 80px; margin-bottom: 10px; } .wall-submit.wall-submit-reply.active button { display: block; } .wall-submit.wall-submit-reply.active .counter { display: block; } .wall-submit p { margin-bottom: 5px; } .wall-item-wrapper { margin-bottom: 23px; border-bottom: 1px solid #e7ebed; padding: 0 0 20px 55px; position: relative; } .wall-item-wrapper:last-child { border-bottom:none; } .wall-item .avatar { width: 40px; height: 40px; position: absolute; top: 0; left: 0; } .wall-item .info { color: #b9c2c2; font-size: 11px; line-height: 1em; margin-bottom: 8px; } .wall-item .info a { color: #275ec2; } .wall-item .info .date { color: #818189; } .wall-item .actions.wall-item-actions { margin-top: 5px; margin-bottom: 0; } .wall-item .actions.wall-item-actions a { color: #727a90; border-color: #727a90; } .wall-item-replies { padding: 4px 5px 2px; background: #fefef1; position: relative; color: #363636; margin-top: 15px; margin-bottom: 5px; font-size: 11px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px #e8e8c0 inset; box-shadow: 0 2px 4px #e8e8c0 inset; } .wall-item-replies:after { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #EEEED8 transparent; border-style: solid; } .wall-item-reply { padding: 4px 0 8px 40px; margin: 0 7px; position: relative; font-size: 11px; border-bottom: 1px solid #ededc9; border-top: 1px solid #fff; } .wall-item-reply:first-child { border-top: none; padding-top: 0; margin-top: 3px; } .wall-item-reply:first-child .avatar { top: 4px; } .wall-item-reply:last-child { border-bottom: none; } .wall-item-reply .text { font-size: 11px; } .wall-item-reply .avatar { position: absolute; top: 8px; left: 0; width: 30px; height: 30px; } .wall-item-reply .actions { margin-bottom: 0; } .wall-item-reply .actions .date { color: #818189; } .wall-item-reply .author { color: #275ec2; font-weight: bold; } .wall-more { } .wall-more:hover { background: #F4F4D9; } .wall-more-reply { display: block; border-radius: 5px; text-decoration: none; text-align: center; padding: 7px 0; font-size: 11px; margin-bottom: 10px; color: #898953; border: 1px solid #eaeac4; -webkit-box-shadow: 0 1px 2px #dbdbba, 0 1px 0 #fff inset; box-shadow: 0 1px 2px #dbdbba, 0 1px 0 #fff inset; background: #fffffa; background: -moz-linear-gradient(top, #fffffa 0%, #fefef1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffa), color-stop(100%,#fefef1)); background: -webkit-linear-gradient(top, #fffffa 0%,#fefef1 100%); background: -o-linear-gradient(top, #fffffa 0%,#fefef1 100%); background: -ms-linear-gradient(top, #fffffa 0%,#fefef1 100%); background: linear-gradient(top, #fffffa 0%,#fefef1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffa', endColorstr='#fefef1',GradientType=0 ); } .wall-more-reply:hover { color: #898953; } .wall-more.loader { background: #F4F4D9 url(https://www.32spokes.ru/templates/skin/synio/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: 3500; 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); } /* Yellow */ .infobox.infobox-yellow { background: #fffea8; color: #3e3e16; border-radius: 10px; padding: 15px 20px; font-size: 11px; line-height: 16px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); } .infobox.infobox-yellow .tip-arrow { border-color: #fffea8; } /* Topic */ .infobox.infobox-topic { font-size: 11px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); background: #1d1d1d; border-radius: 10px; } .infobox.infobox-topic i { margin-right: 5px; } .infobox.infobox-topic .tip-arrow { left: 50%; margin-left: -5px; border-color: #1d1d1d; } /* Help */ .infobox.infobox-help { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 25px 30px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); } .infobox.infobox-help .tip-arrow { border: none; width: 15px; height: 11px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat; } .infobox.infobox-help .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; } .infobox.infobox-help .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; } .infobox.infobox-help a { color: #3f8ad7; } .infobox.infobox-help .blog-info { margin-bottom: 30px; } .infobox.infobox-help .blog-info li span { background: #fff; } .infobox.infobox-help .blog-info li strong { background: #fff; } .infobox.infobox-help .infobox-topic { color: #727a90; font-size: 11px; } .infobox.infobox-help .infobox-actions { font-size: 11px; } /* Share */ .infobox.infobox-share { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 10px 15px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); } .infobox.infobox-share .tip-arrow { border: none; width: 15px; height: 11px; background: url(https://www.32spokes.ru/templates/skin/synio/images/icons-synio.png) no-repeat; } .infobox.infobox-share .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; left: 50%; margin-left: -7px; } .infobox.infobox-share .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; left: 50%; margin-left: -7px; } /* -------------------------------------------- ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ -------------------------------------------- */ #notifier { width: 250px; position: fixed; top: 10px; right: 10px; font-size: 11px; line-height: 16px; z-index: 9999; /* IE 6 Fix */ _position: absolute; _top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" ); } #notifier .n-box { position: relative; padding: 15px 20px 16px; margin-bottom: 10px; color: #fff; background: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); opacity: 0.9; filter: alpha(opacity=80); cursor: pointer; } #notifier .n-box h3 { color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 3px; font-family: Verdana, sans-serif; } #notifier .n-box p { margin: 0; } #notifier .n-box.n-notice { background: #063573; color: #fff; } #notifier .n-box.n-error { background: #850505; color: #fff; }/* * 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(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/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: #C9EEFF; 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(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(https://www.32spokes.ru/templates/skin/synio/css/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://www.32spokes.ru/templates/skin/synio/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 */ /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(https://www.32spokes.ru/templates/skin/synio/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(https://www.32spokes.ru/templates/skin/synio/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; 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.4; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * 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(https://www.32spokes.ru/templates/skin/synio/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; font-family: Arial, sans-serif !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; font-weight: bold !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; } h1 a { text-decoration: none !important; } #header, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper, .topic-footer, .stat-performance, .topic-actions, .reply-header, .nav { display: none !important; } #wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; } #content { width: 100%; margin: 0; } .topic { margin-bottom: 100px; } }.w8-tiles-topic{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/topic.png); } .w8-tiles-blog{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/blog.png); } .w8-tiles-message{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/message.png); } .w8-tiles-video{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/video.png); } .w8-tiles-photo{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/photo.png); } .w8-tiles-draft{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/draft.png); } .w8-tiles-event{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/event.png); } .w8-tiles-award{ background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/award.png); } .w8-modal { box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); color: #333; display: none; left: 50%; margin-left: -150px; overflow: hidden; position: fixed; top: 25%; margin-left: -310px; top: 70px; width: 620px; padding: 10px; } .w8-modal .close { background: url(https://www.32spokes.ru/templates/skin/synio/images/w8/close.png); position: absolute; right: 8px; top: 7px; width: 26px; height: 26px; }span.event_calendar_header { display: inline-block; width: 25px; height: 14px; border: 1px solid #A2ADBC; margin-bottom: 5px; padding: 1px 1px 2px 1px; font-size: 12px; } span.event_calendar_day { display: inline-block; width: 25px; height: 25px; border: 1px solid #A2ADBC; margin-bottom: 5px; padding: 1px 1px 1px 1px; } span.event_day_sign{ display: inline-block; width: 100%; height: 100%; border: 0px; cursor: pointer; } span.event_calendar_today { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/events_cal_today.png) no-repeat 10px 10px transparent;; } span.self_event{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/calendar_mark.png) no-repeat 0px 0px transparent;; } span.calendar_mark_area { display: inline-block; width: 25px; height: 25px; margin-bottom: 5px; padding: 1px 1px 1px 1px; } #block_event_celendar{ min-height: 26px; margin-bottom: 12px; overflow: hidden; padding: 12px 17px 15px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 10px 10px 10px 10px; position: relative; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f8f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f8f9)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); background: linear-gradient(top, #fdfdfd 0%,#f6f8f9 100%); margin-left: 80px; margin-right: 10px; } td.event_sidebar_top{ width: 33%; margin-left: 10px; padding-left: 10px; border-left: 1px solid #E7EBED; } div.event_sidebar_top_header { float:left; font-family: 'PT Sans',sans-serif; font-size: 22px; font-weight: normal; line-height: 1em; padding-right: 10px; } div.event_preview_name { font-family: 'PT Sans',sans-serif; font-size: 22px; font-weight: normal; line-height: 1em; } div.event_preview_main{ float:left; } /* months style*/ .month_1 { background: #08e8de; } .month_2 { background: #7df9ff; } .month_3 { background: #d0f0c0; } .month_4 { background: #ccff00; } .month_5 { background: #7fff00; } .month_6 { background: #e32636; } .month_7 { background: #ff7f50; } .month_8 { background-color: #f36223; } .month_9 { background: #ffbf00; } .month_10 { background: #ffd800; } .month_11 { background: #fcdd76; } .month_12 { background: #00cccc; } .month_name_1 { color: #08e8de; } .month_name_2 { color: #7df9ff; } .month_name_3 { color: #d0f0c0; } .month_name_4 { color: #ccff00; } .month_name_5 { color: #7fff00; } .month_name_6 { color: #e32636; } .month_name_7 { color: #ff7f50; } .month_name_8 { color: #f36223; } .month_name_9 { color: #ffbf00; } .month_name_10 { color: #ffd800; } .month_name_11 { color: #fcdd76; } .month_name_12 { color: #00cccc; } div.second_month{ text-align: right; font-size: 18px; } div.first_month{ font-size: 18px; margin-bottom: 5px; } /* mark holydays*/ span.week_day_6, span.week_day_0, span.holyday{ /* border: 2px solid #ff0000; */ } /* popup_info */ div#popup_date_info { display: none; overflow: hidden; /* padding: 10px; */ position: fixed; z-index: 1999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5); -moz-box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5); box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5); max-width: 200px; } div#popup_date_info_date{ /* border-bottom: 1px solid; */ padding: 5px 0px 2px 5px; background: #DFE3E8; } div#popup_date_info_event{ padding: 5px; background: #F6F8F9; } div.popup_date_info_event_name{ display: inline-block; font-family: 'PT Sans',sans-serif; font-size: 16px; font-weight: normal; line-height: 1em; padding-left: 3px; } div.popup_date_info_event_img{ display: inline-block; vertical-align: middle; } div.popup_date_info_event_link{ text-align: right; } td.year_calendar_cell{ vertical-align: top; } table.year_table{ width: 100%; } ul.subscribe_users{ list-style: none outside none; padding: 0 0 0 0px; } li.subscribe_users{ float: left; padding-right: 3px; } .event_property{ width:24px; height:24px; display: inline-block; /* float: left;*/ } .event_property_date{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_property_date.png) no-repeat 0px 0px transparent; } .event_property_distance{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_property_distance.png) no-repeat 0px 0px transparent; } .event_property_level{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_property_level.png) no-repeat 0px 0px transparent; } .event_property_time{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_property_time.png) no-repeat 0px 0px transparent; } .event_property_speed{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_property_speed.png) no-repeat 0px 0px transparent; } .event_property_point{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_property_point.png) no-repeat 0px 0px transparent; } .mark_join{ width:24px; height:24px; display: inline-block; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/mark_join.png) no-repeat 0px 0px transparent; } div.report_for_event img.avatar { height: 16px; margin-right: 2px; vertical-align: middle; width: 16px; } div.event_list_item{ border-width: 1px; border-style: solid; margin-bottom: 20px; padding-left: 10px; padding-top: 2px; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-color: #E7EBED; } span.event_list_photo_marker{ width:16px; height:16px; display: inline-block; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_list_photo_marker.png) no-repeat 0px 0px transparent; vertical-align: middle; } span.event_list_report_marker{ width:16px; height:16px; display: inline-block; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_list_report_marker.png) no-repeat 0px 0px transparent; vertical-align: middle; } span.event_list_video_marker{ width:16px; height:16px; display: inline-block; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_list_video_marker.png) no-repeat 0px 0px transparent; vertical-align: middle; } #else_user{ cursor: pointer; border-bottom: 1px dotted #5055B2; color: #3F8AD7; } li.subscribe_event_controlls{ cursor: pointer; } span.refresh_button { width: 25px; height: 25px; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/update.gif) no-repeat 0px 0px; cursor: pointer; display: inline-block; } div.submit_event { box-shadow: 0 0 10px rgba(60, 170, 60, 0.75); } div.decline_event { box-shadow: 0 0 10px rgba(155, 45, 48, 0.55); } div.subscribe_event {} div._event {} div.topic_additional_info{ width: 100%; background: #F8FBFE; } span.contact_user{ display:inline-block; } span.contact_username{ vertical-align: top; margin-right: 20px; } span.contact_username .profile-contact-list{ margin-bottom: 0px; } .block_event_celendar_right_stick{ display: block; left: 1350px; position: fixed; top: 136px; background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.03); padding: 5px; width: 180px; } .event_button { width: 150px; margin-top: 2px; } div.event_header{ border: 0px solid #ff0033; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.03); padding: 5px; display: table; width:100%; text-align: justify; } .event_header_start_date{ display: table-cell; width: 50px; height: 12px; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/header_calendar_cell.png) no-repeat 0px 0px; font-size: 18px; line-height: 20px; font-weight: bold; padding-top: 50px; padding-right: 50px; color: #7B848D; text-align: center; } .event_header_title{ display: table-cell; vertical-align: middle; height: 100%; padding-right: 20px; } .event_header_people{ display: table-cell; width: 50px; height: 12px; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/header_people_cell.png) no-repeat 0px 0px; font-size: 18px; line-height: 20px; font-weight: bold; padding-top: 50px; color: #7B848D; text-align: center; } div.contact_user_block{ display: inline-block; width: 300px; } .toolbar-moderate-count{ display: block; padding: 5px 0 3px; font-size: 11px; color: #51983c; text-align: center; text-decoration: none; width: 25px; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/event_moderation_tollbar.png) no-repeat 0px 0px; } .toolbar-moderate-count_txt{ color: #000; margin-top: 20px; }.tzCheckBox{ background:url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/off.png) no-repeat #EDF8FD; display:inline-block; width:120px; height:40px; white-space:nowrap; position:relative; cursor:pointer; vertical-align: middle; border-radius: 15px 15px 15px 15px; background-position: 80px 5px; padding: 5px 0px 0px 0px; box-shadow: 0 2px 3px #B4D5E2 inset; color: #628FA5; } .tzCheckBox.checked{ background:url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/on.png) no-repeat #EDF8FD; background-position: 80px 5px; } .tzCheckBox .tzCBContent{ line-height: 31px; padding-right: 38px; text-align: right; margin:20px 0px 0px 5px; } .tzCBPart{ width:14px; position:absolute; top:0; left:-14px; height:33px; overflow: hidden; }.w8-button { display: table; padding: 7px 15px 8px 15px; border: none; font-family: "open_sans_lightregular"; font-size: 15px; font-weight: bold; cursor: pointer; /* opacity: 0.9;*/ } a.w8-button{ display: block; height: 20px; text-decoration: none; } .w8-button.violet, .w8-icon.violet { background-color: #5b39b6; color: white !important; } .w8-button.red, .w8-icon.red { background-color: #b31823; color: white !important; border-left: solid 5px #b31823; } .w8-button:hover { border-left: solid 5px black; text-decoration: none; } .w8-button-50 { width: 50px; } .w8-button-100 { width: 100px; } .w8-button-f100-75 { width: 75px; padding-left:5px; } .w8-button-150 { width: 150px; } .w8-button-200 { width: 200px; } .w8-button-250 { width: 250px; } .back { padding-right: 10px !important; padding-left: 40px !important; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/left.png) no-repeat 0px center; } .simple-back { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/left.png) no-repeat center center; } .add { padding-right: 10px !important; padding-left: 40px !important; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/plus.png) no-repeat 10px center; } .w8-icon { display: table; padding: 7px 7px 7px 7px; border: none; background: url() no-repeat center; cursor: pointer; opacity: 0.9; width: 48px; height: 48px; } .w8-button:hover, .w8-icon:hover { opacity: 1; } .w8-button:active, .w8-icon:active { color: white !important; background-color: #191919 !important; } .w8-button.iconize { padding-right: 50px !important; background: url() no-repeat 115px center; } .w8-button.green, .w8-icon.green { background-color: #009900; } .w8-button.pink, .w8-icon.pink { background-color: #ae193e; } .w8-button.d-blue, .w8-icon.d-blue { background-color: #0099ab; } .w8-button.yellow, .w8-icon.yellow { background-color: #fba919; } .w8-button.l-blue, .w8-icon.l-blue { background-color: #2d87ef; } .w8-button.grey, .w8-icon.grey { background-color: #474747; } /** (UnComment if you don't like border) */ /*.w8-button, .w8-icon { border: solid 2px white; }*/ /** (Comment if you don't like border on hover) */ .pagina{ width:auto; height:auto; } .linha{ /* width:auto; */ padding:5px; height:auto; display:table; } .linha-float{ /* width:auto; */ height:auto; display:table; } .linha-left{ padding:5px; height:auto; } .w8-place-2w{ width: 110px; } .w8-place-3w{ width: 170px; } .w8-place-5w{ width: 280px; } .w8-tiles{ color: white !important; font-family: "open_sans_lightregular"; font-size: 15px; font-weight: bold; /* vertical-align: middle; */ text-align: center; float:left; margin:0 2px 2px 0; padding:2px; } .w8-tiles-left{ float:right !important; } .w8-tiles-text{ display: inline-block; vertical-align: middle; line-height: normal; } .w8-tiles-text-lh25{ display: inline-block; vertical-align: middle; line-height: 25px !important; } .w8-tiles-text-small-12{ display: inline-block; vertical-align: middle; line-height: normal; font-size: 12px; } .w8-tiles-text-big-18{ display: inline-block; vertical-align: middle; line-height: normal; font-size: 18px; } .w8-tiles-1w1h{ width: 50px; height: 50px; line-height: 50px; } .w8-tiles-2w2h{ width: 110px; height: 110px; line-height: 110px; } .w8-tiles-2w3h{ width: 110px; height: 162px; line-height: 110px; } .w8-tiles-2w1h{ width: 106px; height: 50px; line-height: 50px; } .w8-tiles-2w1hf{ width: 110px; height: 50px; line-height: 50px; } .w8-tiles-3w1h{ width: 162px; height: 50px; line-height: 50px; } .w8-tiles-3w2h{ width: 162px; height: 100px; line-height: 50px; } .w8-tiles-3w4h{ width: 162px; height: 212px; line-height: 50px; } .w8-tiles-4w1h{ width: 226px; height: 50px; line-height: 50px; } .w8-tiles-8w1hf{ width: 570px; height: 50px; line-height: 50px; } .w8-tiles-5w1h{ width: 274px; height: 50px; line-height: 50px; } .w8-tiles-6w1h{ width: 324px; height: 50px; line-height: 50px; } .w8-tiles-5w5h{ width: 274px; height: 274px; line-height: 50px; } .w8-tiles-4w4h{ width: 226px; height: 226px; line-height: 50px; } .w8-tiles-3w3h{ width: 162px; height: 162px; line-height: 50px; } .w8-tiles-event_title{ width: 804px; height: 50px; line-height: 50px; } .w8-image-place-tiles-2w2h{ width: 110px; height: 110px; margin:0px; padding:0px; float:left; margin:0 2px 2px 0; } .w8-image-tiles-2w2h{ width: 110px; height: 110px; } .w8-button-1w1h { width: 36px; height: 50px; padding-left:5px; float:left; margin:0 2px 2px 0; } .w8-button-2w1h { width: 86px; padding-left:5px; float:left; margin:0 2px 2px 0; } .w8-button-2w1fh { width: 85px; height: 28px !important; padding-left:5px; float:left; margin:0 2px 2px 0; padding-top:18px; } .w8-button-4w1fh { width: 201px; height: 28px !important; padding-left:5px; float:left; margin:0 2px 2px 0; padding-top:18px; } .w8-button-3w1h { width: 141px; padding-left:5px; float:left; margin:0 2px 2px 0; } .w8-group-2w{ width: 110px; float: left; padding-left: 5px; } .w8-button-uncheck{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/unchecked_checkbox.png) no-repeat 75px center; } .w8-button-check{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/checked_checkbox.png) no-repeat 75px center; } .w8-button-uncheck-l{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/unchecked_checkbox.png) no-repeat; background-position: right 15px center; } .w8-button-check-l{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/checked_checkbox.png) no-repeat; background-position: right 15px center; } .w8-small-tiles{ color: white !important; font-family: "open_sans_lightregular"; font-size: 12px; font-weight: bold; text-align: center; float:left; margin:0 2px 2px 0; padding:2px; line-height: 25px; } .w8-small-tiles-1w1h{ width: 50px; height: 24px; padding-left:5px; float:left; margin:0 2px 2px 0; } .w8-small-tiles-sq-1w1h{ width: 25px; height: 25px; padding-left:5px; float:left; margin:0 2px 2px 0; } .w8-small-tiles-2w1h{ width: 110px; height: 24px; padding-left:5px; float:left; margin:0 2px 2px 0; } .w8-small-tiles-2w2h{ width: 110px; height: 50px; padding-left:5px; float:left; margin:0 2px 2px 0; line-height: 50px; } .w8-small-buttons{ cursor: pointer; } /* TILES BUTTON */ .w8-tiles-add { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/plus.png) no-repeat 15px center; } .w8-tiles-edit { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/edit.png) no-repeat 15px center; } .w8-tiles-delete { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/delete.png) no-repeat 15px center; } .w8-tiles-report { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/report.png) no-repeat 12px center; } .w8-tiles-add_image { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/add_image.png) no-repeat 12px center; } .w8-tiles-show_image { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/show.png) no-repeat 12px center; } .w8-tiles-film { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/film.png) no-repeat 12px center; } .w8-tiles-search { background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/search.png) no-repeat center center; padding: 0px; } .w8-small-tiles-bad-photo{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/bad_photo.png) no-repeat 5px center; padding-left: 20px; } .w8-small-tiles-private{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/private.png) no-repeat 5px center; padding-left: 20px; } .w8-small-tiles-download{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/download.png) no-repeat 5px center; padding-left: 20px; margin-top: 20px; } .w8-small-tiles-maximize{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/maximize.png) no-repeat 5px center; padding-left: 20px; } .w8-small-tiles-minimize{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/minimize.png) no-repeat 5px center; padding-left: 20px; } .w8-small-tiles-to-top{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/to_top.png) no-repeat center center; } .w8-small-tiles-refresh{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/refresh.png) no-repeat center center; } .w8-small-tiles-up{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/up_circular.png) no-repeat center center; } .w8-small-tiles-down{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/down_circular.png) no-repeat center center; } .w8-small-tiles-setting{ background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/settings.png) no-repeat center center; } /* COLORS */ .w8-red{ background-color: #b31823; } .w8-green{ background-color: #009900; } .w8-dark_blue{ background-color: #0099ab; } .w8-yellow{ background-color: #fba919; } .w8-dark_orange { background-color: #D24726; } .w8-orange { background-color: #DC572E; } .w8-teal { background-color: #00A0B1; } .w8-purple { background-color: #A700AE; } .w8-sky-blue{ background-color: #0A5BC4; } .w8-gray{ background-color: #545454; } .w8-silver{ background-color: #bdc3c7; } .w8-clouds{ background-color: #ecf0f1; } /* votted */ .w8-vote-topic{ color: white !important; font-family: "open_sans_lightregular"; font-size: 15px; font-weight: bold; text-align: center; margin:0 2px 2px 0; line-height: 25px; } .w8-vote-topic.vote-count-zero{ background-color: #545454; } .w8-vote-topic.vote-count-negative{ background-color: #b31823; } .w8-vote-topic.vote-count-positive{ background-color: #009900; } .w8-vote-item{ color: white !important; font-family: "open_sans_lightregular"; font-size: 15px; font-weight: bold; text-align: center; margin:0 2px 2px 0; width: 25px; height: 25px; line-height: 25px; float: left; background-color: #00A0B1; } .w8-vote-down{ background-image: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/circle_minus.png); background-position: center; background-repeat: no-repeat; } .w8-vote-up{ background-image: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/circle_plus.png); background-position: center; background-repeat: no-repeat; } .w8-vote-count{ background-image: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/btn/circle_info.png); background-position: center; background-repeat: no-repeat; } .w8-vote-topic.voted .w8-vote-down { visibility: hidden; display:none; } .w8-vote-topic.voted .w8-vote-up { visibility: hidden; display:none;} .w8-vote-topic.voted .w8-vote-count { background: none; width: 50px; } .w8-vote-topic.voted { width: 50px; height: 25px; padding: 2px; } .w8-vote-topic.not-voted { width: 100px; height: 25px; } .w8-vote-topic.not-voted .w8-vote-item{ padding: 2px; cursor: pointer; } .additional_count{ width: 30px; height: 30px; background: red; line-height:30px; margin-top: 80px; margin-left: 80px; display:block; } a.w8-tiles{ text-decoration: none; } .w8-buttons-1w1h{ width: 54px; height: 54px; line-height: 54px; padding: 0px; cursor: pointer; }.w8-button.more { padding-right: 50px !important; background: url(https://www.32spokes.ru/plugins/events/templates/skin/default/images/win8-next.png) no-repeat 115px center transparent; } .w8-calendar-tiles{ width: 25px; height: 25px; line-height: 25px; }.topic-info-extra{ border-top: 0px solid #E7EBED !important; border-bottom: 1px solid #E7EBED; margin-bottom: 5px !important; padding-top: 0px !important; } .topic-extra{ margin-bottom: 2px !important; } .topic-header-extra{ margin-bottom: 0px !important; } .unsubscribe_blog{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } #modal_select_blog{ width: 760px !important; }img.bike_photo_list { margin: 2px; } span.flag{ border-bottom-left-radius: 2px; border-top-left-radius: 2px; display: inline-block; font-family: Verdana,sans-serif; font-size: 12px; height: 18px; line-height: 18px; padding-left: 5px; padding-right: 10px; text-align: left; text-decoration: none; vertical-align: top; } span.flag_lost{ background: url(https://www.32spokes.ru/plugins/bikes/templates/skin/default/images/flags.png) no-repeat scroll right -103px transparent; color: #BB698F; } span.flag_sale{ background: url(https://www.32spokes.ru/plugins/bikes/templates/skin/default/images/flags.png) no-repeat scroll right -77px transparent; color: #BB698F; } span.flag_normal{ background: url(https://www.32spokes.ru/plugins/bikes/templates/skin/default/images/flags.png) no-repeat scroll right -51px transparent; color: #BB698F; } span.flag_broken{ background: url(https://www.32spokes.ru/plugins/bikes/templates/skin/default/images/flags.png) no-repeat scroll right -25px transparent; color: #BB698F; } span.flag_past{ background: url(https://www.32spokes.ru/plugins/bikes/templates/skin/default/images/flags.png) no-repeat scroll right -25px transparent; color: #BB698F; } .bike_cell .wrapper-content{ padding-right: 0px; padding-left: 0px; width: 100%; height: 100%; } .state-hidden{ display:none; } .lost_award_block{ border: 1px solid #EEEEEE; border-radius: 10px 10px 10px 10px; background: #2ABCFE; color: #FFF; height: 25px; text-align: left; vertical-align: baseline; padding-left: 5px; } .bike_show_header_lost{ color: #ff0033; }li.event_source_link { clear: left; padding-left: 0px !important; color: #7B848D; }.award_item { float: left; padding: 5px; } .toolbar-award-moderate-count{ background-image: url(https://www.32spokes.ru/plugins/awards/templates/skin/default/images/award_toolbar.png); /* no-repeat scroll center center; */ background-repeat: no-repeat; background-position: center center; } .w8-toolbar-moderate-count_txt{ height: 25px; width: 25px; line-height: 25px; margin-left: 27px; margin-top: -2px; } .w8-tiles-award-size{ width: 336px; height: 216px; line-height: 50px; } .w8-tiles-award{ background-image: url(https://www.32spokes.ru/plugins/awards/templates/skin/default/images/award_toolbar.png); /* no-repeat scroll center center; */ background-repeat: no-repeat; background-position: center center; }.top32_position_preview{ float: left; width: 200px; height: 420px; background: #E3E3E3; border: 1px solid #C2C4C4; border-radius: 15px 15px 15px 15px; padding: 5px; margin-left: 7px; margin-top: 7px; } .top32_content{ text-align: center; vertical-align: top; } .top32_position_title{ font-family: 'PT Sans',sans-serif; font-size: 22px; font-weight: normal; line-height: 1em; color: #333333; height: 75px; } .top32_position_preview_awarted{ background-image: url(https://www.32spokes.ru/plugins/top32/templates/skin/default/images/position_with_user.png); background-position: 0px 5px; background-repeat: no-repeat; } .top32_position_title_awarted { margin-left: 22px; } .top32_position_description{ text-align: left; margin-top: 10px; height: 110px; } .top32_position_photo{ height: 180px; } .top32_position_photo_place{ height: 180px; width: 200px; overflow: hidden; } .award_photo{ width: 500px; } .award_photo_image{ width: 300px; } .photo_award_place{ height: 22px; } .show_award_photo{ color: #878E96; border-bottom: 1px dotted #5055B2; cursor: pointer; }.weather_place{ font-family: 'PT Sans',sans-serif; font-size: 24px; font-weight: normal; line-height: 1em; text-align: center; float: left; height: 80px; width: 60px; background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/unknown.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .time_place{ font-size: 16px; } .temperature_place{ margin-top: 18px; } .wind_place{ font-size: 16px; margin-top: 5px; } .partly-cloudy-day{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/partlycloudy.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .partly-cloudy-night{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/partlycloundynight.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .clear-day{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/clear.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .clear-night{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/clearnight.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .rain{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/rain.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .snow{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/snow.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .sleet{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/sleet.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .wind{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/windy.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .fog{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/fog.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .cloudy{ background: url(https://www.32spokes.ru/plugins/weather/templates/skin/default/images/icons/cloudy.png) no-repeat 0px 20px transparent; background-size: 60px 60px; } .main_block_weather{ height: 80px; }/*Rounded Corners*/ /*top-left rounded Corners*/ .jqx-rc-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } /*top-right rounded Corners*/ .jqx-rc-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } /*bottom-left rounded Corners*/ .jqx-rc-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } /*bottom-right rounded Corners*/ .jqx-rc-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } /*top rounded Corners*/ .jqx-rc-t { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } /*bottom rounded Corners*/ .jqx-rc-b { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } /*right rounded Corners*/ .jqx-rc-r { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } /*left rounded Corners*/ .jqx-rc-l { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } /*all rounded Corners*/ .jqx-rc-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /*reset rounded corners*/ .jqx-rc-reset { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /*Reset Style*/ .jqx-reset { padding: 0; margin: 0; border: none; background: transparent; } /*Disable browser selection*/ .jqx-disableselect { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -ms-user-select:none; -webkit-touch-callout:none; } .jqx-hideborder { border: none !important; } .jqx-hidescrollbars { overflow: hidden !important; } /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ .jqx-button{outline: none; border: 1px solid transparent; padding: 3px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } .jqx-buttongroup{} /*applied to the link button's anchor element.*/ .jqx-link { text-decoration: none; color: #111111; } /*shows elements.*/ .jqx-visible { display: block; } /*hides elements.*/ .jqx-hidden { display: none; } .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { line-height: 1.231; } /*jqxGauge Style*/ .jqx-gauge-label, .jqx-gauge-caption { fill: #333333; color: #333333; font-size: 11px; font-family: Verdana; } /*jqxChart Style*/ .jqx-chart-axis-text, .jqx-chart-label-text, .jqx-chart-tooltip-text, .jqx-chart-legend-text { fill: #333333; color: #333333; font-size: 11px; font-family: Verdana; } .jqx-chart-axis-description { fill: #555555; color: #555555; font-size: 11px; font-family: Verdana; } .jqx-chart-title-text { fill: #111111; color: #111111; font-size: 14px; font-weight: bold; font-family: Verdana; } .jqx-chart-title-description { fill: #111111; color: #111111; font-size: 12px; font-weight: normal; font-family: Verdana; } /*applied to the Grid's element.*/ .jqx-grid { overflow: hidden; border-style: solid; border-width: 1px; } /*applied to the Pager.*/ .jqx-grid-pager { border: none; border-top: 1px solid transparent; } /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ .jqx-grid-bottomright { } /*applied to the Grid's header area.*/ .jqx-grid-header { border-style: solid; border-width: 0px 0px 1px 0px; overflow: hidden; border-color: transparent; margin: 0px; padding: 0px; } /*applied to the columns.*/ .jqx-grid-column-header { border-style: solid; border-width: 0px 1px 0px 0px; border-color: transparent; white-space: nowrap; border-style: solid; font-weight: normal; overflow: hidden; text-align: left; padding: 0px; margin: 0px; } .jqx-grid-column-header-rtl { border-width: 0px 0px 0px 1px; } /*applied to the column's button.*/ .jqx-grid-column-menubutton { border-style: solid; border-width: 0px 0px 0px 1px; border-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/menubutton.png); background-repeat: no-repeat; background-position: center; cursor: pointer; } .jqx-grid-column-menubutton-rtl { border-width: 0px 1px 0px 0px; } /*applied to the column's sort button when the sort order is ascending.*/ .jqx-grid-column-sortascbutton { border: none; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/sortascbutton.png); background-repeat: no-repeat; background-position: center; cursor: pointer; } /*applied to the column's sort button when the sort order is descending.*/ .jqx-grid-column-sortdescbutton { border: none; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/sortdescbutton.png); background-repeat: no-repeat; background-position: center; cursor: pointer; } /*applied to the column's filter button.*/ .jqx-grid-column-filterbutton { border: none; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/filter_dark.png); background-repeat: no-repeat; background-position: center; } /*applied to the column's resize line.*/ .jqx-grid-column-resizeline { border-right: 1px dotted #555; } /*applied to the validation popup during cell editing.*/ .jqx-grid-validation { background: #df2227; color: #fff; padding: 4px 8px; } .jqx-grid-validation-arrow-up { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/red_arrow_up.png); background-repeat: no-repeat; background-position: center center; } .jqx-grid-validation-arrow-down { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/red_arrow_down.png); background-repeat: no-repeat; background-position: center center; } /*applied to the column's resize start line.*/ .jqx-grid-column-resizestartline { border-right: 1px solid #444; } /*applied to the sort ascending menu item in the Grid's Context Menu*/ .jqx-grid-sortasc-icon { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/sortasc.png); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the sort ascending menu item in the Grid's Context Menu*/ .jqx-grid-sortdesc-icon { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/sortdesc.png); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the grid menu's sort remove item/*/ .jqx-grid-sortremove-icon { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/sortremove.png); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ .jqx-grid-drag-icon { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/drag.png); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; } /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ .jqx-grid-dragcancel-icon { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/dragcancel.png); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; } /*applied to the 'group by' menu item.*/ .jqx-grid-groupby-icon { background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the column anchor tags.*/ .jqx-grid-column-header a:link{ display: block; margin: 4px; height: 18px; line-height: 18px !important; color: inherit; outline: 0 none; text-decoration: none; cursor: pointer; } .jqx-grid-column-header a:visited{ display: block; margin: 4px; height: 18px; line-height: 18px !important; color: inherit; outline: 0 none; text-decoration: none; cursor: pointer; } /*applied to the groups header area.*/ .jqx-grid-groups-header, .jqx-grid-toolbar { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #aaa; white-space: nowrap; overflow: hidden; text-align: left; padding: 0px; margin: 0px; } /*applied to a grouping row.*/ .jqx-grid-groups-row { font-weight:bold; white-space: nowrap; text-align: left; padding: 0px; top: 50%; margin-top: -8px; } /*applied to the row details.*/ .jqx-grid-groups-row-details { font-weight: normal; } /*applied to a grouping column.*/ .jqx-grid-group-column { border: 1px solid transparent; white-space: nowrap; border-style: solid; font-weight: normal; overflow: hidden; text-align: left; padding: 0px; margin: 0px; } /*applied to the lines between the group columns.*/ .jqx-grid-group-column-line { background: #aaa; } /*applied to the drop line indicators displayed in the grouping header.*/ .jqx-grid-group-drag-line { background: #80be09; } /*applied to the anchor tags inside a grouping column.*/ .jqx-grid-group-column a:link{ display: block; margin: 4px; height: 18px; line-height: 18px !important; outline: 0 none; text-decoration: none; cursor: pointer; color: inherit; *color: expression(this.parentNode.currentStyle['color']); } .jqx-grid-group-column a:visited{ color: inherit; display: block; margin: 4px; height: 18px; line-height: 18px !important; outline: 0 none; text-decoration: none; cursor: pointer; *color: expression(this.parentNode.currentStyle['color']); } /*applied to a grid cell*/ .jqx-grid-cell { border-style: solid; border-width: 0px 1px 1px 0px; margin-right: 1px; margin-bottom: 1px; border-color: transparent; background: #fff; white-space: nowrap; font-weight: normal; font-size: inherit; } .jqx-grid-cleared-cell { visibility: hidden; } /*applied to a grid cell that is part of a rows group.*/ .jqx-grid-group-cell{background: #fff;} /*applied to the grid cells in the sort column*/ .jqx-grid-cell-sort { background-color: #f0f0f0; } /*applied to the grid cells in the filter column*/ .jqx-grid-cell-filter { background-color: #e6e6e6; } /*applied to the grid cells area.*/ .jqx-grid-content { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent; white-space: nowrap; overflow: hidden; } /*applied to a grid cell that is part of a rows group.*/ .jqx-grid-group-cell, .jqx-grid-empty-cell { border-style: solid; border-width: 0px 0px 1px 0px; white-space: nowrap; font-weight: normal; } .jqx-grid-cell-wrap {white-space: normal;} /*applied to a grid cell that is part of a details row and grouping is enabled.*/ .jqx-grid-group-details-cell { } /*applied to a grid cell that is part of a details row.*/ .jqx-grid-details-cell { border-width: 0px 1px 0px 0px; } /*applied to a grid cell. Represents the alternating cell background.*/ .jqx-grid-cell-alt { background: #f9f9f9; } /*applied to a sorted and alternating grid cell*/ .jqx-grid-cell-sort-alt { background-color: #e5e5e5; }/*applied to a sorted and alternating grid cell*/ .jqx-grid-cell-filter-alt { background-color: #f0f0f0; } /*applied to a pinned grid cell.*/ .jqx-grid-cell-pinned { background-color: #e5e5e5; } /*applied to a pinned grid cell. Represents the alternating cell background.*/ .jqx-grid-cell-pinned-alt { background-color: #e5e5e5; } /*applied to a selected grid cell.*/ .jqx-grid-cell-selected { border-left: 0px solid transparent; } .jqx-grid-cell-rtl { border-width: 0px 0px 1px 1px; } /*applied to the selection area.*/ .jqx-grid-selectionarea { border: 1px solid transparent; opacity: 0.5; filter: alpha(opacity=50); } /*applied to a hovered grid cell.*/ .jqx-grid-cell-hover { border-color: transparent; } /*applied to a grid cell when the grid is empty.*/ .jqx-grid-empty-cell{ overflow: visible; border-bottom: none;} /*applied to the Grid when its loading the data.*/ .jqx-grid-load { padding-right: 0px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/resources/loader.gif); background-position: 50% 50%; background-repeat: no-repeat; z-index: 9999; } /*applied to a group's collapse button.*/ .jqx-grid-group-collapse { padding-right: 0px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } .jqx-grid-group-collapse-rtl { padding-right: 0px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } /*applied to a group's expand button.*/ .jqx-grid-group-expand, .jqx-grid-group-expand-rtl { padding-right: 0px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } /*jqxProgresBar Style*/ .jqx-progressbar { overflow: hidden; outline: none; border: 1px solid transparent; height: 2em; } /*applied to the progressbar's value element*/ .jqx-progressbar-value { outline: none; border: 0px solid transparent; height: 100%; } /*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/ .jqx-progressbar-value-vertical { outline: none; border: 0px solid transparent; height: 100%; background: transparent; } /*applied to the progressbar's text element*/ .jqx-progressbar-text { font-size: 10px; border: none; } /*applied to the progress bar when the widget is in disabled state*/ .jqx-progressbar-disabled { outline: none; border: 1px solid transparent; height: 2em; } /*jqxMenu Style*/ .jqx-menu { border: 1px solid transparent; float: none; margin: 0px; height: 100%; padding: 0px; overflow: hidden; text-align: left; } .jqx-menu-dropdown-column { float: left; } /*applied to the menu when it is horizontal. Sets the menu's background*/ .jqx-menu-horizontal { margin: 0px; padding: 0px; overflow: hidden; text-align: center; } /*applied to the menu when it is vertical. Sets the menu's background*/ .jqx-menu-vertical { text-align: left; } /*applied to the sub menu. Sets the sub menu's background*/ .jqx-menu-dropdown { left: 100%; margin: 0px; padding: 0px; right: 0; overflow: hidden; display: none; float: none; width: 150px; border-style: solid; border-width: 1px; text-align: left; padding: 2px; } /*applied to the sub menu's ul elements.*/ .jqx-menu-dropdown ul { left: 100%; margin: 0px; padding: 0px; right: 0; overflow: hidden; border: none; } /*applied to the menu's ul elements.*/ .jqx-menu ul { left: 100%; margin: 0px; padding: 2px; right: 0; overflow: hidden; background-color: transparent; border: none; } /*applied to the menu's li elements.*/ .jqx-menu li, .jqx-menu-dropdown li { line-height: 1.3 !important; } /*applied to the top level menu items.*/ .jqx-menu-item-top { border: 1px solid transparent; text-indent: 0; list-style: none; padding: 4px 8px 4px 8px; left: 100%; overflow: hidden; color: inherit; right: 0; margin: 0px 1px 0px 1px; cursor: pointer; } /*applied to the sub menu items.*/ .jqx-menu-item { text-indent: 0; list-style: none; padding: 4px 8px 4px 8px; margin: 1px 1px 1px 1px; float: none; overflow: hidden; left: 100%; color: inherit; right: 0; text-align: left; cursor: pointer; *color: expression(this.parentNode.currentStyle['color']); } /*applied to a sub menu item when the mouse is over the item.*/ .jqx-menu-item-hover { color: inherit; right: 0; list-style: none; margin: 1px 1px 1px 1px; left: 100%; padding: 4px 8px 4px 8px; text-align: left; cursor: pointer; *color: expression(this.parentNode.currentStyle['color']); } /*applied to a top-level menu item when the mouse is over it.*/ .jqx-menu-item-top-hover { color: inherit; right: 0; list-style: none; margin: 0px 1px 0px 1px; left: 100%; padding: 4px 8px 4px 8px; top: 50%; cursor: pointer; *color: expression(this.parentNode.currentStyle['color']); } /*applied to a sub menu item when its sub menu is opened.*/ .jqx-menu-item-selected { right: 0; list-style: none; margin: 1px 1px 1px 1px; left: 100%; padding: 4px 8px 4px 8px; text-align: left; cursor: pointer; *color: expression(this.parentNode.currentStyle['color']); } /*applied to a disabled sub menu item.*/ .jqx-menu-item-disabled { } /*applied to a top-level menu item when its sub menu is opened.*/ .jqx-menu-item-top-selected { right: 0; list-style: none; margin: 0px 1px 0px 1px; left: 100%; padding: 4px 8px 4px 8px; cursor: pointer; } /*applied to the menu separator items.*/ .jqx-menu-item-separator { text-indent: 0; background-color: #ddd; border: none; list-style: none; height: 1px; line-height:0 !important; padding: 0px; margin: 1px 2px 1px 2px; float: none; overflow: hidden; left: 100%; color: inherit; right: 0; font-size: 1px; } /*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/ .jqx-menu-item-arrow-right { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/ .jqx-menu-item-arrow-down { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/ .jqx-menu-item-arrow-up { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-up.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/ .jqx-menu-item-arrow-left { padding-right: 0px; padding-left: 5px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png); background-position: 0 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/ .jqx-menu-item-arrow-right-selected { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/ .jqx-menu-item-arrow-down-selected { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/ .jqx-menu-item-arrow-up-selected { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-up.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/ .jqx-menu-item-arrow-left-selected { padding-right: 0px; padding-left: 5px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png); background-position: 0 50%; background-repeat: no-repeat; } /*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/ .jqx-menu-item-arrow-top-right { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png); background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/ .jqx-menu-item-arrow-top-left { padding-right: 0px; padding-left: 5px; width: 17px; height: 15px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png); background-position: 0 50%; background-repeat: no-repeat; } /*applied to the anchor elements of a sub menu item.*/ .jqx-menu-item a:link, .jqx-menu-item a:visited { border: none; background-color: transparent; outline: none; color: inherit; text-decoration: none; *color: expression(this.parentNode.currentStyle['color']); } /*applied to the anchor elements of a sub menu item.*/ .jqx-menu-item a:hover { text-decoration: none; color: inherit; outline: none; background-color: transparent; *color: expression(this.parentNode.currentStyle['color']); } /*applied to the anchor elements of a top-level menu item.*/ .jqx-menu-item-top a:link { border: none; background-color: transparent; outline: none; color: inherit; text-decoration: none; *color: expression(this.parentNode.currentStyle['color']); } /*applied to the anchor elements of a top-level menu item.*/ .jqx-menu-item-top a:visited { border: none; background-color: transparent; outline: none; color: inherit; text-decoration: none; *color: expression(this.parentNode.currentStyle['color']); } /*applied to the anchor elements of a top-level menu item.*/ .jqx-menu-item-top a:hover { text-decoration: none; color: inherit; outline: none; background-color: transparent; border: none; *color: expression(this.parentNode.currentStyle['color']); } /*applied to the menu widget when it is disabled.*/ .jqx-menu-disabled { cursor: default; } /*applied to the anchor elements of all disabled menu items.*/ .jqx-menu-disabled a:link { cursor: default; text-decoration: none; } .jqx-menu-disabled a:visited { cursor: default; text-decoration: none; } .jqx-menu-disabled a:hover { cursor: default; } .jqx-menu-dropdown { right: -1px; } /*jqxtree Style*/ .jqx-tree { left: 100%; right: 0; float: none; margin: 0px; border-style: solid; border-width: 1px; padding: 0px; overflow: hidden; text-align: left; outline: none; white-space: nowrap; line-height: 14px !important; } /*applied to the jqxTree root UL element.*/ .jqx-tree-dropdown-root { left: 100%; padding: 0px 5px 0px 5px; right: 0; display: block; float: none; background-color: transparent; border-style: solid; border-width: 0px; border-color: #fff; text-align: left; outline: none; white-space: nowrap; } .jqx-tree-dropdown-root-rtl { padding: 0px 5px 0px 0px; text-align: right; float: right; } /*applied to the jqxTree UL elements.*/ .jqx-tree-dropdown { left: 100%; margin: 0px; padding: 0px 0px 0px 10px; right: 0; display: block; float: none; background-color: transparent; border-style: solid; border-width: 0px; border-color: transparent; text-align: left; outline: none; } .jqx-tree-dropdown-rtl { padding: 0px 0px 0px 0px; text-align: right; } /*applied to a tree item.*/ .jqx-tree-item { text-indent: 0; list-style: none; padding: 3px; margin: 0px; float: none; overflow: hidden; left: 100%; right: 0; text-align: left; cursor: default; text-decoration: none; } /*applied to the jqxTree LI elements.*/ .jqx-tree-item-li { text-indent: 0; background-color: transparent; border: 0px solid transparent; list-style: none; left: 100%; right: 0; text-align: left; outline: none; margin: 0px; margin-top: 1px; padding: 0px; } /*applied to the last LI elements in an UL element.*/ .jqx-tree-item-u-last { margin: 0px 0px 0px 0px; } /*applied to a tree item when the mouse is over the item.*/ .jqx-tree-item-hover { color: inherit; right: 0; padding: 3px; margin: 0px; list-style: none; left: 100%; cursor: pointer; text-decoration: none; } /*applied to a tree item when the item is selected.*/ .jqx-tree-item-selected { color: inherit; right: 0; padding: 3px; margin: 0px; list-style: none; left: 100%; cursor: pointer; text-decoration: none; } .jqx-tree-item-rtl { text-align: right; } .jqx-tree-item-li-rtl { text-align: right; } /*applied to the anchor element of a tree item.*/ .jqx-tree-item a:link { text-indent: 0; background-color: transparent; border: 0px solid transparent; list-style: none; padding: 0px; margin: 0px; float: none; overflow: hidden; left: 100%; color: inherit; right: 0; text-align: left; cursor: pointer; text-decoration: none; outline: none; } .jqx-tree-item-selected, .jqx-tree-item-hover a:hover { color: inherit; } .jqx-tree-item-selected, .jqx-tree-item-hover a:visited { color: inherit; } /*applied to a tree item when the item is disabled.*/ .jqx-tree-item-disabled { } /*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/ .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover { padding-right: 0px; width: 17px; height: 17px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png); background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; } .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png); } /*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/ .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover { padding-right: 0px; width: 17px; height: 17px; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png); background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; } /*applied to the tree when it is disabled.*/ .jqx-tree-disabled { cursor: default; } /*applied to the anchor elements in a tree when it is disabled.*/ .jqx-tree-disabled a:link { cursor: default; text-decoration: none; } .jqx-tree-disabled a:visited { cursor: default; text-decoration: none; } .jqx-tree-disabled a:hover { cursor: default; } /*jqxTabs*/ .jqx-tabs { outline: none; margin: 0 0 0 0; padding: 0px; overflow: hidden; background: transparent; border: 1px solid transparent; } /*applied to the tab close button.*/ .jqx-tabs-close-button { outline: none; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/close.png); cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; left: 5px; } /*applied to the tab close button when the tab is selected.*/ .jqx-tabs-close-button-selected { outline: none; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/close.png); cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; } /*applied to the tab close button when the mouse is over the tab.*/ .jqx-tabs-close-button-hover { outline: none; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/close.png); cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; } /*applied to the tab's left scroll arrow.*/ .jqx-tabs-arrow-left { outline: none; position: relative; z-index: 15; float: left; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png'); background-repeat: no-repeat; background-position: center; } /*applied to the tab's right scroll arrow.*/ .jqx-tabs-arrow-right { outline: none; position: relative; z-index: 15; background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png'); background-repeat: no-repeat; background-position: center; float: left; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; } .jqx-tabs-arrow-background { background: #eeeeee; } /*applied to the tab's title.*/ .jqx-tabs-title { outline: none; display: block; cursor: pointer; white-space: nowrap; left: 100%; right: 0; text-indent: 0px; list-style: none; border: 1px solid transparent; margin: 0px 2px 0px 0px; overflow: hidden; z-index: 1; padding-left: 13px; padding-right: 13px; padding-bottom: 5px; padding-top: 5px; background: transparent; height: auto; position: relative; } .jqx-tabs-title-bottom { } .jqx-tabs-title a:link { color: inherit; *color: expression(this.parentNode.currentStyle['color']); text-decoration: none; } .jqx-tabs-title a:hover { color: inherit; *color: expression(this.parentNode.currentStyle['color']); text-decoration: none; } .jqx-tabs-title a:active { color: inherit; *color: expression(this.parentNode.currentStyle['color']); text-decoration: none; } .jqx-tabs-title a:visited { color: inherit; *color: expression(this.parentNode.currentStyle['color']); text-decoration: none; } /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/ .jqx-tabs-title-selected-top { z-index: 99; outline: none; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #fff; background-color: #fff; padding-bottom: 7px; } /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ .jqx-tabs-title-selected-bottom { outline: none; border-top: 1px solid #fff; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; padding-top: 7px; padding-bottom: 5px; margin-top: -2px; background-color: #fff; } /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/ .jqx-tabs-title-hover-top { outline: none; border: 1px solid transparent; padding-bottom: 5px; } /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/ .jqx-tabs-title-hover-bottom { outline: none; border: 1px solid transparent; padding-top: 5px; } /*applied to the tab's title when the tab is disabled.*/ .jqx-tabs-title-disable { } /*applied to the tab's header.*/ .jqx-tabs-header { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 1px; margin: 0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 1px solid #aaa; background: #eeeeee; } /*applied to the tab's header when the position is bottom.*/ .jqx-tabs-header-bottom { padding-top: 1px; padding-bottom: 3px; border-top: 0px solid #aaa; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 1px solid transparent; } /*applied to the tab's header when the tab is collapsed.*/ .jqx-tabs-header-collapsed { border: 1px solid #aaa; } /*applied to the tab's header when the position is bottom and tab is collapsed.*/ .jqx-tabs-header-collapsed-bottom { border: 1px solid #aaa; } .jqx-tabs-collapsed { border: 0px solid transparent; } .jqx-tabs-collapsed-bottom { border: 0px solid transparent; } /*applied to the tab's selection tracker container element.*/ .jqx-tabs-selection-tracker-container { outline: none; position: relative; text-indent: 0px; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; background: transparent; height: 0px; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ .jqx-tabs-selection-tracker-top { border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; padding-bottom: 2px; background-color: #fff; outline: none; position: absolute; z-index: 10; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ .jqx-tabs-selection-tracker-bottom { border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; background-color: #fff; outline: none; position: absolute; z-index: 10; margin-top: -1px; padding-bottom: 2px; } /*applied to the tab's content element which represents a DIV element.*/ .jqx-tabs-content { outline: none; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; text-align: left; clear: both; } .jqx-tabs-content-element { height: 100%; overflow: auto; } /*jqxCheckBox*/ .jqx-checkbox { text-align: left; border: none; outline: none; margin: 0 0 0 0; white-space: nowrap; text-overflow: ellipsis; } /*applied to the check box.*/ .jqx-checkbox-default { text-align: left; float: left; padding: 0px; border: 1px solid transparent; outline: none; margin: 0px 3px 0px 3px; } /*applied to the check box when the mouse cursor is over it.*/ .jqx-checkbox-hover { cursor: pointer; float: left; padding: 0px; border: 1px solid transparent; outline: none; margin: 0px 3px 0px 3px; } /*applied to the widget when it is disabled.*/ .jqx-checkbox-disabled { cursor: default; background: transparent; padding: 0px; border: none; outline: none; margin: 0px 0px 0px 0px; } /*applied to the check box when the widget is disabled.*/ .jqx-checkbox-disabled-box { float: left; padding: 0px; border: 1px solid transparent; outline: none; margin: 0px 3px 0px 3px; } /*applied to the check box when it is checked. Displays a check icon.*/ .jqx-checkbox-check-checked { float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/check_black.png) center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when the widget is disabled. Displays a disabled check icon.*/ .jqx-checkbox-check-disabled { float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/check_disabled.png) center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when its state is indeterminate.*/ .jqx-checkbox-check-indeterminate { float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/check_indeterminate_black.png) center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when its state is indeterminate and it is disabled.*/ .jqx-checkbox-check-indeterminate-disabled { float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/check_indeterminate_disabled.png) center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when its in rtl mode.*/ .jqx-checkbox-rtl { float: right; } /*jqxRadioButton*/ .jqx-radiobutton { text-overflow: ellipsis; border: none; outline: none; margin: 0 0 0 0; white-space: nowrap; } /*applied to the radio button.*/ .jqx-radiobutton-default { cursor: pointer; float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/roundbg_classic_normal.png) left center scroll repeat-x; padding: 0px; border: 1px solid transparent; outline: none; margin: 1px 3px 0px 3px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /*applied to the radio button when the mouse is over it.*/ .jqx-radiobutton-hover { cursor: pointer; float: left; background: transparent; padding: 0px; border: 1px solid transparent; outline: none; margin: 1px 3px 0px 3px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /*applied to the radio button when it is disabled.*/ .jqx-radiobutton-disabled { cursor: default; } /*applied to the radio button's radio icon when it is disabled.*/ .jqx-radiobutton-disabled-box { } /*applied to the radio button when it is checked.*/ .jqx-radiobutton-check-checked { float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/roundbg_check_black.png) left top no-repeat; padding: 0px; border: 1px solid transparent; outline: none; margin: 0 0 0 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 7px; height: 7px; margin-left: 2px; margin-top: 2px; } /*applied to the radio button when it is checked and disabled.*/ .jqx-radiobutton-check-disabled { } /*applied to the radio button when it is in indeterminate state.*/ .jqx-radiobutton-check-indeterminate { float: left; background: transparent url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/roundbg_check_indeterminate.png) left top no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 6px; height: 6px; margin-left: 2px; margin-top: 2px; } /*applied to the radio button when it is in indeterminate state and disabled.*/ .jqx-radiobutton-check-indeterminate-disabled { } /*applied to the radio button when its in rtl mode.*/ .jqx-radiobutton-rtl { float: right; } /*jqxRating*/ .jqx-rating { margin: 0px; padding: 0px; outline: none; overflow: hidden; } .jqx-rating-image { border-width: 0px; } .jqx-rating-image-default { margin: 0px; padding: 0px; outline: none; background-color: transparent; background-repeat: no-repeat; cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/star.png); overflow: hidden; } /*applied to the rating when it is hovered.*/ .jqx-rating-image-hover { background-color: transparent; padding: 0px; background-repeat: no-repeat; cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/star_hover.png); overflow: hidden; } /*applied to the rating when it is disabled.*/ .jqx-rating-image-backward { background-color: transparent; padding: 0px; background-repeat: no-repeat; cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/star_disabled.png); overflow: hidden; } /*jqxCalendar Style*/ .jqx-calendar { border: 1px solid transparent; -webkit-appearance: none; overflow: hidden; outline: none; padding: 0px; margin: 0 0 0 0; cursor: default; border-collapse: separate; } /*applied to the calendar's row header. This header displays the week numbers.*/ .jqx-calendar-row-header { outline: none; border: 0px solid #f2f2f2; padding: 0; margin: 0 0 0 0; cursor: default; } /*applied to the calendar's column. This header displays the day names.*/ .jqx-calendar-column-header { outline: none; text-align: right; padding: 3; border-top: none; border-bottom: 1px solid transparent; border-left: none; border-right: none; margin: 0 0 0 0; cursor: default; } /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ .jqx-calendar-top-left-header { outline: none; border: 0px solid #f2f2f2; margin: 0 0 0 0; cursor: default; } /*applied to the calendar's navigation buttons.*/ .jqx-calendar-title-navigation { cursor: pointer; background-color: transparent; margin: 0; padding: 0; border: none; width: 25px; height: 25px; } /*applied to the month table*/ .jqx-calendar-month { margin: 0; padding: 0; border: none; width: 100%; } /*applied to the calendar's title content.*/ .jqx-calendar-title-content { cursor: pointer; } /*applied to the calendar's navigation title.*/ .jqx-calendar-title-header { border-left: none; border-top: none; border-right: none; border-bottom-width: 1px; border-bottom-style: solid; margin: 0 0 0 0; } /*applied to the calendar's navigation title when the calendar is disabled.*/ .jqx-calendar-title-header-disabled { border-bottom-width: 1px; border-bottom-style:solid; margin: 0 0 0 0; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; } /*applied to a calendar cell.*/ .jqx-calendar-cell { border: 1px solid transparent; margin: 0px; outline: none; text-align: center; padding: 1px; cursor: pointer; background-color: transparent; } .jqx-calendar-cell td { padding: 0; margin: 0; } /*applied to a calendar cell in decade and year views.*/ .jqx-calendar-cell-decade, .jqx-calendar-cell-year { text-align: center; } .jqx-calendar .jqx-fill-state-normal { background: transparent; border: 1px solid transparent; } /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ .jqx-calendar-cell-hidden { margin: 0 0 0 0; visibility: hidden; cursor: default; } /*applied to a calendar cell when the cell's date is a weekend date.*/ .jqx-calendar-cell-weekend { color: #898989; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ .jqx-calendar-cell-specialDate { color: #FF0000; background-color: transparent; border: 1px solid #FFFFFF; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell's date is the today date.*/ .jqx-calendar-cell-today { color: #898989; background-color: #ffffdb; border: 1px solid #fdc066; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell is hovered.*/ .jqx-calendar-cell-hover { margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell is selected.*/ .jqx-calendar-cell-selected { margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ .jqx-calendar-cell-othermonth { color: #898989; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the calendar is disabled.*/ .jqx-calendar-cell-disabled { color: #ccc; } /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ .jqx-calendar-row-cell { outline: none; text-align: center; border: 1px solid transparent; margin: 0 0 0 0; cursor: default; } /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ .jqx-calendar-row-cell-disabled { } .jqx-calendar-footer { margin: 5px; color: inherit; font-size: 13px; } .jqx-calendar-title-container { overflow: hidden; } /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ .jqx-calendar-column-cell { overflow: hidden; text-align: center; outline: none; font-weight: normal; padding: 1px; border: 1px solid transparent; margin: 0 0 0 0; cursor: default; } /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ .jqx-calendar-column-cell-disabled { } /*applied to the calendar's cell area element.*/ .jqx-calendar-view { -webkit-appearance: none; outline: none; padding: 0px; border: 0px solid #FFFFFF; margin: 0 0 0 0; cursor: default; } /*jqxExpander and jqxNavigationBar Style*/ .jqx-expander { } /*applied to the Expander's header and content*/ .jqx-expander-header, .jqx-expander-content { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; padding-top: 5px; padding-bottom: 5px; outline: 0; } /*applid to the content of the expander header.*/ .jqx-expander-header-content { padding-left: 3px; } /*applid to the content of the expander header.*/ .jqx-expander-header-content-rtl { padding-right: 3px; } .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;} /*applied to the Expander's header and its content when it is on the top of the header*/ .jqx-expander-header, .jqx-expander-content-top { border-top-width: 1px; border-top-style: solid; } /*applied to the Expander's header and its content when it is on the bottom of the header*/ .jqx-expander-header, .jqx-expander-content-bottom { border-bottom-width: 1px; border-bottom-style: solid; } /*applied to the Expander's header*/ .jqx-expander-header { cursor: pointer; overflow: hidden; } /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ .jqx-expander-header-disabled { cursor: default; } /*applied to the Expander's arrow*/ .jqx-expander-arrow { width: 17px; height: 17px; position: relative; } /*applied to the Expander's content if it is empty*/ .jqx-expander-content-empty { border-width: 0px; padding: 0px; } /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ .jqx-navigationbar { border: none; margin: 0px; -webkit-appearance: none; outline: none; } /*jqxPanel Style*/ .jqx-panel { border: 1px solid transparent; -webkit-appearance: none; outline: none; padding: 0px; margin: 0px; cursor: default; overflow: hidden; } /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right of the horizontal scrollbar.*/ .jqx-panel-bottomright { } /*applied to the DropDownButton's Popup.*/ .jqx-dropdownbutton-popup { -webkit-appearance: none; outline: none; border: 1px solid transparent; } .jqx-listbox { -webkit-appearance: none; outline: none; border: 1px solid transparent; padding: 0px; margin: 0px; cursor: default; } /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right of the horizontal scrollbar.*/ .jqx-listbox-bottomright { } /*applied to the ListBox's groups.*/ .jqx-listitem-state-group { white-space: nowrap; padding: 4px 2px 4px 2px; background: transparent; font-weight: bold; text-align: left; outline: none; overflow: hidden; vertical-align: middle; } /*applied to a list item in default state.*/ .jqx-listitem-state-normal { white-space: nowrap; padding: 3px; margin: 1px; border: 1px solid transparent; outline: none; visibility: inherit; display: inherit; text-align: left; overflow: hidden; position: absolute; left: 0; top: 0; } /*applied to a list item in hovered state.*/ .jqx-listitem-state-hover { white-space: nowrap; background: transparent; padding: 3px 3px 2px 3px; margin: 1px; border: 1px solid transparent; } /*applied to a list item when the item is selected.*/ .jqx-listitem-state-selected { white-space: nowrap; padding: 3px 3px 2px 3px; margin: 1px; border: 1px solid transparent; } .jqx-listbox-feedback { height: 1px; border-top: 1px dashed #000; } .jqx-listitem-element { -ms-touch-action: none; border: none; width:100%; height: 100%; align:left; valign:top; position: absolute; } /*jqxComboBox Style*/ /*applied to the jqxComboBox's content which displays the text.*/ .jqx-combobox-content { padding: 0px; overflow: hidden; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin: 0px; text-align: left; vertical-align: middle; white-space: nowrap; -webkit-appearance: none; outline: none; border: none; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 1px solid transparent; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } .jqx-combobox-content-rtl { border: none; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 0px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 3px; border-right: none; border-left: 1px solid transparent; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } /*applied to the ComboBox's input field.*/ .jqx-combobox-input { -webkit-appearance: none; -webkit-border-radius: 0px; padding: 0 0 0 0; outline: none; border: 0px solid #aaaaaa; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } .jqx-combobox-input::-ms-clear { display: none; } /*applied to the ComboBox's content when the widget is disabled.*/ .jqx-combobox-content-disabled { color: #AAA; } /*applied to the ComboBox's arrow button.*/ .jqx-combobox-arrow-normal { -webkit-appearance: none; outline: none; overflow: hidden; margin: 0 0 0 0; border: none; } /*applied to the ComboBox's arrow button when the mouse is over the button.*/ .jqx-combobox-arrow-hover { -webkit-appearance: none; outline: none; overflow: hidden; margin: 0 0 0 0; } /*applied to the ComboBox's arrow button when the ComboBox's popup is opened.*/ .jqx-combobox-arrow-selected { -webkit-appearance: none; outline: none; overflow: hidden; margin: 0 0 0 0; } /*applied to the ComboBox in normal state.*/ .jqx-combobox-state-normal { -webkit-appearance: none; outline: none; border: 1px solid transparent; overflow: hidden; margin: 0 0 0 0; } /*applied to the ComboBox when the mouse is over the widget.*/ .jqx-combobox-state-hover { overflow: hidden; border: 1px solid transparent; margin: 0 0 0 0; cursor: pointer; } /*applied to the ComboBox when the popup ListBox is shown.*/ .jqx-combobox-state-selected { overflow: hidden; border: 1px solid transparent; margin: 0 0 0 0; cursor: pointer; } /*applied to the ComboBox when the widget is focused.*/ .jqx-combobox-state-focus { border: 1px solid transaprent; } /*applied to the ComboBox when the widget is disabled.*/ .jqx-combobox-state-disabled { white-space: nowrap; margin: 0px; color: #AAA; } /*jqxDropDownList Style*/ /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ .jqx-dropdownlist-content { padding: 0px; overflow: hidden; padding-left: 3px; padding-top: 0px; padding-bottom: 0px; margin: 0px; text-align: left; vertical-align: middle; white-space: nowrap; -webkit-appearance: none; outline: 0 none; border: none; } .jqx-dropdownlist-content-rtl { padding-left: 0px; padding-right: 3px; } /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ .jqx-dropdownlist-content-disabled { } /*applied to the dropdownlist in default state.*/ .jqx-dropdownlist-state-normal { -webkit-appearance: none; outline: none; border: 1px solid transparent; overflow: hidden; margin: 0 0 0 0; } /*applied to the dropdownlist in hovered state.*/ .jqx-dropdownlist-state-hover { overflow: hidden; border: 1px solid transparent; margin: 0 0 0 0; cursor: pointer; } /*applied to the dropdownlist in selected state.*/ .jqx-dropdownlist-state-selected { overflow: hidden; background-color: transparent; border: 1px solid transparent; margin: 0 0 0 0; cursor: pointer; } /*applied to the dropdownlist in focused state.*/ .jqx-dropdownlist-state-focus { border: 1px solid #909090; } /*applied to the dropdownlist in disabled state.*/ .jqx-dropdownlist-state-disabled { } /*jqxScrollBar Style*/ .jqx-scrollbar { background: transparent; margin: 0; padding: 0; border: none; } /*applied to the scrollbar in default state.*/ .jqx-scrollbar-state-normal { background: #efefef; margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the scrollbar buttons in default state.*/ .jqx-scrollbar-button-state-normal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the scrollbar buttons in hovered state.*/ .jqx-scrollbar-button-state-hover { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the scrollbar buttons in pressed state.*/ .jqx-scrollbar-button-state-pressed { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the horizontal scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-normal-horizontal { margin: 0px; padding: 0px; background: transparent; border: 1px solid transparent; } /*applied to the horizontal scrollbar thumb in hovered state.*/ .jqx-scrollbar-thumb-state-hover-horizontal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the horizontal scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-pressed-horizontal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the vertical scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-normal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the vertical scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-hover { margin: 0px; padding: 0px; background: transparent; border: 1px solid transparent; } /*applied to the vertical scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-pressed { margin: 0px; padding: 0px; background: #d1d1d1; border: 1px solid #909090; } /* jqxWindow */ .jqx-window { position: absolute; overflow: hidden; border: 1px solid transparent; } /*applied to the jqxWindow when it’s disabled*/ .jqx-window-disabled { } /*applied to the window’s header*/ .jqx-window-header { outline: none; border-width: 0px; border-bottom: 1px solid transparent; overflow: hidden; padding: 5px; height: auto; white-space: nowrap; overflow: hidden; } /*applied to the window’s header when the window is disabled*/ .jqx-window-header-disabled { } /*applied to the window’s content*/ .jqx-window-content { outline: none; overflow: auto; text-align: left; background-color: transparent; padding: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; } /*applied to the window’s content when the window is disabled*/ .jqx-window-content-disabled { outline: none; overflow: auto; text-align: left; padding: 5px; } /*applied to the window’s close button*/ .jqx-window-close-button { cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/close.png); background-repeat: no-repeat; } /*applied to the window's collapse button*/ .jqx-window-collapse-button { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-up.png); cursor: pointer; } /*applied to the window's collapse button when the window is collapsed*/ .jqx-window-collapse-button-collapsed { cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png); } /*setting styles of the modal window’s background*/ .jqx-window-modal { background-color: Black; } .jqx-window-close-button-hover { } .jqx-docking { overflow: hidden; } .jqx-docking-panel { margin: 0px; padding: 0px; min-height: 100px; } .jqx-docking-drop-indicator { border-style: dashed; border-width: 1px; margin: 0px; } .jqx-docking-window { margin: 0px; } /* jxSlider */ /* applied to jqxSlider widget */ .jqx-slider { outline: none; clear: both; } /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ .jqx-slider-tick { border-left: 1px solid transparent; z-index: 9; } /*applied to the ticks when the slider is in horizontal mode*/ .jqx-slider-tick-horizontal { width: 1px; border-left: none; margin-top: 1px; } /*applied to the ticks when the slider is in vertical mode*/ .jqx-slider-tick-vertical { height: 1px; border-top: none; } /*applied to the ticks container*/ .jqx-slider-tickscontainer { z-index: 10; position: relative; margin-top: 0px; margin-bottom: 0px; z-index: 9; } /*applied to the jqxSlider thumb used for changing/indicating current value*/ .jqx-slider-slider { cursor: pointer; width: 16px; height: 16px; z-index: 15; position: absolute; left: 0px; top: 0px; } .jqx-slider-button { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } /*applied to the slider's thumb when the slider is in horizontal mode*/ .jqx-slider-slider-horizontal { background-image: url(); background-repeat: no-repeat; margin-top: -5px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: 1px solid transparent; } /*applied to the slider's thumb when the slider is in vertical mode*/ .jqx-slider-slider-vertical { margin-left: -5px; background-image: url(); background-repeat: no-repeat; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: 1px solid transparent; } /*applied to the track where is located the thumb*/ .jqx-slider-track { height: 8px; float:left; position: relative; z-index: 20; } /*used in horizontal slider*/ .jqx-slider-track-horizontal { height: 8px; margin-top: 2px; } /*used in vertical slider*/ .jqx-slider-track-vertical { width: 8px; } /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ .jqx-slider-rangebar { } /* jqxSplitter */ .jqx-splitter { overflow: hidden; border: 1px solid transparent; position: relative; } /* Split bar's class when the jqxSplitter is with horizontal orientation */ .jqx-splitter-splitbar-vertical { border: 1px solid transparent; border-top-width: 0px; border-bottom-width: 0px; cursor: e-resize; cursor: col-resize; position: absolute; } /* Split bar's mouse over state */ .jqx-splitter-splitbar-hover { background-color: transparent; } /* Split bar's class when the jqxSplitter is with horizontal orientation. */ .jqx-splitter-splitbar-horizontal { position: absolute; border: 1px solid transparent; border-left-width: 0px; border-right-width: 0px; cursor: n-resize; cursor: row-resize; } /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ .jqx-splitter-splitbar-invalid { background: #FF0000 !important; } /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ .jqx-splitter-collapse-button-horizontal { cursor: pointer; width: 45px; height: 5px; } /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ .jqx-splitter-collapse-button-vertical { cursor: pointer; width: 5px; height: 45px; } /* This class is added when the user disable the splitter. */ .jqx-splitter-splitbar-collapsed { cursor: default; } /* Applied to the jqxSplitter panels. */ .jqx-splitter-panel { border: none; outline: none; position: absolute; overflow: hidden; } /* This class is added to a nested splitter.*/ .jqx-splitter-nested, .jqx-splitter-panel-nested { border: none; overflow: hidden; } .jqx-draggable { } .jqx-draggable-dragging { border: 0px solid black; } .jqx-draggable-disabled { cursor: default; } .jqx-validator-hint { height: 18px; width: auto; display: inline-block; cursor: pointer; padding-left: 5px; padding-right: 5px; font-family: Verdana; font-size: 13px; border: 1px solid #6E0000; background-color: #942724; color: #fff; z-index: 99999; } .jqx-validator-hint-arrow { z-index: 99999; height: 9px; width: 9px; padding: 0px; margin: 0px; background-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/multi-arrow.gif); } .jqx-validator-error-label { color: #dd4b39; vertical-align:top; text-align: left; display: block; cursor: default; line-height: 17px; } .jqx-validator-error-element { border-color: #dd4b39 !important; } .jqx-switchbutton { overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; } .jqx-switchbutton-thumb { display: inline-block; cursor: pointer; border: 1px solid #ccc; } .jqx-switchbutton-label { font-size: 15px; font-family: Sans-Serif; text-align: center; text-transform: uppercase; font-weight: bold; } .jqx-switchbutton-wrapper { } .jqx-switchbutton-label-on { } .jqx-switchbutton-label-off { } /*left, right, up and down arrow icons.*/ .jqx-left-arrow { background: transparent; background-image: url(); cursor: pointer; } .jqx-right-arrow { background: transparent; background-image: url(); cursor: pointer; } .jqx-icon-arrow-up { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-up.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-down { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-left { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-right { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-up-hover { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-up.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-down-hover { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-left-hover { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-right-hover { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-up-selected { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-up.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-down-selected { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-down.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-left-selected { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-left.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-right-selected { background-image: url('https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/icon-right.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-close { cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/close.png); background-repeat: no-repeat; background-position: center; } .jqx-icon-close-hover { cursor: pointer; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/close.png); background-repeat: no-repeat; background-position: center; } /* jqxScrollView */ .jqx-scrollview-button { width: 10px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: inline-block; margin: 2px; cursor: pointer; background-color: #aaaeaf; } .jqx-scrollview { background-color: #000; } .jqx-input{overflow: hidden; background-color: inherit; border-color: #c7c7c7;} /*applied to all widgets*/ .jqx-widget{-ms-touch-action: none; zoom: 1; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;} .jqx-item{-ms-touch-action: none; color: inherit; border: 1px solid transparent; background: transparent; -webkit-text-size-adjust: none;} /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ .jqx-widget-content {-ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } /*applied to header areas. Tabs, Menu, Window, Calendar.*/ .jqx-widget-header {-ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; } .jqx-fill-state-normal{-ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; } .jqx-fill-state-hover {border-color:#999; background: #e8e8e8;} .jqx-fill-state-pressed{border-color:#999; background: #d1d1d1;} .jqx-fill-state-focus {border-color: #555; } .jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);} .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;} .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton { background-color: transparent; border-color: #aaa; } .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { *color: expression(this.parentNode.currentStyle['color']); } .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright { background-color: #e5e5e5; } .jqx-tabs-title-selected-top { border-color: #aaa; border-bottom: 1px solid #fff; background-color: #fff; } /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ .jqx-tabs-title-selected-bottom { border-color: #aaa; border-top: 1px solid #fff; background-color: #fff; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ .jqx-tabs-selection-tracker-top { border-color: #aaa; border-bottom: 1px solid #fff; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ .jqx-tabs-selection-tracker-bottom { border-color: #aaa; border-top: 1px solid #fff; } /*jqxMaskedInput and jqxNumberInput Styles*/ .jqx-input { -webkit-appearance: none; padding: 0 0 0 0; outline: none; border-width: 1px; border-style: solid; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } input[type=text].jqx-input, input[type=password].jqx-input { min-height: 16px; min-width: 16px; margin: 0px; border-width: 1px; border-style: solid; font-size: 13px; padding: 0px; } .jqx-input::-ms-clear { display: none; } .jqx-input-content::-ms-clear { display: none; } .jqx-input::-ms-value { margin: 0px; padding: 0px; min-height: 13px; line-height: 13px; } /*applied to the input when the validation fails.*/ .jqx-input-invalid { border-color: #dd4b39 !important; } /*applied to the input's content.*/ .jqx-input-content { -webkit-appearance: none; padding: 1px; resize: none; outline: none; outline-width: 0px; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } /*applied to the input when it is disabled.*/ .jqx-input-disabled { -webkit-appearance: none; resize: none; outline: none; outline-width: 0px; } /*applied to the jqxDateTimeInput's button header.*/ .jqx-input-button-header { cursor: pointer; -webkit-appearance: none; height: 3px; padding: 0px; outline: none; border-width: 1px; border-style: solid; } /*applied to the element which is in the middle of the jqxDateTimeInput's button header.*/ .jqx-input-button-innerHeader { cursor: pointer; -webkit-appearance: none; height: 3px; width: 3px; padding: 0px; outline: none; border: 0px solid #fff; } /*applied to the jqxDateTimeInput's button content.*/ .jqx-input-button-content { font-style: normal; text-align: center; vertical-align: middle; cursor: pointer; -webkit-appearance: none; padding: 0px; outline: none; border-width: 1px; border-style: solid; border-top-width: 0px; font-size: 10px; } .jqx-menu-popup { } .jqx-menu-vertical { background-color: #efefef; } .jqx-color-picker { } .jqx-color-picker-panel { } .jqx-color-picker-map { border: 1px solid #A0A0A0; background-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/map-saturation.png); background-repeat: no-repeat; background-position: left top; overflow: hidden; } .jqx-color-picker-map-hue { border: 1px solid #A0A0A0; background-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/map-hue.png); background-repeat: no-repeat; background-position: left top; overflow: hidden; } .jqx-color-picker-map-overlay { background-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/map-saturation-overlay.png); background-repeat: no-repeat; background-position: left top; } .jqx-color-picker-bar { border: 1px solid #A0A0A0; background-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/bar-saturation.png); background-repeat: no-repeat; background-position: left top; } .jqx-color-picker-bar-hue { border: 1px solid #A0A0A0; background-color: transparent; background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/bar-hue.png); background-repeat: no-repeat; background-position: left top; } .jqx-color-picker-preview { border: 1px solid #A0A0A0; } .jqx-color-picker-pointer { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/crosshair.png); background-repeat: no-repeat; height: 16px; width: 16px; } .jqx-color-picker-pointer-alt { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/crosshair-white.png); background-repeat: no-repeat; height: 16px; width: 16px; } .jqx-color-picker-bar-pointer { background-image: url(https://www.32spokes.ru/plugins/catalog/templates/skin/default/js/jqwidgets/styles/images/pointer.png); background-repeat: no-repeat; height: 15px; margin-left: 6px; background-position: right top; } .jqx-icon { width: 16px; height: 16px; margin: 0 auto; position: relative; top: 50%; margin-top: -8px; } .jqx-input-icon { width: 13px; height: 13px; margin: 0 auto; } .jqx-scrollbar-thumb-state-normal-touch { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-color:#c3c3c3; background: #c3c3c3; size: 8px; } .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{} .jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;} .jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;} .jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;} .jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;} /*jqx-listmenu*/ .jqx-listmenu-widget { border-width: 1px; border-style: solid; } ol.jqx-listmenu, ul.jqx-listmenu { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; line-height: 1; counter-reset: section; } .jqx-listmenu li { margin-left: 0px; list-style: none; line-height: 1; } .jqx-listmenu { width: 100%; } .jqx-listmenu-header { padding: 15px; } .jqx-listmenu-item { cursor: pointer; padding: 15px; float: none; overflow: hidden; text-align: left; position: relative; } .jqx-listmenu-separator { padding: 10px; counter-reset: section; } .jqx-listmenu-header-label { margin-left: 30px; } .jqx-listmenu-arrow-right { width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -7px; right: 7px; } .jqx-listmenu-arrow-rtl { right: 0px; left: 7px; } .jqx-listmenu-arrow-right-pressed { width: 16px; height: 16px; } .jqx-listmenu-header .jqx-button { -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 6px 10px; } .jqx-listmenu-filter-input { -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; border: 1px solid; outline: none; width: 97%; padding: 3px; padding-left: 10px; padding-right: 10px; border-color: #c7c7c7; background-color: #fff; font-size: 20px; } .jqx-listmenu-filter { text-align: center; padding: 4px; } ol li .jqx-listmenu-item-label:before { content: counter(section) ". "; counter-increment: section; } .jqx-listmenu div { clear: both; } .jqx-listmenu-auto-separator { } .jqx-listmenu-item-readonly { cursor: default; } .jqx-tooltip { position: absolute; width: auto; height: auto; } .jqx-tooltip-main { position: relative; width: 100%; height: 100%; text-align: center; filter: inherit; border-style: solid; border-width: 1px; } .jqx-tooltip-text { padding: 5px 8px; overflow: hidden; filter: inherit; } .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } .jqx-tooltip-arrow { position: absolute; width: 0px; height: 0px; display: block; border-style: solid; margin: -6px 0 0 -7px; background: transparent !important; filter: inherit; } .jqx-tooltip-arrow-t-b { border-left-color: transparent !important; border-right-color: transparent !important; } .jqx-tooltip-arrow-l-r { border-top-color: transparent !important; border-bottom-color: transparent !important; } /*Sets the text-alignment to right.*/ .jqx-rtl{text-align: right !important;} .jqx-shadow{ -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important; -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; -o-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; } .jqx-noshadow { -webkit-box-shadow: none !important; -moz-box-shadow : none !important; -o-box-shadow : none !important; box-shadow : none !important; } .jqx-passwordinput-password-icon-ltr, .jqx-passwordinput-password-icon-rtl { background-image: url() !important; background-repeat: no-repeat !important; } .jqx-passwordinput-password-icon-ltr { background-position: right !important; } .jqx-passwordinput-password-icon-rtl { background-position: left !important; } .jqx-passwordinput-password-strength-inicator { width: 20%; height: 5px; margin-top: 5px; } /*top rounded Corners*/ .jqx-rc-t-expanded { -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; } /*bottom rounded Corners*/ .jqx-rc-b-expanded { -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }div.item_name{ color: #99958c; padding-bottom: 5px; }span.event_calendar_header { display: inline-block; width: 25px; height: 14px; border: 1px solid #A2ADBC; margin-bottom: 5px; padding: 1px 1px 2px 1px; font-size: 12px; } span.log_delta_positiv{ color: green; font-weight: bold; } span.log_delta_negativ{ color: red; font-weight: bold; } span.log_delta_zero{ color: gray; } span.season_rating_name{ font-weight: bold; }.adm_history { background: url(https://www.32spokes.ru/plugins/adm/templates/skin/default/images/no_adm_profile.png) no-repeat 5px 10px transparent; height: 50px; /* display: inline-block; */ padding-left: 60px; padding-top: 25px; padding-right: 15px; border: 1px solid #ff0033; border-radius: 10px 10px 10px 10px; margin-bottom: 20px; } .adm_profile_info { background: url(https://www.32spokes.ru/plugins/adm/templates/skin/default/images/no_adm_profile.png) no-repeat 5px 10px transparent; height: 50px; display: inline-block; padding-left: 60px; padding-top: 25px; padding-right: 15px; border: 1px solid #ff0033; border-radius: 10px 10px 10px 10px; margin-bottom: 20px; } .adm_button{ background: -moz-linear-gradient(center top , #ff0033 0%, #cd2b4c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px solid #7a0920 !important; margin-bottom: 10px; } .good_history{ color: green; } .bad_history{ color: red; }.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: red; } .info_edit{ font-size: 9px; font-style: italic; text-align: right; margin-top: -10px; color: #aaa; } span.loading{ display: inline-block; width: 162px; height: 26px; background: url(https://www.32spokes.ru/plugins/video/templates/skin/default/images/video_loading.gif) no-repeat 1px 10px transparent; margin: 0 auto; padding-top:10px; padding-bottom:10px; } .video_header{ display: table-cell; width: 50px; height: 12px; background: url(https://www.32spokes.ru/plugins/video/templates/skin/default/images/header_video_cell.png) no-repeat 0px 0px; font-size: 18px; line-height: 20px; font-weight: bold; /* padding-top: 50px; */ padding-right: 50px; color: #7B848D; text-align: center; } .video_header_title{ display: table-cell; vertical-align: middle; height: 100%; padding-right: 20px; }.w8-social-fb { background: url(https://www.32spokes.ru/plugins/social/templates/skin/default/images/fb.png); } .w8-social-vk { background: url(https://www.32spokes.ru/plugins/social/templates/skin/default/images/vk.png); } .w8-social-youtube { background: url(https://www.32spokes.ru/plugins/social/templates/skin/default/images/youtube.png); } .w8-social-twitter { background: url(https://www.32spokes.ru/plugins/social/templates/skin/default/images/twitter.png); } .social_widget_btn{ cursor: pointer; }.holiday_name{ font-weight: bold; } .congratulation{ padding-top: 5px; font-style: italic; } .congratulation-list{ list-style: outside none none; font-size: 11px; line-height: 11px; overflow: hidden; padding-top: 2px; } .congratulation-item{ float: left; margin-right: 10px; padding: 4px 0; } .congratulation-item .avatar{ height: 16px; margin-right: 2px; vertical-align: middle; width: 16px; }.talisman_place{ float: right; width: 240px; margin-right: 30px; margin-top: -280px; }/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(https://www.32spokes.ru/plugins/extentedimage/templates/skin/default/image/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(https://www.32spokes.ru/plugins/extentedimage/templates/skin/default/image/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(https://www.32spokes.ru/plugins/extentedimage/templates/skin/default/image/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(https://www.32spokes.ru/plugins/extentedimage/templates/skin/default/image/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }.short4sq-place-name { font-weight: bold; } .short4sq-message { display: block; padding: 0 45px; /* Делаем отступы для кавычек */ border: 10px solid #EFEFEF; /* Делаем рамку */ border-width: 0 10px 0 10px; /* по бокам */ margin: 0 0; color: #505050; width: 500px; min-height: 64px; /* word-break: break-all; */ } .short4sq-message-block { width: 150px !important; min-height: 16px !important; } .short4sq-message:before { content: "“"; /* Левая кавычка */ font: 6em/66px Times, serif; /* Указываем размер и высоту строки (уменьшенная, чтобы кавычка была приподнята) */ color: #CFCFCF; float: left; /* Для обтекания текстом */ margin-left: -45px; /* Углубляем кавычку в отступ блока */ padding: 0 2px; } .short4sq-message:after { color: #bbb; content: "\201D"; /* Непечатаемый символ справа */ line-height: 0.1em; vertical-align: -.45em; font: 6em/6px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ float: right; /* Для обтекания текстом */ margin-right: -45px; /* Углубляем кавычку в отступ блока */ } .short4sq-message-block:after { color: #bbb; content: "\201D"; /* Непечатаемый символ справа */ line-height: 0.1em; vertical-align: -.45em; font: 6em/6px Times, serif; /* Указываем размер и высоту строки (еще более уменьшенная, чтобы кавычка была сильнее приподнята) */ float: right; /* Для обтекания текстом */ margin-right: -10px; /* Углубляем кавычку в отступ блока */ } .short4sq-message > p:first-child { display: inline; font-size: 16px; } .short4sq-message-source:before { content: "— "; } .short4sq-message-source { font-size: 12px; padding-right: 30px; text-align: right; } .short4sq-image{ width: 500px; } .short4sq-image-block{ width: 150px; } .short4sq-author-place{ vertical-align: top; } .autor_shorts{ color: #4C4C4C; text-decoration: underline; } .autor_shorts:hover { color: #f00; } .oauth-img{ margin-top: 5px; height: 36px; } .progress_bar_place{ height: 30px; background-color: #647687; display: block; margin-bottom: 10px; position: relative; width: 100%; } .progress_bar_value{ background-color: #1ba1e2; display: block; float: left; height: 100%; position: relative; } .goal_description{ padding-bottom: 10px; } .goal_main{ background-color: #eeeeee; margin-bottom: 10px; } .goal_complete{ background-color: #78aa1c !important; } .w8-tiles-text-header{ display: inline-block; line-height: normal; vertical-align: middle; font-size: 27px; font-weight: normal; line-height: 1em; } .w8-users-tiles{ background-image: url(https://www.32spokes.ru/plugins/4sq/templates/skin/default/images/group.png); background-position: right 15px center; background-repeat: no-repeat; } .w8-list-tiles{ background-image: url(https://www.32spokes.ru/plugins/4sq/templates/skin/default/images/list.png); background-position: right 15px center; background-repeat: no-repeat; } .goal_delta_positiv{ color: green; font-weight: bold; } .goal_delta_negativ{ color: red; font-weight: bold; } .toolbar-new-ride-moderate-count{ background-image: url(https://www.32spokes.ru/plugins/4sq/templates/skin/default/images/ride_toolbar.png); /* no-repeat scroll center center; */ background-repeat: no-repeat; background-position: center center; } .w8-toolbar-new-ride-moderate-count_txt{ height: 25px; width: 25px; line-height: 25px; margin-left: 27px; margin-top: -2px; } .w8-tiles-ride{ background-image: url(https://www.32spokes.ru/plugins/4sq/templates/skin/default/images/ride_toolbar.png); /* no-repeat scroll center center; */ background-repeat: no-repeat; background-position: center center; }.partner-group-header{ background-color: #4caf50; color: #ffffff; font-size: 20px; height: 40px; width: 100%; margin-bottom: 10px; padding: 5px; text-align: center; } .partner-name{ background-color: #066265; color: #ffffff; font-size: 20px; height: 30px; width: 100%; padding: 5px; /* text-align: center; */ } .partner-discount{ margin-top: 5px; height: 30px; font-size: 18px; } .partner-discount-cell{ background-color: #0aa89e; padding: 2px; min-width:60px; text-align: center; } .partner-link:link{ text-decoration: none; color: #ffffff; } .partner-link:hover{ text-decoration: none; color: #ffffff; } .partner-link:visited{ text-decoration: none; color: #ffffff; } .partner-link:active{ text-decoration: none; color: #ffffff; } .partner-main{ background-color: #7dd8d2; color: #ffffff; font-size: 16px; padding: 5px; min-height: 80px; width: 100%; margin-bottom: 10px; } .image-wrap{ text-align:center; } #wrapper-notice{ margin:0 0 15px 0; } #selected-people{ margin:0 0 10px 0; } #selected-people li{ display:inline; margin:0 10px 0 0; } .favourite.gallery-favourite{ position:static; background:none !important; width:auto; font-size:11px; height: auto; padding: 0; line-height: inherit; } .favourite.gallery-favourite .icon{ background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/icons.gif) no-repeat scroll -40px -40px; width:9px; height:8px; display:inline-block; vertical-align:middle; padding:0px; margin-right:3px;} .favourite.gallery-favourite:hover .icon{ background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/icons.gif) no-repeat scroll -50px -40px; } .favourite.gallery-favourite.active .icon{ background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/icons.gif) no-repeat scroll -50px -40px; } .favourite.gallery-favourite.active{ color:#349300; } .centered{ text-align:center; padding-top: 45px; } #current-image-user{ margin:0 0 10px 0; } #current-image-user .current-image-options{ margin:7px 0 0 0; } #current-image-user .inside{ text-align:center; } #current-image-user .confirmed, #current-image-user .declined, #current-image-user .remove-own{ text-decoration:none; margin:0 10px; } #current-image-user .confirmed .ico, #current-image-user .declined .ico, #current-image-user .remove-own .ico{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/m-icons.png) 0 0 no-repeat; position:relative; top:-1px; margin:0 3px 0 0; } #current-image-user .confirmed .txt, #current-image-user .declined .txt, #current-image-user .remove-own .txt{ text-decoration:underline; } #current-image-user .confirmed:hover .txt, #current-image-user .declined:hover .txt, #current-image-user .remove-own:hover .txt{ text-decoration:none; } #current-image-user .declined .ico{ background-position:-15px 0; } #current-image-user .remove-own .ico{ background-position:-30px 0; } #image{ display:inline-block; position:relative; overflow: visible; } #submit-selected-friend{ font-weight:bold; } #cancel-selected-friend{ color:#999; } *+ html #image, * html #image{display:inline; zoom:1;} .image-marker{ position:absolute; } .marker-wrap{ border:3px solid #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 0px 1px rgba(0,0,0, .2); -moz-box-shadow:0 0 0px 1px rgba(0,0,0, .2); box-shadow:0 0 0px 1px rgba(0,0,0, .2); margin:-4px 0 0 -4px; } .marker-wrap .user-href-wrap{ white-space:nowrap; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-align:left; padding:4px 5px; font-size:12px; display:inline; position:relative; } .user-href-wrap:before{ content:''; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU3RThFQTk0ODAyMTFFMTk4NjRGQTQ3NUJCMERCMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU3RThFQUE0ODAyMTFFMTk4NjRGQTQ3NUJCMERCMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRTdFOEVBNzQ4MDIxMUUxOTg2NEZBNDc1QkIwREIxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRTdFOEVBODQ4MDIxMUUxOTg2NEZBNDc1QkIwREIxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgHqQ08AAABISURBVHjaYvj//z8DFBsA8RQgdgZiFpAYTEICiCcD8V8g3gLESkDMBJOMBuK3/yHgAxAnAzEPSMIeiI/+R4B/QPwciKMAAgwAE05gH+XTC6EAAAAASUVORK5CYII=) 0 0 no-repeat; width:7px; height:4px; top:-4px; left:50%; margin-left:-3px; position:absolute; } .image-marker .marker-inside{ border: 1px solid #aeb5a5; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/pixel.png); margin:0 0 10px 0; } .gallery-topic .page-header{ overflow:hidden; } .gallery-topic .page-header #gallery-slideshow{ float:right; font-size:11px; margin:3px 0 0 0; } .gallery-topic .page-header #gallery-allphoto{ float:right; font-size:11px; margin:3px 3px 3px 5px; } .block-content .gallery-item{ float:left; padding:5px; border:1px solid #dce1e3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0 13px 13px 0; } .block-content .gallery-item img{ display:block; } .gallery-block a.author{ color: #4C4C4C; text-decoration: underline; font-weight: normal; font-size: 11px; } .user:before, .ls-user:before { z-index: 1; } /*.gallery-user a.user, .gallery-albums-list a.user, .gallery-album-about a.user, #selected-people li a.user{ font-weight: bold; color: #70AAE0; text-decoration: none; font-size: 12px; }*/ .gallery-big-photo { /* max-width: 638px; */ width: 100%; height: auto; } .topic.gallery-topic{ padding-left:0px; } .block.block-type-blog .gallery-user{ padding-top: 10px; font-size:11px; color:#999999; clear:both; } .gallery-user a.user{ margin-right:5px; } .gal-prev{ position:relative; } .gal-prev .gallery-bubble{ } .gal-prev .gallery-bubble .gallery-bubble-content{ width:140px; } .gal-prev .gallery-bubble ul{ line-height:1; } .gal-prev .gallery-bubble li{ display:inline-block; margin:0px; } .gal-prev .gallery-bubble li img{ display:block; } .gal-prev:hover .gallery-bubble{ /*display:block; left:0px; top:10px; padding-top:10px;*/ } .gallery-bubble.tooltip { z-index: 100; } .gallery-navigation{ padding:10px 0 15px; overflow:hidden; text-align:center; } .gallery-navigation .gal-expend{ font-size:11px; padding:0 0 1px 18px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNqUkMENwDAIAzFi/1nYkH6iKkUmTv0DAT6DzLSlsq9gQrEt9uGp9x72baiaOwgNdVaoxWr/k1E5T8KUecpWiiYOz0F36sfiMjOl8Mus7ONy+Uj0CDAA0UUTMwMsD4AAAAAASUVORK5CYII=) 0 3px no-repeat; text-decoration:none; line-height:40px; } .gallery-navigation .gal-expend span{ text-decoration:underline; } .gallery-navigation .gal-expend:hover span{ text-decoration:none; } .gallery-navigation .gal-right{float:right;} .gallery-navigation .gal-left{float:left;} .gallery-navigation .gal-right, .gallery-navigation .gal-left{ text-decoration:none; font-size:26px; } .gallery-navigation .gal-right img, .gallery-navigation .gal-left img{ vertical-align:middle; } .gallery-albums-preview{ margin:0 0 45px 0px; overflow:hidden; min-width:590px; } .gallery-albums-preview .gallery-albums-right{ padding-left:10px; float:left; } .gallery-albums-preview .gallery-all{ } .gallery-albums-preview #gallery-reload{ display:block; width:47px; height:40px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/gallery-icons.png) 100% 100% no-repeat; margin:40px 0 10px 10px; } .gallery-albums-preview .gallery-next{ display:block; width:70px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/gallery-icons.png) 23px 0 no-repeat; margin:25px 0 10px 0px; padding:55px 0 0 0; font-size:10px; text-align:center; line-height: 13px; } .gallery-albums-preview ul{ float:left; } .gallery-albums-preview li{ float:left; margin:0 15px 5px 0; } .gallery-albums-preview li .bk{ float:left; border:1px solid #dce1e3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:220px; height:110px; clear:both; margin:0 0 20px 0; } .gallery-albums-preview li a{ float:left; padding:5px; border:1px solid #dce1e3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; top:5px; left:5px; background:#fff; } .gallery-albums-preview li a img{ display:block; } .gallery-albums-list{ } .gallery-albums-list ul{ margin-left:0px !important; margin-right: -13px; } .gallery-albums-list ul#albums li{ display:inline-block; margin:0 15px 30px 0; width:100px; padding:0 0 0 12px; } .gallery-albums-list ul li .bk{ float:left; border:1px solid #dce1e3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:110px; height:110px; clear:both; margin:0 0 15px -12px; } .gallery-albums-list ul li .bk a{ float:left; padding:5px; border:1px solid #dce1e3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; top:5px; left:5px; background:#fff; } .gallery-albums-list ul li .bk a img{ display:block; } .new_bk{ width: 300px !important; height: 200px !important; } .new_galery_li{ width: 300px !important; height: 250px !important; } .gallery-photos-list{ } .gallery-photos-list ul{ margin-left:0px !important; margin-right: -28px; } .gallery-photos-list #album-images li{ display:inline-block; margin:0 16px 16px 0; padding:0; } .gallery-photos-list li a{ float:left; padding:5px; border:1px solid #dce1e3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .gallery-photos-list li img{ display:block; } .gallery-bubble{ display:none; } .gallery-bubble .gallery-bubble-content{ position:relative; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; width:180px; -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.1); } .gallery-bubble .gallery-bubble-content:before{ content:''; display:block; position:absolute; width:15px; height:8px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/gallery-bubble-tail.png) 0 0 no-repeat; left:50%; margin-left:-7px; top:-8px; } .gallery-bubble .gallery-bubble-content .gallery-album-about{ padding:10px 0 0 0; } .gallery-bubble-content .gallery-album-about .rating{ font-size:11px; color:#999999; display:block; } .gallery-bubble-content .gallery-album-about .rating .negative{ color:red; } .gallery-bubble-content .gallery-album-about .rating .positive{ color:#339900; } .gallery-bubble-content .gallery-album-about .date{ font-size:11px; color:#999999; } .gallery-bubble .gallery-bubble-content .gallery-album-name{ font-size:12px; } .gallery-bubble .gallery-bubble-content h3{ font-size:16px; margin:0px; font-weight:normal; } .gallery-bubble .tail{ } .block-content .gallery-photos li{ width:106px; display:inline-block; margin:0 10px 20px 0; } /* .block-content .gallery-photos li:hover .gallery-bubble{ display:block; }*/ .block-content .gallery-photos li .gallery-item{ margin:0 0 5px 0; } a.remove{display:inline-block; width:11px; height:11px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/close.png) 0 0 no-repeat; vertical-align:middle; text-indent:-99999px; position:relative; top:-1px;} *+ html a.remove, *html a.remove{display:inline; zoom:1;} .gallery-big-photo{display:block; margin:0 auto;} .empty-album {width: 100px; height: 100px; background-color: #BBB;} *+ html .gal-prev .gallery-bubble li, *+ html .gallery-albums-list ul li, *+ html .gallery-photos-list li, *+ html .block-content .gallery-photos li{display:inline; zoom:1;} #ls_gallery_create_album input[type=text], #ls_gallery_create_album textarea { width: 100% } #albums li {vertical-align: top;} .image-100 { width: 100px; height: 100px; } .image-300 { width: 300px; } .image_frame{ overflow: hidden; width: 300px !important; height: 200px !important; } .add-images { background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/add-icon.gif) no-repeat scroll 0 50% transparent; padding-left: 16px; } /*#album-images-admin {background: transparent;}*/ #album-images-admin .topic-photo-upload-rules p {margin-top: -8px;} #album-images-admin ul {margin-top: 40px;} #album-images-admin ul li {margin-bottom: 30px; padding-left: 120px;} #album-images-admin ul li textarea {width: 480px; } #album-images-admin ul li .options-line{width:81%; padding:3px 0; overflow:hidden;} #album-images-admin ul li .options-line .image-delete{margin:0px; float:right; text-decoration: underline;} #album-images-admin ul li a.mark-as-preview {display: inline; text-decoration: underline;} .topic-photo-upload ul li img {top: 18px;} .topic-photo-upload ul li label {color: #000;} .autocomplete-image-tags {width: 472px; border: 1px solid #DDD; padding:3px; } .mark-name.current{ position:absolute; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; width:170px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.2);; -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.2);; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.2); bottom:-70px; z-index:999; } .mark-name.current #selected-friend{ width:210px; } .mark-name.current:before{ content:''; display:block; position:absolute; width:15px; height:8px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/gallery-bubble-tail.png) 0 0 no-repeat; left:15px; top:-8px; } #album-images-admin .topic-photo-upload-rules object { float: left; } #album-images-admin .topic-photo-upload-rules p { margin-left: 30px; } .left { float: left; } .clear { clear: both; } .hidden { display: none; } .select-pic { cursor: crosshair; } #select-people-notice { background: #F8FBFE; padding: 10px 0; min-height: 18px; } #select-people-notice span { float: left; padding-left: 15px; } #select-people-notice a { float: right; padding-right: 15px; } #select-friends { /*padding: 5px;*/ margin-bottom: 10px; } .submit-selected-friend { /*font-weight: bold;*/ margin-right: 10px; } .autocomplete-mark {width: 165px;} #album-images li, #albums li{ background: none; } .gallery-loader { background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/loader.gif) 0 3px no-repeat; padding-left: 15px; } .gallery-loader-success { background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/saved.png) 0 3px no-repeat; padding-left: 15px; } .block-content .gallery-item.album-cover { border-radius: 2px; margin: 0 13px 13px 0; padding: 3px; } .block-content .gallery-item.album-cover .image-48 { width: 48px; height: 48px; } .modal.modal-write .write-list li.write-item-type-album .write-item-image { background-position: -460px 0; } .modal.modal-write .write-list li.write-item-type-album:hover .write-item-image { background-position: -460px -115px; } a.new_marked_link:link{ color: #27A736 !important; text-decoration: none !important; } a.new_marked_link:visited{ color: #27A736 !important; text-decoration: none !important; } a.new_marked_link:hover{ color: #27A736 !important; text-decoration: none !important; } a.new_marked_link:active{ color: #27A736 !important; text-decoration: none !important; } span.new_marked_link:link{ color: #27A736 !important; text-decoration: none !important; } .new_marked_legend{ padding-left: 130px; } a.user_link{ border: 0px !important; padding: 0px 0px 0px 0px!important;; } a.confirmed, a.remove-own, a.declined{ margin: 5px 5px 5px 5px; text-decoration: none; } a.remove-own{ margin-left: 30px; } a.confirmed .ico{ display:inline-block; vertical-align:middle; height:14px; width:14px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/m-icons.png) 0 0 no-repeat; position:relative; top:-1px; margin:3px 3px 0 0; } a.remove-own .ico{ display:inline-block; vertical-align:middle; height:14px; width:14px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/m-icons.png) -15px 0 no-repeat; position:relative; top:-1px; margin:3px 3px 0 0; } a.declined .ico{ display:inline-block; vertical-align:middle; height:14px; width:14px; background:url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/m-icons.png) -30px 0 no-repeat; position:relative; top:-1px; margin:3px 3px 0 0; } .photo_header{ text-align: left; } .top_event_photo_item{ /* float: left; */ display:inline-block } .top_event_photo_place{ background: none repeat scroll 0 0 #F9FBFB; text-align: center; padding: 10px; } .top_event_photo_header{ font-size: 22px; font-weight: normal; line-height: 1em; } .js-block-stream-item{ font-size: 10px; margin-right: 4px !important; padding: 3px 3px 3px !important;; } .js-block-stream-item-has-new{ border-color: #25a50f !important;; border-radius: 5px 5px 5px 5px !important;; } .modal_lsgallery{ /* max-height: 650px; */ overflow-y: scroll; width: 70% !important; margin:auto; left:30% !important; margin-left:-15% !important; top: 10px !important; height: 95% !important; } .galleryImage{ cursor: pointer; } .galleryTdNavigation { cursor: pointer; background-color:#c0c0c0; width: 20px; } .gallery-ajax-big-photo{ height: 90%; } .lsgallery_topic { margin-bottom: 0px !important; } div.album_preview_header{ border: 0px solid #ff0033; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.03); padding: 5px; display: table; width:100%; text-align: justify; } .album_preview_header_photo{ display: table-cell; width: 50px; /* height: 12px;*/ background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/header_photo_count.png) no-repeat 0px 0px; font-size: 18px; line-height: 20px; font-weight: bold; padding-top: 50px; padding-right: 50px; color: #7B848D; text-align: center; } .album_preview_title{ display: table-cell; vertical-align: middle; /* height: 100%; */ text-align: left; } .toolbar-moderate-count-img{ display: block; padding: 5px 0 3px; font-size: 11px; color: #51983c; text-align: center; text-decoration: none; width: 25px; background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/bad_photo.png) no-repeat 0px 0px; }/* required styles */ .leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; -ms-touch-action: none; touch-action: none; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container img { max-width: none !important; } /* stupid Android 2 doesn't understand "max-width: none" properly */ .leaflet-container img.leaflet-image-layer { max-width: 15000px !important; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-tile-pane { z-index: 2; } .leaflet-objects-pane { z-index: 3; } .leaflet-overlay-pane { z-index: 4; } .leaflet-shadow-pane { z-index: 5; } .leaflet-marker-pane { z-index: 6; } .leaflet-popup-pane { z-index: 7; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 7; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-clickable { cursor: pointer; } .leaflet-container { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-container, .leaflet-dragging .leaflet-clickable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { margin: 0 auto; width: 40px; height: 20px; position: relative; overflow: hidden; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; }.leaflet-contextmenu { display: none; box-shadow: 0 1px 7px rgba(0,0,0,0.4); -webkit-border-radius: 4px; border-radius: 4px; padding: 4px 0; background-color: #fff; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .leaflet-contextmenu a.leaflet-contextmenu-item { display: block; color: #222; font-size: 12px; line-height: 20px; text-decoration: none; padding: 0 12px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: default; outline: none; } .leaflet-contextmenu a.leaflet-contextmenu-item-disabled { opacity: 0.5; } .leaflet-contextmenu a.leaflet-contextmenu-item.over { background-color: #f4f4f4; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over { background-color: inherit; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .leaflet-contextmenu-icon { margin: 2px 8px 0 0; width: 16px; height: 16px; float: left; border: 0; } .leaflet-contextmenu-separator { border-bottom: 1px solid #ccc; margin: 5px 0; }.leaflet-control-geocoder { background: white; } .leaflet-control-geocoder a, .leaflet-control-geocoder .leaflet-control-geocoder-icon { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; display: inline-block; } .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a { width: inherit; height: inherit; line-height: inherit; } .leaflet-control-geocoder a:hover, .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover { border-bottom: none; display: inline-block; } .leaflet-control-geocoder-form { display: none; vertical-align: middle; } .leaflet-control-geocoder-expanded .leaflet-control-geocoder-form { display: inline-block; } .leaflet-control-geocoder-form input { font-size: 120%; border: 0; background-color: transparent; width: 246px; } .leaflet-control-geocoder-icon { background-image: url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/geocoder.png); background-repeat: no-repeat; background-position: center; } .leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon { background-image: url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/throbber.gif); } .leaflet-control-geocoder-form-no-error { display: none; } .leaflet-control-geocoder-form input:focus { outline: none; } .leaflet-control-geocoder-form button { display: none; } .leaflet-control-geocoder-error { margin-top: 8px; margin-left: 8px; display: block; color: #444; } .leaflet-control-geocoder-alternatives { display: block; width: 272px; list-style: none; padding: 0; margin: 0; } .leaflet-control-geocoder-alternatives-minimized { display: none; height: 0; } .leaflet-control-geocoder-alternatives li { white-space: nowrap; display: block; overflow: hidden; padding: 5px 8px; text-overflow: ellipsis; border-bottom: 1px solid #ccc; cursor: pointer; } .leaflet-control-geocoder-alternatives li a, .leaflet-control-geocoder-alternatives li a:hover { width: inherit; height: inherit; line-height: inherit; background: inherit; border-radius: inherit; text-align: left; } .leaflet-control-geocoder-alternatives li:last-child { border-bottom: none; } .leaflet-control-geocoder-alternatives li:hover, .leaflet-control-geocoder-selected { background-color: #f5f5f5; } .leaflet-control-geocoder-address-detail { } .leaflet-control-geocoder-address-context { color: #666; }.poi_main_photo { width: 45%; float: left; height: 300px; } .poi_map { width: 45%; float: left; } #topic_map{ width: 300px; height: 300px; } .poi_header_logo{ display: table-cell; width: 50px; height: 12px; background: url(https://www.32spokes.ru/plugins/map/templates/skin/default/images/poi_header_logo.png) no-repeat 0px 0px; font-size: 18px; line-height: 20px; font-weight: bold; padding-top: 50px; padding-right: 50px; color: #7B848D; text-align: center; } .w8-tiles-poi{ background: url(https://www.32spokes.ru/plugins/map/templates/skin/default/images/poi.png); }/* ================================================================== */ /* Toolbars /* ================================================================== */ .leaflet-draw-section { position: relative; } .leaflet-draw-toolbar { margin-top: 12px; } .leaflet-draw-toolbar-top { margin-top: 0; } .leaflet-draw-toolbar-notop a:first-child { border-top-right-radius: 0; } .leaflet-draw-toolbar-nobottom a:last-child { border-bottom-right-radius: 0; } .leaflet-draw-toolbar a { background-image: url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/spritesheet.png); background-image: linear-gradient(transparent, transparent), url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/spritesheet.svg); background-repeat: no-repeat; background-size: 270px 30px; background-clip: padding-box; } .leaflet-retina .leaflet-draw-toolbar a { background-image: url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/spritesheet-2x.png); background-image: linear-gradient(transparent, transparent), url(https://www.32spokes.ru/plugins/map/templates/skin/default/css/images/spritesheet.svg); } .leaflet-draw a { display: block; text-align: center; text-decoration: none; } /* ================================================================== */ /* Toolbar actions menu /* ================================================================== */ .leaflet-draw-actions { display: none; list-style: none; margin: 0; padding: 0; position: absolute; left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */ top: 0; white-space: nowrap; } .leaflet-touch .leaflet-draw-actions { left: 32px; } .leaflet-right .leaflet-draw-actions { right: 26px; left: auto; } .leaflet-touch .leaflet-right .leaflet-draw-actions { right: 32px; left: auto; } .leaflet-draw-actions li { display: inline-block; } .leaflet-draw-actions li:first-child a { border-left: none; } .leaflet-draw-actions li:last-child a { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .leaflet-right .leaflet-draw-actions li:last-child a { -webkit-border-radius: 0; border-radius: 0; } .leaflet-right .leaflet-draw-actions li:first-child a { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .leaflet-draw-actions a { background-color: #919187; border-left: 1px solid #AAA; color: #FFF; font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 28px; text-decoration: none; padding-left: 10px; padding-right: 10px; height: 28px; } .leaflet-touch .leaflet-draw-actions a { font-size: 12px; line-height: 30px; height: 30px; } .leaflet-draw-actions-bottom { margin-top: 0; } .leaflet-draw-actions-top { margin-top: 1px; } .leaflet-draw-actions-top a, .leaflet-draw-actions-bottom a { height: 27px; line-height: 27px; } .leaflet-draw-actions a:hover { background-color: #A0A098; } .leaflet-draw-actions-top.leaflet-draw-actions-bottom a { height: 26px; line-height: 26px; } /* ================================================================== */ /* Draw toolbar /* ================================================================== */ .leaflet-draw-toolbar .leaflet-draw-draw-polyline { background-position: -2px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline { background-position: 0 -1px; } .leaflet-draw-toolbar .leaflet-draw-draw-polygon { background-position: -31px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { background-position: -29px -1px; } .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -62px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle { background-position: -60px -1px; } .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -92px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { background-position: -90px -1px; } .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -122px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker { background-position: -120px -1px; } /* ================================================================== */ /* Edit toolbar /* ================================================================== */ .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -152px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit { background-position: -150px -1px; } .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -182px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove { background-position: -180px -1px; } .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { background-position: -212px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled { background-position: -210px -1px; } .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { background-position: -242px -2px; } .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled { background-position: -240px -2px; } /* ================================================================== */ /* Drawing styles /* ================================================================== */ .leaflet-mouse-marker { background-color: #fff; cursor: crosshair; } .leaflet-draw-tooltip { background: rgb(54, 54, 54); background: rgba(0, 0, 0, 0.5); border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; margin-left: 20px; margin-top: -21px; padding: 4px 8px; position: absolute; visibility: hidden; white-space: nowrap; z-index: 6; } .leaflet-draw-tooltip:before { border-right: 6px solid black; border-right-color: rgba(0, 0, 0, 0.5); border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; position: absolute; top: 7px; left: -7px; } .leaflet-error-draw-tooltip { background-color: #F2DEDE; border: 1px solid #E6B6BD; color: #B94A48; } .leaflet-error-draw-tooltip:before { border-right-color: #E6B6BD; } .leaflet-draw-tooltip-single { margin-top: -12px } .leaflet-draw-tooltip-subtext { color: #f8d5e4; } .leaflet-draw-guide-dash { font-size: 1%; opacity: 0.6; position: absolute; width: 5px; height: 5px; } /* ================================================================== */ /* Edit styles /* ================================================================== */ .leaflet-edit-marker-selected { background-color: rgba(254, 87, 161, 0.1); border: 4px dashed rgba(254, 87, 161, 0.6); -webkit-border-radius: 4px; border-radius: 4px; box-sizing: content-box; } .leaflet-edit-move { cursor: move; } .leaflet-edit-resize { cursor: pointer; } /* ================================================================== */ /* Old IE styles /* ================================================================== */ .leaflet-oldie .leaflet-draw-toolbar { border: 1px solid #999; }.bestplayer{ background: url(https://www.32spokes.ru/plugins/bowling/templates/skin/default/images/bestplayer.png) no-repeat 0px 0px transparent; width:24px; height:24px; display: inline-block; background-size: cover; } .place1{ background: url(https://www.32spokes.ru/plugins/bowling/templates/skin/default/images/place1.png) no-repeat 0px 0px transparent; width:24px; height:24px; display: inline-block; background-size: cover; } .place2{ background: url(https://www.32spokes.ru/plugins/bowling/templates/skin/default/images/place2.png) no-repeat 0px 0px transparent; width:24px; height:24px; display: inline-block; background-size: cover; } .place3{ background: url(https://www.32spokes.ru/plugins/bowling/templates/skin/default/images/place3.png) no-repeat 0px 0px transparent; width:24px; height:24px; display: inline-block; background-size: cover; } .empty_award{ width:24px; height:24px; display: inline-block; }/* Popupinfo plugin (P) PSNet, 2008 - 2012 http://psnet.lookformp3.net/ http://livestreet.ru/profile/PSNet/ http://livestreetcms.com/profile/PSNet/ */ div.Popupinfo_UserMoreInfo { clear: both; overflow: hidden; } div.Popupinfo_UserMoreInfo > div { float: left; overflow: hidden; } div.Popupinfo_UserMoreInfo div.AvatarHolder { margin: 0 10px 0 0; } div.Popupinfo_UserMoreInfo div.AvatarHolder div.Avatar { position: relative; margin-bottom: 5px; } div.Popupinfo_UserMoreInfo div.AvatarHolder div.Avatar div.OnlineStatus { border: 1px solid rgba(255, 255, 255, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; bottom: 3px; height: 4px; position: absolute; right: 3px; width: 4px; background: #68BF46; background: -moz-linear-gradient(top, rgba(72,255,0,1) 0%, rgba(53,188,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,255,0,1)), color-stop(100%,rgba(53,188,0,1))); background: -webkit-linear-gradient(top, rgba(72,255,0,1) 0%,rgba(53,188,0,1) 100%); background: -o-linear-gradient(top, rgba(72,255,0,1) 0%,rgba(53,188,0,1) 100%); background: -ms-linear-gradient(top, rgba(72,255,0,1) 0%,rgba(53,188,0,1) 100%); background: linear-gradient(to bottom, rgba(72,255,0,1) 0%,rgba(53,188,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48ff00', endColorstr='#35bc00',GradientType=0 ); } div.Popupinfo_UserMoreInfo div.AvatarHolder div.Avatar img { border: none; height: 48px; width: 48px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: block; } div.Popupinfo_UserMoreInfo div.AvatarHolder > a, div.Popupinfo_UserMoreInfo div.AvatarHolder > a:hover { text-decoration: none; } div.Popupinfo_UserMoreInfo div.AvatarHolder > a { display: inline-block; opacity: 0.65; height: 16px; width: 16px; } div.Popupinfo_UserMoreInfo div.AvatarHolder > a:hover { opacity: 1; } div.Popupinfo_UserMoreInfo div.AvatarHolder a.Talk { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAACq0lEQVQ4jVWSz26bVRDFfzP3fp/jxIkTJMM6ok5L8wjdAU/AH/UdKDskFIkNG5aFrngHNnmDPEVUFeJNF3WiUClN7djfn3vvDAuXII40Gs3mnDlHR4bDYfztxYtfvvzi8++aptmuqkpVAyICgKpg5ohAKUbO2UajnfXZ2dnvz559/1M4OTn54Zuvv/p5tV7Xg8FAYqyIMVLXNTFGVANVVRFjQDUQY5Cmaevj4+Mno9FoGR9Mp98aYjvbO17VdYgxEGOFqqKqAIiAmeNupJyJMRYHmR49ehpT31VmroO6ssFgQIiBKkZENgQhBNydUgpmBRFFEEm5aN+3UYfDIXih7XpiVRFEEVVijPdvqyoa/iNcty3ixs5wGxURdnd3yann/WKBxoA4HyCIsAnUAVEWyzuwwu7eLi6g7o6ZcXCwT9c03NzcEmLE3QDfeDcjxMi7d7d0bcPe3phihpuhm3CcnAuTjyfcLd4zv7pCNFByoZSEaODy8orl4pbJZELKCTfb5ARgtlHLKTE+OODt32+Zz+dorNBY8Wb+huvra8b7+6TU42a4g7sR3Y1/bSzv7qgH20wffMqfr15xOZ9vVAQ+e/yYdduxWC4Z1DVmhVIKCkIphbvVCtVIFQR3YzqdsjWo2RpUPHz0ELNCVEFDzWq1JucMIsScE+t1g2okBsEsk9LG3/ToCHen63rcDTMjiIMG1k1DSYmYi7kjFsRJKVGKIiKoBvq+w9035REopWxuCsWC9Sm7zmYXs9HOULuuo21bb9vON3vtXdd51/Xeda23bet933vf9576ntH2lv51cTEL5+fnr8fj8ZPDw8NP3F3M7H5KMSkliZlJzllSSlJKkVKKnJ6evvz1+fMf5UPljqfT6dPhcPgRuImI+H0b/wdXFV2t1jez2ewP4OU/wKWao2R1BpsAAAAASUVORK5CYII=) no-repeat left center transparent; } div.Popupinfo_UserMoreInfo div.AvatarHolder a.RSS { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAADIElEQVQ4jU2TS2yUZRSGn/N938w/fzvTMm2mxaaXmKatwqJW03hBIuBCg0AwKhi3uiAaE6M7EyUuXLpyo0Y3xCjGJhJ0YYDEGJtYaYhWINwUkNbSaun0xsw//+U7LsaIZ/Guzvucd3FemTo9TX9XuT+dPf9O56a2QWtdqqqiKKjy/xERzbLUVddu/66bRw73DQ7fcJfOzbT29uWPVQp2LFmq+sx7IyJgHWJdE6LKHZT4ipXtNy9Njv6WZttdvra0t4PyWGo70nBkm9Fo3WfrS2Qr82itCi4HxoH3Tb9CnEhayWdjJ384scd1tLd1pvVVTLFsXGXAoEpOBE0bpPMXia+exteWkVwIPmsG8oo1wvrKcocTVBHw639Rn/4SU+zEdQ9hy73k+kdx3YNEM9+QLl5B8q3/JrGggmqmzq/Mkfx9FtszTOYj0j9niM8ex3YNEYzuw5b7CMcPEE1/QTz7M0iO7PYq8do82XJJHGmDdO4MptRG8eB7aGOD5PpPRFOfEJ85QrjzdYL7D1J44BniC98S/3EGxUESQTqKwRpMSwtCgl9bRHIh+ZHHKT3/Ebm7x6kdf434/Ndg84Q7XsbkBJN3mEIBrMGgHpMP8CvXWPv4KTaOPEd65RQSFGl9+n2CrU8SnXobv36T3MCDBPfsgnQD4wwCGDFgnCCSYpxBawvUv3qR5NfPQITCrjcxWiP55VMA8lt2N/ctYMAgghiPaSnR+uyHlA59T37rXpLJd9HqVUznELmhnfhrJwBwPfdhSp2IpIiINr9OE+ymXuxdo2By2IFHkLRKdv0kAHbgUajPoxsLSKkb274ZSMEIDrzaICS7ddnH0x+I7bqX7OJRTLGM3ppBly9DvIpYIZudRDqGUdQ7K0ZEVA6/cejhV3qmv6u0adBI6mqdiglDTBA0r2QNUIsnwNfrZHGqgQtkcZXG5/UnHrP7X3hp7txiErVpdZsJ20zdFH1E3kfe+IjA16XF17LA12LxNR/6SEOdXbW1iYWht3YceHVCpqZ+xIXtHJs4uqWxsdQHxgPIf9Is0J02qimUKjd279l34aHxMf4BaQBk0a2QcegAAAAASUVORK5CYII=) no-repeat left center transparent; } div.Popupinfo_UserMoreInfo div.AvatarHolder a.JoinBlog { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAADDklEQVQ4jVWSTWhcVRTH/+fc+95k8ho000GYhbYqbaZKQ1aSFkEQ0U2giIoLFy6KEMGNuBDcZGf3IgquivELaUvBWpEaJFJTUKgd40ejknaaMEMzr5PJe/Nm3se997hwRutZnc3vx+HHIRHBeKwtSCkPre2mfL78/jHP00+WfG9ftBdtPHj4kQvPvngytCZjVp4jYgAAjQUjWC6c+/i+65dOvxscePj5mUfr5PmB7LRvUvu3Rmvg9r3x+qnlz5QiZtbuX8EY/uqLMxM/nX9v5ehTjx2fO3bC5f1InLPiTwRqkHew8tFpigb+S2+9c+4TAAqAZQBQymMAuPr1h6/V6tXj9z9wON9e/546zd9Vd+tP3dr4kQbt0B15/Cg8G7199uyZCgBrbUEs4giADcOQyPSfm54uoXtrUw96HSqGfZgiQ9aPsNu+oWRo7b3ViQPr6788DQDGWKXHAUUk8MvqkM0K9NMOKUUQJVDkI09jFMkQMnDiewrs+KERRncL7DAzsSvsfpPHsB7D+hnIKLi0gEsNHBnKC4vc5skY0wAEADPzMInMmlg5aE1hSUjbtABZQDLAZQ5UBidx4dSUujISOCZi5HlO1WoV+uATH9zY6DmUoMWKSOHgcgcpHEjB5kNL3Z3hl4uLiz8AIN/3HQOA52kLgJeWllZbQ/Xqrc09iAhs4iCJwAyty3OrGo3bVw8988rJWq0GZw2IGAwARIwkScTzPKxd7376XaO5qyqKqKSFNUHd49tSoLC80jg/OzvbAeCBWADg7ogCgJVS8a/be99curz1AvsTrlwu8507XS/ciZAUvJZlGQC4McfjpVQqAYBaWFiAV57++a/bk7hybddd/HYTf2wRbnYonpmZadTr9X/iMf9fEEURer2eDYIAk5OTF8MwtPV6Xc/NzeWVSgVpmq7WarWw1WpRu90W50ZHxHEMEcH8/DwAsNZaBUGgmfny1NSUVKvV3Pd90Vq/HAQBAPhEhGazCRH5r0GapgDAxpiyMSYA8GYcxyfiOJ4GcA3AqjFmP4CBiNDof/A3wnWmeRBju28AAAAASUVORK5CYII=) no-repeat left center transparent; } div.Popupinfo_UserMoreInfo div.AvatarHolder a.JoinBlog.active { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAC8klEQVQ4jVWSQWgcZRiGn/+b2Z1MJpukTWKqDYrGoIJQaT1E8CA9BA8VDxIIelAQD7n00hQFb3oRhYIXDx6KWFToSYt6iAVJ0VRqadKai5UWtyZdNsk2y052Z3Z2/v/zsJsVX/iOz8v7vnxGVenLtQ0S0K6uafW7hRdkIDjpeeFQp1H9M5w++f3E3PldXCJI4EC6jKp2z6ZGVdn+6fRD64tc3P563KXr85puvOPilef1zgeytfF+acFmKaqZHHD/h39+b+DqW/yarh9XbV20ev+zXP/5tKO7XzptfejufCR6fSl6vQd7qorpVfAA+/uZcGnmRfvJ6InFjM2tAhRMN2obgsOWyZve2rlr5Ym5s8enXv74Aa5tBJwB7H5l01ibvjY6OQC3r/s8KBtae5A1obEDlRse1dwemeax2u3lOQBnO57f3w+icIwZGimuVjYiAkMOohD2a7DXAGc1DECQJ3qY6RtgnY1TYpLOmNRrUPLAb4Hvdyu0MtDMJG1oos0epQIoIBJIUr9vVl0GuNSSJJDWoV2DdoxLEghzqVdxdIpXD4ILCK6TmKGJKcafPvb52mUc4/hkTmla2M+haZFQbbKL2fqLH4698cU1wEhh0AmAFAILyImzv63ctdHiH6vgLHQ2wd2D9i4uaeItL3Pj6MLpt8OJZ8B1ADl4JyFJ9rUgAeduzXxzYZ09ec433qioBIbCtG/DScPSFb6tTp7ZAQoOTwH6I1rb3UL9gfhK1b98/hLzheHAjUSelCtZ4e+7sJd7q0WvBjzqDri+QRAEAN6pU6+4ry40bl3aKM3H+xWXppmMjhymsp3Hj8+M3Hz2qenueCK97D01Gg3q9bodHBqkVCr8eG8nsYemXvIffnIuY3CaVtZeeeTokd2tSsVUKhV1rhcijmNUldnZWQDxfd+LosgXkV+Gh0s6PjGeFYtF9X3/zSiKAIrGGMrlMqr6X4U0TQEkz/Mwz/MIeLfRiF+F+BCwDqzkeT4GtFTV9P6HfwG9V41Z+xK2zgAAAABJRU5ErkJggg==) no-repeat left center transparent; } div.Popupinfo_UserMoreInfo div.TextHolder {} div.Popupinfo_UserMoreInfo div.TextHolder h3 { font: bold 13px/10px Verdana; text-shadow: 0 1px 0 #FFFFFF, 0 1px 1px #FFFFFF; color: #555555; margin-bottom: 6px; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine { clear: both; overflow: hidden; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine > span { color: #FFFFFF; display: block; float: left; margin-right: 5px; padding: 0 5px; text-align: center; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Sex {} div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Sex.Man { background: #88CCEE; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Sex.Woman { background: #EE88CC; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Rating, div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Skill { background: #70AAE0; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Rating { background: #68BF46; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine span.Skill {} div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Location { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAACXBIWXMAAAsSAAALEgHS3X78AAACRElEQVQokSXKuU8UURwH8O97M7vL7MmxgIaAxhtZ1g1GhEKDUWNp659hYWFpYmk0FhaUJh5RxIRIBKkUMcGGwgBxYziyBIS9Z3d2ZvbNzHs/Cz/1hxERoBQH58pv1qE8VyeAQokuqUUMBqUAzomRUpwYVHX5c876uvgwnExnlCeEJP9LeuL2k/jEDRNGhOlgTB3Nv7kZrK7Op/ovGBo4kUEklRgrLX64RX29dxIjl01u7eaj7o+V6VjypBGYtaC6tSas/T9S2cJLJk6MlxZmHxMIvPZzeUp3cMa3GmiWd3ei2dFTsjt6zykVwkooqMLfu2b+V4y3K5WUbNmQjgOrUa0ZfUOHKmxsuU0zkI4N2WjFPbPeocczYxuNb6uSUUjrjB6b2P70bj2iRXpiWkIX5SKExvPJ4WxVT42OrR9AroXN+nigpOw0ohklBdp+K2B+W8f46IKR6gGPp/sRuTr51qmW4LXbsMpFadcqSgmh1+tlP3Zl8iMAcADovDb1vuI0S9J2NOG4XDguCauJls7nBs6O/AbAOYi0wcnrR/7IxVd2uQTPdaV0XV5p1NA9nHlhpLpAAONERBxA9v6D6bbOWoHt6MK2mZ7uXjqdyX1Xjs0YIDnjXB3s72tLm/mt7Xj8JRMCju9hI9TxTAQSTCkOACAizM7McAAY6ohcWjl/jp4PDqwACGV7ezUnnwcRQQcAcK4ApPY8Xz4tFl/vCLEJ4HihUilarisN4H9USgFAO8R5Y85sPGIAg6a5vpTB4V4Bfbkc/gFwzkT7sZFWfwAAAABJRU5ErkJggg==) no-repeat left center transparent; line-height: 16px; margin: 5px 0 0; padding-left: 15px; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Location a { color: #555555; font-size: 10px; text-decoration: none; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications { color: #999999; font: 9px/10px Tahoma; margin: 5px 0 0; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications dl { clear: both; overflow: hidden; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications dl dt { float: left; width: 68px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsSAAALEgHS3X78AAAAt0lEQVQYlXXQMWoCYRCG4fcXsRcC2ll7hfQ5hE3AxiK9x8gBNBsJuYUgCIKFIHY26eyUiLgRBDHxtXCzLK5+zTDMw8BM4E5Us324h77f2uzHUwBqH0OKt9ByMeCQoMrkUgvX6Dd+p1p6ov/YSFFu0zGOdI2u0A6OWnWTZNBPpDG6QSO0SyrUC5oNX3SP7tBeAjNXqwTVz9cyAM8PWzgBTQkhhCwsAPQHfwB8zUs5lP4x99gr9D8+A0GKhuZzVWGEAAAAAElFTkSuQmCC) no-repeat left center transparent; padding-left: 15px; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications dl dd { float: left; text-align: right; width: 20px; color: #777777; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Description { max-width: 300px; min-width: 200px; font: 9px/12px Verdana,Tahoma; } /* people listing */ div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications.NoBg dl dt { background: none; padding-left: 0px; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications.NoBg ul.PeopleList { clear: both; overflow: hidden; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications.NoBg ul.PeopleList li { float: left; margin: 2px 5px 1px 0; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications.NoBg ul.PeopleList li a, div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications.NoBg ul.PeopleList li a:hover { text-decoration: none; } div.Popupinfo_UserMoreInfo div.TextHolder div.SecondLine.Publications.NoBg ul.PeopleList li a img { border: none; height: 24px; width: 24px; } /* wrapper */ div#Popupinfo_MoreInfoContainer { background: #FFF; background: rgba(255, 255, 255, 0.95); display: none; overflow: hidden; padding: 10px; position: fixed; z-index: 1999999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5); -moz-box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5); box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.5); } /* copyrights */ div.Popupinfo_UserMoreInfo div.Rights { clear: both; float: right; height: 16px; } div.Popupinfo_UserMoreInfo div.Rights a { color: #CCCCCC !important; font: 9px/10px Tahoma; } /*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; } .fancybox-outer { padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 1003; } .fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/lib/jQuery/plugins/fancybox/fancybox_loading.gif); opacity: 0.8; cursor: pointer; z-index: 1010; } .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/lib/jQuery/plugins/fancybox/fancybox_sprite.png); } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004; } .fancybox-prev, .fancybox-next { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/lib/jQuery/plugins/fancybox/blank.gif); /* helps IE */ z-index: 1003; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-prev span, .fancybox-next span { position: absolute; top: 50%; left: -9999px; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003; } .fancybox-prev span { background-position: 0 -36px; } .fancybox-next span { background-position: 0 -72px; } .fancybox-prev:hover, .fancybox-next:hover { visibility: visible; } .fancybox-prev:hover span { left: 20px; } .fancybox-next:hover span { left: auto; right: 20px; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* Overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1005; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }#fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 1005; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 170px; height: 30px; margin: 0 auto; padding: 0; list-style: none; background: #111; -webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05); background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15))); background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%); border-radius: 3px; } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/lib/jQuery/plugins/fancybox/fancybox_buttons.png); background-repeat: no-repeat; outline: none; } #fancybox-buttons a.btnPrev { width: 32px; background-position: 6px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 38px; background-position: -57px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.5; cursor: default; }/* * imgAreaSelect default style */ .imgareaselect-border1 { background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/border-v.gif) repeat-y left top; } .imgareaselect-border2 { background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/border-h.gif) repeat-x left top; } .imgareaselect-border3 { background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/border-v.gif) repeat-y right top; } .imgareaselect-border4 { background: url(https://www.32spokes.ru/plugins/lsgallery/templates/skin/default/images/border-h.gif) repeat-x left bottom; } .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5; } .imgareaselect-handle { background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5; } .imgareaselect-outer { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; cursor: crosshair; } .imgareaselect-selection { }