/*! normalize.css 2012-03-06T10: 21 UTC - http: //github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block displaynot defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block displaynot 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' attributenot 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 adjustafter orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: 0; } /* * Improves readability whenfocused 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; } /* * Addresses stylingnot 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 stylingnot present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses stylingnot 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 quotesnot supported in IE6/7 * 2. Addresses quote propertynot 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 marginnot 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 colornot being inherited in IE6/7/8/9 * 2. Corrects textnot 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 sizenot 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; font-size: 11px; } iframe { border: none; }/* ------------------------------------------------------------------- ОСНОВНЫЕ СТИЛИ ------------------------------------------------------------------- */ body { font-size: 12px; line-height: 1.5; color: #333; } /* Ссылки ---------------------------------------------------- */ a { color: #6cada3; text-decoration: none; } a:hover { color: #6B7A81; } .text a:visited, .topic .topic-header .topic-title a:visited, .item-list li a:visited { } a.link-dashed { border-bottom: 1px dashed; } a.link-dotted { text-decoration: none; border-bottom: 1px dotted; color: #5f7fa2; padding-bottom: 1px; } a.link-dotted:hover { } a.link-dotted.comm { color: #333; border-bottom: #333; background: #fcfcfc; padding: 1px 10px; position: relative; top: -15px; } a.link-dotted.comm:hover { cursor: default; } /* Заголовки ---------------------------------------------------- */ h2.page-header { color: #444; font-size: 22px; line-height: 1em; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: medium double #F2F1F1; } h2.page-header span { color: #aaa; } h2.page-header.mini { font-size: 20px; } h2.header-table { margin-bottom: 0; padding-bottom: 5px; font-size: 16px; color: #333; } .page-header-branding { margin: 0 40px; } .page-header-branding h2.page-header { position: relative; } .page-header-branding h2.page-header:after { display: block; content: ""; position: relative; top: 8px; height: 0px; } /* Шапка сайта ---------------------------------------------------- */ #header .site-name a { float: left; display: block; width: 400px; height: 105px; } #header .header-banner { float: right; display: block; height: 57px; } /* Stat ---------------------------------------------------- */ .stat-performance { padding: 15px 0; color: #818181; } .stat-performance table { display: block; margin: 0 auto; width: 800px; } .stat-performance table td { width: 200px; vertical-align: top; } .stat-performance h4 { font-weight: bold; } /* Userfeed ---------------------------------------------------- */ .userfeed-get-more { display: block; width: 90%; margin: 0px auto; text-align: center; height: 2.5em; padding-top: 1em; } .userfeed-get-more:hover { background: #f0f7fd; } .userfeed_loading { background: #F7F7F7 url(http://fabnews.ru/templates/skin/vintage/images/loader.gif) no-repeat center; } /* Stream ---------------------------------------------------- */ .stream-get-more, .topic.topic-type-photoset .topic-photo-images .topic-photo-more { font-weight: bold; display: block; text-align: center; padding: 12px 0; box-shadow: 0 0 5px #EEE; border-radius: 3px; background: #fff; text-decoration: none; margin: 1px 1px 2px 1px; } .stream-get-more:hover, .topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { background: #f6f6f6; } .stream_loading { background: #f7f7f7 url(http://fabnews.ru/templates/skin/vintage/images/loader.gif) no-repeat center; } .stream-comment-preview { margin-top: 9px; } .stream-list { margin: 0 0 20px; } .stream-list li.stream-item { margin-bottom: 5px; min-height: 48px; _height: 48px; background: rgba(247, 247, 247, 0.4); padding: 10px 15px 10px 70px; position: relative; } .stream-list li.stream-item .circle { position: absolute; top: 10px; left: 10px; width: 47px; height: 47px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: 0px 1px 1px #CCC; -moz-box-shadow: 0px 1px 1px #ccc; box-shadow: 0px 1px 1px #CCC; } .stream-list li.stream-item .avatar { display: block; width: 100%; border: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .stream-list li.stream-item .date { display: block; color: #999; font-size: 11px; } .stream-list li.stream-item a { text-decoration: none; } .stream-list li.stream-item a:hover { text-decoration: underline; } .stream-list li.stream-header-date { font-size: 12px; color: #999; margin-top: 30px; font-style: italic; } .stream-list li.stream-header-date:first-child { margin-top: 5px; } /* Userfields ---------------------------------------------------- */ .userfield-list { width: 450px; } .userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; } .userfield-list li .userfield-actions { float: right; } .userfield-list li .userfield_admin_name { font-weight: bold; color: #333; } .userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; } .userfield-add:hover { color: #333; border-color: #333; } /* Misc ---------------------------------------------------- */ .avatar-edit { margin-bottom: 15px; } .avatar-edit img { vertical-align: bottom; } .avatar-edit label { margin-top: 10px; } .drafts { float: right; margin-top: 10px; } .poll-create { padding: 15px 20px; margin-bottom: 20px; background: #f7f7f7; } .question-list { margin-bottom: 15px; } .question-list li { margin-bottom: 5px; } .question-list li .input-text { margin-right: 10px; } .help {display: none; position: relative; padding: 10px 7px 13px; background: #fafafa; color: #363636; margin-top: 13px; font-size: 12px; line-height: 16px; border-radius: 3px; -webkit-box-shadow: 0 0 5px #eaeaea inset; box-shadow: 0 0 5px #eaeaea inset; } .help:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eee transparent; border-style: solid; } .help h3 { font-size: 15px; font-weight: bold; margin-bottom: 10px; } .help .help-col { float: left; width: 250px; padding: 0 10px; } .help .help-col.help-wide { float: none; width: 96%; } .help .help-item { margin-bottom: 20px; } .help .help-item:last-child { margin-bottom: 0; } .help .help-item h4 { font-family: monospace; font-weight: bold; margin-bottom: 3px; } .help .help-item h4 a { color: #5055B2; border-bottom: 1px dotted #727a90; }/* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http: //markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp a: link, .markItUp a: visited { color: #000; text-decoration: none; } .markItUp { margin-bottom: 5px; } .markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font: 12px "Courier New", Courier, monospace; padding: 5px; height: 200px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #C0CAD5; } .markItUpPreviewFrame { overflow: auto; background-color: #FFF; border: 1px solid #eee; padding: 10px; height: 300px; margin: 5px 0; font: 12px Tahoma, Arial, Helvetica, sans-serif; } .markItUpFooter { width: 100%; } .markItUpResizeHandle { overflow: hidden; height: 8px; background: url(http://fabnews.ru/engine/lib/external/jquery/markitup/skins/simple/images/handle.png) 50% 3px no-repeat; cursor: n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader { background: #eee; padding: 5px; border-top: 1px solid #c0cad5; border-left: 1px solid #c0cad5; border-right: 1px solid #c0cad5; } .markItUpHeader ul { overflow: visible; zoom: 1; display: inline-block; *display: inline; /* ie <= 7 */ } .markItUpHeader ul li { list-style: none; float: left; position: relative; margin-right: 6px; } .markItUpHeader ul li: hover > ul{ display: block; } .markItUpHeader ul .markItUpDropMenu { background: transparent url(http://fabnews.ru/engine/lib/external/jquery/markitup/skins/simple/images/menu.png) no-repeat 115% 50%; margin-right: 5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right: 0px; } /* next rows of buttons */ .markItUpHeader ul ul { display: none; position: absolute; top: 16px; left: 0px; background: #eee; border: 1px solid #000; } .markItUpHeader ul ul li { float: none; border-bottom: 1px solid #000; } .markItUpHeader ul ul .markItUpDropMenu { background: #eee url(http://fabnews.ru/engine/lib/external/jquery/markitup/skins/simple/images/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin: 0 6px 0 0; width: 1px; height: 16px; overflow: hidden; background-color: #CCC; } .markItUpHeader ul ul .markItUpSeparator { width: auto; height: 1px; margin: 0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position: absolute; top: -1px; left: 150px; } .markItUpHeader ul ul ul li { float: none; } .markItUpHeader ul a { display: block; width: 16px; height: 16px; text-indent: -10000px; background-repeat: no-repeat; margin: 0px; } .markItUpHeader ul ul a { display: block; padding-left: 0px; text-indent: 0; width: 120px; padding: 5px 5px 5px 25px; background-position: 2px 50%; color: #000; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .markItUpHeader ul ul a:hover { background-color: #fff; } .markItUpPreviewFrame { } .markItUpPreviewFrame p { margin-bottom: 18px; } .markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; } .markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; } .markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; } .markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; } .markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; } .markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; } /* ------------------------------------------------------------------- // markItUp! // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp .editor-h4 a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/h4.png); } .markItUp .editor-h5 a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/h5.png); } .markItUp .editor-h6 a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/h6.png); } .markItUp .editor-bold a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/bold.png); } .markItUp .editor-italic a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/italic.png); } .markItUp .editor-stroke a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/stroke.png); } .markItUp .editor-underline a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/underline.png); } .markItUp .editor-quote a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/quote.png); } .markItUp .editor-code a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/code.png); } .markItUp .editor-ul a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/ul.png); } .markItUp .editor-ol a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/ol.png); } .markItUp .editor-li a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/li.png); } .markItUp .editor-picture a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/picture.png); } .markItUp .editor-image a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/image.png); } .markItUp .editor-link a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/link.png); } .markItUp .editor-clean a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/clean.png); } .markItUp .editor-preview a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/preview.png); } .markItUp .editor-cut a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/cut.png); } .markItUp .editor-video a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/video.png); } .markItUp .editor-user a { background-image:url(http://fabnews.ru/engine/lib/external/jquery/markitup/sets/default/images/user.png); }/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0px; position: absolute; background: white url(http://fabnews.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 auto; } #header { display: block; overflow: hidden; clear: both; } #wrapper { margin: 20px 17px 0 17px; padding: 20px 15px; position: relative; overflow: hidden; zoom: 1; } #content { position: relative; padding: 0px 10px; margin-right: 275px; margin-left: 0; } #sidebar { width: 240px; float: right; position: relative; } /*content full width*/ #content.content-full-width { margin-right: 0; } #wrapper.content-full-width { background: #fff; } #wrapper.content-full-width:before { display: none; } /*sidebar left*/ #content.content-right { margin-right: 0; margin-left: 275px; margin-right: 0; overflow: hidden; } #sidebar.sidebar-left { float: left; } /*content right*/ #wrapper.content-right { background: url() 0% 0px repeat-y #fff; } #wrapper.content-right:before { left: 270px; right: auto; } /*content-wrapper*/ #content-wrapper { float: left; width: 100%; margin-right: -295px; } #wrapper.content-right #content-wrapper { float: right; width: 100%; margin-left: -295px; margin-right: 0; }@font-face { font-family: 'fontello'; src: url(); src: url() format('embedded-opentype'), url() format('woff'), url() format('truetype'), url() format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url() format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-king:before { content: '\e84b'; } /* '' */ .icon-location:before { content: '\e82a'; } /* '' */ .icon-link:before { content: '\e830'; } /* '' */ .icon-tag:before { content: '\e80f'; } /* '' */ .icon-quote-left:before { content: '\e82f'; } /* '' */ .icon-attention-alt0:before { content: '\e823'; } /* '' */ .icon-paper-plane:before { content: '\e818'; } /* '' */ .icon-doc-alt:before { content: '\e803'; } /* '' */ .icon-rss:before { content: '\e822'; } /* '' */ .icon-phone-squared:before { content: '\e843'; } /* '' */ .icon-basket:before { content: '\e849'; } /* '' */ .icon-angle-double-up:before { content: '\e83e'; } /* '' */ .icon-angle-double-down:before { content: '\e840'; } /* '' */ .icon-globe:before { content: '\e82b'; } /* '' */ .icon-won:before { content: '\e848'; } /* '' */ .icon-coffee:before { content: '\e847'; } /* '' */ .icon-user-md:before { content: '\e81b'; } /* '' */ .icon-heart:before { content: '\e845'; } /* '' */ .icon-star-alt:before { content: '\e83a'; } /* '' */ .icon-picture:before { content: '\e825'; } /* '' */ .icon-question-sign:before { content: '\e83f'; } /* '' */ .icon-info-alt:before { content: '\e844'; } /* '' */ .icon-like:before { content: '\e819'; } /* '' */ .icon-unlike:before { content: '\e83c'; } /* '' */ .icon-quote:before { content: '\e838'; } /* '' */ .icon-feather:before { content: '\e839'; } /* '' */ .icon-retweet:before { content: '\e834'; } /* '' */ .icon-share:before { content: '\e833'; } /* '' */ .icon-login:before { content: '\e82d'; } /* '' */ .icon-clock:before { content: '\e82e'; } /* '' */ .icon-record:before { content: '\e812'; } /* '' */ .icon-mouse:before { content: '\e835'; } /* '' */ .icon-briefcase:before { content: '\e84c'; } /* '' */ .icon-chart-pie:before { content: '\e81a'; } /* '' */ .icon-graduation-cap:before { content: '\e828'; } /* '' */ .icon-database:before { content: '\e813'; } /* '' */ .icon-th:before { content: '\e829'; } /* '' */ .icon-eye:before { content: '\e811'; } /* '' */ .icon-info:before { content: '\e81c'; } /* '' */ .icon-comment:before { content: '\e804'; } /* '' */ .icon-sun-filled:before { content: '\e842'; } /* '' */ .icon-key:before { content: '\e82c'; } /* '' */ .icon-mail-alt:before { content: '\e817'; } /* '' */ .icon-user-gallery:before { content: '\e826'; } /* '' */ .icon-book:before { content: '\e814'; } /* '' */ .icon-box:before { content: '\e831'; } /* '' */ .icon-rss-alt:before { content: '\e821'; } /* '' */ .icon-chart:before { content: '\e846'; } /* '' */ .icon-mail:before { content: '\e808'; } /* '' */ .icon-user-add:before { content: '\e816'; } /* '' */ .icon-users:before { content: '\e815'; } /* '' */ .icon-camera:before { content: '\e827'; } /* '' */ .icon-ok:before { content: '\e809'; } /* '' */ .icon-cancel:before { content: '\e836'; } /* '' */ .icon-logout:before { content: '\e80c'; } /* '' */ .icon-chat:before { content: '\e84e'; } /* '' */ .icon-cog:before { content: '\e810'; } /* '' */ .icon-calendar-inv:before { content: '\e84a'; } /* '' */ .icon-hourglass:before { content: '\e81d'; } /* '' */ .icon-arrow-down:before { content: '\e805'; } /* '' */ .icon-right:before { content: '\e80a'; } /* '' */ .icon-arrow-up:before { content: '\e806'; } /* '' */ .icon-math:before { content: '\e80d'; } /* '' */ .icon-chart-bar:before { content: '\e80e'; } /* '' */ .icon-spread:before { content: '\e841'; } /* '' */ .icon-search:before { content: '\e83d'; } /* '' */ .icon-heart-circled:before { content: '\e832'; } /* '' */ .icon-eye-off:before { content: '\e824'; } /* '' */ .icon-pencil:before { content: '\e802'; } /* '' */ .icon-comment-alt:before { content: '\e80b'; } /* '' */ .icon-chevron-up:before { content: '\e800'; } /* '' */ .icon-arrows-cw:before { content: '\e837'; } /* '' */ .icon-braille:before { content: '\e820'; } /* '' */ .icon-user:before { content: '\e81f'; } /* '' */ .icon-envelope:before { content: '\e801'; } /* '' */ .icon-star:before { content: '\e807'; } /* '' */ .icon-edit:before { content: '\e81e'; } /* '' *//* -------------------------------------------- VINTAGE FONTS -------------------------------------------- */ .nav-navigation > li > div .nav-column a, .nav-navigation ul li a, .wall-note h3, .input-text, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } body, .userbar-nav li a, .button, a.button, .list-item-container .name p { font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .nav, .nav-filter, .nav.nav-profile li a, .nav-navigation > li > a, .nav-navigation ul li a, .comment-actions, .comment-info, .topic .topic-footer .topic-url a, .topic-blog, .topic .topic-footer, .blog .blog-header .vote-label, .vote .vote-count, .list-item-container .info-name, .list-item-container .info-number.rating, .stream-get-more, .topic.topic-type-photoset .topic-photo-images .topic-photo-more, #footer, .write-list li, .stream-list li.stream-item a, .user, fieldset legend, form label, .pagination, h2.page-header.user-login, .profile .user-name, .profile .vote-label, .profile .count, .profile .count, .profile-page-header, h1, h2, h3, h4, h5, h6 { font-family: ZionTrain, "Trebuchet MS", serif; font-weight: normal!important; }/* -------------------------------------------- VINTAGE MAIN -------------------------------------------- */ body { background:#fafafa url(http://fabnews.ru/templates/skin/vintage/themes/serebro/theme.jpg); } #header .site-name a { background: url(http://fabnews.ru/templates/skin/vintage/themes/serebro/logo.png) no-repeat 0 0; } ::-moz-selection { background: #71a4a1; color: #fff; text-shadow: none; } ::selection { background: #71a4a1; color: #fff; text-shadow: none; } .userbar-arrows { background: url(http://fabnews.ru/templates/skin/vintage/themes/serebro/arrow-userbar-new.png) repeat-x transparent; } .menu ul, .userbar { background:url(http://fabnews.ru/templates/skin/vintage/themes/serebro/footer.jpg) #000; } #wrapper { -moz-box-shadow:0 0 3px rgba(0,0,0,.1), inset 0 0 4px rgba(0,0,0,.1); -webkit-box-shadow:0 0 3px rgba(0,0,0,.1), inset 0 0 7px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1), inset 0 0 7px rgba(0,0,0,.1); border:6px solid #f7f5f1; background:url(http://fabnews.ru/templates/skin/vintage/themes/serebro/theme.jpg) 100% 0 repeat-y #fff; z-index: 1; } #wrapper:before { -moz-box-shadow:0 0 4px rgba(0,0,0,.1); -webkit-box-shadow:0 0 4px rgba(0,0,0,.1); box-shadow:0 0 4px rgba(0,0,0,.1); border-left:6px solid #f7f5f1; content:""; height:100%; position:absolute; right:270px; top:0; z-index:1; } #wrapper.content-right { background:url(http://fabnews.ru/templates/skin/vintage/themes/serebro/theme.jpg) 0 0 repeat-y #fff; } #footer { top: -45px; margin: 0 auto -4em; } .footer-tag-line:after { content:""; display:block; width:100%; height:6px; position:relative; bottom:-35px; background:url(http://fabnews.ru/templates/skin/vintage/themes/vintage/arrow-footer.png); } .footer-tag-line:before { content:""; display:block; width:100%; height:6px; position:relative; top:-50px; background:url(http://fabnews.ru/templates/skin/vintage/themes/vintage/arrow-footer.png); } .footer-tag-line .tag-cloud li a { color:#818181; } .footer-tag-line .tag-cloud li a:hover { background-color:#65C0BB; color:#fff; } .footer-about,.footer-line-arrow-one,.footer-line-arrow-two,.stat-performance,.footer-tag-line { background:url(http://fabnews.ru/templates/skin/vintage/themes/serebro/footer.jpg) #000; }/* ------------------------------------------------------------------- ОБЩИЕ СТИЛИ ------------------------------------------------------------------- */ /* Голосование ---------------------------------------------------- */ .vote .vote-count { display: inline-block; color: #aaa; position: relative; bottom: -3px; } .vote .vote-count a { text-decoration: none; color: #aaa!important; outline: none; } .vote .vote-count a:hover { color: #EBE7D7; } .vote.vote-count-positive .vote-count { color: #5b9a68; } .vote.vote-count-negative .vote-count { color: #DB575F; } .vote .vote-up, .vote .vote-down { display: inline-block; cursor: pointer; vertical-align: text-top; opacity: .9; filter:alpha(opacity=90); bottom: -2px; position: relative; z-index: 5; font-size: 11px; } .comment .comment-info .vote .vote-up, .comment .comment-info .vote .vote-down { bottom: -2px; opacity: .6; filter:alpha(opacity=60); } .comment .comment-info .vote .vote-down { bottom: -6px; } .vote .vote-down { bottom: -5px; } .vote .vote-up:before { content: '\e819'; } .vote .vote-down:before { content: '\e83c'; } .vote .vote-up:hover { opacity: .8; filter:alpha(opacity=80); color: #5b9a68; } .vote .vote-down:hover { opacity: .8; filter:alpha(opacity=80); color: #DB575F; } .vote.voted.voted-up .vote-up { opacity: 1; filter:alpha(opacity=100); color: #5b9a68; } .vote.voted.voted-down .vote-down { opacity: 1; filter:alpha(opacity=100); color: #DB575F; } .vote.voted.voted-up .vote-down:hover { opacity: .3; filter:alpha(opacity=30); } .vote.voted.voted-down .vote-up:hover { opacity: .3; filter:alpha(opacity=30); } /* Избранное ---------------------------------------------------- */ .favourite { display: inline-block; } .topic .topic-footer .topic-info li.topic-info-favourite .favourite.active i { color: #f8cc63; } .favourite:hover { opacity: .7; filter:alpha(opacity=80); } .favourite-count { margin-left: 0; } /* Пагинация ---------------------------------------------------- */ .pagination { zoom: 1; overflow: hidden; } .pagination ul { zoom: 1; line-height: 1em; float: left; font-size: 14px; } .pagination ul li { float: left; margin-right: 5px; } .pagination ul li span, .pagination ul li a { float: left; padding: 4px 6px; border: 1px solid transparent; } .pagination ul li span { color: #aaa; } .pagination ul li.active span { color: #fff; border-radius: 50%; background: #aaa; } .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; } .actions li { float: left; margin-right: 10px; } .actions li a { color: #5b9a68; } .actions li a.actions-delete { color: #DB575F; } .actions li a:hover { text-decoration: underline; } .actions li a.link-dotted { } .actions li a.link-dotted:hover { text-decoration: none; } .actions-blog-info { overflow: hidden; zoom: 1; margin: 5px 0 5px; background: #F5F5F5; border: 1px solid #ECECEC; border-radius: 4px; padding: 10px 15px; } .actions-blog-info li { text-align: left; } /* Toolbar ---------------------------------------------------- */ .toolbar-margin { margin-right: 15px;} .toolbar { bottom: 0; z-index: 100; position: fixed; width: 265px; } .toolbar section { margin-right: 7px; float: right; } .toolbar section a { display: block; border-radius: 3px 3px 0 0; padding: 11px 8px; font-weight: bold; color: #6b7a81; height: 15px; box-shadow: 0 0 #FFFFFF, 0 0px 2px rgba(34,25,25,0.206); -webkit-box-shadow: 0 0 #FFFFFF, 0 0px 2px rgba(34,25,25,0.206); -moz-box-shadow: 0 0 #FFFFFF, 0 0px 2px rgba(34,25,25,0.206); -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #F7F7F7; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFF), color-stop(100%, #f3f1ec)); background: -webkit-linear-gradient(#FFF,#f3f1ec); background: -moz-linear-gradient(#FFF,#f3f1ec); background: -o-linear-gradient(#FFF,#f3f1ec); background: linear-gradient(#FFF,#f3f1ec); } .toolbar section a:hover { background-color: #FDFAFB; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FDFAFB), color-stop(100%, #F0EDED)); background: -webkit-linear-gradient(#FDFAFB,#F0EDED); background: -moz-linear-gradient(#FDFAFB,#F0EDED); background: -o-linear-gradient(#FDFAFB,#F0EDED); background: linear-gradient(#FDFAFB,#F0EDED); color: #6CADA3; } .toolbar section a:hover i { color: #6CADA3; } .toolbar section i { display: block; font-size: 12px; color: #6b7a81; background: none; width: auto; height: auto; } .toolbar section a:focus { outline: medium none currentColor; } /* Admin button */ .toolbar .toolbar-admin a { display: block; } /* Update comments button */ .toolbar .toolbar-update { -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear; } .toolbar .toolbar-update .update-comments { } .toolbar .toolbar-update .update-comments i { } .toolbar .toolbar-update .update-comments.active i { color: green; opacity: 0.5; } .toolbar .toolbar-update .new-comments { color: #6cada3; font-weight: bold; } /* Topic navigation */ .toolbar .toolbar-topic a.toolbar-topic-prev {} /* Scroll up */ .toolbar .toolbar-scrollup { display: none; } /* Поиск ---------------------------------------------------- */ .search { margin-bottom: 20px; position: relative; } .search .input-text { padding-right: 25px; } .search .input-submit { border: none; width: 16px; height: 16px; position: absolute; top: 10px; right: 8px; opacity: .7; filter:alpha(opacity=70); } .search .input-submit:hover { opacity: 1; filter:alpha(opacity=100); } .search.search-item { margin-bottom: 15px; width: 100%; } .search.search-item .input-text { width: 100%; padding-right: 5px; } .search-abc { overflow: hidden; zoom: 1; padding: 10px 15px; margin-bottom: 15px; border: 1px solid #eee; } .search-abc li { float: left; margin-right: 10px; } .search-abc li.active a { color: #333; border: none; } .search-tags { margin: 10px 5px 5px; } /* Облако тегов ---------------------------------------------------- */ .tag-cloud { width: 100%; } .tag-cloud li { display: inline; margin-right: 5px; line-height: 22px; } .tag-cloud li a, .block-blog-list li a { text-decoration: none; border-radius: 14px; padding: 1px 6px; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; color: #777; text-shadow: 0px 1px 0 #FFF; } .block-blog-list li a:hover, .tag-cloud li a:hover { text-decoration: underline; } .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: 13px; } .tag-cloud li .tag-size-4 { font-size: 13px; } .tag-cloud li .tag-size-5 { font-size: 14px; } .tag-cloud li .tag-size-6 { font-size: 14px; } .tag-cloud li .tag-size-7 { font-size: 15px; } .tag-cloud li .tag-size-8 { font-size: 15px; } .tag-cloud li .tag-size-9 { font-size: 16px; } .tag-cloud li .tag-size-10 { font-size: 16px; } .footer-tag-line .tag-cloud li a { text-shadow: none; } .footer-tag-line .tag-cloud li a:hover { text-decoration: none; } .block-type-foldable .tag-cloud li a { color: #B1B1B1!important; } /* Хелперы ---------------------------------------------------- */ .mt-10 { margin-bottom: 10px !important; } .mt-20 { margin-bottom: 20px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .ta-c { text-align: center !important; } .ta-r { text-align: right !important; } .va-m { vertical-align: middle; } .fl-r { float: right !important; } .fl-l { float: left !important; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .word-wrap { white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; white-space: normal; } /* ITEM LIST */ .list-item-container { overflow: hidden; } .list-item-container .list-item-block { width: 33%; float: left; height: 350px; } .list-item-container.users .list-item-block { height: 350px; } .list-item-container .list-item { margin: 60px auto 40px; width: 180px; position: relative; background: #F2F1F1; padding: 55px 10px 5px; vertical-align: top; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); border: 1px dashed #EBE7D7; border-radius: 3px; } .list-item-container .item-avatar { left: 48px; position: absolute; top: -55px; display: block; height: 106px; width: 106px; } .list-item-container .item-avatar a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 0 1px rgba(0,0,0,0.2); background: #fff; padding: 3px; } .list-item-container img { display: block; width: 100%; border: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .list-item-container .name { text-align: center; margin-bottom: 5px; } .list-item-container .name h3 { font-weight: bold; font-size: 16px; line-height: 1em; } .list-item-container .name p { display: inline-block; font-size: 12px; } .list-item-container .users-info li { position: relative; background-color: #fff; color: #333; margin-bottom: 10px; padding: 4px 29px 4px 7px; font-size: 9px; font-weight: bold; } .list-item-container li.blog-join { text-align: center; padding: 4px; background: none; } .list-item-container .info-name { position: relative; } .list-item-container .info-number { position: absolute; top: 4px; right: 7px; color: #d7b279; } .list-item-container .info-number.rating { color: #5b9a68; } .list-item-container .info-number.skill { color: #5f7fa2; } .list-item-container .info-number.visit { color: #9B825B; } .list-item-container .info-number.reg { color: #6b7a81; } .list-item-container span.info-item { position: absolute; left: 5px; top: 5px; font-size: 11px; } .list-item-container span.info-item a { color: #fff; } /* Разное ---------------------------------------------------- */ .system-message-error { padding: 8px 15px; margin-bottom: 15px; background-color: #FCF8E3; border: 1px solid #FBEED5; color: #C09853; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .system-message-notice { padding: 8px 15px; margin-bottom: 15px; background-color: #DFF0D8; border: 1px solid #D6E9C6; color: #468847; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .notice-empty { color: #aaa; } .loader { background: #fafafa url(http://fabnews.ru/templates/skin/vintage/images/loader.gif) 50% 50% no-repeat; } .user, .ls-user { color: #333; } .user.inactive { color: #aaa; } a.disabled { cursor: default; } /* Vintage 404 ---------------------------------------------------- */ .vintage-404 { background: url(http://fabnews.ru/templates/skin/vintage/images/404.png) no-repeat center; display: block; } .vintage-404 h2.page-header { padding-top: 250px; } .vintage-404 p { text-align: center; font-size: 13px; margin-bottom: 5px; } .vintage-404 a { padding: 0 20px; text-transform: lowercase; } /* Лента ---------------------------------------------------- */ .slider-ribbon { width: 240px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; top: 80.26px; left: -87.36000000000001px; -webkit-transform: rotate(-65deg); -moz-transform: rotate(-65deg); -o-transform: rotate(-65deg); -ms-transform: rotate(-65deg); transform: rotate(-65deg); display: inline-block; position: absolute; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); text-align: center; background: url(http://fabnews.ru/templates/skin/vintage/themes/nav.png) #65C0BB; } .slider-ribbon span { font-size: 14px; line-height: 40px; text-decoration: none; color: #FFF; text-shadow: 1px 2px rgba(0, 0, 0, 0.2); margin-left: 55px; font-family: sans-serif; } .markItUpHeader { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ padding: 7px 10px 5px; border-top: medium double #eee; border-left: medium double #eee; border-right: medium double #eee; border-radius: 5px 5px 0 0; } .markItUpEditor { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .markItUpHeader ul li { margin-right: 12px; } .markItUpEditor { height: 200px; } /* Alto CMS ---------------------------------------------------- */ .topic-additional-fields { overflow: hidden; padding: 10px 1px; } .topic-additional-fields .button { float:left; margin-right: 10px!important; } .topic-additional-fields .topic-photo-upload, .topic-additional-fields .poll-create { clear: both; margin-top: 60px; }/* ------------------------------------------------------------------- ФОРМАТИРОВАННЫЙ ТЕКСТ ------------------------------------------------------------------- */ .text { font-size: 14px; line-height: 1.6; overflow: hidden; zoom: 1; } .text a { text-decoration: underline; } .text h4 { font-size: 19px; margin-bottom: 7px; font-weight: bold; } .text h5 { font-size: 17px; margin-bottom: 7px; font-weight: bold; } .text h6 { font-size: 15px; 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, .comment .comment-content.text blockquote*/ blockquote { padding: 0 5% 0 10%; font-style: italic; line-height: 1.6em; color: #444; margin: 20px 0; font-size: 14px; } blockquote:before, blockquote:after { display: block; font-size: 300%; color: #ccc; } blockquote:before { content: open-quote; margin-left: -10%; height: 0; } blockquote:after { content: close-quote; margin-left: 100%; margin-top: -33px; height: 33px; } .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,.blog-description img,#block_blog_info img { max-width: 100%; } .text .ls-user { color: #333; } .text .ls-user:hover { color: #555; } .text .image-right { float: right; } .text .image-left { float: left; }/* ------------------------------------------------------------------- ФОРМЫ ------------------------------------------------------------------- */ .input-text, select, textarea { width: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px; margin-bottom: 3px; color: #333; background-color: #ffffff; -webkit-transition: border linear .1s, box-shadow linear .1s; -moz-transition: border linear .1s, box-shadow linear .1s; -o-transition: border linear .1s, box-shadow linear .1s; transition: border linear .1s, box-shadow linear .1s; font-size: 12px; border: medium double #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } textarea.mini { height: 100px; } .input-checkbox { position: relative; top: 2px; 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-reg { width: 410px; } .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: 7px; border: medium double #eee; border-radius: 5px; } fieldset { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; margin-top: 15px; } fieldset legend { color: #333; font-size: 14px; padding-right: 10px; font-weight: bold; } form p { margin-bottom: 15px; } form label { display: block; margin-bottom: 3px; font-size: 11px; font-weight: bold; } form .icon-question-sign { cursor: help; } .note { display: block; margin-top: 3px; font-size: 11px; color: #aaa; font-style: italic; } .note.note-header { margin-bottom: 20px; } .captcha-image { vertical-align: top; } dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; } dl.form-item dt { float: left; width: 135px; padding-top: 4px; padding-right: 15px; overflow: hidden; } dl.form-item dd { float: left; width: 300px; } .form-profile { position: relative; } .form-profile .avatar-change { position: absolute; top: 40px; right: 0; padding: 10px; background: #f7f7f7; font-size: 12px; } /* Placeholder */ :-moz-placeholder { color: #aaa; } .placeholder { color: #aaa; } .mceEditor { display: block; margin-bottom: 20px; } /* Валидатор ---------------------------------------------------------------*/ .validate-error-hide { display: none; } .validate-error-show { display: block; font-size: 12px; padding: 8px; color: #c09853; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background: #fcf8e3; border: 1px solid #f7ecb5; border-radius: 5px; margin-bottom: 20px; font-weight: bold; text-shadow: 1px 1px 2px #fff; max-width: 440px; } .mini300.validate-error-show { max-width: 280px; margin-top: 5px; } .mini400.validate-error-show { max-width: 380px; margin-top: 5px; } /* Checkbox ---------------------------------------------------------------*/ input[type=checkbox].css-checkbox { display: none; } input[type=checkbox].css-checkbox + label.css-label { padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; } input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; } .css-label { background-image: url(http://fabnews.ru/templates/skin/vintage/images/check.png); font-weight: bold; font-size: 11px; color: #444; } .css-label.dark { background-image: url(http://fabnews.ru/templates/skin/vintage/images/check-dark.png); } /* Radio ---------------------------------------------------------------*/ .poll-vote input[type=radio].css-radio { display: none; } .poll-vote input[type=radio].css-radio + label.css-label { padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 -30px; vertical-align: middle; cursor: pointer; } .poll-vote input[type=radio].css-radio:checked + label.css-label { background-position: 0 -45px; } /* Forms options ---------------------------------------------------------------*/ #content form label, .modal form label { color: #444; } .wall-submit.wall-submit-reply.active textarea, .markitup-editor, .markItUpEditor, #wall-text, #topic_text, #form_comment_text, #talk_text, #blog_description { -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-top: 0px; border: medium double #eee; } .markItUpEditor, .input-text:focus, #topic_text:focus, #swfu_images textarea:focus, select, .reply textarea { outline: medium none currentColor; } #blog_description:focus, #talk_text:focus, .markItUpEditor:focus, .mce-editor:focus, .markitup-editor:focus, .input-text:focus, #topic_text:focus, #swfu_images textarea:focus, #swfu_images textarea:focus, .input-text:focus, select:focus { border-color: #ddd; } #form-topic-add { background: rgba(247, 247, 247, 0.22); padding: 20px; } #reply { background: rgba(247, 247, 247, 0.22); padding: 20px; } /* Page registration, page login ---------------------------------------------------------------*/ #registration-form label, #login-form label { min-width: 154px; } #popup-registration-form p { margin-bottom: 0; } #popup-registration-captcha, #captcha { padding: 12px 5px; font-size: 25px; color: #333; } #popup-registration-form-submit { margin-top: 10px; } #login-form-submit { margin-left: 120px; } #footer #login-form { margin-top:12px; }/* ------------------------------------------------------------------- КНОПКИ Примеры использования: Preview ------------------------------------------------------------------- */ .button, a.button { display: inline-block; cursor: pointer; outline: #524D4D 3px; margin: 1px 5px 2px 1px; overflow: hidden; text-decoration: none; background: url(http://fabnews.ru/templates/skin/vintage/themes/nav.png) #F3EAD0; color: #454545; text-shadow: 1px 1px 0px #FFF; border: 3px solid #fff; font-size: 12px; padding: 5px 9px 5px 9px; font-weight: bold; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 30px; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .button:hover { background-color: #EAE0C2; border-color: #fcfcfc; color: #454545; } .button:active { -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; border-color: #ddd; } .button.fl-r { *margin-right: 0; } /* Button Primary */ .button.button-primary { background-color: #65C0BB; text-shadow: 1px 1px 0px #818181; color: #FFF; } .button.button-primary:hover { background-color: #5EB3AE; color: #fff; text-shadow: 1px 1px 0px #333; border-color: #fcfcfc; } /* Button Primary Footer*/ .button.button-primary.footer { border-color: #222; border-radius: 8px; padding: 8px 12px; margin-left: 60px!important; top: -10px; position: relative; } .button.button-primary.footer:hover { box-shadow: -0px -0px 7px 0px #000; -webkit-box-shadow: -0px -0px 7px 0px #000; -moz-box-shadow: -0px -0px 7px 0px #000; } .button.button-primary.footer:active { -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; border-color: #ddd; } /* Button Icon (Without text) */ .button.button-icon { padding: 7px 10px; } /* Button Mini */ .button.mini { padding: 2px 6px 2px 6px; margin: 0; font-size: 12px; }/* -------------------------------------------- НАВИГАЦИЯ -------------------------------------------- */ .nav { overflow: hidden; zoom: 1; position: relative; } .nav li { float: left; } .nav li:last-child { border-right: none; } .nav li a { display: block; padding: 10px 15px; } /* Nav Pills */ .nav.nav-pills { padding-bottom: 5px; } .nav.nav-pills li { margin-right: 10px; line-height: 13px; padding: 3px 6px; } .nav.nav-pills li a { display: block; color: #6B7A81; float: left; padding: 0; border-bottom: 1px dashed #bbb; padding-bottom: 2px; font-size: 12px; text-shadow: 1px 1px 0 #FFF; } .nav.nav-pills li a.new { margin-left: 5px; text-decoration: none; } .nav.nav-pills li a:hover { color: #000; border-color: #000; } .nav.nav-pills li.active a:hover { color: #fff; border-color: #666; } .nav.nav-pills li.active { border-radius: 14px; background: #6B7A81; -webkit-box-shadow: 0px 1px 2px #DDD; -moz-box-shadow: 0px 1px 2px #ddd; box-shadow: 0px 1px 2px #DDD;} .nav.nav-pills li.active a { padding: 0; border: none; color: #fff; text-shadow:none; cursor: default; } .nav.nav-pills.nav-pills-profile { margin-bottom: 30px; } .nav-blog-wrapper .nav.nav-filter.sub li a { padding: 2px 20px 2px 6px; } /* Nav Topic Filter */ .nav.nav-filter { margin-bottom: 1px; } .nav.nav-filter li { margin-right: 1px; position: relative; } .nav.nav-filter li a { color: #666666; padding: 7px 13px; float: left; } .nav.nav-filter li a:hover { color: #000; } .nav.nav-filter li.active a { } .nav.nav-filter li.active a:before { content: '↓' } .nav.nav-filter li a.new { font-weight: bold; } .nav.nav-filter li a.new:hover { } .nav.nav-filter li.active a.new { } .nav.nav-filter li.active a.new:hover { background: #555; } .nav.nav-filter li a span { padding-left: 4px; } .nav.nav-filter.nav-filter-sub { display: inline-block; } .nav.nav-filter.nav-filter-sub li { } /* Nav Topic Filter Wrapper */ .nav-filter-wrapper { font-size: 12px; display: block; margin: 0px 40px 0px 40px; } .nav.nav-filter.nav-filter-sub { margin: 0px 40px 0px 40px; display: block; } /* Nav Profile */ .nav.nav-profile { margin: 15px 15px 30px; } .nav.nav-profile li { float: none; margin-bottom: 2px; } .nav.nav-profile li.active a { font-weight: bold; } .nav.nav-profile li.active a:hover { color: #333; } .nav.nav-profile li a { padding: 7px 12px 7px 0; font-size: 11px; line-height: 1em; text-transform: uppercase; color: #333; text-shadow: #FFF 0px 2px 3px; } .nav.nav-profile li:hover { color: #333; background: rgba(255, 255, 255, 0.4); } .nav.nav-profile li a i, .block .block-header.mini h3 i { width: 20px!important; } .nav.nav-profile li a i.icon-mouse { font-size: 15px; position: relative; left: -3px; margin-right: 3px; } .nav.nav-pills.mobile { display: none; margin-bottom: 15px; } /* Dropdown */ .nav.nav-pills li.dropdown { position: relative; } .nav.nav-pills li.dropdown a { padding-right: 25px; } .nav.nav-pills li.dropdown i { position: absolute; top: 9px; right: 9px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #fff; cursor: pointer; } .nav.nav-pills li.dropdown ul { display: none; position: absolute; } .nav.nav-pills li.dropdown.opened a { -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 7px rgba(0, 0, 0, .5) inset; } .dropdown-menu { position: absolute; top: 32px; overflow: hidden; background: #fff; border: 1px solid #ccc; min-width: 150px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 3px; } .dropdown-menu li { font-size: 14px; line-height: 1em; } .dropdown-menu li a { display: block; padding: 10px 15px; text-transform: uppercase; } .dropdown-menu li a:hover { background: #fafafa; } .dropdown-menu li.active a { color: #aaa; } .dropdown-menu li.active a:hover { cursor: default; } .dropdown-create { position: relative; z-index: 4; } .dropdown-create a { font-weight: normal; } .dropdown-create h2 a { text-transform: lowercase; } /* ------------------------------------------------------------------- ТАБЛИЦЫ ------------------------------------------------------------------- */ .table { width: 100%; margin-bottom: 15px; } .table th { text-align: left; } .table td, .table th { border-bottom: 1px dashed #eee; padding: 10px; } .table tr.active td { background: #DFF0D8; } .table a.asc:after { content: "▲"; } .table a.desc:after { content: "▼"; } /* Table Blogs */ .table.table-blogs .cell-name .avatar { float: left; margin-right: 10px; clear: right; } .table.table-blogs .cell-name p { overflow: hidden; } .table.table-blogs .cell-rating { width: 70px; font-weight: bold; } .table.table-blogs .cell-readers { width: 70px; text-align: center; vertical-align: middle; } .table.table-blogs .cell-join { width: 130px; text-align: center; vertical-align: middle; } .table.table-blogs .cell-rating { text-align: center; vertical-align: middle; } /* Table Plugins */ .table.table-plugins .cell-checkbox { width: 20px; padding: 12px 0 10px 10px; } .table.table-plugins h3 { font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 5px; } /* Table Profilenotes */ .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 { color: #777; } /* Table Users */ .table.table-users th { font-size: 11px; } .table.table-users .cell-name { font-weight: bold; } .table.table-users .cell-name img { float: left; margin-right: 5px; } .table.table-users .cell-name .username { margin-left: 32px; width: 120px; position: relative; top: 1px; } .table.table-users tbody .cell-date { font-size: 11px; } .table.table-users .cell-rating, .table.table-users .cell-skill { text-align: center; width: 50px; } /* Table Talk */ .table.table-talk .cell-checkbox { width: 20px; padding: 12px 0 10px 10px; } .table.table-talk thead .cell-checkbox { padding: 10px 0 10px 10px; } .table.table-talk .cell-favourite { width: 20px; padding: 10px 0; text-align: center; } .table.table-talk .cell-recipients { width: 100px; } .table.table-talk tbody .cell-date { font-size: 11px; width: 130px; } .table.table-talk tbody td { vertical-align: top; }/* -------------------------------------------- ТОПИК -------------------------------------------- */ .topic { overflow: hidden; zoom: 1; position: relative; top: -50px; padding-top: 50px; z-index: 1; } * { z-index: 2; } /* Header */ .topic .topic-header { overflow: hidden; } .topic .topic-header .circle { float: left; width: 45px; height: 45px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 8px 15px 4px 4px; } .topic .topic-header .circle img { display: block; width: 100%; border: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .topic .topic-header .topic-time { color: #6E6E6E; font-style: italic; margin-top: 4px; } .topic .topic-header .topic-title { font-size: 20px; line-height: 0.9em; font-weight: bold; margin: 0 0 3px; } .topic .topic-header .topic-title a { text-decoration: none; color: #333; } .topic .topic-header .topic-title i { cursor: help; position: relative; margin-left: -7px; } .topic .topic-header .topic-info .topic-blog { font-weight:bold; font-size: 12px; color: #111; margin-left: 2px; } .topic .topic-header .topic-info .actions, .topic .topic-header .topic-info .actions li { display: inline; float: right; margin-bottom: 0; } .topic .topic-header .topic-info .actions li { margin-right: 10px; } .topic .topic-header .topic-title a:hover, .topic .topic-header .topic-info .topic-blog:hover { text-decoration: underline; } /* Content */ .topic .topic-content { margin-bottom: 15px; clear: both; } .topic .topic-content .read-more { font-weight: bold; font-style: italic; } /* Tags */ .topic .topic-footer .topic-tags { display: block; overflow: hidden; margin: 0; padding: 0; right: 24px; list-style: none; border-bottom: medium double #F2F1F1; color: #666; padding-bottom: 5px; } .topic .topic-footer .topic-tags li, .topic .topic-footer .topic-tags li a { float: left; position: relative; } .topic .topic-footer .topic-tags li a { margin-right: 10px; color: #959595; padding: 1px 7px; margin-left: 0; border-radius: 12px; border: 1px solid #E1E1E1; text-decoration: none; margin-bottom: 5px; } .topic .topic-footer .topic-tags li a:hover { text-decoration: underline; } .topic .topic-footer .topic-tags li.topic-tags-edit a { background: none; border-radius: 0px; padding: 0px; border: none; border-bottom: 1px dotted; margin-top: 1px; } .topic .topic-footer .topic-tags li.topic-tags-edit a:hover { color: #6B7A81; text-decoration: none; } .topic .topic-footer .topic-tags li.topic-tags-user a { color: #5b9a68; } .topic .topic-footer .topic-tags li.topic-tags-user a:hover { color: #6B7A81; } /* Info */ .topic-info { margin-bottom: 7px; } .topic .topic-footer .topic-info img { width: 16px; height: 16px; vertical-align: middle; margin-right: 2px; position: relative; bottom: 2px; } .topic .topic-footer .topic-info { border-radius: 3px; } .topic .topic-footer .topic-info li { float: left; padding: 8px 25px 8px 0; color: #888; font-size: 12px; } .topic .topic-footer .topic-info li .fontello { font-size: 11px; } .topic .topic-footer .topic-info li.vote { float: right; } .topic .topic-footer .topic-info li a { text-decoration: none; color: #888; } .topic .topic-footer .topic-info li.topic-info-author a:hover { text-decoration: underline; } .topic .topic-footer .topic-info li.topic-info-comments a span { color: #6b7a81; } .topic .topic-footer .topic-info li.topic-info-comments span { color: #5b9a68; } .topic .topic-footer .topic-info li.topic-info-comments a:hover { text-decoration: underline; text-shadow: 1px 0px rgba(0, 0, 0, 0.1); } .topic .topic-footer .topic-info li.topic-info-share a:hover { color: #999; } .topic .topic-footer .topic-info li.topic-info-favourite { position: relative; bottom: 1px; } .topic .topic-footer .topic-info li.topic-info-favourite span { position: relative; bottom: -1px; } .topic .topic-footer .topic-url { margin-bottom: 15px; } .topic .topic-footer .topic-url a { text-decoration: none; font-size: 13px; border-bottom: 1px dashed; } .topic .topic-footer .topic-info li.vote { position: relative; top:-15px; right: 25px; background: #fff; padding: 0 4px; z-index: 1; } /* Share */ .topic .topic-share { display: none; position: absolute; margin-top: -52px; width: 100%; } #share42 { display: inline-block; padding: 6px 0 0 2px; background: #FFF; border-radius: 4px;} #share42 a { opacity: 0.5; } #share42:hover a { opacity: 0.7; } #share42 a:hover { opacity: 1; } #share42 a { background-image: url(http://fabnews.ru/templates/skin/vintage/images/share42.png)!important; } /* Poll */ .topic .poll { margin-bottom: 15px; margin-top: 15px; background: #fafafa; padding: 15px; } .topic .poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; } .topic .poll .poll-vote li { margin-bottom: 10px; } .topic .poll .poll-vote li:last-child { margin-bottom: 0; } .topic .poll .poll-vote li label { display: inline; } .topic .poll .poll-vote li input { position: relative; top: 3px; margin-right: 2px; } .topic .poll .poll-result { margin-bottom: 10px; margin-left: 0; list-style-type: none; padding: 15px 15px 0; background: #fff; border: 1px solid #eee; } .topic .poll .poll-result li { margin-bottom: 20px; } .topic .poll .poll-result li dl { overflow: hidden; zoom: 1; } .topic .poll .poll-result li dl dt { float: left; width: 50px; text-align: right; padding-right: 15px; } .topic .poll .poll-result li dl dt span { color: #aaa; } .topic .poll .poll-result li dl dd { float: left; width: 400px; } .topic .poll .poll-result li dl dd div { height: 6px; margin-top: 5px; background: #ccc; overflow: hidden; border-radius: 2px; } .topic .poll .poll-result li.most dl dd div { background: #5b9a68; } .topic .poll .poll-total { color: #aaa; margin-left: 10px; } .topic .poll .button.button-icon.active { background: url(http://fabnews.ru/templates/skin/vintage/themes/nav-white-big.png) #65C0BB; } /* Topic Photo */ .topic.topic-type-photoset { } .topic.topic-type-photoset .topic-photo-preview { position: relative; margin-bottom: 15px; cursor: pointer; max-width: 100%; } .topic.topic-type-photoset .topic-photo-preview img { vertical-align: top; max-width: 100%; } .topic.topic-type-photoset .topic-photo-preview .topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #EBE7D7; 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 #ddd; padding-bottom: 4px; margin-bottom: 15px; font-weight: bold; font-size: 14px; } .topic.topic-type-photoset .topic-photo-images ul { overflow: hidden; zoom: 1; } .topic.topic-type-photoset .topic-photo-images ul li { float: left; width: 25%; height: auto; position: relative; } .topic.topic-type-photoset .topic-photo-images ul li a { padding: 0 9px 9px 0; display: block; } .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; width: 100%; height: auto; } .topic-photo-upload { background: #fafafa; 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: medium double #eee; 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; } .pp_default .pp_description { margin-top: 10px!important; } /*fix*/ /* Topic Talk */ .topic.topic-type-talk { } .topic.topic-type-talk .topic-header { background: #F8F8F8; padding: 10px 15px 15px; } .topic.topic-type-talk .topic-header .topic-title { margin-bottom: 13px; font-size: 20px; } .topic.topic-type-talk .topic-header .topic-info { margin-bottom: 0; position: relative; min-height: 30px; padding-left: 40px; line-height: 14px; } .topic.topic-type-talk .topic-header .topic-info .avatar { position: absolute; top: 0; left: 0; } .topic.topic-type-talk .topic-header .topic-info .author-wrapper { margin-bottom: 4px; position: relative; top: -2px; } .topic.topic-type-talk .topic-header .topic-info .author-wrapper .author { font-weight: bold; margin-right: 15px; } .topic.topic-type-talk .topic-header .topic-info .recipient { margin-right: 10px; } .topic.topic-type-talk .topic-content { font-size: 13px; padding: 15px; background: #f8f8f8; margin-bottom: 1px; border-top: 1px solid #fff; } .topic.topic-type-talk .topic-footer .topic-info { border-radius: 0; background: #fafafa; padding: 0 15px; } .topic.topic-type-talk .talk-recipients { padding: 15px; background: #fafafa; display: none; border-top: 1px solid #fff; border-bottom: 1px solid #eee; } .topic.topic-type-talk .talk-recipients h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } /* Topic Preview */ .topic-preview { margin-top: 30px; } .topic-preview .profile-page-header { } .topic-preview .topic { margin-bottom: 20px; } /* Topic Mini */ .topics-mini-container { overflow: hidden; margin-right: -20px; } .topic-mini-container { display:inline-block; width: 49%; vertical-align:top; zoom: 1; } .topic-mini { overflow: hidden; border: 1px dotted #ccc; border-right: 1px dotted #C4C4C4; border-bottom: 1px dotted #C4C4C4; padding: 14px 12px; margin: 0px 15px 15px 0px; position: relative; } .topic-mini .description { z-index:999; height:305px; position: relative; overflow:hidden; } .topic-mini .fade { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUeNqk08EKgDAIBmA16xJ06dQliOj93y8q848duqqCGwy+/QMZm9lBREzxMvUFGPsTgOJ9Ae3eHW4KYLz0Bt68h0TyCbxW8FLBcwVPFTwmR9VrS82MSrSlSgKztlTO4v9BqCT5Kb4woUK9AgwAClMXR+gDZBsAAAAASUVORK5CYII=); background-repeat: repeat-x; background-position: bottom; width: 100%; height: 15px; position: absolute; bottom: 0; } .topic-mini .topic-photo-preview { position: relative; overflow: hidden; max-height: 176px; } .topic-mini .topic-photo-preview img { width: 100%; } .topic-mini .topic-photo-preview img.mask { position: absolute; top: 0; left: 0; z-index: 5; } .topic-mini .author { position: absolute; top: -15px; left: -15px; z-index: 4; } .topic-mini .author a { padding: 5px; background: #fff; border-radius: 50%; width: 48px; height: 48px; display: block; z-index: 4; } .topic-mini .author img { border-radius: 50%; width: 48px; height: 48px; z-index: 4;} .topic-mini .title { font-weight:bold; font-size:16px; line-height: 1.3; margin-bottom: 3px; z-index: 5; } .topic-mini .content { overflow: hidden; zoom: 1; line-height:1.5; font-size: 13px; } .topic-mini .info { overflow: hidden; zoom: 1; height:30px; padding-top:10px; border-top:1px dashed #ccc } .topic-mini .info li { float: left; margin-right: 10px; line-height:15px; color: #9D9D9D; } .topic-mini .info li img { width:30px; height:30px; } .topic-mini .info li.blog { font-style:Italic; color:#9d9d9d } .topic-mini .info li.blog a { font-family:Arial; font-weight:bold; font-style:normal } .topic-mini .info li.comments-link { float:right; } .topic-mini .info li.comments-link a{ font-style:Italic; color:#9d9d9d } .topic-mini .info .viewcount { float: right; } .topic-mini .topic-photo-preview .topic-photo-count { cursor: pointer; color: #FFF; font-size: 11px; } .topic-mini .topic-photo-preview .topic-photo-count { cursor: pointer; position: absolute; top: 15px; right: 12px; color: #FFF; font-size: 11px; padding: 0px 4px; background: #333; background: rgba(0, 0, 0, 0.4); } /* Topic Mini Info */ .caption { z-index: 4; position: absolute; left: 0; width: 100%; bottom: 5px; background: #333; background: rgba(0, 0, 0, 0.4); -webkit-font-smoothing: antialiased; -webkit-transition: bottom 0.2s ease; -moz-transition: bottom 0.2s ease-in-out; -ms-transition: bottom 0.2s ease-in-out; -o-transition: bottom 0.2s ease-in-out; transition: bottom 0.2s ease-in-out; } .caption ul { padding: 10px 5px 5px 10px; height: 10px; font-size: 11px; font-weight: bold; color: #eee; } .caption ul li { float: left; margin-right: 10px; } .caption ul li.vote { float: right; } .caption ul li.vote .vote-count { bottom: 0; font-weight: bold; color: #eee; } .caption ul li.vote.vote-count-positive .vote-count { color: #eee; } .caption ul li.vote.vote-count-negative .vote-count { color: #eee; } /*color: #57DB96;color: #6B7A81;*/ .caption .topic-info-author a { color: #eee; } .caption .favourite { color: #eee!important; position: relative; top:-1px; } .topic-mini .topic-photo-preview:hover .caption { bottom: -40px; }/* ------------------------------------------------------------------- ИКОНКИ Иконки Glyphicons http: //glyphicons.com/ Пример использования: Remove ------------------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"]{ display: inline-block; vertical-align: text-top; width: 14px; height: 14px; line-height: 14px; background: url(http://fabnews.ru/templates/skin/vintage/images/icons.png) no-repeat; } .fontello { background: none; width: auto; height: auto; line-height: normal; vertical-align: inherit; } .icon-white { background-image: url(http://fabnews.ru/templates/skin/vintage/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; } [class^="icon-contact-"], [class*=" icon-contact-"]{ display: inline-block; vertical-align: text-top; width: 14px; height: 14px; line-height: 14px; background: url(http://fabnews.ru/templates/skin/vintage/images/icons.png) no-repeat; border-radius: 50%; } .icon-contact { width: 16px; height: 16px; background: url(http://fabnews.ru/templates/skin/vintage/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: -39px 0; } .icon-contact-jabber { background-position: -60px 0; } .icon-contact-phone { background-position: -79px 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; } .favourite, .icon-ok-green, .modal .close, .vote .vote-up:before, .vote .vote-down:before, a.user:before, .ls-user:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } .topic .topic-footer .topic-info li.viewcount .icon-eye { font-size: 13px!important; } .block .fontello.icon-right { font-size: 5px; color: #666; position: relative; top: -2px; } .block .fontello.icon-comment { font-size: 11px; } .favourite { font-size: 11px; color: #888; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -webkit-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .favourite.active { color: #f8cc63!important; } .favourite:hover { color: #999; cursor: pointer; } .favourite:before { content: '\e807'; } .ls-user:before { content: '\e81f'; } a.user:before { content: '\e826'; } /* Регистрация ---------------------------------------------------------------*/ .icon-ok-green:before { content: '\e809'; } .modal .icon-question-sign { font-size: 13px; color: #ccc; position: relative; left: 380px; top: -27px; } .modal .icon-ok-green { position: relative; font-size: 13px; left: 340px; top: -27px; } .icon-ok-green { color: #ccc; } .icon-question-sign { color: #ccc; } /* Close icon ---------------------------------------------------------------*/ .modal .close { position: absolute; top: 14px; right: 14px; color: #999; font-size: 11px; line-height: 1; } .modal .close:before { content: '\e836'; }/* -------------------------------------------- КОММЕНТАРИИ -------------------------------------------- */ /* Блок с комментариями */ .comments-header { margin-bottom: 20px; } .comments-header h3 { font-size: 20px; margin-bottom: 5px; font-weight: bold; border-bottom: medium double #F2F1F1; } .comments { margin-bottom: 30px; } .comment-wrapper { position: relative; } .comment-wrapper .comment-wrapper { padding-left: 25px; } .comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; } .comment-preview { font-size: 13px; line-height: 18px; } .comment-dashed { border-bottom: 1px dashed #eee; padding-bottom: 5px; margin-bottom: 15px; } /* Стили для списка комментариев на странице http: //ваш_сайт/comments/ */ .comments.comment-list .comment { margin-bottom: 15px; } .comments.comment-list .comment-path { background: #F2F1F1; padding: 5px 10px 6px; } .comments.comment-list .comment-path .blog-name { color: #777; } /* Комментарий */ .comment { min-height: 48px; margin-bottom: 10px; padding: 15px 10px 15px 68px; position: relative; } .comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; } .comment .circle { position: absolute; top: 10px; left: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 48px; height: 48px; -webkit-box-shadow: 0px 1px 1px #CCC; -moz-box-shadow: 0px 1px 1px #ccc; box-shadow: 0px 1px 1px #CCC; } .comment .circle.reply { width: 30px; height: 30px; } .comment .comment-avatar { display: block; width: 100%; border: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } /* Типы комментариев * * deleted - удаленный комментарий * self - ваш комментарий * new - новый, непрочитанный комментарий * current - активный комментарий, который выделяется при исползование кнопки обновления в тулбаре * */ .comment { background: rgba(247, 247, 247, 0.4); } .comment.comment-deleted { background: rgba(239, 213, 213, 0.2); } .comment.comment-self { background: rgba(245, 247, 197, 0.2); } .comment.comment-new { background: rgba(251, 251, 168, 0.2); } .comment.comment-current { background: rgba(245, 247, 197, 0.2); } .comment.comment-bad { opacity: 0.3; filter:alpha(opacity=30); } .comment.comment-bad:hover { opacity: 1; filter:alpha(opacity=100); } .ls-user-role-not-admin .comment.comment-deleted { padding: 10px 15px; min-height: 0; background: #f7f7f7; color: #888; border: 0px; } /* Info Block */ .comment .comment-info { padding: 0 70px 1px 0; line-height: 12px; position: relative; top: -2px; zoom: 1; height: 23px; z-index: 4; } .comment .comment-info li { float: left; height: 18px; padding-top: 3px; margin-right: 10px; font-size: 11px; } .comment .comment-info li a { text-decoration: none; } .comment .comment-info li a i { font-size: 10px; position: relative; bottom: -1px; } .comment .comment-info li.comment-author { font-size: 13px; } .comment .comment-info li.comment-date { color: #999; border-color: #999; font-style: italic; } .comment .comment-info li.vote { position: absolute; top: 17px; right: 10px; margin: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAASCAYAAAAdZl26AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNrs0tEJACAMQ8FW3H/l6A5+Fe9BBjhIJ6nJrRoeAAAAAMBT+y7TAe1CAAAAAN8CjgADAGnXBCX6qEKaAAAAAElFTkSuQmCC); padding: 0 4px; } .comment .comment-info li.goto-comment-child { display: none; } /* Content */ .comment .comment-content, .stream-comment-preview { margin-bottom: 10px; padding: 10px; color: #333; background: #fff; border: 1px dotted #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; overflow: visible; } .comment .comment-content:before, .stream-comment-preview:before { display: block; content: ""; position: absolute; top: -6px; left: 10px; width: 11px; height: 6px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNp8TkEKADAIyv7/tHqTY4eBuDahQAU1SIZfVXHSsZ9BBaiRSrqbP67JV4U35JTgOD44jH5hCTAAUU8628XiKa0AAAAASUVORK5CYII=); z-index: 10; } .comment .comment-content.text, .stream-comment-preview { font-size: 14px; line-height: 1.6; } /* Actions */ .comment .comment-actions { text-align: right; } .comment .comment-actions li { display: inline; margin-right: 10px; } .comment .comment-actions li a { color: #6C7B92; border-bottom: 1px dotted; font-size: 10px; } /* Форма комментирования */ .reply-header { font-size: 12px; line-height: 1.3em; margin-bottom: 20px; color: #6cada3; } .reply textarea { height: 100px; } .reply textarea.loader { background: #f7f7f7 url(http://fabnews.ru/templates/skin/vintage/images/loader.gif) no-repeat center; } .reply .mceEditor { display: block; margin-bottom: 10px; }/* ------------------------------------------------------------------- БЛОКИ ------------------------------------------------------------------- */ .block { margin-bottom: 40px; padding: 0 8px; } .block:last-child { margin-bottom: 0; } .block .block-header { position: relative; padding-bottom: 5px; margin-bottom: 7px; } .block .block-header h3 { font-size: 14px; font-weight: bold; line-height: 1em; text-transform: uppercase; color: #333; display: inline-block; text-shadow: 1px 1px 0 #FFF; } .block .block-header h3 i { width: 17px!important; } .block .block-header h3 a { text-decoration: none; color: #333; } .block .block-header h3 a.link-dotted { color: #777; text-transform: none; font-size: 12px; text-shadow: none; font-weight: normal; } .block .block-header.mini h3 { font-size: 11px; padding: 0 5px; text-shadow: 1px 2px rgba(255, 255, 255, 0.1); font-weight: normal; } .block footer { margin-top: 15px; font-size: 11px; color: #ccc; text-align: center; } .block .max-height-200 { overflow: auto; max-height: 200px; _height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); position: relative; } /* Blog Block */ .block.block-type-blog-info img.blog-avatar,.block.block-type-blog img.blog-avatar { width: 212px; border: 4px solid #fff; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px #DDD; -moz-box-shadow: 0px 1px 2px #DDD; box-shadow: 0px 1px 2px #DDD; } .block.block-type-blog-info { display: block; } .block.block-type-blog-info .block-content.blog-info { text-align: center; margin-bottom: 20px; } .block.block-type-blog-info .blog-readers span { width: 50%; text-align: center; float: left; margin-bottom: 5px;} .block.block-type-blog-info .blog-description { padding-top: 5px; overflow: hidden; font-size: 13px; text-shadow: 0px 1px 0 #FFF; } /* Block Type - Stream */ .block .block-update { position: absolute; top: 2px; right: 5px; width: 16px; height: 16px; cursor: pointer; opacity: 0.8; font-size: 10px; } .block .block-update i { -webkit-transition: all 900ms linear; -moz-transition: all 900ms linear; -o-transition: all 900ms linear; -ms-transition: all 900ms linear; transition: all 900ms linear; } .block .block-update.active i { opacity: 0.5; } .block.block-type-activity a { font-weight: bold; } /* Block Type - Activity Settings */ .block.block-type-activity p { margin-bottom: 15px; } .block.block-type-activity ul li { margin-bottom: 5px; } .block.block-type-activity .note { display: block; margin-bottom: 15px; color: #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: 100%; } .status { position: absolute; top: 10px; left: 0; padding: 0 0 0 10px; font-size: 11px; line-height: 18px; height: 20px; } .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; } .status.status-online { background: rgba(101, 192, 187, 0.7); color: #fff; } .status.status-online:before { border-color: rgba(101, 192, 187, 0.7) transparent rgba(101, 192, 187, 0.7) rgba(101, 192, 187, 0.7); } .status.status-offline { background: #333; color: #fff; opacity: .5; filter:alpha(opacity=50); } .status.status-offline:before { border-color: #333 transparent #333 #333; } .block.block-type-profile .upload-photo { padding: 7px 10px 10px; background: #f7f7f7; } .block.block-type-profile-note { background: #F5F5F5; border: 1px solid #ECECEC; padding: 15px; border-radius: 4px; } .block.block-type-profile-note p { margin-bottom: 10px; color: #555; } .block.block-type-profile-note .actions { margin-bottom: 0; } .block.block-type-profile-nav { padding: 0; background: none; } .block.block-type-profile-actions .block-content { padding: 10px 15px; } .block.block-type-profile-actions ul li { margin-bottom: 5px; } .block.block-type-profile-actions ul li:last-child { margin-bottom: 0; } .block.block-type-profile-actions ul li a.followed { color: #f00; } /* Block Type - Foldable */ .block.block-type-foldable { background: none; } .block.block-type-foldable .block-header { background: none; border: none; padding: 10px 0; box-shadow: none; } .block.block-type-foldable .block-content { display: none; background: rgba(204, 204, 204, 0.1); padding: 20px; } .block.block-type-talk-search { margin-bottom: 10px; } .block.block-type-talk-friends { margin-bottom: 10px; } /* Block Type - List */ .block-blog-list li { margin-bottom: 10px; position: relative; padding-right: 50px; color: #777; padding-bottom: 5px; } .block-blog-list li a { padding-right: 5px; } .block-blog-list li i { position: relative; top: -2px; } .block-blog-list li strong { position: absolute; top: 0; right: 0; padding-right: 5px; font-weight: bold; font-size: 12px; } /* Item List ---------------------------------------------------- */ .item-list li { min-height: 51px; padding: 7px 0 10px 58px; position: relative; zoom: 1; } .item-list li p { padding-top: 2px; color: #B3B3B3; height: 18px; overflow: hidden; font-style: italic; font-size: 11px; } .item-list li a { text-decoration: none; color: #444; font-weight: bold; text-shadow: 0px 1px 0 #FFF; } .item-list li a:hover { text-decoration: underline; } .item-list li .circle { position: absolute; top: 10px; left: 0; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; height: 45px; width: 45px; display: block; } .item-list li .avatar { display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 100%; border: 0; margin: 0; } .item-list li .author { font-weight: normal; } .item-list li .blog-name { font-weight: normal; } /* Список пользователей ---------------------------------------------------- */ .user-list-avatar { overflow: hidden; zoom: 1; } .user-list-avatar a { overflow: hidden; zoom: 1; } .user-list-avatar li { width: 53px; overflow: hidden; float: left; padding: 0 10px 10px; text-align: center; font-size: 11px; } .user-list-avatar .circle { float: left; width: 47px; height: 47px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-width: 2px!important; border-style: solid; overflow: hidden; } .user-list-avatar img { display: block; width: 100%; border: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .user-list-avatar.mini { margin-bottom: 15px; } .user-list-avatar.mini li { width: 45px; padding: 0 5px 5px; } .user-list-avatar.mini .circle { width: 40px; height: 40px; } .block-blog-list li:after, .blog-list-avatar:after, .item-list li:after { content: ""; height: 1px; display: block; position: absolute; bottom: -2px; position: absolute; bottom: 0px; width: 100%; left: 0; } /* Список ---------------------------------------------------- */ .blog-list-avatar { overflow: hidden; padding-bottom: 5px; position: relative; } .blog-list-avatar li a { float: left; font-size: 12px; margin: 6px; overflow: hidden; text-align: center; opacity: 0.5; filter:alpha(opacity=50); position: relative; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; margin-right:10px; border-radius:10%; -webkit-border-radius:10%; -moz-border-radius:10%; border:1px solid #fff; height:37px; width:37px; } .blog-list-avatar li a:hover { opacity: 1; filter:alpha(opacity=50); } .blog-list-avatar li a img { display:block; border-radius:10%; -webkit-border-radius:10%; -moz-border-radius:10%; width:100%; border:0; margin:0; } /* Анимация аватаров ---------------------------------------------------- */ /* .circle img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .circle:hover img { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } *//* -------------------------------------------- МОДАЛЬНЫЕ ОКНА -------------------------------------------- */ .modal { overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fcfcfc; border-radius: 3px; color: #333; display: none; left: 50%; margin-left: -150px; position: fixed; top: 25%; width: 300px; z-index: 9999!important; } .modal input, .modal select { background-color: #fcfcfc; } .modal:before { -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #FFF; border-radius: 3px; border: 1px dashed #CCC; bottom: 5px; box-shadow: 0 0 0 1px #FFF; content: ''; left: 5px; position: absolute; right: 5px; top: 5px; z-index: -1; } .modal .close:hover { color: #333; } .modal .modal-header { padding: 10px 20px 0; text-align: center; } .modal .modal-header h3 { color: #444; font-size: 18px; padding-bottom: 10px; font-weight: bold; } .modal .modal-header h3:after { content: ' '; display: block; width: 100%; height: 1px; margin-top: 5px; background: -moz-linear-gradient(left, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,0.8) 20%, rgba(238, 238, 238,1) 53%, rgba(238, 238, 238,0.8) 79%, rgba(238, 238, 238,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238, 238, 238,0)), color-stop(20%,rgba(238, 238, 238,0.8)), color-stop(53%,rgba(238, 238, 238,1)), color-stop(79%,rgba(238, 238, 238,0.8)), color-stop(100%,rgba(238, 238, 238,0))); background: -webkit-linear-gradient(left, rgba(238, 238, 238,0) 0%,rgba(238, 238, 238,0.8) 20%,rgba(238, 238, 238,1) 53%,rgba(238, 238, 238,0.8) 79%,rgba(238, 238, 238,0) 100%); background: -o-linear-gradient(left, rgba(238, 238, 238,0) 0%,rgba(238, 238, 238,0.8) 20%,rgba(238, 238, 238,1) 53%,rgba(238, 238, 238,0.8) 79%,rgba(238, 238, 238,0) 100%); background: -ms-linear-gradient(left, rgba(238, 238, 238,0) 0%,rgba(238, 238, 238,0.8) 20%,rgba(238, 238, 238,1) 53%,rgba(238, 238, 238,0.8) 79%,rgba(238, 238, 238,0) 100%); background: linear-gradient(left, rgba(147, 184, 189, 0) 0%,rgba(147, 184, 189, 0.8) 20%,rgba(241, 241, 241, 1) 53%,rgba(147, 184, 189, 0.8) 79%,rgba(147, 184, 189, 0) 100%); } .modal .modal-content { padding: 0px 20px 20px; } .jqmOverlay { background-color: #000; z-index: 9999!important; } * 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: 10px; } .modal form p button { float: right; position: relative; top: -7px; } /* Create */ .modal.modal-write { width: auto; top: 50px; margin-left: -250px; } .modal.modal-write .modal-content { padding: 0 10px 10px; *padding: 20px 10px 15px; } .modal.modal-write .write-list { *overflow: hidden; *zoom: 1; } .modal.modal-write .write-list li { width: 90px; margin: 0 11px 10px; text-align: center; overflow: hidden; display: inline-table; *float: left; } .modal.modal-write .write-list li:hover { opacity: 0.8; filter:alpha(opacity=80); } .modal.modal-write .write-list li a { color: #333; } .modal.modal-write .write-list li .write-item-image { display: block; width: 90px; height: 90px; border-radius: 3px; text-align: center; background: url(http://fabnews.ru/templates/skin/vintage/images/create-vintage.png) no-repeat; } .modal.modal-write .write-list li.write-item-type-topic .write-item-image { background-position: -2px 0; } .modal.modal-write .write-list li.write-item-type-message .write-item-image { background-position: -92px 0; } .modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -180px 0; } .modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: -271px 0; } .modal.modal-write .write-list li.write-item-type-forum .write-item-image { background-position: -446px 0; } .modal.modal-write .write-list li.write-item-type-album .write-item-image { background-position: -359px 0; } /* Upload Image */ .modal-image-upload { width: 500px; margin-left: -250px; } /* -------------------------------------------- БЛОГ -------------------------------------------- */ .blog { margin-bottom: 20px; } /* Header */ .blog .blog-header { position: relative; padding: 15px 130px 17px 0px; border-bottom: 1px dashed #CDCDCD; } .blog .blog-header h2 { font-size: 24px; line-height: 1em; margin-top: 7px; } .blog .blog-header h2 i { position: relative; top: 5px; } .blog .blog-header .vote-label { font-size: 11px; text-transform: uppercase; text-align: right; font-size: 12px; color: #777; } .blog .blog-header .count { font-size: 24px; line-height: 1em; text-align: right; } .blog .blog-header a { color: #aaa; } .blog .blog-header .vote { position: absolute; top: 10px; right: 13px; font-size: 11px; } .blog .blog-header .vote .vote-count { padding-left: 28px; display: block; color: #333; } .blog .blog-header .vote .vote-up { position: absolute; top: 17px; left: 0; } .blog .blog-header .vote .vote-down { position: absolute; top: 30px; left: 0; } .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: #5b9a68; } .blog .blog-header .actions { margin-bottom: 0; } /* Footer */ .blog .blog-footer { padding-top: 15px; } /* More Button */ .blog-more { display: block; padding: 10px 0; text-align: center; text-decoration: none; background: #fafafa; } .blog-more:hover { background: #eee; } /* -------------------------------------------- СТРАНИЦА ПОЛЬЗОВАТЕЛЯ -------------------------------------------- */ .profile-page-header { display: none; } .profile { min-height: 48px; padding: 0 300px 10px 0; position: relative; border-bottom: 1px dashed #CDCDCD; margin-bottom: 20px; } h2.page-header.user-login { border: none; padding: 0; font-size: 22px; margin-bottom: 5px; color: #333; } .profile .vote-label { text-transform: uppercase; text-align: right; font-size: 11px; color: #777; } .profile .count { font-size: 24px; line-height: 1em; text-align: right; color: #5f7fa2; } .profile .vote { position: absolute; top: 0; right: 100px; font-size: 15px; } .profile .vote a { color: #aaa; } .profile .vote .vote-count { padding-left: 20px; display: block; } .profile .vote .vote-up { position: absolute; top: 16px; left: 0; display: none; } .profile .vote .vote-down { position: absolute; top: 28px; left: 0; display: none; } .profile .vote:hover .vote-up, .profile .vote:hover .vote-down, .profile .vote.voted .vote-up, .profile .vote.voted .vote-down { display: inline-block; } .profile .vote.vote-count-positive .vote-count { color: #5b9a68; } .profile .strength { position: absolute; top: 0; right: 0; } .profile .user-login { width: 270px; font-size: 24px; line-height: 22px; font-weight: normal; margin-bottom: 5px; } .profile .user-login.no-user-name { position: relative; top: 9px; } .profile .user-name { color: #666; font-size: 14px; } .profile-page-header { font-size: 12px; font-weight: bold; margin-bottom: 20px; border-bottom: medium double #F2F1F1; color: #333; padding: 5px 10px 6px; font-size: 18px; font-weight: 700; line-height: 1em; text-transform: uppercase; padding-bottom: 5px; } .profile-info-about { padding: 13px 20px 20px 127px; min-height: 100px; background: #F8F8F8; border-radius: 6px; margin-bottom: 30px; color: #555; position: relative; } .profile-info-about .circle { position: absolute; top: 20px; left: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 5px solid #fff; vertical-align: top; width: 80px; height: 80px; } .profile-info-about img { display: block; width: 100%; border: 0; margin: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .profile-info-about h3 { font-size: 16px; margin-bottom: 5px; margin-top: 5px; color: #333; } .profile-info-about p { font-size: 13px; } .profile-left { width: 55%; float: left; margin-right: 40px; } .profile-right { width: 33%; float: left; } .profile-info-me { padding: 13px 20px; margin-bottom: 30px; } .profile-left .table td,.profile-left .table th,.profile-right .table td,.profile-right .table th { padding: 5px 2px; }/* -------------------------------------------- СТЕНА -------------------------------------------- */ .wall-submit { margin-bottom: 30px; } .wall-submit.wall-submit-reply { margin: 10px 0 2px 25px; padding: 7px; background: #fafafa; } .wall-submit.wall-submit-reply textarea { height: 38px; *height: 16px; *width: 590px; margin: 0; } .wall-submit.wall-submit-reply button { display: none; } .wall-submit.wall-submit-reply.active textarea { height: 80px; margin-bottom: 5px; } .wall-submit.wall-submit-reply.active button { display: block; } .wall-submit p { margin-bottom: 5px; } .comments.wall, .wall .comment { margin-bottom: 10px; } .wall .comment .comment-info { padding-bottom: 0; } .wall .comment .comment-content { margin-bottom: 3px; } .comment.wall-comment-reply { min-height: 0; padding-left: 48px; } .comment.wall-comment-reply .comment-avatar { width: 30px; height: 30px; } .wall-more { display: block; background: #f7f7f7; text-align: center; padding: 7px 0; font-size: 12px; margin-bottom: 2px; } .wall-more:hover { background: #eee; } .wall-more.wall-more-reply { margin-left: 25px; } .wall-more.loader { background: #fafafa url(http://fabnews.ru/templates/skin/vintage/images/loader.gif) 50% 50% no-repeat; } .wall-more.loader .wall-more-inner { visibility: hidden; } .wall-note h3 { margin-bottom: 20px; display: block; font-size: 12px; padding: 8px; color: #c09853; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background: #fcf8e3; border: 1px solid #f7ecb5; border-radius: 5px; margin-bottom: 20px; font-weight: bold; text-shadow: 1px 1px 2px #fff; }/* -------------------------------------------- ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ -------------------------------------------- */ .infobox { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 9999; text-align: left; padding: 10px; min-width: 50px; max-width: 300px; color: #fff; background: rgba(0,0,0,.8); border-radius: 5px; font-size: 12px; } .infobox .tip-arrow { position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #fff; } .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 i { font-size: 11px; } /* Default Tip */ .infobox.infobox-standart { border: 1px solid #333; font-weight: bold; text-shadow: 1px 1px 0px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21); color: #fff; background: rgba(0, 0, 0, 0.8); } .infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); } /* Yellow */ .infobox.infobox-yellow { color: #3e3e16; border-radius: 4px; padding: 15px 20px; background: #fff; -webkit-box-shadow: 0 0 14px #ddd; -moz-box-shadow: 0 0 14px #ddd; box-shadow: 0 0 14px #ddd; } .infobox.infobox-yellow .tip-arrow { border-color: #fff; z-index: 5;}/* -------------------------------------------- ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ -------------------------------------------- */ #notifier { width: 250px; position: fixed; top: 10px; right: 10px; font-size: 11px; z-index: 9999; /* IE 6 Fix */ _position: absolute; _top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" ); } #notifier .n-box { position: relative; padding: 10px 15px 11px; margin-bottom: 10px; color: #fff; background: url(http://fabnews.ru/templates/skin/vintage/images/jquerybg.png) #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #notifier .n-box h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 3px; } #notifier .n-box p { margin: 0; } #notifier .n-box.n-notice { background: url(http://fabnews.ru/templates/skin/vintage/images/jquerybg.png) #FFF1A8; color: #333; } #notifier .n-box.n-notice h3 { color: #333; } #notifier .n-box.n-error { background: url(http://fabnews.ru/templates/skin/vintage/images/jquerybg.png) #000; color: #fff; opacity: 0.8; filter:alpha(opacity=80); }/* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http: //jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http: //jquery.org/license * * http: //docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, AUTHORS.txt (http: //jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http: //jquery.org/license * * http: //docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http: //jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter:alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://fabnews.ru/templates/skin/vintage/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter:alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Autocomplete 1.8.14 * * Copyright 2011, AUTHORS.txt (http: //jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http: //jquery.org/license * * http: //docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.14 * * Copyright 2010, AUTHORS.txt (http: //jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http: //jquery.org/license * * http: //docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; 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(http://fabnews.ru/templates/skin/vintage/images/loader.gif) 50% 50% no-repeat; }/* -------------------------------------------- СТИЛИ ДЛЯ ПЕЧАТИ -------------------------------------------- */ @media print { @page { margin: 0.5cm; } * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } body, .text { font-size: 14pt; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } h1 { font-size: 30pt !important; } h4 { font-size: 26pt !important; } h5 { font-size: 23pt !important; } h6 { font-size: 20pt !important; } p, h3, h4, h5 { orphans: 3; widows: 3; } h3, h4, h5 { page-break-after: avoid; } #header, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper, .topic-footer, .stat-performance, .actions, .reply-header { display: none !important; } #wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; } #content { width: 100%; margin: 0; } .topic { margin-bottom: 100px; } }/* USERBARMENU LEFT */ /*HOW TO CREATE A CSS3 DROPDOWN MENU [TUTORIAL] "How to create a CSS3 Dropdown Menu [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc. Links: http: //vtimbuc.net/ https: //twitter.com/vtimbuc http: //designmodo.com http: //vladimirkudinov.com */ /* Reset */ .menu, .menu ul, .menu li, .menu a { margin: 0; padding: 0; border: none; outline: none; z-index: 1001; } /* Menu */ .menu { height: 46px; } .menu li { position: relative; list-style: none; float: left; display: block; height: 46px; } /* Links */ .menu li a { display: block; padding: 0 14px; margin: 10px 0; line-height: 28px; text-decoration: none; font-weight: bold; font-size: 10px; color: #f3f3f3; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .menu li:first-child a { border-left: none; } .menu li:last-child a { border-right: none; } .menu li:hover > a { color: #EAE8A5; } /* Sub Menu */ .menu ul { position: absolute; top: 47px; left: 0; filter:alpha(opacity=0); opacity: 0; background-color: #000; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; z-index: 1001; } .menu li:hover > ul { opacity: 1; filter:alpha(opacity=100); } .menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .menu li:hover > ul li { height: 36px; overflow: visible; padding: 0; } .menu ul li a { min-width: 125px; padding: 4px 0 4px 10px; margin: 0; border: none; border-bottom: 1px solid #353539; text-transform: uppercase; } .menu ul li:last-child a { border: none; } /* Menu */ .menu li a img { position: absolute; } .menu li a span { margin-left: 35px; font-size: 13px; } .menu li.item-messages { border-left: 1px solid #444; } .menu li.item-messages a { font-size: 12px; } .menu li.mobile { border-left: 1px solid #444; display: none; } .menu ul li a i { font-size: 10px; margin-right: 5px; position: relative; top: -1px; } .nav-sea { float: left; } .social { float: right; } .menu li.item-messages i.icon-envelope { margin-top: 1px; } .menu ul li a i.icon-logout,.menu ul li a i.icon-cog { top: 0; } /* USERBARMENU RIGHT */ .userbar-arrows { display: block; height: 6px; width: 100%; z-index: 5; } .userbar { background-color: #000; clear: both; height: 47px; letter-spacing: 0.13em; margin: 0px; position: relative; width: 100%; z-index: 5; } .userbar-menu.right { height: 52px; display: inline; float: right; vertical-align: middle; overflow: hidden; } .userbar-menu.left { height: 52px; display: inline; float: left; vertical-align: middle; } .userbar-nav { overflow: hidden; } .userbar-nav li { float: left; } .userbar-nav li a { display: block; color: #ccc; font-weight: normal; margin: 0px; padding: 14px 15px; text-shadow: 1px 1px 0px #000000, 2px 2px 0px #555555; font-size: 13px; } .userbar-nav li a:hover { color: #ddd; } /* USERBARMENU ICONS */ .social { margin-top: 7px; } .social a { -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; transition: all .9s ease-in-out; background-repeat: no-repeat; display: block; float: right; height: 30px; margin: 0 3px; text-indent: -9999px; width: 30px; } .social a:hover { -moz-transform: rotate(720deg); -webkit-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg); } a.instagram { background: url(http://fabnews.ru/templates/skin/vintage/images/social/instagram.png); } a.rss { background: url(http://fabnews.ru/templates/skin/vintage/images/social/rss-icon.png); } a.youtube { background: url(http://fabnews.ru/templates/skin/vintage/images/social/youtube-icon.png); } a.dribbble { background: url(http://fabnews.ru/templates/skin/vintage/images/social/dribbble-icon.png); } a.facebook { background: url(http://fabnews.ru/templates/skin/vintage/images/social/facebok-icon.png); } a.plus { background: url(http://fabnews.ru/templates/skin/vintage/images/social/gplus-icon.png); } a.twitter { background: url(http://fabnews.ru/templates/skin/vintage/images/social/twitter-icon.png); } a.vimeo { background: url(http://fabnews.ru/templates/skin/vintage/images/social/vimeo-icon.png); } a.deviantart { background: url(http://fabnews.ru/templates/skin/vintage/images/social/deviantart-icon.png); } a.flickr { background: url(http://fabnews.ru/templates/skin/vintage/images/social/flickr-icon.png); } a.linked { background: url(http://fabnews.ru/templates/skin/vintage/images/social/linkedin-icon.png); } a.pinterest { background: url(http://fabnews.ru/templates/skin/vintage/images/social/pinterest-icon.png); } a.html5 { background: url(http://fabnews.ru/templates/skin/vintage/images/social/html5-icon.png); } a.linkedin { background: url(http://fabnews.ru/templates/skin/vintage/images/social/linkedin-icon.png); } a.skype { background: url(http://fabnews.ru/templates/skin/vintage/images/social/skype-icon.png); } a.vkontakte { background: url(http://fabnews.ru/templates/skin/vintage/images/social/vk-icon.png); } /* SEARCH */ /* Reset */ .nav-sea, .nav-sea a, .nav-sea ul, .nav-sea li, .nav-sea div, .nav-sea form, .nav-sea input { margin: 0; padding: 0; border: none; outline: none; } .nav-sea li { list-style: none; } /* Menu Container */ .nav-sea { display: inline-block; cursor: default; z-index: 500; margin-right: 10px; } /* Menu List */ .nav-sea > li { display: block; float: left; } /* Search Form */ .nav-sea > li.nav-sea-search > form { position: relative; width: inherit; height: 46px; z-index: 510; border-right: 1px solid #444; } .nav-sea > li.nav-sea-search input[type="text"] { opacity: 0; display: block; float: left; width: 0; height: 24px; padding: 11px 0; line-height: 24px; font-weight: bold; font-size: 13px; color: #ccc; text-shadow: 0 0 1px rgba(0,0,0,.35); background: #222; -webkit-transition: all .3s ease 1s; -moz-transition: all .3s ease 1s; -o-transition: all .3s ease 1s; -ms-transition: all .3s ease 1s; transition: all .3s ease 1s; } .nav-sea > li.nav-sea-search input[type="text"]:focus { color: #fcfcfc; } .nav-sea > li.nav-sea-search input[type="text"]:focus, .nav-sea > li.nav-sea-search:hover input[type="text"] { width: 110px; padding: 11px 20px; opacity: 1; -webkit-transition: all .3s ease .1s; -moz-transition: all .3s ease .1s; -o-transition: all .3s ease .1s; -ms-transition: all .3s ease .1s; transition: all .3s ease .1s; } .nav-sea > li.nav-sea-search input[type="submit"] { display: block; float: left; width: 20px; height: 46px; padding: 0 25px; cursor: pointer; background: url(http://fabnews.ru/templates/skin/vintage/images/search-icon.png) no-repeat center center; border-radius: 0 3px 3px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .nav-sea > li.nav-sea-search input[type="submit"]:hover { background-color: #444; }/* -------------------------------------------- Меню -------------------------------------------- */ .nav-navigation { margin: auto; height: 46px; text-align: center; z-index: 5; box-shadow: 0 2px 2px rgba(0, 0, 0, .3); background: url(http://fabnews.ru/templates/skin/vintage/themes/nav.png) #65c0bb; } .nav-navigation > li { margin: 0; line-height: 1; padding: 0; display: inline; position: relative; margin: 0 12px; } .nav-navigation-dub { height: 46px; width: 100%; margin-bottom: 15px; } #container.brand { position: relative; } #nav-fixed { top: 106px; height: 46px; position: absolute; width: 100%; z-index: 5; } #nav-fixed:after, #nav-fixed:before { content: ""; display: block; position: absolute; top: 6px; height: 0px; width: 0px; border: 23px solid #65c0bb; z-index: -1; } /* The left ribbon */ #nav-fixed:before { border-left-color: transparent; left: -29px; } /* The right ribbon */ #nav-fixed:after { border-right-color: transparent; right: -29px; } .nav-navigation > li > a { display: inline-block; padding: 16px 12px; position: relative; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; text-shadow: 1px 2px rgba(0, 0, 0, .2); -webkit-transition: color .3s linear; -moz-transition: color .3s linear; -o-transition: color .3s linear; -ms-transition: color .3s linear; transition: color .3s linear; } .nav-navigation > li > a:hover, .nav-navigation > li:hover > a { color: #eae8a5; } .nav-navigation > li > a:after { content: ""; height: 15px; width: 15px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAQVJREFUeNqkkz1KxFAUhb+kk7HTKt00prY1QTcQUlgkILgC04i1IEyRcposQBA3EGKjWYKYKjswTCeIIkmROTbDEIYk/syB1xze9zicd68hiX9LEkMPSDof4wZhSXuSPoIgcIZgcyTUGbDred4lsPOn2JKeJamqqlfgcDS2pJmkt85Zq2maz44/64ONsizvNaI8z59M04wAp7ewoihu+8A0TR+BK+B4sG1J+5KWG+zStu1rwPmpbQcwABaLRbXyjDAMp8BL92If7LZt+x7H8Z1lWfMkSZK6rr9c150C1uhXSbrxff8UuAAOAKIocrIsewBOfjNhR8Bkw5us/DVsbLMYJlvoewCv5RDZT1L00AAAAABJRU5ErkJggg==); position: absolute; right: -20px; top: 16px; display: block; } .nav-navigation > li:last-child > a:after { display: none; } .nav-navigation ul { position: absolute; left: -9999px; border-bottom: 1px solid #ddd; filter:alpha(opacity=0); opacity: 0; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; -ms-transition: opacity .3s linear; z-index: 5; } .nav-navigation > li:hover > ul { left: 0; opacity: 1; filter:alpha(opacity=100); top: 27px; display: block!important; } .nav-navigation ul li:hover > ul { left: 150px; opacity: 1; top: -1px; padding-left: 10px; border-bottom: 0; box-shadow: none; display: block!important; } .nav-navigation ul li { display: block; position: relative; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; width: 150px; text-align: justify; z-index: 9; background: #F5F5F5; box-shadow: 3px 4px 0 rgba(0, 0, 0, .1); -webkit-transition: background .3s linear; -moz-transition: background .3s linear; -ms-transition: background .3s linear; -o-transition: background .3s linear; } .nav-navigation ul li a { font-size: 12px; text-decoration: none; display: block; padding: 7px 12px 7px 20px; color: #65c0bb; -webkit-transition: color .3s linear; -moz-transition: color .3s linear; -ms-transition: color .3s linear; -o-transition: color .3s linear; } .nav-navigation ul li:hover > a, .nav-navigation ul li a:hover { color: #4db6b0; } .flexMenu-popup li:hover, .nav-navigation ul li:hover { background: #FCFCFC; } .nav-navigation ul ul li:last-child { border-bottom: 1px solid #ddd; } .nav-navigation ul ul li { box-shadow: 3px 3px 0 rgba(0, 0, 0, .1); } .nav-navigation ul:after, .nav-navigation ul:before { content: ""; display: block; z-index: 5; position: absolute; height: 9px; width: 9px; } .nav-navigation > li > ul:after { border: 1px solid #ddd; background: #F5F5F5; border-right: 0; border-bottom: 0; top: -5px; left: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .nav-navigation > li > ul:before { height: 1px; width: 12px; background: #F5F5F5; border-right: 0; border-bottom: 0; top: 0px; left: 24px; z-index: 99; } .nav-navigation ul ul:after { border: 1px solid #ddd; background: #F5F5F5; border-right: 0; border-bottom: 0; top: 10px; left: 6px; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .nav-navigation ul ul:before { height: 10px; width: 1px; background: #F5F5F5; z-index: 99; top: 10px; left: 10px; } /* -------------------------------------------- Меню блогов -------------------------------------------- */ /* Arrow */ .nav-navigation > li > div:before { border: 1px solid #ddd; background: #F5F5F5; border-right: 0; border-bottom: 0; top: -6px; left: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); content: ""; display: block; z-index: 5; position: absolute; height: 9px; width: 9px; } /* Mega menu div*/ .nav-navigation > li > div { position: absolute; display: block; width: 650px; height: auto; top: 27px; left: 0; opacity: 0; visibility: hidden; overflow: hidden; background: #F5F5F5; border-radius: 0 0 3px 3px; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; -ms-transition: opacity .3s linear; transition: opacity .3s linear; z-index: 5; border: 1px solid #ddd; box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.1); } .nav-navigation > li > div .nav-column { width: 150px; opacity: 1; left: auto; display: block; position: relative; border: 0; text-align: left; } .nav-navigation > li > div .nav-column a { font-size: 12px; font-weight: 700; text-decoration: none; display: block; padding: 7px 12px 7px 20px; background: #F5F5F5; color: #65C0BB; -webkit-transition: background .3s linear; -moz-transition: background .3s linear; -ms-transition: background .3s linear; -o-transition: background .3s linear; } .nav-navigation > li > div .nav-column a:hover { background: #FCFCFC; color: #65C0BB; } .nav-navigation > li:hover > div { opacity: 1; visibility: visible; overflow: visible; } /* Column style */ .nav-navigation .nav-column { float: left; padding: 0 0 15px 10px; display: block; } .nav-navigation .nav-column h3 { margin: 15px 10px 0 10px; line-height: 18px; font-weight: bold; font-size: 14px; color: #333; text-transform: uppercase; text-align: left; padding-left: 10px; }/* Footer ---------------------------------------------------- */ #footer { position: relative; z-index: 1; } #footer #container { overflow: hidden; } /*arrows*/ .footer-line-arrow-one { margin: 5px 0 1px; height: 4px; width: 100%; z-index: 5; } .footer-line-arrow-two { margin: 4px 0 1px; height: 4px; width: 100%; z-index: 5; } /*copyright*/ .copyright { color: #818181; } .copyright { border-top: 2px dotted #666; padding: 20px 0; margin: 0 20px; } .copyright a { color: #818181; text-decoration: none; } .copyright a:hover { text-decoration: none; border-bottom: 1px solid; } /*tags*/ .footer-tag-line { padding: 55px 0 35px; overflow: hidden; } .footer-tag-line .block-header, .footer-tag-line .search-tags, .footer-tag-line .nav.nav-pills { display: none; } /*about*/ .footer-about { overflow: hidden; color: #666; padding: 20px 0; } .footer-about .column-one { padding-left: 20px; float: left; width: 42%; } .footer-about .column-two { padding-right: 20px; float: right;} /*info*/ .footer-about span.site-info { margin-bottom: 30px; display: block; color: #818181; } .footer-about h4 { color: #B9B9B9; font-size: 12px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } .footer-about h4.footer-create { margin-left: 15px; } /*login*/ .footer-about form label { color: #999; } .footer-about input.input-text { background-color: #222; border: 1px solid #333; border-radius: 3px; color: #ddd; box-shadow: 0 0 0 0 #333; -webkit-box-shadow: 0 0 0 0 #333; -moz-box-shadow: 0 0 0 0 #333; } .footer-about input.input-text:focus { color: #ddd; background-color: #444; box-shadow: 0 0 4px 2px #333; -webkit-box-shadow: 0 0 4px 2px #333; -moz-box-shadow: 0 0 4px 2px #333; outline: medium none currentColor; } /*write*/ .footer-about .write-list { *overflow: hidden; *zoom: 1; } .footer-about .write-list li { width: 65px; margin: 0 10px 10px; text-align: center; overflow: hidden; display: inline-table; *float: left; } .footer-about .write-list li:hover { opacity: 0.9; filter:alpha(opacity=90); } .footer-about .write-list li a { color: #999; } .footer-about .write-list li .write-item-image { display: block; width: 65px; height: 65px; border-radius: 3px; text-align: center; background: url(http://fabnews.ru/templates/skin/vintage/images/create-vintage-footer.png) no-repeat; opacity: 0.9; } .footer-about .write-list li.write-item-type-topic .write-item-image { background-position: -6px -5px; } .footer-about .write-list li.write-item-type-message .write-item-image { background-position: -82px -5px; } .footer-about .write-list li.write-item-type-blog .write-item-image { background-position: -152px -5px; } .footer-about .write-list li.write-item-type-draft .write-item-image { background-position: -225px -5px; } .footer-about .write-list li.write-item-type-forum .write-item-image { background-position: -365px -5px; } .footer-about .write-list li.write-item-type-album .write-item-image { background-position: -296px -5px; } #footer .openid-link a { margin-left:-2px!important; }/*video size*/ .topic-content.text iframe, .topic-content.text object, .topic-content.text embed { margin: 0px auto; display: block; } /*media screen*/ @media only screen and ( max-width: 1010px ) { .list-item-container .list-item-block { width: 50%; } .nav-navigation > li > a { padding: 15px 18px; } } @media only screen and ( max-width: 965px ) { .nav-navigation > li > a { padding: 15px 6px; } .footer-about .write-list li { margin: 0px 5px 5px; } } @media only screen and ( max-width: 800px ) { #container, .footer-about .column-one, #nav-fixed { width: 100%!important; min-width: 100%!important; } .stat-performance { display: none; } #wrapper { background: #fff; padding-right: 35px; } #wrapper:before { content: none; } #content { margin-right: 0px; width: 100%; } #sidebar { width: 0px; display: none; } .nav.nav-pills.mobile { display: block; } .toolbar { display: none!important; } .menu li.mobile { display: block; } .menu li.mobile a { font-size: 14px; } .social { display: none; } #content.content-full-width { margin-right: 0; } #content.content-right { margin-left: 0px; } #wrapper.content-right { background: #fff; } #wrapper.content-right:before { content: none; } #content-wrapper { width: 100%; margin-right: 0px; } #wrapper.content-right #content-wrapper { margin: 0; } } @media only screen and ( max-width: 540px ) { .list-item-container .list-item { width: 155px; } .list-item-container .item-avatar { left: 36px; } }/* -------------------------------------------- VINTAGE REDESIGN -------------------------------------------- */ .block .block-header { border-bottom: 1px solid #ddd; box-shadow: #fff 0px 1px 0px 0px; } .block-blog-list li, .blog-list-avatar, .item-list li { border-bottom: 1px dashed #fff; } .block-blog-list li:after, .blog-list-avatar:after, .item-list li:after { border-bottom: 1px dashed #ddd; } .page-header-branding h2.page-header { border-bottom: 1px solid #ddd; box-shadow: 0px 1px 0px #FFF; } .page-header-branding h2.page-header:after { border-bottom: 1px solid #ddd; box-shadow: 0px 1px 0px #FFF; } .nav-filter-wrapper { border-bottom: 1px solid #ddd; border-top: 1px solid #fff; box-shadow: 0px -1px 0px #ddd, 0px 1px 0px #FFF; } .nav.nav-profile li { border-bottom: 1px solid #ddd; box-shadow: #fff 0px 1px 0px 0px; } .circle { -webkit-box-shadow: 0px 1px 2px #ddd; -moz-box-shadow: 0px 1px 2px #ddd; box-shadow: 0px 1px 2px #ddd; border: 3px solid #FFF; background: #f8f8f8; } .vote .vote-up:before { content: '\e83e'; font-size: 14px; } .vote .vote-down:before { content: '\e840'; font-size: 14px; } .comment .comment-info .vote .vote-down { bottom: -4px; } /* DAO */ .compare-table .compare-item a, .dao-block-category-list li a, .dao-category-list .dao-category-item a, .dao-block-item-list li .dao-item-title a, .dao-item .dao-item-brief .dao-tags a, .dao-item-extra a, .dao-catalog-item-list li .dao-item-extra .ls-user { color:#6CADA3!important; } .dao-item .dao-item-brief .dao-tags a:hover, .dao-block-category-list li a:hover, .dao-item-extra a:hover, .dao-catalog-item-list li .dao-item-extra .ls-user:hover, .dao-block-item-list li .dao-item-title a:hover { color:#6B7A81!important; } .dao-block-item-list li { background: #FAFAFA!important; border: 1px solid #F7F7F7!important; }/* Search */ .dao-search-top { margin-bottom: 10px; } .dao-search-top .search-item { margin-bottom: 0; } .dao-search-top .search-abc-empty { padding: 1px 5px; color: #BECEDE; } .dao-search-top .dao-abc { padding: 10px 10px 6px; background: #f7f7f7; border-radius: 5px; } /* Sort */ .dao-sort-wrapper { margin-bottom: 25px; overflow: hidden; } .dao-sort-wrapper .nav { float: left; } .dao-sort { overflow: hidden; float: right;} .dao-sort li { float: left; margin-right: 7px; padding: 1px 5px 2px; } .dao-sort li:first-child { margin-right: 5px; } .dao-sort li.active { background: #5ABFEE; border-radius: 3px; color: #fff; } .dao-sort li.active .link-dotted { border: 0; color: #fff; } /* Tabs */ .dao-tabs { padding: 0 10px; border-bottom: 1px solid #c3d4dc; } .dao-tabs li { display: inline-block; cursor: pointer; padding: 7px 15px; border: 1px solid transparent; border-bottom: none; border-radius: 3px 3px 0 0; position: relative; bottom: -1px; } .dao-tabs li.active { border-color: #c3d4dc; background: #fff; } .dao-tabs li:hover { color: #333; } .dao-tabs-content { padding: 20px 0; } /* Go back */ .dao-back { border-top: 1px solid #eee; margin-top: 15px; padding-top: 15px; } /* Category list */ .dao-category-list { overflow: hidden; zoom: 1; } .dao-category-list .dao-category-item { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 200px; padding-left: 32px; margin-right: 10px; margin-bottom: 10px; position: relative; zoom: 1; color: #aaa; } .dao-category-list .dao-category-item img { position: absolute; top: 0; left: 0; } .dao-category-list .dao-category-item a { color: #4D69D1; } .dao-category-list .dao-category-item .dao-category-item-root { font-size: 14px; padding: 2px 0 2px; } /* Filter */ .dao-filter-toggle { text-decoration: none; color: #333; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/arrows.png) 0 2px no-repeat; padding-left: 15px; } .dao-filter-toggle span { border-bottom: 1px dotted #333; } .dao-filter-toggle.opened { background-position: 0 -19px; } .dao-filter-toggle-content { padding-top: 10px; display: none; padding-left: 15px; padding-bottom: 15px; } .dao-filter-toggle-content p { margin-bottom: 10px; } .dao-filter-option { margin-bottom: 10px; } .filter-extended { padding: 5px 0 15px; } .filter-extended a { color: #333; } /* Actions */ .dao-actions { background: #fcfce9; border-radius: 5px; padding: 10px 15px; margin-bottom: 30px; font-size: 11px; overflow: hidden; } .dao-actions li { float: left; margin-right: 18px; } .dao-actions li.dao-actions-delete a { color: #DA4242; } /* Header */ .dao-header { font-size: 24px; margin-bottom: 7px; font-weight: bold; } .dao-header span { color: #aaa; } /* Image list */ .dao-image-list { margin-bottom: 30px; } .dao-image-list ul { overflow: hidden; zoom: 1; } .dao-image-list ul li { float: left; margin: 0 9px 9px 0; } .dao-image-list ul li img { vertical-align: top; } .dao-image-list .dao-image-list-more { display: block; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; } .dao-image-list .dao-image-list-more:hover { background: #eaf2f8; } /* File list */ .dao-file-list { margin-bottom: 30px; } .dao-file-list ul { background: #F0F5FA; padding: 15px; color: #777; } .dao-file-list ul li { margin-bottom: 5px; } .dao-file-list ul li a { color: #1A3DC1; padding: 0 0 2px 16px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/attach.png) no-repeat; } /* Property list */ .table.table-dao-property-list { } .table.table-dao-property-list td.dao-value { color: #777; } /* Tags */ .dao-tags { padding-top: 15px; margin-bottom: 15px; font-size: 11px; color: #aaa; } .dao-tags li { display: inline; } .dao-tags li a { color: #4C4C4C;} .dao-tags li a:hover { color: #000;} /* Path */ .dao-path { color: #555; margin-bottom: 20px; } .dao-path a { color: #333; } .dao-path.dao-path-top { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 30px; color: #aaa; } .dao-path.dao-path-top a { color: #333; } /* Share */ .dao-share { } .dao-share .yashare-auto-init { display: inline-block; *display: inline; margin-right: 10px; } .dao-share .yashare-auto-init .b-share { padding: 0 !important; } .dao-share .link-dotted { display: inline-block; *display: inline; } /* Star Rating */ .dao-shop-rating { margin-bottom: 15px; } .dao-shop-rating .dao-shop-rating-stars { margin-bottom: 5px; overflow: hidden; } .dao-shop-rating .dao-shop-rating-count { font-size: 11px; color: #777; } /* Misc */ .dao-file-link { color: #777; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/attach.gif) no-repeat; padding-left: 19px; padding-bottom: 3px; } .dao-price { font-size: 13px; line-height: 1.3em; margin-bottom: 5px; font-family: Arial, sans-serif; font-weight: bold; } .note.dao-note-large { font-size: 12px; color: #f00; } .cursor-x { cursor: move; } .prop_reqiured { color:#f00; } .file_text_edit { border-bottom: 1px dotted #999; color:#999; text-decoration: none; } .file_delete { color: #f00; } #file-list { margin: 0; } #file-list li { list-style: none; } .file { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/attach.gif) no-repeat 1px 50%; padding-left: 20px; } .insert-popup {width:650px !important;margin-left: -350px !important;} .event_time {width:50px !important;} .dao-red {color:#f00;} .pt-15 {padding-top: 15px;} .input-width-70 { width: 70px !important; } .topic-dao .vote-topic,.topic-dao-video .vote-topic { top: 13px; right: 10px; position: absolute;} .dao-shedule tr {border-bottom: 1px #aaa dotted;} .dao-shedule td {padding: 15px;} .daochosen {width:100%;} .dao-shtime {padding-right: 10px;} .dao-shtime.closed{color:#ccc;} .dao-ml-20{margin-left: 20px;} .shedule-container{margin-bottom: 20px;} .shedule-link{color:#aaa;} #catalog_edit {margin-bottom: 30px;}.icon-dao-add { width: 16px; height: 16px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/icons.gif) 0 -74px no-repeat; } .icon-dao-delete { width: 16px; height: 16px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/icons.gif) 0 -99px no-repeat; } .icon-dao-edit { width: 16px; height: 16px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/icons.gif) 0 -125px no-repeat; } .icon-dao-settings { width: 16px; height: 16px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/settings.gif) no-repeat; } .icon-dao-catalog-item { width: 9px; height: 16px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog.png) no-repeat; }/* Admin Add Catalog */ .dao-catalog-add { margin-bottom: 30px; } .dao-catalog-add li { width: 150px; display: inline-block; *display: inline; border-radius: 5px; margin: 0 10px 10px 0; text-align: center; background-color: #fafafa; vertical-align: top; border: 1px solid #fafafa; } .dao-catalog-add li:hover { border-color: #57BCEB; -webkit-box-shadow: 0 0 3px #00A8FF; box-shadow: 0 0 3px #00A8FF; } .dao-catalog-add li a { min-height: 36px; text-decoration: none; color: #000; display: block; padding: 80px 15px 10px; } .dao-catalog-add-catalog { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_catalog.png) 50% 12px no-repeat; } .dao-catalog-add-calendar { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_calendar.png) 50% 8px no-repeat; } .dao-catalog-add-audio { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_audio.png) 50% 12px no-repeat; } .dao-catalog-add-video { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_video.png) 50% 12px no-repeat; } .dao-catalog-add-adv { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_adv.png) 50% 9px no-repeat; } .dao-catalog-add-company { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_company.png) 50% 12px no-repeat; } .dao-catalog-add-qa { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_qa.png) 50% 12px no-repeat; } .dao-catalog-add-faq { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_faq.png) 50% 12px no-repeat; } .dao-catalog-add-shop { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_shop.png) 50% 12px no-repeat; } .dao-catalog-add-market { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/catalog_new_market.png) 50% 12px no-repeat; } /* Admin Category List */ .dao-admin-category-list li ul { margin-left: 20px; } .dao-admin-category-list li .dao-admin-category-item { background: #fafafa; margin-bottom: 1px; padding: 7px 100px 7px 10px; color: #555; position: relative; } .dao-admin-category-list li .dao-admin-category-item:hover { background: #f7f7f7; } .dao-admin-category-list .dao-category-actions { overflow: hidden; zoom: 1; position: absolute; top: 8px; right: 5px; } .dao-admin-category-list .dao-category-actions a { float: left; opacity: .7; margin-left: 5px; } .dao-admin-category-list .dao-category-actions a:hover { opacity: 1; }.dao-block-header { font-size: 16px; margin-top: 15px; border-bottom: 1px solid #eee; } /* Category List */ .dao-block-category-list { } .dao-block-category-list li { margin-bottom: 5px; color: #aaa; } .dao-block-category-list li a { font-size: 14px; } .dao-block-category-list li a.active { background: #29B6FE; padding: 1px 5px 2px; border-radius: 2px; color: #fff; text-decoration: none; } /* Item List */ .dao-block-item-list { } .dao-block-item-list li { position: relative; zoom: 1; min-height: 70px; padding: 10px; padding-left: 95px; background: #fafafa; border: 1px solid #f7f7f7; margin-bottom: 7px; } .dao-block-item-list li:last-child { margin-bottom: 0; } .dao-block-item-list li .dao-item-image { position: absolute; top: 10px; left: 10px; } .dao-block-item-list li .dao-item-title { font-size: 14px; margin-bottom: 5px; line-height: 1em; } .dao-block-item-list li .dao-item-title a { color: #2973B5; text-decoration: none; } .dao-block-item-list li .dao-item-title a:hover { text-decoration: underline; } .dao-block-item-list li p { margin-bottom: 0; line-height: 16px; } .dao-block-item-list li .dao-item-note { color: #777; margin-bottom: 6px; } .dao-block-item-list li .dao-item-note strong { color: #333; } .dao-latest-list li { margin-bottom: 10px; } .dao-latest-list li:last-child { margin-bottom: 0; }/* Catalog Item */ .dao-item { margin-bottom: 30px; } .dao-item .table.table-users thead { display: none; } /* Catalog Item Info */ .dao-item-brief { min-height: 200px; position: relative; background: #F4FBFF; padding: 15px 15px 15px 230px; margin-bottom: 25px; overflow: hidden; } .dao-item-brief p { margin-bottom: 3px; } .dao-item-brief .dao-item-title { font-size: 24px; line-height: 1.1em; margin: 0 100px 5px 0; } .dao-item-brief .favourite { position: absolute; top: 15px; right: 15px; } .dao-item-brief .vote-topic { position: absolute; bottom: 15px; right: 15px; } .dao-item-brief .dao-item-image { position: absolute; top: 15px; left: 15px; width: 200px; vertical-align: top; } .dao-item-brief .dao-price { font-size: 24px; line-height: 1em; margin-bottom: 15px; } /* Catalog List */ .dao-catalog-item-list { overflow: hidden; zoom: 1; } .dao-catalog-item-list li { position: relative; overflow: hidden; zoom: 1; margin-bottom: 40px; } .dao-catalog-item-list li .dao-item-info { padding-left: 115px; padding-top: 2px; } .dao-catalog-item-list li .dao-item-title { font-size: 18px; line-height: 22px; margin-top: -3px; margin-bottom: 8px; padding-right: 100px; } .dao-catalog-item-list li .dao-item-title a { color: #1A3DC1; } .dao-catalog-item-list li .dao-item-title a:hover { color: #f00; } .dao-catalog-item-list li .dao-item-image { float: left; width: 100px; margin-right: 15px; } .dao-catalog-item-list li .dao-item-image img { width: 100px; vertical-align: top; } .dao-catalog-item-list li .dao-price { margin-bottom: 10px; } .dao-catalog-item-list li .dao-item-content { line-height: 16px; margin-bottom: 10px; } .dao-catalog-item-list li .dao-item-extra .ls-user { margin-right: 10px; color: #3F8AD7; } .dao-catalog-item-list li .dao-item-extra .ls-user:hover { margin-right: 10px; color: #f00; } /* Catalog List Two Columns */ .dao-catalog-item-list.dao-two-column li { display: inline-block; *display: inline; zoom: 1; width: 150px; padding: 0; vertical-align: top; margin-right: 30px; } .dao-catalog-item-list.dao-two-column li .dao-item-image { float: none; margin-right: 0; margin-bottom: 10px; text-align: center; } .dao-catalog-item-list.dao-two-column li .dao-item-image img { width: auto; height: 100px; } .dao-catalog-item-list.dao-two-column li .dao-item-info { padding: 0; } .dao-catalog-item-list.dao-two-column li .dao-item-title { padding-right: 0; } .dao-catalog-item-list.dao-two-column li .dao-price { margin-bottom: 0; font-size: 12px; } .dao-catalog-item-list.dao-two-column li .dao-item-extra { margin-top: 7px; font-size: 11px; } .dao-catalog-item-list.dao-two-column li .dao-item-extra .ls-user { margin-right: 0; } /* Catalog.Mini-List */ .dao-mini-list { margin-bottom: 20px; padding: 15px; background: #F8FBFE; border-radius: 5px; } .dao-mini-list .dao-catalog-item-list li { margin-bottom: 20px; } .dao-mini-list .page-header a { text-decoration: none; } .dao-mini-list.dao-mini-list-profile { background: transparent; padding: 0; } .table.table-dao-mini-list { margin-bottom: 0; } .table.table-dao-mini-list i { position: relative; top: 1px; margin-right: 2px; }/* Join button */ .dao-calendar-join { background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/event_join.png) no-repeat; width: 86px; height: 23px; position: absolute; top: 5px; right: 0; } .dao-calendar-join.active { background-position: 0 -23px; } .dao-event-users { width: 86px; position: absolute; top: 33px; right: 0; font-size: 11px; text-align: center; color: #aaa; } /* Date */ .dao-event-date { margin-bottom: 15px; font-family: Arial, sans-serif; } .dao-event-date strong { display: block; font-size: 20px; line-height: 1.2em; margin-bottom: 3px; } .dao-event-date span { color: #aaa; margin-left: 10px; } /* Calendar Item */ .dao-item-brief .dao-calendar-join { top: 15px; right: 15px; } .dao-item-brief .dao-event-users { top: 40px; right: 15px; } /* Calendar List */ .dao-catalog-item-list.dao-calendar-list .dao-item-title { margin-bottom: 15px; } .dao-catalog-item-list.dao-calendar-list.dao-two-column .dao-calendar-join { position: static; margin-top: 8px; } .dao-catalog-item-list.dao-calendar-list.dao-two-column .dao-event-users { width: auto; position: static; text-align: left; } .dao-catalog-item-list.dao-calendar-list.dao-two-column .dao-event-date strong { font-size: 14px; line-height: 1.2em; display: block; } /* Search */ .dao-search-date { background: #F8FBFE; padding: 15px; border-radius: 3px; } .dao-search-date p { padding-top: 15px; } /* Nav Pills Dao */ .nav-pills-dao { margin-bottom: 15px; font-size: 11px; overflow: hidden; zoom: 1; } .nav-pills-dao li { float: left; margin-right: 10px; border: 1px solid transparent; line-height: 13px; border-radius: 5px; padding: 3px 6px 4px; } .nav-pills-dao li a { display: block; color: #727a90; text-decoration: underline; float: left; } .nav-pills-dao li a:hover { color: #333; border-color: #333; } .nav-pills-dao li a.new { margin-left: 5px; text-decoration: none; } .nav-pills-dao li.active { border-color: #ebf0f4; background: #fff; } .nav-pills-dao li.active a { color: #628fa5; text-decoration: none; border-color: #ebf0f4; } /* Panel */ .dao-weekselector{background:#fff;margin:15px 0;position:relative;overflow:hidden; font-size:11px;line-height:11px;border-radius:29px;border:1px solid #fff;margin-bottom: 30px; } .dao-weekselector-prev,.dao-weekselector-next{position:absolute;top:0;left:0;width:25px;border-left:1px solid #dfe3e8; border-radius:27px;border-top-right-radius:0;border-bottom-right-radius:0; } .dao-weekselector-next{left:auto;right:0; border-radius:0;border-top-right-radius:27px;border-bottom-right-radius:27px; } .dao-weekselector-week{margin:0 18px 0 25px;overflow:hidden;} .dao-weekselector-day,.dao-weekselector-prev,.dao-weekselector-next{ display:block;height:11px;padding:9px 0;color:#727a90;text-decoration:none;text-align:center; 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%); box-shadow: -1px 0 0 #dfe3e8 inset, 0 1px 0 #dfe3e8 inset, 0 -1px 0 #dfe3e8 inset,1px 0 0 #fff inset, 0 2px 0 #fff inset; } .dao-weekselector-day{float:left;width:14.285%; } .dao-weekselector-day.holiday{color:#f00} .dao-weekselector-day.today{color:#0a0} .dao-weekselector-day:hover,.dao-weekselector-prev:hover,.dao-weekselector-next:hover{color:#fff; 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%); box-shadow: 1px 0 0 #27ace8 inset, 0 1px 0 #27ace8 inset, 0 1px 0 #27ace8 inset; } .dao-weekselector-day:active,.dao-weekselector-day.current,.dao-weekselector-prev:active,.dao-weekselector-next:active{background:#edf8fd;color:#628fa5;box-shadow:inset 0 2px 3px #b4d5e2 } /* Audio ------------------------------------------------- */ .playlist { width: 100%; border-top: 1px solid #eee; padding-bottom: 15px; } .playlist li { padding: 5px 7px; border-radius: 3px; color: #64738e; position: relative; overflow: hidden; zoom: 1; font-size: 11px; border-bottom: 1px solid #eee; } .playlist li a { text-decoration: none; color: #435f92; font-weight: bold; } .playlist li a:hover { text-decoration: underline; } .playlist li .play { position: absolute; top: 5px; left: 5px; display: block; width: 11px; height: 11px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/player_icons.png) 0 0 no-repeat; margin-right: 7px; margin-top: 4px; } .playlist li.sm2_playing .play { background-position: 0 -15px; } .playlist li .controls { display:none;} .playlist li .controls .statusbar { width: 100%; height: 4px; background: #eee; position: relative; margin: 9px 0 3px 15px; cursor: pointer; } .playlist li .controls .statusbar .position { height: 4px; background: #7393cc; } .playlist li .controls .statusbar .loading { height: 1px; background: #989695; } .playlist li.sm2_playing .controls,.playlist li.sm2_paused .controls { position:relative; display:block;} .playlist li .timing { position: absolute; top: 9px; right: 2px; display:none;} .playlist li.sm2_playing .timing, .playlist li.sm2_paused .timing { display:block;} .playlist li .volume { position: absolute; top: 12px; right: 75px; display:none;} .playlist li.sm2_playing .volume, .playlist li.sm2_paused .volume { display:block;} .playlist li .volume a { float: left; width: 4px; height: 13px; padding-right: 2px; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/player_icons.png) 0 100% no-repeat; opacity: .5; } .playlist li .volume a:hover { opacity: 1; } .playlist li .volume a.active { opacity: 1; } .playlist li .volume a.volume-2 { background-position: -6px 100%; } .playlist li .volume a.volume-3 { background-position: -12px 100%; } .playlist li .volume a.volume-4 { background-position: -18px 100%; } .playlist li .volume a.volume-5 { background-position: -24px 100%; } .playlist li .track { padding: 2px 120px 2px 15px; line-height: 14px; } .playlist li .dao-audio-actions { color: #aaa; white-space: nowrap; } .playlist li .dao-audio-actions a { font-weight: normal; color: #aaa; } .dao-audio-actions .dao-audio-delete a { color: red; }.dao-item-brief-video { min-height: 50px;} /* Video Preview */ .dao-video-preview { position: absolute; top: 0; left: 0; width: 120px; overflow: hidden; display: block; text-decoration: none; border: 1px solid #bbb; padding: 2px; } .dao-video-preview .dao-video-crop { width: 120px; height: 72px; overflow: hidden; position: relative; } .dao-video-preview .dao-video-crop img { width: 120px; position: relative; top: -12px; } .dao-video-preview .dao-video-time { position: absolute; bottom: 3px; right: 3px; border-radius: 3px; font-size: 11px; font-weight: bold; color: #fff; background: #000; padding: 0 3px; opacity: .8; font-family: Arial, sans-serif; } /* Video Item */ .dao-item.dao-item-type-video { } .dao-item.dao-item-type-video .video-container { padding: 20px 0 17px; background: #333; text-align: center; border-radius: 5px 5px 0px 0px; } .dao-item.dao-item-type-video .dao-item-brief { padding: 15px; background: #fafafa; border-radius: 0px 0px 5px 5px; } /* Video List */ .dao-catalog-item-list.dao-video-item-list li .dao-item-info { padding-left: 140px; } .dao-catalog-item-list.dao-video-item-list li .dao-item-title { margin-bottom: 10px; } .dao-catalog-item-list.dao-video-item-list li .dao-item-extra .ls-user { margin-right: 0; } .dao-catalog-item-list.dao-video-item-list li .dao-video-preview { } .dao-catalog-item-list.dao-video-item-list.dao-two-column li { width: 126px; margin-right: 20px; } .dao-catalog-item-list.dao-video-item-list.dao-two-column li .dao-video-preview { position: static; margin-bottom: 15px; } .dao-catalog-item-list.dao-video-item-list.dao-two-column li .dao-item-info { padding-left: 0; } .dao-catalog-item-list.dao-video-item-list.dao-two-column li .dao-item-content { display: none; } .dao-catalog-item-list.dao-video-item-list.dao-two-column li .dao-item-title { font-size: 14px; } /* Mini List */ .dao-mini-list .dao-catalog-item-list.dao-video-item-list .dao-item-extra { display: none; }/* * jQuery UI CSS Framework 1.8.15 * * 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 */ /* 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.15 * * 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=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ---------------------------------- .ui-widget { font-family: Trebuchet MS, Tahoma, 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: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(http://fabnews.ru/plugins/dao/templates/skin/default/img/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url() 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; }*/ /* Interaction states ---------------------------------- .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: #f6f6f6 url() 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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: none; background: #fdf5ce url() 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none; background: #ffffff url() 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; 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 #fed22f; background: #ffe45c url() 50% top 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: #b81900 url() 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .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(); } .ui-widget-content .ui-icon {background-image: url(); } .ui-widget-header .ui-icon {background-image: url(); } .ui-state-default .ui-icon { background-image: url(); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(); } .ui-state-active .ui-icon {background-image: url(); } .ui-state-highlight .ui-icon {background-image: url(); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(); }*/ /* positioning .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; }*/ /*ui-icon-seek-first is deprecated, use ui-icon-seek-start instead *//* .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } */ /* Misc visuals ----------------------------------*/ /* Corner radius .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } */ /* Overlays .ui-widget-overlay { background: #666666 url() 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url() 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Slider 1.8.15 * * 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/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 4px; height: 17px; cursor: default; background: #000; cursor: pointer; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; margin-right: 5px; border: none; background: #666666; background: -moz-linear-gradient(top, #666666 0%, #1e1e1e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#1e1e1e)); background: -webkit-linear-gradient(top, #666666 0%,#1e1e1e 100%); background: -o-linear-gradient(top, #666666 0%,#1e1e1e 100%); background: -ms-linear-gradient(top, #666666 0%,#1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#1e1e1e',GradientType=0 ); background: linear-gradient(top, #666666 0%,#1e1e1e 100%); } .ui-slider-horizontal .ui-slider-handle { top: -3px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #f6a828; background: -moz-linear-gradient(top, #f6a828 0%, #f76b2a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6a828), color-stop(100%,#f76b2a)); background: -webkit-linear-gradient(top, #f6a828 0%,#f76b2a 100%); background: -o-linear-gradient(top, #f6a828 0%,#f76b2a 100%); background: -ms-linear-gradient(top, #f6a828 0%,#f76b2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a828', endColorstr='#f76b2a',GradientType=0 ); background: linear-gradient(top, #f6a828 0%,#f76b2a 100%); } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * SoundManager 2 + useFlashBlock * Flash positioning and flashblock / clicktoflash handling */ #sm2-container { /* * where the SM2 flash movie goes. by default, relative container. * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.) */ position: relative; width: 1px; height: 1px; _overflow: hidden; /* screw IE 6, just make it display nice */ } #sm2-container object, #sm2-container embed { /* * the actual movie bit. * SWF needs to be able to be moved off-screen without display: or position: changes. important. * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock * e.g., SM2 starts but strange errors, no whileplaying() etc. */ position: absolute; left: auto; top: auto; /* * at first, stay <= 8px to fly under the radar of some flash blockers as an "invisible" SWF. * dimensions will change with blocked state. */ width: 8px; height: 8px; } #sm2-container.swf_timedout, #sm2-container.swf_timedout object, #sm2-container.swf_timedout embed { /* * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash? * 48px square flash placeholder is typically used by blockers. */ left: auto; top: auto; width: 48px; height: 48px; } #sm2-container.swf_unblocked { /* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */ width: 1px; height: 1px; } #sm2-container.swf_loaded object, #sm2-container.swf_loaded embed, #sm2-container.swf_unblocked object, #sm2-container.swf_unblocked embed { /* hide flash off-screen (relative to container) when it has loaded OK */ left: -9999em; top: -9999em; } #sm2-container.swf_error { /* when there is a fatal error (flash loaded, but SM2 failed) */ display: none; } #sm2-container.high_performance { /* "high performance" case: keep on-screen at all times */ position: absolute; position: fixed; overflow: hidden; _top: -9999px; /* IE 6 hax, no position:fixed */ _left: -9999px; bottom: 0px; left: 0px; /* * special case: show at first with w/h, hide when unblocked. * might be bad/annoying. * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.) */ z-index: 99; /* try to stay on top */ } #sm2-container.high_performance.swf_loaded, #sm2-container.high_performance.swf_unblocked { z-index: auto; } #sm2-container.high_performance.swf_loaded, #sm2-container.high_performance.swf_unblocked, #sm2-container.high_performance.swf_unblocked object, #sm2-container.high_performance.swf_unblocked embed { /* * 8x8px is required minimum to load in fx/win32 in some cases(?) * 6x6+ good for fast performance, even better when on-screen via position:fixed */ width: 8px; height: 8px; } #sm2-container.high_performance.swf_loaded { /* stay bottom/left */ top: auto; bottom: 0px; left: 0px; } #sm2-container.high_performance.swf_loaded object, #sm2-container.high_performance.swf_loaded embed, #sm2-container.high_performance.swf_unblocked object, #sm2-container.high_performance.swf_unblocked embed { /* high-performance case must stay on-screen */ left: auto; top: auto; } #sm2-container.high_performance.swf_timedout { z-index: 99; /* try to stay on top */ }/*! * jQuery UI Stars v3.0.1 * http://plugins.jquery.com/project/Star_Rating_widget * * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com) * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * $Rev: 164 $ * $Date:: 2010-05-01 #$ * $Build: 35 (2010-05-01) * */ .ui-stars-star, .ui-stars-cancel { float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer; } .ui-stars-star a, .ui-stars-cancel a { width: 16px; height: 15px; display: block; background: url(http://fabnews.ru/plugins/dao/templates/skin/default/img/jquery.ui.stars.gif) no-repeat 0 0; } .ui-stars-star a { background-position: 0 -32px; } .ui-stars-star-on a { background-position: 0 -48px; } .ui-stars-star-hover a { background-position: 0 -64px; } .ui-stars-cancel-hover a { background-position: 0 -16px; } .ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a { cursor: default !important; } /* Общие стили для появления окон ------------------------------------------------------------- */ .lock { /* если модалка открыта, отключаем скроллбар у документа */ overflow: hidden; margin-left: -18px; } .themodal-overlay { /* стили для оверлея */ position: fixed; bottom: 0; left: 0; top: 0; right: 0; z-index: 100; /* если содержимое окна не влезает в оверлей - создаем ему прокрутку. Т.е. прокрутка у оверлея, а не у веб-страницы */ overflow: auto; /* фикс для однопальцевого скролла на iPad */ -webkit-overflow-scrolling: touch; } /* фикс для iPad */ .themodal-overlay > * { -webkit-transform: translateZ(0px); } .themodal-overlay { background: rgba(0, 0, 0, 0.5); /* IE6–IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000); zoom: 1; } /* Стили для окон ------------------------------------------------------------- */ .modal-dao { background-color: #fbfcfc; width: 600px; margin: 50px auto; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5); } .modal-dao .modal-dao-header h3 { font-size: 20px; font-weight: bold; margin-right: 20px; } .modal-dao .modal-dao-content { font-size: 13px; } .modal-dao .close { position: relative; float: right; top: 7px; right: 8px; width: 16px; height: 16px; text-decoration: none; color: #fff; } .modal-dao .dao-item-brief, .modal-dao .comments {padding: 20px;}.compare-table-head-wrapper{} .compare-table-body-wrapper { overflow: hidden; margin-left: 200px;} .compare-table-body-wrapper, .compare-labels { padding-top: 10px; } .compare-table-body-scroll { position: relative; } .compare-table-head-fixed { position: absolute; top: 0; /* fixes */ border-bottom: 1px solid #eee;padding-left: 200px;} .compare-table-head-fixed.fixed { position: fixed; top: 0; z-index: 9990; } .compare { width: 100%; position: relative; padding-top: 138px; } .compare-table { position: relative; } .compare-table.compare-table-head { *border-bottom: 1px solid #ddd; background: #fff; position: relative; } .compare-table.compare-table-body { } .compare-table.compare-table-body-labels { margin-bottom: 15px; } .cell-label-wrapper { width: 205px; height: 139px; position: absolute; top: 0; left: 0; background: #fff; xxxborder-bottom: 1px solid #eee; margin-bottom: 4px; } .cell-label-wrapper ul { overflow: hidden; zoom: 1; position: absolute; bottom: 15px; } .cell-label-wrapper ul li { line-height: 20px; } .cell-label-wrapper ul li a { text-decoration: none; border-bottom: 1px dotted #70AAE0; } .cell-label-wrapper ul li.active a { border-color: #ccc; color: #333; cursor:default; } .compare-labels { width: 200px; position: absolute; top: 138px; left: 0; } .compare-table-wrapper { padding-bottom: 15px; } .compare-table-wrapper.compare-table-hidden { padding: 0; } .compare-table-wrapper.compare-table-hidden table { display: none; } .compare-table th { font-weight: normal; text-align: left; } .compare-table th h3 { font-size: 12px; } .compare-table th img { height: 50px; } .compare-table .cell-label span { display: block; width: 200px; } .compare-table tbody .cell-label { font-weight: bold; padding: 10px 12px 10px 0; } .compare-table tbody .cell-label i { font-weight: normal; } .compare-table tbody td { padding: 10px 12px; } .compare-table .cell-value span{display:table-cell;vertical-align:middle;width: 130px;min-width:130px} .compare-table .compare-item { display:block; width: 130px;} .compare-table .compare-table-body{display:block;overflow:auto} .compare-table .compare-item { height: 100px; overflow: hidden; background: #f7f7f7; padding: 10px; margin: 2px 2px 15px; position: relative; } .compare-table .compare-item a { color: #2973B5; text-decoration: none; } .compare-table .compare-item .close { position: absolute; top: 5px; right: 10px; color: #333; opacity: .5; } .compare-table .compare-item .close:hover { opacity: 1; } .compare-folding { text-decoration: none; font-weight: bold; margin-bottom: 10px; cursor: pointer; font-size: 14px; color: #333; font-family: Arial, sans-serif; } .compare-folding span { border-bottom: 1px dashed #333; } .compare-folding:after { content: "▲"; margin-left: 2px; } .compare-folding.folded:after { content: "▼"; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #fff; overflow: hidden; zoom: 1; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #ddd; border-radius: 5px; position: relative; } .jspDrag { background: #555; border-radius: 4px; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }/* Search */ .search-input-wrapper { position: relative; } .search-item .input-text { width: 100%; padding-right: 5px; } .search-item .submit { width: 16px; height: 16px; background: url() -115px -55px no-repeat; } .search-item.search-item-abc { background: rgba(247, 247, 247, 0.22); } .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-item .search-abc { margin-bottom: 0; background: transparent; padding: 0; } /* User List Mini */ .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; } /* Misc */ .block.block-type-stream.category .block-header.sep h3:before, .block.block-type-dao .block-header.sep h3:before, .block.block-type-tags .block-header.sep h3:before { content:'\e812'; display:inline-block; font-family:fontello; font-style:normal; font-variant:normal; font-weight:400; height:auto; line-height:1em; margin-left:.2em; margin-right:.2em; opacity:.8; speak:none; text-align:center; text-decoration:inherit; text-transform:none; width:24px!important; } .block.block-type-stream.category .block-header.sep h3:before, .block.block-type-dao.category .block-header.sep h3:before { content:'\e841'; } .block.block-type-tags .block-header.sep h3:before { content:'\e80f'; } .dao-item-extra a, .dao-catalog-item-list li .dao-item-extra .ls-user:before { content:'\e816'; } .block .search-input-wrapper .input-text { margin-bottom:15px; } .dao-actions { background:#fee; } .dao-block-category-list li a { color:#B2B7B9; font-size:12px; } .dao-block-category-list li a.active { background:#6B7A81; color:#fff!important; } .dao-block-item-list li { background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1); } .dao-block-item-list li .dao-item-title a { color:#B2B7B9; font-weight:700; } .dao-block-item-list li .dao-item-title a:hover { color:#65C0BB; text-decoration:none; } .dao-catalog-item-list .dao-item-title a { color:#5B7FA6!important; font-size:20px; font-weight:700; line-height:1em; } .dao-catalog-item-list .dao-item-title a:hover { color:#65C0BB!important; } .dao-catalog-item-list li .dao-item-content { font-size:14px; } .dao-category-list .dao-category-item a { color:#6CADA3; } .dao-item .dao-item-brief .dao-tags a { color:#5F7FA2; } .dao-catalog-item-list.dao-video-item-list.dao-two-column li { display:block; float:left; width:21%; } .dao-item .dao-item-brief .dao-tags a:hover, .dao-block-category-list li a:hover, .dao-item-extra a:hover, .dao-catalog-item-list li .dao-item-extra .ls-user:hover { color:#65C0BB; } .dao-item-brief { background:#fafafa; } .dao-item-brief .dao-item-title { font-weight:700; } .dao-item-brief .vote-topic, .dao-item-extra { color:#818187; } .dao-item-extra a, .dao-catalog-item-list li .dao-item-extra .ls-user { color:#5B7FA6; } .dao-mini-list { background:#fafafa; border-radius:0; } .dao-mini-list.dao-mini-list-profile { clear:both; } .dao-path-top { margin-bottom:5px; } .dao-search-date { background:#fafafa; margin-bottom:15px; } .dao-sort li.active { background:#6B7A81; } .dao-sort-wrapper .dao-sort { float:none; } .dao-sort-wrapper .nav-pills { float:none; margin-bottom:15px; } .dao-tabs li.active, .dao-tabs { border-color:#ccc; } .event_time { width:60px!important; } .filter-extended a { color:#6688AD; } .search-input-wrapper .input-submit { background:url(http://fabnews.ru/plugins/dao/templates/skin/default/img/chosen-sprite.png) no-repeat; background-position:-34px -24px; border:none; height:16px; line-height:14px; opacity:.7; position:absolute; right:10px; top:10px; width:16px; } .table.table-dao-mini-list tr:last-child td { border:none; } .treeview a.selected { border-radius:3px; padding:2px 4px; } .treeview ul { background-color:transparent!important; }.dao-cart-order-list { background: #f7f7f7; border-radius: 3px; overflow: hidden; margin-bottom: 15px; } .dao-cart-order-list.dao-cart-order-list-folded .dao-cart-order-items { display: none; } .dao-cart-order-list.dao-cart-order-list-folded .dao-cart-order-list-header .fold { background-position: 0 0; } .dao-cart-order-list.dao-cart-order-list-buy td.dao-cart-item-name { width: auto; } .dao-cart-order-list .dao-cart-order-list-header { background: #eee; padding: 10px 15px; position: relative; cursor: pointer; } .dao-cart-order-list .dao-cart-order-list-header .fold { width: 16px; height: 16px; position: absolute; top: 11px; right: 11px; opacity: .5; background: url(http://fabnews.ru/plugins/daocart/templates/skin/default/img/cart/dao_cart_fold.png) -16px 0 no-repeat; cursor: pointer; } .dao-cart-order-list .dao-cart-order-list-header .fold:hover { opacity: .8; } .dao-cart-order-list .dao-cart-order-items { padding: 15px; } .dao-cart-order-items-table { background: #fff; width: 100%; border: 1px solid #eee; margin-bottom: 0; } .dao-cart-order-items-table td { border-bottom: 1px solid #eee; background: #fff; font-size: 12px; vertical-align: top; padding: 10px 10px; } .dao-cart-order-items-table td.dao-cart-item-weight { width: 70px; text-align: center; } .dao-cart-order-items-table thead td { padding: 5px 10px; font-size: 11px; font-weight: normal; color: #aaa; } .dao-cart-order-items-table thead td.dao-cart-item-checkbox { width: 16px; padding: 5px 5px; } .dao-cart-order-items-table thead td.dao-cart-item-price { text-align: right; } .dao-cart-order-items-table thead td.dao-cart-item-count { text-align: center; } .dao-cart-order-items-table tbody td.dao-cart-item-checkbox { width: 16px; padding: 10px 5px; } .dao-cart-order-items-table tbody td.dao-cart-item-image { width: 100px; padding: 5px; } .dao-cart-order-items-table tbody td.dao-cart-item-none { width: 0px; } .dao-cart-order-items-table tbody td.dao-cart-item-name { color: #555; } .dao-cart-order-items-table tbody td.dao-cart-item-available { width: 100px; } .dao-cart-order-items-table tbody td.dao-cart-item-price { width: 100px; text-align: right; } .dao-cart-order-items-table tbody td.dao-cart-item-count { width: 90px; text-align: center; } .dao-cart-order-items-table tbody td.dao-cart-item-count input { border: 1px solid #ccc; text-align: center; width: 30px; } .dao-cart-order-items-table.dao-cart-sum { border: none; } .dao-cart-order-items-table.dao-cart-sum tbody td { background: #f7f7f7; border: none; padding-bottom: 0; } .dao-cart-order-items-table.dao-cart-sum tbody td.dao-cart-sum-actions { width: auto; padding: 10px 0; } .dao-cart-order-items-table.dao-cart-sum tbody td.dao-cart-sum-actions .button { margin-right: 5px; } .dao-cart-order-items-table.dao-cart-sum tbody td.dao-cart-item-price { width: 260px; } .dao-cart-order-items-table.dao-cart-sum tbody td.dao-cart-item-price .button { margin-top: 10px; background: #65BC40; color: #fff; text-shadow: none; border: none; border-radius: 3px; } .dao-add-to-cart {margin: 5px 0;padding: 5px 15px 6px 37px; font-size: 14px; background: #3781B7 url(http://fabnews.ru/plugins/daocart/templates/skin/default/img/cart/dao_cart_add.png) 11px 6px no-repeat; color: #fff; border-radius: 3px; text-decoration: none; } .dao-add-to-cart:hover,.dao-download-item:hover { background-color: #555; } .dao-add-to-cart.active,.dao-add-to-cart.active { background-color: #999; color: #fff; } .dao-add-to-cart.notavailable,.dao-add-to-cart.notavailable { font-size: 12px; cursor: pointer; } .dao-download-item { padding: 5px 15px 6px 37px; font-size: 14px; background: #3781B7 url() 11px 6px no-repeat; color: #fff; border-radius: 3px; text-decoration: none; } .daobuy, .cart{margin: 10px 0 10px 0;} .topic .dao-topic-buyers { position: absolute; top: 98px; left: -8px; width: 16px; height: 16px; background: url() no-repeat; opacity: .6; } .topic .dao-topic-buyers:hover { opacity: 1; } /* Button */ .dao-download-item { display: inline-block; background: #8ec61b; background: -moz-linear-gradient(top, #8ec61b 0%, #60b719 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ec61b), color-stop(100%,#60b719)); background: -webkit-linear-gradient(top, #8ec61b 0%,#60b719 100%); background: -o-linear-gradient(top, #8ec61b 0%,#60b719 100%); background: -ms-linear-gradient(top, #8ec61b 0%,#60b719 100%); background: linear-gradient(top, #8ec61b 0%,#60b719 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec61b', endColorstr='#60b719',GradientType=0 ); -moz-box-shadow: 0 0 1px rgba(255,255,255, 1) inset; border: 1px solid #75A50E; text-shadow: 0 1px 0 rgba(0,0,0,.3); border-radius: 3px 3px 3px 3px; margin: 0 0 7px; color: #FFFFFF; font-size: 12px; padding: 3px 15px 4px 15px; text-decoration: none; } .dao-download-item:hover { background: #60b719; } .item-list.item-list-market li { background: #fafafa; border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 10px; min-height: 100px; } .item-list.item-list-market li .dao-item-info { padding-top: 0; } .item-list.item-list-market li .dao-download-item { margin-bottom: 0; margin-top: 7px; } .item-list.item-list-market li .topic-title { margin-top: 0; } .item-list.item-list-market li .topic-title a { text-decoration: none; } .item-list.item-list-market li .topic-title a:hover { text-decoration: underline; } .item-list.item-list-market li .extra { color: #777; } .cart_action{ background: -moz-linear-gradient(center top , #FBFCFC 0%, #F0F2F5 100%) repeat scroll 0 0 transparent; border: 1px solid #DFE3E8; border-radius: 5px 5px 5px 5px; color: #434343; cursor: pointer; display: inline-block; font-family: Verdana,sans-serif; font-size: 13px; line-height: 6px; padding: 3px 3px 5px; text-align: center; text-decoration: none; } .orderform{padding: 15px;} .toolbar .toolbar-cart .count{ display: block; padding: 5px 0 3px; font-size: 11px; color: #51983c; text-align: center; text-decoration: none;} .toolbar section .js-toolbar-cart{padding:0} .toolbar .toolbar-cart i{height:20px;padding:5px 0} .toolbar .toolbar-cart i,.dao-minicart{background:#fff url(http://fabnews.ru/plugins/daocart/templates/skin/default/img/toolbar-cart.png) 50% 50% no-repeat;} #minicart_container .dao-minicart-cartlink,#minicart_container .dao-minicart-itemname{display:inline;padding:0;border:0;box-shadow:none;background:transparent} .toolbar-cart{position:relative;overflow:visible !important} .dao-minicart{display:none;border:1px solid #eee;box-shadow:0 1px 4px rgba(0,0,0,.1);padding:12px 8px;border-radius:10px;text-align:center; position:absolute;right:-2px;top:-2px;width:214px;background-position:199px 14px;} .toolbar-cart:hover{border-radius:10px} .toolbar-cart:hover .dao-minicart{display:block} #minicart_container .dao-minicart-list{text-align:left;color:#818189;overflow:hidden;} #minicart_container .dao-minicart-item{position:relative;padding:3px 30px 5px 30px;overflow:hidden;border-top:1px dotted #dce1e6} #minicart_container .dao-minicart-itemimage{width:24px;position:absolute;left:0;top:5px} #minicart_container .dao-minicart-itemname{display:block;padding:0 0 1px} #minicart_container .dao-minicart-itemcount,#minicart_container .dao-minicart-itemprice{font-size:11px;} #minicart_container .dao-minicart-itemprice:before{content:'x '} #minicart_container .dao-minicarttotal{padding:15px 0;font-size:11px;border-top:1px dotted #dce1e6} #minicart_container .button.mini{display:inline-block;font-size:10px;padding:2px 6px;margin:0} .balance {display: block; font-size: 10px; color: #999; padding-top: 6px;}/* Header */ .dao-company-header { position: relative; padding-left: 50px; min-height: 40px; margin-bottom: 15px; } .dao-company-header img { position: absolute; top: 0; left: 0; width: 40px; } .dao-company-header .page-header { padding-top: 5px; padding-right: 150px; margin-bottom: 0; } .dao-company-header .vote-topic { position: absolute; top: 9px; right: 0; } .company-profile-table td { padding: 0 10px 10px 0; } .company-profile-table td.cell-label { font-weight: bold; width: 150px; }.icon-bookmark:before { content: "SEO"; } .block-parameter { padding: 10px 0; } .modal.seopack{ width: 450px; margin-left: -225px; top: 50px; }.purse div.balance strong { background: #85e061; color: #fff; padding: 4px; } .purse div.offer {padding-top: 4px; } /*.purse .block-nav { margin-bottom: 20px; }*/ .purse a.offerlink, .purse_set_all {border-bottom:1px dotted #999;cursor:pointer;} .purse h1 span { color: #6ec80d; } .purse table { width: 100%; *border-collapse: collapse; margin-bottom: 20px; } .purse table thead td { background: #f0f1f1; font-weight: bold; padding: 5px 0; } .purse table thead td.user {text-align: center; padding-left: 10px; } .purse table thead td.direction{ width: 100px; text-align: center; } .purse table thead td.date { width: 150px; text-align: center; } .purse table tbody td { padding: 5px 0; font-size: 11px; color: #999; border-bottom: 1px solid #ddd; } .purse table tbody td span { color: #6ec80d; } .purse table tbody td.user {text-align: center; width:100px; padding-left: 10px; overflow: hidden; _height: 1%; } .purse table tbody td.user img { float: left; margin-right: 7px; width: 24px; height: 24px; } .purse table tbody td.user a.link { color: #999; font-weight: bold; position: relative; top: 1px; } .purse table tbody td.date { text-align: center; } .purse table tbody td.direction{ text-align: center; } .purse table tbody td.direction strong { background: #ff68cf; color: #fff; padding: 5px 10px; } .purse table thead td.summ{ width: 100px; text-align: center; } .purse table tbody td.summ {font-weight: bold; text-align: center; } .purse table tbody td.summ span.in{ color: #3CC460;} .purse table tbody td.summ span.out{ color: #ED1A13;} .purse table thead td.id { width: 50px; text-align: center; } .purse table tbody td.id { text-align: center; } .purse table thead td.notice { width: 300px; text-align: center; } .purse table tbody td.notice { text-align: center; } .purse table tbody a.author { line-height: 18px; color: #999; font-weight: bold; } .purse div.payicons img{vertical-align: middle;} .purse div.payicons span{color: #999; padding-top: 5px; } .dropdown-user-menu li.item-purse .item-icon {background: url(http://fabnews.ru/plugins/purse/templates/skin/default/images/purse.png) no-repeat center;} .donate-summ {color: #5FA459;} .donate-block-summ {font-size: 25px;} .donate-submit { background: none repeat scroll 0 0 #F8FBFE; border-radius: 5px 5px 5px 5px; padding: 15px; position: relative; } .donate-submit .counter { position: absolute; bottom: 18px; right: 15px; color: #818189; } .donate-submit .counter.exceeded { color: #f00; } .donate-submit textarea { margin: 0 0 10px; }.micro {padding-top:10px;margin-left:10px;padding-left:5px;padding-bottom:15px;margin-right:50px;border-top:1px solid #ccc; background: #f7f7f7; } .micro a.active {text-decoration: none; border-bottom: 1px dotted #696969; cursor:pointer; color:#696969;} .micro_comment_add{text-decoration: none; border-bottom: 1px dotted #696969; color:#696969; font-size:1.23em;} .text .micro_info {padding:5px;margin: 5px;} .micro_info li{float:left;padding-right:7px;font-size:10px;list-style-type: none;background: #ebebeb;} #message-subject{margin:0 0 10px 0} .microcomments { font-size: 11px; color: #999; } .microcomments li { padding: 5px 5px; overflow: hidden; /*background: transparent; /*border: 1px dashed #dddeee; border-top:none;*/border-bottom:1px dashed #dedede;} /*comments*/ .micro .content .text .microcomments { /*border: 1px solid #dddeee; border-top:2px solid #dddeee;*/ padding: 5px 25px 5px 10px; margin-top: 8px; overflow: hidden; zoom: 1; } .microcomments li.even { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .microcomments li.self {background: #ebebeb !important;} .microcomments span {font-size:15px; color: #696969;} .microcomments .microcomments-topic-icon { background: url() no-repeat scroll 2px -188px; padding-left: 14px; zoom: 1; } .microcomments a.microcomments-topic { color: #333; padding-right: 5px; } .microcomments .microcomments-comment-icon { background: url() no-repeat 2px 4px; padding-left: 14px; zoom: 1; } .microcomments a.microcomments-comment { color: #333; } .microcomments a.microcomments-blog { color: #999; } .microcomments textarea.loader { background: #f7f7f7 url() no-repeat center;} .microcomments div.comment-icon {background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/comments.gif) no-repeat; padding-left: 16px; line-height: 14px; color: #333; overflow:visible;} .microcomments a.comment-author { color: #999; font-weight: bold; text-decoration: none; background: url() no-repeat scroll 0 -108px; padding-left: 13px; } .microform {margin-left: 14px;margin-right:50px;width:90%;padding-top:10px;} .microform{margin:10px 43px 0 23px} .micro .content .text .loader{text-align:center;display:block;padding-top:5px;} .char_counter {font-size:18px; color: #696969;font-family:Arial,Georgia,Serif; float:right;font-weight:bold;} .chooser {padding-bottom:45px;font-size:20px;margin-left:40px;line-height:20px;} .micro_ul li{display:block;float:left;padding-left:5px;color:#c7c7c7;} .micro_ul li a{color:#777;text-decoration:none;margin:2px;border-bottom: 1px solid #777;padding:1px 2px 1px 2px;} .micro_ul li a.active{color:#fff;background:#999;text-decoration:none;border:none;} .microform .form-bg .insert {color:#999;} .microform {margin-left: 38px;margin-right:50px;width:90%;padding-top:10px;} .microform .form-bg{background:#e7e7e7; margin-bottom:35px; padding-bottom:17px; border:12px solid #e7e7e7; -moz-border-radius:7px; -webkit-border-radius:7px;} .microform form { width:100%; } .micropanel {float:right;} .micro-profile h1.title { border-bottom:1px solid #CCCCCC; font-size:18px; margin-bottom:7px;margin-right:20px; padding:0 0 1px 2px; } .micro .status { -moz-border-radius-:5px; -webkit-border-radius-:5px; background:#F7F8F9 none repeat scroll 0 0; border:1px solid lightgrey; display:none; font-size:0.9em; padding:10px; position:absolute; right:50px; text-align:left; top:60%; width:150px; z-index:142; } .micro-nav { margin-left:25px; margin-bottom:15px; } /* Comments -------------------------------------------------------------------*/ .lst { padding-left: 25px; } .lst .micro { overflow: hidden; position: relative; zoom: 1; } .lst .micro .micro { padding-left: 30px; } .lst.padding-none { padding-left: 0; } .lst.padding-none .micro .content, .lst.padding-none .micro .info { margin-left: 0; } .lst.padding-none .voting { top: 8px; } .micro .avatar {float:left;} .micro .avatar img {display:block;width:48px;height:48px;border:1px solid #e8e8e8;background:transparent;} .micro .content .text {padding: 5px 25px 5px 0px; overflow: hidden; zoom: 1; } .micro .content { margin: 0 50px 0px 10px; padding: 0; } /* Micro Vote Block*/ .micro .pay { height: 40px; overflow: hidden; float:right;font-size: 11px;} .micro .pay .total {padding:0 4px;} .micro .pay.translate .total {background:#ff0000;} .micro .pay.copywrite .total {background:#ff0000;} .micro .pay.rewrite .total {background:#ff0000;} /* Title */ .micro .title{color: #999;padding-left:10px;padding-top: 10px;font-weight:bold;font-size: 13px;display:block; } .micro .title .delete a{display: block; background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -83px 0; padding-left:14px; } .micro .title .delete a:hover{ background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -95px 0;} /* Info Block */ .micro .info {float:left;color: #555;padding-left:3px;} .micro .info { font-size: 11px; line-height: 14px; margin-left:8px;padding-bottom:2px;overflow: hidden; zoom: 1; } .micro .info p { font-size: 10px; } .micro .info a.author { font-size: 11px; font-weight: bold; color: #777; text-decoration: none; *margin-left:10px;} .micro .info a.author:hover { color: #555; } .micro .info a.button { font-size: 11px; font-weight: bold; color: #fff;background:#999; text-decoration: none; padding:2px 5px;} .micro .info a.button:hover { color: #333; } .micro .info img.avatar { float: left; margin: 3px 7px 0 0; background:transparent;} .micro .info ul li { float:left; font-size: 10px; margin-right: 10px; } .micro .info .date { color: #999; font-size: 10px; } .micro .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; } .micro .info .link a{ background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll 0 0; padding-right:25px;} .micro .info .link a:hover {background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -29px 0; } .micro .info a.off { color: #999; } .micro .info .favorite {width:9px; position: relative; margin:0 5px 0 5px;} .micro .info .favorite a {background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -55px 0; height:12px; width: 13px; padding-left:14px;} .micro .info .favorite a:hover { background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -69px 0;} .micro .info .favorite.active a { background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -69px 0; } .micro .info .favorite.fav-guest a, .micro .info .favorite.fav-guest a:hover { background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microsprite.gif) no-repeat scroll -55px 0; } .add_micro{color:#999;text-decoration:none;} .add_micro div{display:block; width:100px; padding: 6px 11px 8px 13px; background: url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/microbutton.gif) no-repeat;cursor: pointer; } .add_micro div:hover{color:#000;} .add_micro div span {} .add_content {color:#777;} .add_content a {cursor:pointer !important; text-decoration:none; border-bottom:1px dashed #999;} .add_content a:hover {color:#999;} .add_content a.close {border:none;} .more_micro {display:block;-moz-border-radius:5px; -webkit-border-radius:5px; color:#333; background:#dddeee; width:60%; padding:0 0 0 20%; margin:20px 0 0 10%; line-height:40px;text-decoration:none;} .more_micro:hover{background:#999;color:#fff;} .more_micro span{padding-left:25%;*text-decoration:underline; font-size:20px;} .task-filter { overflow: hidden; zoom: 1; } .task-filter li { float: left; font-size: 11px; line-height: 18px; margin-right: 3px; background: #eee url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/task-filter-generic.gif) no-repeat top left; } .task-filter li.right{float:right;} .task-filter li a,.task-filter li span { text-decoration: none; color: #555; display: block; margin-left: 7px; padding-right: 7px; padding-bottom: 1px; background: #eee url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/task-filter-generic.gif) no-repeat top right; } .task-filter li.active { background: #333 url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/task-filter.gif) no-repeat top left; } .task-filter li.active a { background: #333 url(http://fabnews.ru/plugins/tasks/templates/skin/default/images/task-filter.gif) no-repeat top right; color: #fff; } a.moderation { font-size: 11px; font-weight: bold; color: #fff;background:#999; text-decoration: none; padding:2px 5px; margin-left:10px;} a:hover.moderation { color: #333; } .chooser-top {margin-bottom: 10px;} .topic .ppa,.blog_ppa { background: none repeat scroll 0 0 #FCFCE9; border-radius: 5px 5px 5px 5px; font-size: 11px; overflow: hidden; padding: 10px 15px; margin: 10px; list-style: none; } .topic .ppa li { float: left; margin-right: 18px; }/* Configengine plugin (P) PSNet, 2008 - 2013 http://psnet.lookformp3.net/ http://livestreet.ru/profile/PSNet/ https://catalog.livestreetcms.com/profile/PSNet/ http://livestreetguide.com/developer/PSNet/ */ div.ConfigEngine {} div.ConfigEngine h3 { margin-bottom: 20px; } div.ConfigEngine h3 span { color: #22BB22; } div.ConfigEngine .PluginList { margin-bottom: 20px; width: 100%; border: 1px solid #DDDDDD; } div.ConfigEngine .PluginList thead { cursor: default; text-shadow: 0 1px 1px #FFFFFF; font: 14px/20px Tahoma; background: #EEEEEE; background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); } div.ConfigEngine .PluginList th { padding: 1px 2px 3px; border-color: #ddd; } div.ConfigEngine .PluginList tr.second { background: #FAFAFA; } div.ConfigEngine .PluginList tbody tr:hover { background: #EEF8FF; } div.ConfigEngine .PluginList td { padding: 1px 3px 2px; text-align: center; border: 1px solid #DDDDDD; } div.ConfigEngine .PluginList td.nameleft { text-align: left; } div.ConfigEngine .PluginList .Tip { background: #EFF5FF; border: 1px solid #88A6FF; border-radius: 10px 10px 10px 10px; cursor: default; display: inline-block; font: 10px/16px Verdana,Helvetica; height: 16px; text-align: center; width: 16px; text-decoration: none; } div.ConfigEngine .PluginList .Control { cursor: pointer; } div.ConfigEngine .ce_delete_plugin_config { color: red; } div.ConfigEngine .ce_delete_plugin_config:hover { border: 1px solid #FF8888; } /* import settings */ div.CE_ImportSettings {} div.CE_ImportSettings div.FileField { float: left; height: 27px; margin: 0 10px 0 0; position: relative; width: 500px; } div.CE_ImportSettings div.FileField > * { left: 0; position: absolute; top: 0; height: 100%; width: 100%; overflow: hidden; } div.CE_ImportSettings div.FileField div.FWrapper input { font-size: 200px; margin-top: -20px; opacity: 0; position: absolute; right: 0; } div.CE_ImportSettings div.FileField div.Cover { background: #EEEEEE; background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(238,238,238,1) 100%); border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11) inset; font: bold 12px/26px Tahoma,Verdana; text-align: center; text-shadow: 0 1px 0 #FFFFFF; white-space: pre; } /* Adminusers plugin (P) PSNet, 2008 - 2013 http://psnet.lookformp3.net/ http://livestreet.ru/profile/PSNet/ https://catalog.livestreetcms.com/profile/PSNet/ http://livestreetguide.com/developer/PSNet/ */ /* mask panel */ #Adminusers_ChangeUserPanel { background: #FFF; background: rgba(255, 255, 255, 0.98); border-bottom: 1px solid #FAFAFA; box-shadow: 0 1px 2px #777777; clear: both; color: #777; font: 12px/16px Tahoma,Verdana,Helvetica; left: 0; overflow: hidden; padding: 2px 10px; position: fixed; top: 0; width: 100%; z-index: 900000; display: none; } #Adminusers_ChangeUserPanel.ShowPanel { display: block; } #Adminusers_ChangeUserPanel > div { margin: 3px 50px 3px 0; } #Adminusers_ChangeUserPanel form { display: inline-block; vertical-align: baseline; } #Adminusers_ChangeUserPanel form input { display: inline-block; background: #F5F5F5; border: none; border-radius: 2px 2px 2px 2px; font: 12px/12px Verdana,Tahoma,Helvetica; padding: 4px 2px; } #Adminusers_ChangeUserPanel form input[type="text"] { box-shadow: 0 1px 2px #999 inset; padding-left: 4px; padding-right: 4px; width: 150px; } #Adminusers_ChangeUserPanel form input[type="submit"] { box-shadow: 0 1px 2px #BBBBBB; width: 20px; } #Adminusers_ChangeUserPanel form input[type="text"]:focus, #Adminusers_ChangeUserPanel form input[type="submit"]:hover { background: #FFF; } #Adminusers_ChangeUserPanel form label { display: inline-block; margin: 0 5px; } #Adminusers_ChangeUserPanel form input[type="checkbox"] { vertical-align: text-bottom; } #Adminusers_ChangeUserPanel a { color: #26C924; } /* misc */ div.Adminusers a.red { color: red; } /* recent users */ #Adminusers_ChangeUserPanel div.SecondLine a { background: #A9A9A9; border-radius: 8px 8px 8px 8px; color: #FFFFFF; padding: 0 5px 2px; text-decoration: none; } #Adminusers_ChangeUserPanel div.SecondLine a:hover { background: #08BA3B; } #Adminusers_ChangeUserPanel div.SecondLine a.confirm { color: red; } /* toggle mask panel switcher */ #Adminusers_ToggleUserPanel { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvUlEQVRIie2T3Q2DIBSFP7oAozCCI3QERnEURnAER3AUR7h9uSaU8lOs8aWQnMTg4X6ac0BEqAmwwAZMFc+kHtuc14A5YAcEWCq+RT074E4BAa9DYq3AU//a6vOa8fkuIBAyQ3oVmsAor19hhz5yLeV1pd5yreV1tbyyLsnr61wf3L0arTxToNKZkJYmhc663wXUM3MOlrsWQb/QRXvdwKj1G8l9NEdzSssYUzckS0RM7f3tpRnAARzAPwS+AKWF3bRgRLrEAAAAAElFTkSuQmCC") no-repeat 5px 30px #FAFAFA; border-radius: 7px; height: 60px; overflow: hidden; position: fixed; right: -25px; top: -25px; width: 60px; z-index: 910000; cursor: pointer; opacity: 0.8; } #Adminusers_ToggleUserPanel:hover { opacity: 1; } #Adminusers_ToggleUserPanel:active { box-shadow: 0 0 2px rgba(20, 20, 20, 0.5) inset; } /* admin users rights */ div.Adminusers.UsersBlock { background: none repeat scroll 0 0 #F8F8F8; border-radius: 2px 2px 2px 2px; box-shadow: 0 2px 3px rgba(181, 181, 181, 0.2) inset; font: 10px/12px Verdana,Tahoma,Helvetica; margin-bottom: 20px; padding: 5px; } div.Adminusers.UsersBlock a { display: block; margin-bottom: 3px; } /* windows */ #AU_EditUserWin, #AU_EditUserLoginWin { margin-left: -200px; width: 400px; } #AU_AddNewUserWin, #AU_ChangeTopicUserWin { margin-left: -250px; width: 500px; } #AU_EditUserWin form, #AU_AddNewUserWin form, #AU_ChangeTopicUserWin form, #AU_EditUserLoginWin form { overflow: hidden; padding: 15px 30px 25px; } #AU_EditUserWin .button-primary, #AU_AddNewUserWin .button-primary, #AU_ChangeTopicUserWin .button-primary, #AU_EditUserLoginWin .button-primary { float: right; } #AU_AddNewUserWin input[type="checkbox"] { vertical-align: text-bottom; } /* add new user switcher */ #Adminusers_AddNewUserWinShow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAAACXBIWXMAAAsSAAALEgHS3X78AAAA3UlEQVRIidWV2w2DMAxFz636zwiM0lHaDdoNGIWRGIERGMH9ACRI86SUtpbuT2LnxI7sYGaUCrgAHWALdcAlGbsRZhFFoVuAbmauuli8pkOyTVIywMwU2jsV0XawFVBSLclysthqLyWdYaGyHFpSSXWJv/eMwzOc38x9u9A68EjwbrFNMfZO0pa3jmUZyw7g7DqkSvqufbcPUyapktQkfBpJVdDBMyttXF6tVUADDMTn6Kxh8q+KhzdwBfpMkA98zwIyfkNbQa56pm8rBGt3Arlqvd/TJ4f3b7fFXwKfgAOuTpnppjoAAAAASUVORK5CYII=") no-repeat 3px 9px #FAFAFA; border-radius: 7px 7px 7px 7px; cursor: pointer; height: 40px; opacity: 0.8; overflow: hidden; position: fixed; right: -25px; top: 40px; width: 60px; z-index: 911000; } #Adminusers_AddNewUserWinShow:hover { opacity: 1; } #Adminusers_AddNewUserWinShow:active { box-shadow: 0 0 2px rgba(20, 20, 20, 0.5) inset; } /* change topic user button */ li.Adminusers_ChangeTopicUserWinShow .icon-change-topic-user { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsSAAALEgHS3X78AAABiklEQVQokWWRwWsaURDGv3mbCMbi5iJWXGmgVBAPIoEY7x4EIQiCf4InD4FCwdaeejSHXHNKbvHmf+B1pZdCC5IeNAlkSQo9tRBhd9/7esi+EOjAwMzAb775GJCEMUaRRKvVOgZAAGw0Gp9IYrPZYLVa7a7X6zdBEDgkQRIwxghJhGG4VSgUri2YyWR+kdyezWZ7AK4AsFKpnIZhCJLyEkx5nhdYMJvN/iEpvV7vIwCmUikC+Dufz9+ShEISJKm1FttrrVWypJCMIgCvlFK7FkAcx1sk0el0zq1iu92+nE6n70TkXkSolIoAsNlsngdBABXHsQM8KVer1VurmMvlfk4mkwOSrwFoY4wCAN/3277v74EkFovFTr1efw/gQUQoIgTw2/O8z8Ph8LBWq30FwG63e7JcLhVJwWg0OnJd9wcAioixp9q6VCp9y+fzHwCsXNf9Ph6P96MoejKtlKLjODGAZxCAsb7S6fRNuVy+SOaP/X7/CxzH0SKiXwD/ZbFYvBsMBmfJW0IA/AeDKNJfCieBVgAAAABJRU5ErkJggg==") no-repeat scroll center center transparent; opacity: 0.5; } li.Adminusers_ChangeTopicUserWinShow:hover { opacity: 1; } .topic .topic-footer .topic-info li.viewcount .icon-eye { font-size: 12px }