/* Adapted from git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: 0; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font size within `section` and `article` contexts in * Firefox 4+, Safari 5, and Chrome. */ h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1.6em; font-weight: normal; margin: 0; font-family: sans-serif; } p { margin: 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ /* pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } */ /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol, dl, dd, dt { margin: 0; padding: 0; } ul, ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } iframe { border: 0; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 0; margin: 0 2px; padding: 0; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and 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; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve 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; }/** * Tooltip */ .tooltip { display: none; padding: 12px 15px; position: absolute; z-index: 9999; min-width: 50px; max-width: 300px; background-color: #222; color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } /* Arrow */ .tooltip .tip-arrow { content: ''; position: absolute; top: auto; right: auto; bottom: auto; left: auto; width: 0; height: 0; border: 6px solid #222; } /* Loading */ .tooltip.loading { width: 100px; height: 100px; } .tooltip.alignx-center.aligny-top .tip-arrow { left: 50%; bottom: -12px; margin-left: -6px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .tooltip.alignx-center.aligny-bottom .tip-arrow { left: 50%; top: -12px; margin-left: -6px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .tooltip.alignx-left.aligny-center .tip-arrow { right: -12px; top: 50%; margin-top: -6px; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; } .tooltip.alignx-right.aligny-center .tip-arrow { left: -12px; top: 50%; margin-top: -6px; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; }/** * Popover */ .popover { display: none; position: absolute; z-index: 9999; min-width: 100px; max-width: 500px; background-color: #fff; color: #000; border: 1px solid #ccc; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .popover .popover-title { background: #eee; padding: 10px 15px; font-weight: bold; } .popover .popover-content { padding: 15px 20px; } /* Loading */ .popover.loading { width: 100px; height: 100px; } /* Arrow */ .popover .popover-arrow, .popover .popover-arrow-inner { content: ''; position: absolute; top: auto; right: auto; bottom: auto; left: auto; width: 0; height: 0; border: 9px solid #bbb; } .popover .popover-arrow-inner { border-width: 8px; border-color: #fff; } .popover.alignx-center.aligny-top .popover-arrow, .popover.alignx-center.aligny-top .popover-arrow-inner, .popover.alignx-left.aligny-top .popover-arrow, .popover.alignx-left.aligny-top .popover-arrow-inner, .popover.alignx-right.aligny-top .popover-arrow, .popover.alignx-right.aligny-top .popover-arrow-inner { left: 50%; bottom: -18px; margin-left: -9px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .popover.alignx-center.aligny-bottom .popover-arrow, .popover.alignx-center.aligny-bottom .popover-arrow-inner, .popover.alignx-left.aligny-bottom .popover-arrow, .popover.alignx-left.aligny-bottom .popover-arrow-inner, .popover.alignx-right.aligny-bottom .popover-arrow, .popover.alignx-right.aligny-bottom .popover-arrow-inner { left: 50%; top: -18px; margin-left: -9px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .popover.alignx-left.aligny-center .popover-arrow, .popover.alignx-left.aligny-center .popover-arrow-inner { right: -18px; top: 50%; margin-top: -9px; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; } .popover.alignx-right.aligny-center .popover-arrow, .popover.alignx-right.aligny-center .popover-arrow-inner { left: -18px; top: 50%; margin-top: -9px; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent; } .popover.alignx-left.aligny-top .popover-arrow-inner, .popover.alignx-right.aligny-top .popover-arrow-inner, .popover.alignx-center.aligny-top .popover-arrow-inner { bottom: -16px; margin-left: -8px; } .popover.alignx-left.aligny-bottom .popover-arrow-inner, .popover.alignx-right.aligny-bottom .popover-arrow-inner, .popover.alignx-center.aligny-bottom .popover-arrow-inner { top: -16px; margin-left: -8px; } .popover.alignx-left.aligny-center .popover-arrow-inner { right: -16px; margin-top: -8px; } .popover.alignx-right.aligny-center .popover-arrow-inner { left: -16px; margin-top: -8px; } .popover.alignx-left.aligny-bottom .popover-arrow, .popover.alignx-left.aligny-bottom .popover-arrow-inner, .popover.alignx-left.aligny-top .popover-arrow, .popover.alignx-left.aligny-top .popover-arrow-inner { left: 21px; } .popover.alignx-right.aligny-bottom .popover-arrow, .popover.alignx-right.aligny-top .popover-arrow { left: auto; right: 12px; } .popover.alignx-right.aligny-bottom .popover-arrow-inner, .popover.alignx-right.aligny-top .popover-arrow-inner { left: auto; right: 13px; }/** * Toolbar */ .toolbar { position: fixed; z-index: 100; } .toolbar section { width: 34px; line-height: 14px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05); box-shadow: 0 0 5px rgba(0,0,0,.05); margin-bottom: 10px; } .toolbar section a { display: block; padding: 10px; } .toolbar section a:hover { background: #fafafa; } .toolbar section i { display: block; } /* Admin button */ .toolbar .toolbar-admin a { display: block; } /* Update comments button */ .toolbar .toolbar-update { } .toolbar .toolbar-update .update-comments { padding: 9px; } .toolbar .toolbar-update .update-comments i { display: block; width: 16px; height: 16px; background: url(https://catalog.livestreetcms.com/templates/framework/images/update.gif) no-repeat; } .toolbar .toolbar-update .update-comments.active i { background-position: -16px 0; } .toolbar .toolbar-update .new-comments { border-top: 1px solid #eee; padding: 10px 0; color: #333; text-align: center; font-size: 11px; } /* Topic navigation */ .toolbar .toolbar-topic a.toolbar-topic-prev { border-bottom: 1px solid #eee; } /* Scroll up */ .toolbar .toolbar-scrollup { display: none; }/** * Alerts */ .alert { border: 1px solid #EED3D7; background-color: #F2DEDE; color: #B94A48; padding: 10px 15px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .alert-title { font-size: 14px; font-weight: bold; } /* Error */ .alert.alert-error { background-color: #F2DEDE; color: #B94A48; border-color: #EED3D7; } /* Success */ .alert.alert-success { background-color: #DFF0D8; color: #468847; border-color: #D6E9C6; } /* Info */ .alert.alert-info { background-color: #D9EDF7; color: #3A87AD; border-color: #BCE8F1; }/*! jQuery UI - v1.10.2 - 2013-03-30 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 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:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* 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: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .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, .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: 0; } /* 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, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/animated-overlay.gif); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 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; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/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(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/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, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/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; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/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; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .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-on { background-position: -96px -144px; } .ui-icon-radio-off { 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 { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://catalog.livestreetcms.com/templates/framework/js/vendor/jquery-ui/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http: //markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp a: link, .markItUp a: visited { color: #000; text-decoration: none; } .markItUp { margin-bottom: 5px; } .markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font: 12px "Courier New", Courier, monospace; padding: 5px; height: 400px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dfe3e8; } .markItUpPreviewFrame { overflow: auto; background-color: #FFF; border: 1px solid #eee; padding: 10px; height: 300px; margin: 5px 0; font: 12px Tahoma, Arial, Helvetica, sans-serif; } .markItUpFooter { width: 100%; } .markItUpResizeHandle { overflow: hidden; height: 8px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/markitup/skins/synio/images/handle.png) 50% 3px no-repeat; cursor: n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader { background: #fbfcfc; background: -moz-linear-gradient(top, #fbfcfc 0%, #f0f2f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f0f2f5)); background: -webkit-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: -o-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: -ms-linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); background: linear-gradient(top, #fbfcfc 0%,#f0f2f5 100%); border-radius: 3px 3px 0 0; padding: 7px 10px 5px; border-top: 1px solid #dfe3e8; border-left: 1px solid #dfe3e8; border-right: 1px solid #dfe3e8; } .markItUpHeader ul { overflow: visible; zoom: 1; display: inline-block; *display: inline; /* ie <= 7 */ } .markItUpHeader ul li { list-style: none; float: left; position: relative; margin-right: 10px; } .markItUpHeader ul li: hover > ul{ display: block; } .markItUpHeader ul .markItUpDropMenu { background: transparent url(https://catalog.livestreetcms.com/templates/framework/js/vendor/markitup/skins/synio/images/menu.png) no-repeat 115% 50%; margin-right: 5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right: 0px; } /* next rows of buttons */ .markItUpHeader ul ul { display: none; position: absolute; top: 16px; left: 0px; background: #eee; border: 1px solid #000; } .markItUpHeader ul ul li { float: none; border-bottom: 1px solid #000; } .markItUpHeader ul ul .markItUpDropMenu { background: #eee url(https://catalog.livestreetcms.com/templates/framework/js/vendor/markitup/skins/synio/images/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin: 0 10px 0 0; width: 0; height: 16px; overflow: hidden; border-left: 1px solid #dfe3e8; border-right: 1px solid #fff; } .markItUpHeader ul ul .markItUpSeparator { width: auto; height: 1px; margin: 0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position: absolute; top: -1px; left: 150px; } .markItUpHeader ul ul ul li { float: none; } .markItUpHeader ul a { display: block; width: 16px; height: 16px; text-indent: -10000px; background-repeat: no-repeat; margin: 0px; } .markItUpHeader ul ul a { display: block; padding-left: 0px; text-indent: 0; width: 120px; padding: 5px 5px 5px 25px; background-position: 2px 50%; color: #000; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .markItUpHeader ul ul a:hover { background-color: #fff; } .markItUpPreviewFrame { } .markItUpPreviewFrame p { margin-bottom: 18px; } .markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; } .markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; } .markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; } .markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; } .markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; } .markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; } /* ------------------------------------------------------------------- // markItUp! // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .markItUp a { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/markitup/sets/synio/images/icons.png) no-repeat; } .markItUp .editor-h4 a { background-position: -11px -9px; } .markItUp .editor-h5 a { background-position: -39px -9px; } .markItUp .editor-h6 a { background-position: -65px -9px; } .markItUp .editor-bold a { background-position: -107px -9px; } .markItUp .editor-italic a { background-position: -134px -9px; } .markItUp .editor-stroke a { background-position: -188px -9px; } .markItUp .editor-underline a { background-position: -161px -9px; } .markItUp .editor-quote a { background-position: -326px -9px; } .markItUp .editor-code a { background-position: -353px -9px; } .markItUp .editor-ul a { background-position: -257px -9px; } .markItUp .editor-ol a { background-position: -230px -9px; } .markItUp .editor-li a { background-position: -550px -9px; } .markItUp .editor-picture a { background-position: -423px -9px; } .markItUp .editor-image a { background-position: -423px -9px; } .markItUp .editor-link a { background-position: -299px -9px; } .markItUp .editor-clean a { background-position: -519px -9px; } .markItUp .editor-preview a { background-position: -11px -9px; } .markItUp .editor-cut a { background-position: -491px -9px; } .markItUp .editor-video a { background-position: -450px -9px; } .markItUp .editor-user a { background-position: -380px -9px; }/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0px; position: absolute; background: white url(https://catalog.livestreetcms.com/templates/framework/js/vendor/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; } /* Tomorrow Theme */ /* Original theme - https://github.com/chriskempson/tomorrow-theme */ /* Pretty printing styles. Used with prettify.js. */ /* SPAN elements with the classes below are added by prettyprint. */ /* plain text */ .pln { color: #4d4d4c; } ol.linenums { margin-top: 0; margin-bottom: 0; } @media screen { .str { color: #718c00; } .kwd { color: #8959a8; } .com { color: #8e908c; } .atv { color: #3e999f; } .typ, .fun { color: #4271ae; } .lit, .atn, .dec { color: #f5871f; } .pun, .opn, .clo { color: #4d4d4c; } .tag, .var { color: #c82829; } } @media print, projection { .com { color: #600; font-style: italic; } .typ { color: #404; font-weight: 700; } .lit { color: #044; } .pun, .opn, .clo { color: #440; } .atn { color: #404; } .str, .atv { color: #060; } .kwd, .tag { color: #006; font-weight: 700; } }/* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(https://catalog.livestreetcms.com/templates/framework/js/vendor/prettyphoto/images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }/** * Base */ body { background-color: #fff; font: 300 13px/20px Verdana, Arial, sans-serif; } /** * Headers */ h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial; } .h2 { font-size: 18px; margin-bottom: 15px; } .h3 { font-size: 16px; margin-bottom: 15px; } .header-line { font: 28px/1.6em 'Open Sans', Arial; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; } /** * Links */ a { color: #004aac; } a:hover { color: #f00; } /** * Информация о производительности * * @template stat_performance.tpl */ .stat-performance { margin: 20px 0 0; border-radius: 0; } .stat-performance table { width: 100%; } .stat-performance td { vertical-align: top; } .stat-performance h4 { font-weight: bold; font-size: 14px; } /** * Pagination */ .pagination ul { overflow: hidden; zoom: 1; line-height: 1em; } .pagination ul li { float: left; margin-right: 5px; } .pagination ul li .button { padding-left: 10px; padding-right: 10px; } .pagination ul li .button-primary { padding-left: 11px; padding-right: 11px; } /** * Error page */ .error { width: 500px; margin: 0 auto; padding: 50px 0; } .error h2 { font-size: 40px; margin-bottom: 10px; } .error p { margin-bottom: 25px; } /** * Counter */ .counter { display: block; background: #1ea2e7; color: #fff; font: bold 11px/1em Verdana, Arial, sans-serif; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px 7px 5px; line-height: 1em !important; }/** * Alerts */ .alert { padding: 10px 15px; border: 1px solid #eee; background-color: #fafafa; color: #555; } .alert .alert-title { font-weight: 600; font-size: 16px; } /* Error */ .alert-error { border-color: #EED3D7; background-color: #F2DEDE; color: #B94A48; } /* Success */ .alert-success { border-color: #D6E9C6; background-color: #DFF0D8; color: #468847; }/* * Buttons */ .button { padding: 6px 8px 6px; display: inline-block; border: 1px solid #d4d4d4; border-radius: 3px; font-size: 13px; line-height: 15px; color: #6c6c6c; background: #fbfcfc; background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: linear-gradient(top, #fefefe 0%,#f4f4f4 100%); font-family: Verdana, sans-serif; text-shadow: none; text-decoration: none; } .button:hover { background: #eee; color: #434343; } .mozilla .button { padding: 5px 8px 7px; } .ie .button { padding: 6px 8px 7px; } .ie7 .ie .button { padding: 6px 8px 6px; overflow: visible; } /* Active */ .button:active, .button.active { background: #efefef; color: #6c6c6c; -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05); } /* Button Disabled */ .button.disabled, .button.disabled:hover, .button[disabled], .button[disabled]:hover { border-color: #ccc; background: #eee; color: #999; } .button.disabled:active, .button[disabled]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Button Primary */ .button-primary { padding: 7px 9px 7px; border: none; background: #5787ea; background: -moz-linear-gradient(top, #5787ea 0%, #3f68ba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5787ea), color-stop(100%,#3f68ba)); background: -webkit-linear-gradient(top, #5787ea 0%,#3f68ba 100%); background: -o-linear-gradient(top, #5787ea 0%,#3f68ba 100%); background: -ms-linear-gradient(top, #5787ea 0%,#3f68ba 100%); background: linear-gradient(top, #5787ea 0%,#3f68ba 100%); border-color: #3f68ba; text-shadow: none; color: #fff; } .button-primary:hover { background: #3f68ba; color: #fff; } .mozilla .button-primary, .ie .button-primary { padding: 6px 9px 8px; } .ie7 .ie .button-primary { padding: 7px 9px 6px; overflow: visible; } /* Button Write */ .button.button-write { background: #66cfff; background: -moz-linear-gradient(top, #66cfff 0%, #2abcfe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66cfff), color-stop(100%,#2abcfe)); background: -webkit-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: -o-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: -ms-linear-gradient(top, #66cfff 0%,#2abcfe 100%); background: linear-gradient(top, #66cfff 0%,#2abcfe 100%); border: 1px solid #27ace8; padding: 2px 15px 4px; border-radius: 15px; line-height: 17px; color: #fff; font-size: 11px; } .button.button-write:hover { background: #4ec4ff; background: -moz-linear-gradient(top, #4ec4ff 0%, #22b3fe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4ff), color-stop(100%,#22b3fe)); background: -webkit-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -o-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: -ms-linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); background: linear-gradient(top, #4ec4ff 0%,#22b3fe 100%); -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset; -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 -1px 0 rgba(255, 255, 255, .5) inset; } /* Button Small */ .button.button-small { font-size: 11px; padding: 1px 7px 3px; } /* Button Action */ .button.button-action { border: none; padding: 4px 4px 3px; background: #c8f5ff; background: -moz-linear-gradient(top, #c8f5ff 0%, #88c4ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8f5ff), color-stop(100%,#88c4ea)); background: -webkit-linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); background: -o-linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); background: -ms-linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); background: linear-gradient(top, #c8f5ff 0%,#88c4ea 100%); } .button.button-action span { display: none; } .button.button-action:hover span { display: inline; padding: 0 5px 0 5px; position: relative; top: -2px; color: #fff; } .button.button-action.active, .button.button-action:hover { border: 1px solid #2770e8; -webkit-box-shadow: 0 -1px 0 #128af3 inset, 0 2px 2px #ddd; box-shadow: 0 -1px 0 #128af3 inset, 0 2px 2px #ddd; color: #fff; padding: 3px 3px 2px; background: #228dfa; background: -moz-linear-gradient(top, #228dfa 0%, #0362eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#228dfa), color-stop(100%,#0362eb)); background: -webkit-linear-gradient(top, #228dfa 0%,#0362eb 100%); background: -o-linear-gradient(top, #228dfa 0%,#0362eb 100%); background: -ms-linear-gradient(top, #228dfa 0%,#0362eb 100%); background: linear-gradient(top, #228dfa 0%,#0362eb 100%); } .button.button-action:hover i { vertical-align: top; position: relative; top: -1px; } .button.button-action.button-action-add-friend:hover i { background-position: -147px -39px; } .button.button-action.button-action-send-message:hover i { background-position: -163px -39px; } .button.button-action.button-action-join.active i, .button.button-action.button-action-join:hover i { background-position: -179px -39px; } .button.button-action.button-action-note { background: #ccf4d0; background: -webkit-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: -moz-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: -o-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: -ms-linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); background: linear-gradient(top, #e9fdea 0%,#ccf4d0 100%); padding: 6px 6px 6px 7px; } .button.button-action.button-action-note:hover { background: #4ace56; background: -webkit-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: -moz-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: -o-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: -ms-linear-gradient(top, #6ce777 0%,#4ace56 100%); background: linear-gradient(top, #6ce777 0%,#4ace56 100%); border: none; -webkit-box-shadow: none; box-shadow: none; padding: 6px 6px 6px 7px; cursor: default; } .button.button-action.button-action-note i { display: block; } .button.button-action.button-action-note:hover i { top: 0; background-position: -46px -65px; } /** * Button group */ .button-group .button { border-radius: 0; margin: 0; float: left; border-left: none; } .button-group .button:first-child { border-left: 1px solid #d4d4d4; border-radius: 3px 0 0 3px; } .button-group .button:last-child { border-radius: 0 3px 3px 0; } .button-group:before, .button-group:after { content: ""; display: table; } .button-group:after { clear: both; } .button-group { zoom: 1; } .button-group-sub { margin-bottom: 30px; } .button-group-sub .button { font-size: 11px; padding: 4px 9px 5px; } .mozilla .button-group-sub .button, .ie .button-group-sub .button { padding: 4px 9px 6px; } .ie7 .ie .button-group-sub .button { padding: 4px 9px 4px; overflow: visible; }/* * Dropdowns * * TODO: Add submenu * TODO: Add arrow support in IE7 */ /* Base class */ .dropdown { display: inline-block; *display: inline; *zoom: 1; /* IE7 */ background: #2891d3; color: #fff; padding: 5px 12px; margin-bottom: 10px; min-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dropdown.open { background: #0088cc; color: #fff; } /* Dropdown toggle */ .dropdown-toggle { padding-right: 25px !important; position: relative; *zoom: 1; cursor: pointer; } .dropdown-toggle:after { content: ""; position: absolute; top: 50%; right: 9px; height: 0; width: 0; margin-top: -1px; border: 4px solid transparent; /* IE7 */ border: 4px solid rgba(255,255,255,0); border-top-color: #fff; } .dropdown-toggle.open:after { border-top-color: #fff; } /* Dropdown menu */ .dropdown-menu { position: absolute; top: 0; left: 0; z-index: 900; display: none; min-width: 150px; padding: 5px 0; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.25); } .oldie .dropdown-menu { border: 1px solid #eee; } .dropdown-menu > li { overflow: hidden; } .dropdown-menu > li > a { display: block; padding: 5px 12px; white-space: nowrap; text-decoration: none; } .dropdown-menu > li.active > a { background: #ffffd7; color: #f3310a; } .dropdown-menu > li > a:hover { background: #ffffd7; color: #f3310a; } .dropdown-menu > li.divider { height: 0; border-top: 1px solid #e1e1e1; margin: 5px 0; } .dropdown-menu:after, .dropdown-menu:before { content: ''; position: absolute; top: auto; right: auto; bottom: auto; left: auto; width: 0; height: 0; border: 6px solid transparent; } .dropdown-menu:after { border-width: 7px; z-index: -1; } .dropdown-menu.alignx-left.aligny-top:before { left: 10px; bottom: -12px; border-top-color: #fff; } .dropdown-menu.alignx-left.aligny-center:before { right: -12px; top: 50%; margin-top: -6px; border-left-color: #fff; } .dropdown-menu.alignx-left.aligny-bottom:before { left: 10px; top: -12px; border-bottom-color: #fff; } .dropdown-menu.alignx-center.aligny-top:before { left: 50%; bottom: -12px; margin-left: -6px; border-top-color: #fff; } .dropdown-menu.alignx-center.aligny-center:before { display: none; } .dropdown-menu.alignx-center.aligny-bottom:before { left: 50%; top: -12px; margin-left: -6px; border-bottom-color: #fff; } .dropdown-menu.alignx-right.aligny-top:before { right: 10px; bottom: -12px; border-top-color: #fff; } .dropdown-menu.alignx-right.aligny-center:before { left: -12px; top: 50%; margin-top: -6px; border-right-color: #fff; } .dropdown-menu.alignx-right.aligny-bottom:before { right: 10px; top: -12px; border-bottom-color: #fff; } .dropdown-menu.alignx-left.aligny-top:after { left: 9px; bottom: -14px; border-top-color: #bbb; } .dropdown-menu.alignx-left.aligny-center:after { right: -14px; top: 50%; margin-top: -7px; border-left-color: #bbb; } .dropdown-menu.alignx-left.aligny-bottom:after { left: 9px; top: -14px; border-bottom-color: #bbb; } .dropdown-menu.alignx-center.aligny-top:after { left: 50%; bottom: -14px; margin-left: -7px; border-top-color: #bbb; } .dropdown-menu.alignx-center.aligny-center:after { display: none; } .dropdown-menu.alignx-center.aligny-bottom:after { left: 50%; top: -14px; margin-left: -7px; border-bottom-color: #bbb; } .dropdown-menu.alignx-right.aligny-top:after { right: 9px; bottom: -14px; border-top-color: #bbb; } .dropdown-menu.alignx-right.aligny-center:after { left: -14px; top: 50%; margin-top: -7px; border-right-color: #bbb; } .dropdown-menu.alignx-right.aligny-bottom:after { right: 9px; top: -14px; border-bottom-color: #bbb; } .dropdown-menu:after { border-color: transparent !important; }/** * Blocks */ /** * Base */ .block { margin-bottom: 30px; border-radius: 3px; } .block:last-child { margin-bottom: 0; } .block .text { font-size: 13px; line-height: 18px; } .block .max-height-200 { overflow: auto; max-height: 200px; position: relative; } .block .loading { min-height: 100px; background-image: url(https://catalog.livestreetcms.com/templates/ls/images/loader.gif); background-position: 50% 45px; } .block-left { padding-left: 18px; } .block-left-title { font-size: 16px; margin-bottom: 10px; } .block-left-type-stat li { margin-bottom: 10px; } .block-left-type-stat li strong { font-weight: 500; font-family: 'Open Sans'; font-size: 18px; } /* Header */ .block-header { padding: 13px 18px; border-bottom: 1px solid #e4e4e4; position: relative; } .block-header:after { content: ""; position: absolute; bottom: -2px; left: 0; height: 1px; width: 100%; background: #fff; } .block-header .block-title { font-size: 15px; line-height: 1em; font-weight: 600; } /* Nav */ .block-nav { padding: 15px; border-bottom: 1px solid #eee; } .block-nav .nav, .block-nav .dropdown { margin-bottom: 0; } /* Content */ .block-content { padding: 15px 18px; } /* Footer */ .block-footer { padding: 0 18px; } /** * @type nav */ .block-type-nav .block-content { padding: 0; }/** * Grid */ #container { width: 1008px; margin: 0 auto; } #header { background-color: #fff; } #wrapper { padding-top: 18px; padding-bottom: 50px; } #content { float: left; width: 100%; margin-left: -192px; } #content-inner { margin-left: 192px; } #sidebar { float: left; width: 160px; margin-right: 32px; min-height: 100px; } #sidebar-right { float: right; width: 298px; margin-left: 32px; } .ls-header { width: 972px; } .sidebar-right #wrapper { padding-left: 18px; padding-right: 18px; } .sidebar-right #content { margin-left: 0; margin-right: -330px; } .sidebar-right #content-inner { margin-left: 0; margin-right: 330px; } .no-sidebar #content, .no-sidebar #content-inner { margin-left: 0; margin-right: 0; } .no-sidebar #content-inner { padding-left: 18px; }/** * Nav global */ .ls-nav-global-wrapper { background: #fff; } .ls-nav-global { width: 1008px; margin: 0 auto; height: 32px; font: 13px/1em Verdana; border-bottom: 1px solid #f1f1f1; color: #7a7a7a; background-color: #fff; } .ls-nav-global-items { padding: 0 0 0 18px; } .ls-nav-global-items li { float: left; margin-right: 34px; } .ls-nav-global-items li a { text-decoration: none; color: #7a7a7a; float: left; height: 31px; line-height: 32px; border-bottom: 2px solid transparent; } .mozilla .ls-nav-global-items li a { line-height: 31px; } .ls-nav-global-items li a:hover { color: #000; } .ls-nav-global-items li.active a { color: #000; border-color: #d1d1d1; } .ls-nav-global-items li.ls-nav-global-download { float: right; margin-right: 18px; } .ls-nav-global-items .icon-ls-nav-global-download { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; top: -1px; width: 6px; height: 8px; background: url(https://catalog.livestreetcms.com/templates/ls/images/icons/ls-nav-global-download.png) 0 0 no-repeat; } .mozilla .ls-nav-global-items .icon-ls-nav-global-download { top: 0; } /* .ls-nav-global-items li.ls-nav-global-auth { float: right; margin-right: 18px; } .ls-nav-global-items li.ls-nav-global-login { float: right; margin: 0; font-weight: bold; } .ls-nav-global-items li.ls-nav-global-login a { color: #000; float: left; max-width: 150px; overflow: hidden; } .ls-nav-global-items li.ls-nav-global-login a:hover { color: #f00; } .ls-nav-global-items .dropdown-toggle { float: left; height: 31px; } .ls-nav-global-items .dropdown-toggle:after { border-top-color: #7a7a7a; } *//** * Header */ .ls-header-wrapper { background: #fff; border-bottom: 1px solid #EFEFEF; box-shadow: 0 10px 10px #FAFAFA; } .ie7 .ls-header-wrapper { border-bottom: 1px solid #eee; } .ls-header { background: #fff; padding: 30px 18px 35px 18px; margin: 0 auto; } /* Logo */ .ls-header-logo { float: left; width: 192px; padding-top: 3px; } .ls-header-logo h1 { font-size: 30px; font-weight: bold; line-height: 1em; } .ls-header-logo h1 a { text-decoration: none; color: #000; } .ls-header-logo h1 a:hover { color: #333; } .ls-header-logo h1 span { display: block; font-size: 22px; font-weight: 300; padding-top: 5px; } /* Nav */ .ls-header-nav { float: left; font-family: 'Open Sans', Arial; font-size: 16px; margin-top: 6px; } .ls-header-nav li { float: left; padding: 3px 9px 4px; margin-right: 18px; } .ls-header-nav li.active { background: #ff4800; border-radius: 3px; } .ls-header-nav li.active a { color: #fff; border: none; } .ls-header-nav li.ls-header-nav-item-featured a { color: #f00; border-color: #feb2b2; } .ls-header-nav li.ls-header-nav-item-secondary a { color: #080; border-color: #b2dab2; } .ls-header-nav li.ls-header-nav-item-featured.active a, .ls-header-nav li.ls-header-nav-item-secondary.active a { color: #fff; } .ls-header-nav li a { text-decoration: none; border-bottom: 1px solid #b2c8e6; line-height: 1.2em; display: inline-block; } .ls-header-nav li a:hover { color: #f00; border-color: #f00; } .ls-header-nav li.active a:hover { color: #fff; } /* User */ .ls-header-user { float: right; color: #6c6c6c; } .ls-header-user.open { color: #000; } .ls-header-user-avatar { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; margin-right: 12px; } .ls-header-user-login { float: left; height: 40px; line-height: 35px; max-width: 80px; overflow: hidden;} .ls-header-user.dropdown-toggle:after { border-top-color: #b2b2b2; top: 46%; } .ls-header-user.dropdown-toggle.open:after { border-top-color: #000; } .ls-header-create { float: right; padding-top: 5px; margin-right: 15px; }/** * Footer */ .ls-footer-wrapper { background: #2d2d2d; min-width: 1008px; } .ls-footer { width: 972px; background: #2d2d2d; color: #7a7a7a; font: 13px/20px Verdana; padding: 40px 18px 60px 18px; margin: 0 auto; height: 160px; } .ls-footer a { display: inline-block; color: #7a7a7a; text-decoration: none; border-bottom: 1px solid #444444; line-height: 1.3em; } .ls-footer a:hover { color: #eee; border-color: #777; } .ls-footer h3 { font-weight: 600; font-size: 16px; color: #999; } .ls-footer-nav { float: left; width: 150px; margin-right: 40px; } .ls-footer-nav li { margin-bottom: 8px; } .ls-footer-nav h3 { padding-bottom: 5px; } .ls-footer-right { float: right; width: 215px; } .ls-footer-right ul { padding-left: 15px; } .ls-footer-language-holder { float: left; width: 93px; } .ls-footer-design { float: right; width: 200px; padding: 0 0 24px 15px; margin-bottom: 25px; font-size: 11px; /*border-bottom: 1px dotted #494949;*/ overflow: hidden; line-height: 1em; } .ls-footer-design img { float: left; margin-right: 9px; position: relative; top: 2px; } .ls-footer-design em { padding-top: 2px; color: #000; display: block; font-style: normal; color: #5a5a5a; font-size: 10px; } .ls-footer-contact { float: left; width: 300px; } .ls-footer-contact p { margin-bottom: 30px; } /** * Sticky footer */ html { position: relative; min-height: 100%; } body { margin: 0 0 310px; } .ls-footer-wrapper { position: absolute; left: 0; bottom: 0; width: 100%; } .ie7 .ls-footer-wrapper { position: static; } .ie7 body { margin-bottom: 0; } /** * Extra * TODO: Move to child template */ .ls-footer-extra-wrapper { background: #f9f9f9; } .ls-footer-extra { width: 972px; height: 160px; margin: 0 auto; padding: 35px 18px; } .ls-footer-extra-help { float: left; width: 310px; overflow: hidden; padding-top: 10px; } .ls-footer-extra-help figure { float: left; width: 74px; height: 74px; margin-right: 17px; } .ls-footer-extra-help h3 { font-weight: 600; font-size: 18px; color: #2d2d2d; line-height: 1em; padding-bottom: 5px; } .ls-footer-extra-help ul { font-size: 13px; } .ls-footer-extra-help ul li { margin-bottom: 4px; } .ls-footer-extra-help ul a { display: inline-block; text-decoration: none; border-bottom: 1px solid #aec4e2; line-height: 1.3em; } .ls-footer-extra-help ul a:hover { border-color: #ffc2c2; } body { margin: 0 0 490px; }/** * Comments */ .comments-header { border-bottom: 1px solid #e4e4e4; padding-top: 20px; padding-bottom: 8px; margin-bottom: 10px; position: relative; overflow: hidden; } .comments-header h2 { font-size: 21px; font-weight: 600; line-height: 1em; float: left; } .comments-header h2 span { color: #6c6c6c; font-weight: 300; } .comments-nav { margin-bottom: 15px; } /** * Comment */ .comment { margin-bottom: 40px; } .comment-header { height: 30px; padding: 5px; background: #f9f9f9; position: relative; line-height: 31px; overflow: hidden; } .comment-header .stars { margin: 0; top: 1px; position: relative; } .comment-header .comment-avatar { width: 30px; height: 30px; float: left; margin-right: 9px; } .comment-header .comment-username { line-height: 1.1em; border-bottom: 1px solid #B2C8E6; text-decoration: none; font-weight: bold; float: left; margin-top: 7px; } .mozilla .comment-header .comment-username { margin-top: 6px; } .comment-header .comment-username:hover { border-color: #FFB0B0; } .comment-header .comment-info { position: absolute; top: 10px; right: 5px; overflow: hidden; font-size: 11px; color: #909090; } .comment-header .comment-info > li { height: 21px; padding: 0 9px; line-height: 21px; float: left; border-left: 1px solid #e4e4e4; } .comment-header .comment-info > li:first-child { border: none; } .comment-body { margin-bottom: 10px; } .comment-body .text { padding: 10px 5px 0; } .comment-footer { padding-left: 5px; } .comment .alert { margin-bottom: 10px; } /** * Reply */ .comment-reply { padding: 15px; background: #fafafa; } .comment-reply textarea { margin-bottom: 15px; } .comment-reply .comment-reply-actions { margin-bottom: 15px; }/** * Base */ /** * Addon Filter */ .addon-filter { padding-bottom: 16px; margin-bottom: 18px; position: relative; background: #fff; } .oldie .addon-filter { border-bottom: 1px solid #ccc; } .addon-filter:before { content: ""; position: absolute; z-index: -2; height: 20px; bottom: 3px; left: 10px; right: 10px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3); -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .mozilla .addon-filter:before { bottom: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.2) } .addon-filter .button-group { float: left; margin-right: 20px; } .mozilla .button-group-addon-view .button { padding-bottom: 6px !important; } .opera .button-group-addon-view .button, .webkit .button-group-addon-view .button { padding-top: 5px !important; padding-bottom: 6px !important; } .button-group-addon-view i { position: relative; top: 1px; } .button-group-addon-view .active .icon-addon-view-list { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/addon-view-list-active.png) no-repeat; } .button-group-addon-view .active .icon-addon-view-tiles { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/addon-view-tiles-active.png) no-repeat; } .addon-search { float: right; } .addon-search .input-text { margin-right: 5px; width: 200px; } .addon-search .button { vertical-align: top; } /** * Context */ .context { background: #f7f7f7; } .context .context-header, .context .context-body, .context .context-footer { padding: 15px; } .context .context-header { padding: 15px 15px 0; } .context .context-header .context-title { font-size: 18px; line-height: 1em; } /** * Star rating */ .stars { overflow: hidden; width: 102px; height: 17px; } .star { float: left; margin-left: 3px; width: 18px; height: 17px; background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/star-empty.png) no-repeat; } .star:first-child { margin-left: 0; } .star-full { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/star-full.png) no-repeat; } .star-half { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/star-half.png) no-repeat; } /** * Footer */ .ls-footer-extra-help.ls-footer-extra-help-devs figure { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/ls-footer-devs.png) no-repeat; } .ls-footer-extra-help.ls-footer-extra-help-customers figure { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/ls-footer-customers.png) no-repeat; } .ls-footer-extra-payment { float: right; width: 334px; height: 150px; background: url(https://catalog.livestreetcms.com/templates/skin/default/images/ls-footer-extra-payment.png?v=5) no-repeat; } .color-red { color: #ff0000; }/* * Helpers */ /* Margins */ .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mb-5 { margin-bottom: 5px !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; } /* Paddings */ .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } /* Text Align */ .ta-c { text-align: center !important; } .ta-r { text-align: right !important; } /* Floats */ .fl-r, .float-right, .pull-right { float: right !important; } .fl-l, .float-left, .pull-left { float: left !important; } /* Misc */ .va-m { vertical-align: middle !important; } /* Clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Word Wrap */ .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; } /* Width */ /* TODO: Delete input-width */ .input-width-full, .width-full { width: 100%; } .input-width-50 , .width-50 { width: 50px; } .input-width-100, .width-100 { width: 100px; } .input-width-150, .width-150 { width: 150px; } .input-width-200, .width-200 { width: 200px; } .input-width-250, .width-250 { width: 250px; } .input-width-300, .width-300 { width: 300px; } .input-width-400, .width-400 { width: 400px; } .input-width-500, .width-500 { width: 500px; } /* Links */ .link-dashed { text-decoration: none; border-bottom: 1px dashed; } .link-dotted { text-decoration: none; border-bottom: 1px dotted; } /* Loader */ /* TODO: Change gif */ .loading { background-image: url(https://catalog.livestreetcms.com/templates/skin/default/images/modal-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; }/* * Modal */ /* Base class */ .modal { display: none; margin: 50px auto; width: 500px; color: #333; border: 1px solid #666; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5); overflow: hidden; z-index: 1000; position: relative; } /* Close button */ .modal .modal-close:before, .modal .close:before { display: block; content: "×"; } .modal .modal-close, .modal .close { position: absolute; top: 14px; right: 14px; font-weight: bold; font-size: 21px; line-height: 1em; color: #000; opacity: .3; filter: alpha(opacity=30); text-decoration: none; } .modal .modal-close:hover, .modal .close:hover { opacity: .7; filter: alpha(opacity=70); } /* Header */ .modal .modal-header { background: #fafafa; border-bottom: 1px solid #f7f7f7; padding: 10px 20px; position: relative; min-height: 10px; } .modal .modal-header h3 { font-size: 20px; font-weight: 300; margin-right: 20px; } /* Nav */ .modal > .nav { padding: 20px 20px 0; } /* Content */ .modal .modal-content { padding: 20px; } /* Lock */ .modal .modal-lock { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2; filter: alpha(opacity=20); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Footer */ .modal .modal-footer { background: #fafafa; border-top: 1px solid #f7f7f7; padding: 15px 20px; } /* Loader */ .modal-loader { display: none; width: 100px; height: 50px; margin: -25px 0 0 -50px; position: fixed; top: 50%; left: 50%; border-radius: 5px; background-color: #000; background: rgba(0,0,0,.8) url(https://catalog.livestreetcms.com/templates/skin/default/images/modal-loader.gif) 50% 50% no-repeat; z-index: 1001; } .modal-loader.modal-loader-text { background-image: none; color: #eee; text-align: center; font-size: 13px; line-height: 1.2em; padding: 15px; width: 300px; margin-left: -150px; height: auto; } /* Overlay */ .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);; background: rgba(0,0,0,.5); z-index: 999; overflow: auto; }/** * Tooltip */ .tooltip { border-radius: 5px; padding-bottom: 16px; } /* Loading */ .tooltip.loading { width: 70px; height: 70px; } /* Yellow ------------------------------ */ .tooltip.tooltip-yellow { background: #fffea8; color: #3e3e16; border-radius: 10px; padding: 15px 20px; font-size: 11px; line-height: 16px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); } .tooltip.tooltip-yellow .tip-arrow { border-color: #fffea8; }/* * Text */ .text { font-size: 13px; line-height: 1.6em; overflow: hidden; zoom: 1; } /* Links */ .text a { text-decoration: underline; } /* Headers */ .text h4 { font-size: 24px; margin-bottom: 7px; font-weight: 600; } .text h5 { font-size: 20px; margin-bottom: 7px; font-weight: 600; } .text h6 { font-size: 18px; margin-bottom: 7px; font-weight: 600; } /* Preformatted text */ .text pre { max-height: 400px; margin: 0; padding: 10px 14px; background: #fcfcfc; border: 1px solid #eaeaea; border-radius: 3px; font: normal 12px/1.5 Menlo, Monaco, Consolas, monospace; overflow: auto; clear: both; } .text code { background: #fcfcfc; font-family: Menlo, Monaco, Consolas, monospace; border: 1px solid #eaeaea; border-radius: 3px; padding: 2px 5px; } /* Quotes */ .text blockquote { margin: 0; padding: 15px 20px; background: #fafafa; color: #555; clear: both; border-left: 5px solid #eee; } /* Lists */ .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; } /* Images */ .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; } /* Responsive */ .text object, .text iframe, .text img { max-width: 100%; } /* Tables */ .text table { border: 1px solid #e1e1e1; clear: both; } .text table td, .text table th { padding: 5px 10px; border: 1px solid #e1e1e1; } /* Paragraph */ .text p { margin-bottom: 1em; } /* User */ .text .ls-user { color: #333; } .text .ls-user:visited { color: #333; } .text .ls-user:hover { color: #555; } .page.text h2 { font-size: 24px; margin-bottom: 7px; font-weight: 600; margin-top: 30px; }/* ------------------------------------------------------------------- ИКОНКИ Иконки Glyphicons http://glyphicons.com/ Пример использования: Remove ------------------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; line-height: 14px; /*background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons.png) no-repeat;*/ } .icon-addon-view-tiles { width: 15px; height: 15px; background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/addon-view-tiles.png) no-repeat; } .icon-addon-view-list { width: 15px; height: 15px; background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/addon-view-list.png) no-repeat; } .icon-addon-not-compatible { width: 16px; height: 16px; background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/addon-not-compatible.png) no-repeat; } /* * Forms */ /* Input Text */ textarea, input[type="text"] { padding: 6px 5px 5px; border: 1px solid #d3d3d3; border-top-color: #c2c2c2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus, .input-text:focus { border-color: #80b0f8; } .mozilla input[type="text"] { padding: 5px; } /* Checkboxes */ input[type="radio"], input[type="checkbox"] { position: relative; top: 1px; margin: 0 2px 0 1px; } /* Select */ select { padding: 4px; border: 1px solid #ddd; border-radius: 3px; } /* Fieldset */ fieldset { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; } fieldset legend { color: #000; font-size: 18px; padding-right: 10px; } form p { margin-bottom: 20px; } form label { display: block; margin-bottom: 3px; } form .icon-question-sign { cursor: help; } label.label-inline { display: inline; } /* Note */ .note { display: block; margin-top: 3px; font-size: 12px; color: #888; } .note.note-header { margin-bottom: 20px; } .note.note-red { color: #f00; } .captcha-image { vertical-align: top; } dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; } dl.form-item dt { float: left; width: 180px; 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: 11px; } input + .button { vertical-align: top; } /* Placeholder */ :-moz-placeholder { color: #afafaf; } ::-moz-placeholder { color: #afafaf; opacity: 1; } ::-webkit-input-placeholder { color: #afafaf; } :-ms-input-placeholder { color: #afafaf; } .placeholder { color: #afafaf; } /* Old IE */ /* Editor */ .mceEditor { display: block; margin-bottom: 20px; } .markItUpEditor { border-radius: 0; } .markItUpEditor.h250 { height: 250px; } /* Validate */ .validate-error-hide { display: none; } .validate-error-show { display: block; color: #f00; font-weight: bold; font-size: 12px; }/** * Tables */ .table { width: 100%; margin-bottom: 15px; border-collapse: separate; background: #fff; } .table th { text-align: left; font-weight: normal; border-bottom: 1px solid #ddd; color: #999; } .table td { padding: 13px 10px; } .table th { padding: 6px 10px 8px; } .table tr:hover td { background: #f5fdff; } .table tr.active td { background: #CBF4BC; } .table tbody td { border-top: 1px solid #f1f3f5; } .table tbody tr:first-child td { border-top: none; } .table thead a { color: #727a90; text-decoration: none; } .table thead a span { border-bottom: 1px dotted #727a90; } .table a.asc, .table a.desc { color: #000; border-color: #000; } .table a.asc:after { content: " ↑"; } .table a.desc:after { content: " ↓"; } .table td.cell-label { color: #777; } /** * Download */ .table-download { background: #f7f7f7; } .table-download td { vertical-align: top; } .table-download tr:hover td { background: #f7f7f7; } .table-download .addon-download-files { padding-top: 10px; } /** * Buyer list */ .table-buyer-list td { vertical-align: top; }/** * Versions */ .version-item { background: #fafafa; margin-bottom: 10px; padding: 15px 20px 20px; } .version-item.version-item-new { background: #E8FCD1; } .version-item-header { margin-bottom: 10px; } .version-item-title { font-size: 18px; margin-bottom: 10px; } .version-item-footer { margin-top: 20px; } .version-item-data { overflow: hidden; margin-bottom: 10px; } .version-item-data:last-child { margin-bottom: 0; } .version-item-data dt { float: left; width: 120px; color: #888; } .version-item-data dd { margin-left: 120px; } .version-item-moderate { margin-top: 20px; background: #fafafa; } .version-item-moderate .alert { margin-bottom: 15px; } .version-item-moderate-title { font-size: 16px; margin-bottom: 15px; } .version-add-files { background: #fafafa; padding: 10px 15px 15px; }/* * Navs */ /* Base class -------------------------------------------------- */ .nav { } .nav > li { position: relative; } /* Clearfix */ .nav:before, .nav:after { content: ""; display: table; } .nav:after { clear: both; } .nav { zoom: 1; } /* Group -------------------------------------------------- */ .nav-group { position: relative; margin-bottom: 40px; } .nav-group .nav, .nav-group .nav.nav-pills { margin-bottom: 10px; } .nav-group > *:last-child { margin-bottom: 0; } /* Pills -------------------------------------------------- */ .nav.nav-pills { margin-bottom: 15px; } .nav.nav-pills > li { margin-right: 5px; float: left; } .nav.nav-pills > li > a { padding: 5px 12px; float: left; background: #f5f5f5; color: #888; text-decoration: none; } .nav.nav-pills > li > a:hover { background: #eaeaea; } .nav.nav-pills > li.active > a { background: #2891d3; color: #fff; } .nav.nav-pills > li > a + a { margin-left: 1px; } /* Stacked */ .nav.nav-pills.nav-stacked { margin-bottom: 15px; } .nav.nav-pills.nav-stacked > li { float: none; margin-bottom: 3px; } .nav.nav-pills.nav-stacked > li > a { float: none; display: block; padding: 7px 12px; } /* Dropdown support */ .nav.nav-pills .dropdown-toggle:after { border-top-color: #333; } .nav.nav-pills .dropdown-toggle.open { background: #2891D3; color: #fff; } .nav.nav-pills .active .dropdown-toggle:after, .nav.nav-pills .dropdown-toggle.open:after { border-top-color: #fff; } /* Tabs -------------------------------------------------- */ .nav-tabs { border-bottom: 1px solid #ddd; margin-bottom: 15px; } .nav-tabs > li { position: relative; margin: 0 3px -1px 0; float: left; } .nav-tabs > li > a { display: block; text-decoration: none; border: 1px solid transparent; padding: 10px 15px; *padding: 10px 13px; border-radius: 3px 3px 0 0; cursor: pointer; font-size: 14px; background: transparent; color: #08c; } .nav-tabs > li > a:hover { background: #f1f1f1; border-bottom-color: #ddd; color: #058; } .nav-tabs > li.active > a { background: #fff; border-color: #ddd; border-bottom-color: #fff; color: #333; cursor: default; } /* Pull Left */ .nav-tabs.pull-left { margin: 0 20px 0 0; border: none; border-right: 1px solid #ddd; } .nav-tabs.pull-left > li { margin: 3px -1px 0 0; } .nav-tabs.pull-left > li:first-child { margin-top: 0; } .nav-tabs.pull-left > li, .nav-tabs.pull-left > li > a { float: none; display: block; border-radius: 3px 0 0 3px; } .nav-tabs.pull-left > li > a:hover { border-color: transparent; border-right-color: #ddd; } .nav-tabs.pull-left > li.active > a { border-color: #ddd; border-right-color: #fff; } /* Pull Right */ .nav-tabs.pull-right { margin: 0 0 0 20px; border: none; border-left: 1px solid #ddd; } .nav-tabs.pull-right > li { margin: 3px 0 0 -1px; } .nav-tabs.pull-right > li:first-child { margin-top: 0; } .nav-tabs.pull-right > li, .nav-tabs.pull-right > li > a { float: none; display: block; border-radius: 0 3px 3px 0; } .nav-tabs.pull-right > li > a:hover { border-color: transparent; border-left-color: #ddd; } .nav-tabs.pull-right > li.active > a { border-color: #ddd; border-left-color: #fff; } /* Pull Bottom */ .nav-tabs.pull-bottom { margin: 15px 0 0; border: none; border-top: 1px solid #ddd; } .nav-tabs.pull-bottom > li { margin: -1px 3px 0 0; } .nav-tabs.pull-bottom > li, .nav-tabs.pull-bottom > li > a { border-radius: 0 0 3px 3px; } .nav-tabs.pull-bottom > li > a:hover { border-color: transparent; border-top-color: #ddd; } .nav-tabs.pull-bottom > li.active > a { border-color: #ddd; border-top-color: #fff; } /* Dropdown support */ .nav-tabs .dropdown-toggle:after { border-top-color: #08c; } .nav-tabs .dropdown-toggle.open { background: #08c; color: #fff; border-color: transparent !important; } .nav-tabs .active .dropdown-toggle:after, .nav-tabs .active .dropdown-toggle:hover:after { border-top-color: #333; } .nav-tabs .active .dropdown-toggle.open:after, .nav-tabs .dropdown-toggle.open:after, .nav-tabs .dropdown-toggle.open:hover:after, .nav-tabs .active .dropdown-toggle.open:hover:after { border-top-color: #fff; } .nav-tabs .dropdown-toggle:hover:after { border-top-color: #058; } /* Tabs content */ .tab-pane { display: none; } .tab-pane.loading { min-height: 150px; background-image: url(https://catalog.livestreetcms.com/templates/skin/default/images/loader-circle.gif); } /* Main * TODO: Fix -------------------------------------------------- */ .nav.nav-main { background: #222; background: -moz-linear-gradient(top, #333 0%, #222 100%); } .nav.nav-main li a { color: #ddd; } .nav.nav-main li a:hover { background: #333; } .nav.nav-main li.active a { background: #3a3a3a; color: #bbb; -webkit-box-shadow: 0 0 7px rgba(0,0,0,.15) inset; box-shadow: 0 0 7px rgba(0,0,0,.15) inset; } /** * Nav sidebar */ .nav.nav-sidebar { color: #6c6c6c; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; margin-bottom: 15px; } .nav.nav-sidebar:last-child { border: none; } .nav.nav-sidebar li { margin-bottom: 3px; position: relative; } .nav.nav-sidebar li h4 { color: #6c6c6c; display: block; padding: 5px 40px 0px 18px; text-decoration: none; font-size: 14px; } .nav.nav-sidebar li a { color: #6c6c6c; display: block; padding: 5px 40px 5px 18px; text-decoration: none; } .nav.nav-sidebar.flat li a { padding: 5px 0px 5px 18px; } .nav.nav-sidebar li a span { display: inline-block; border-bottom: 1px solid #cecece; line-height: 17px; cursor: pointer; } .nav.nav-sidebar li a:hover { color: #000; } .nav.nav-sidebar li a:hover span { color: #000; border-color: #aaa; } .nav.nav-sidebar li.active a { background: #f8f8f8; color: #000; font-weight: bold; } .nav.nav-sidebar-sub li a { background: #fff !important; color: #6c6c6c !important; font-weight: normal !important; padding: 5px 0 5px 35px !important; } .nav.nav-sidebar li.active span { border: none; } .nav.nav-sidebar li .counter { position: absolute; top: 5px; right: 5px; } .webkit .nav.nav-sidebar li span { line-height: 16px; } .opera .nav.nav-sidebar li span { line-height: 15px; }/** * Addon */ /** * Addon Item * * @file addon.item.tpl */ .addon { width: 180px; display: inline-block; vertical-align: top; margin: 0 27px 30px 0; position: relative; } .ie7 .addon { display: inline; } .addon-header { margin-bottom: 7px; } .addon-image { display: block; position: relative; width: 180px; height: 180px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } .addon-image img { width: 180px; height: 180px; } .addon-info { width: 160px; height: 100px; position: absolute; top: 10px; left: 10px; background-color: #fff; background-color: rgba(255, 255, 255, .95); text-align: center; font-size: 11px; cursor: pointer; padding-top: 60px; color: #6c6c6c; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .addon-info-inner { margin: 0 15px; overflow: hidden; } .addon-header:hover .addon-info { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .addon-title { font-size: 15px; line-height: 1.3em; max-height: 3.7em; overflow: hidden; margin-bottom: 14px; } .addon-rating { margin-bottom: 10px; color: #777; } .addon-rating span { position: relative; top: -4px; } .addon-rating .stars { display: inline-block; margin-right: 10px; } .ie7 .addon-rating span { top: 0; } .ie7 .addon-rating .stars { display: inline; } .addon .addon-rating { color: #bbb; font-size: 11px; } .addon .addon-rating span { top: -4px; } .addon .addon-rating .stars { margin-right: 5px; } /* Price button */ .addon-price s { opacity: .6; } /* Discount badge */ .addon-discount { position: absolute; bottom: 20px; right: 0; height: 30px; padding: 2px 15px 2px 0; color: #fff; background: #E60000; font: 300 20px/30px 'Open Sans', sans-serif; } .addon-discount:before { content: ''; position: absolute; top: 0; left: -34px; width: 0; height: 0; border: 17px solid #E60000; border-left-color: transparent; } /** * Addon Item Full * * @file addon.item.full.tpl */ .addon-full { position: relative; padding: 0 0 0 205px; margin-bottom: 30px; min-height: 180px; } .addon-full .addon-image { position: absolute; top: 0; left: 0; } .addon-full .addon-title { font-size: 26px; font-weight: 400; margin-bottom: 3px; max-height: none; } .addon-full .addon-title a { text-decoration: none; color: #000; } .addon-full .addon-actions { margin-bottom: 15px; } .addon-full .addon-full-info { color: #777; } .addon-full .addon-full-info i { position: relative; top: 1px; } .addon-full .addon-full-info .addon-not-compatible { color: #f00; } .addon-full .addon-author { font-size: 14px; margin-bottom: 15px; color: #888; } .addon-full .addon-author a { display: inline-block; line-height: 1.2em; color: #888; text-decoration: none; border-bottom: 1px solid #aaa; } .addon-full .addon-author a:hover { color: #f00; border-color: #f00; } .addon-full .addon-subscribe { padding-top: 10px; } /** * Addon Frame * * @file actions/ActionApi/addons.frame.tpl */ .addon-full.addon-full-frame { min-height: 100px; padding: 15px 20px 15px 135px; padding-left: 135px; margin-bottom: 0; border-top: 1px solid #ddd; } .addon-full.addon-full-frame:first-child { border: none; } .addon-full.addon-full-frame .addon-image { position: absolute; top: 15px; left: 15px; width: 100px; height: 100px; } .addon-full.addon-full-frame .addon-image img { width: 100px; height: 100px; } .addon-full.addon-full-frame .addon-title { font-size: 20px; } @media (max-width: 300px) { .addon-full.addon-full-frame { padding-left: 20px; } .addon-full.addon-full-frame .addon-image { position: relative; top: 0; left: 0; display: block; margin-bottom: 15px; } .addon-full.addon-full-frame .button { white-space: nowrap; margin: 0 0 10px 0; } .addon-full.addon-full-frame .addon-actions { margin-bottom: 5px; } } /** * Addon Frame Features * * @file actions/ActionApi/addons.frame.features.tpl */ .addons-frame-features { overflow: hidden; width: 100%; } .addons-frame-features iframe { overflow: hidden; } .addons-frame-features .addon { text-align: center; margin: 0 !important; float: left; display: block !important; height: 150px; } .addons-frame-features .addon .addon-image { width: 100px; height: 100px; display: block; margin: 0 auto; } .addons-frame-features .addon .addon-image img { width: 100px; height: 100px; } .addons-frame-features .addon .addon-rating, .addons-frame-features .addon .button, .addons-frame-features .addon .addon-info { display: none; } .addons-frame-features .addon .addon-title { font-size: 14px; max-height: 2.7em; margin: 0; padding: 0 20px; } /** * Addon Item Full Info * * @file actions/ActionAddon/view.tpl */ /* Скриншоты */ .addon-screenshot-list { overflow: hidden; } .addon-screenshot-list li { float: left; margin: 0 10px 10px 0; display: inline-block; *display: inline; } .addon-screenshot-list li img { vertical-align: top; border: 3px solid #eee; width: 180px; height: 180px; } /* Список изменений */ .addon-version-list { } .addon-version-list dl { overflow: hidden; margin-bottom: 10px; padding: 15px; background: #fafafa; } .addon-version-list dl dt { float: left; width: 130px; overflow: hidden; } .addon-version-list dl dt h3 { font-size: 18px; } .addon-version-list dl dt small { font-size: 11px; color: #777; } .addon-version-list dl dd { margin-left: 150px; } /** * Addon List Aside * * @file addon.list.aside.tpl */ .addon-list-aside { } .addon-list-aside > li { border-bottom: 1px dotted #cbcbcb; position: relative; min-height: 60px; padding-left: 73px; padding-bottom: 15px; margin-bottom: 15px; } .addon-list-aside > li:last-child { margin-bottom: 0; } .addon-list-aside > li .addon-list-aside-image { position: absolute; top: 0; left: 0; width: 60px; height: 60px; } .addon-list-aside > li .addon-list-aside-title { font-size: 15px; line-height: 1.2em; margin-bottom: 10px; } /** * Addon List * * @file addon.list.tpl */ .addon-list-full { padding-top: 10px; } .addon-list-full .addon-full { border-bottom: 1px dotted #ccc; padding-bottom: 30px; } .addon-list-full .addon-full:last-child { border: none; } /** * Reviews * * @file review.list.tpl * @file review.item.tpl * @file review.tab.tpl */ .addon-filter.addon-filter-reivews { padding-bottom: 10px; }/** * Trac */ .ticket { margin-bottom: 30px; background: #F8FBFE; } .ticket-header { padding: 15px; } .ticket-header p { color: #555; } .ticket-title { font-size: 24px; font-weight: 300; line-height: 1.2em; margin-bottom: 5px; } .ticket-info { padding: 15px; background: #F1F7FD; } .ticket-info td { padding: 0 0 7px; } .ticket-info td.cell-label { color: #909498; width: 120px; } .ticket-content { padding: 15px; } /* Приоритет */ .ticket-priority { text-transform: lowercase; font-weight: bold; background: #000; font-size: 11px; display: inline-block; color: #fff; padding: 0 5px; border-radius: 3px; } .ticket-priority.ticket-priority-1 { background: #E02828; } /* Критический */ .ticket-priority.ticket-priority-2 { background: #48B148; } /* Нормальный */ .ticket-priority.ticket-priority-3 { background: #AE8EE6; } /* Низкий */ .mozilla .ticket-priority { padding-bottom: 2px; line-height: 1.5em; } /** * List */ .ticket-list-item { padding: 12px 170px 15px 60px; background: #fafafa; margin-bottom: 5px; position: relative; border-top: 1px solid #eee; } .ticket-list-item:last-child { margin-bottom: 0; } .ticket-list-item .ticket-title { font-size: 20px; } .ticket-list-item .ticket-title a { text-decoration: none; } .ticket-list-item-version { position: absolute; top: 13px; left: 15px; } .ticket-list-item-date { position: absolute; top: 13px; right: 15px; } .ticket-list-item .ticket-priority { position: absolute; top: 43px; right: 15px; } .ticket-list-item.ticket-status-2 { background: #C9FFBE; border-top-color: #B2EEA6; } .ticket-list-item.ticket-status-3 { background: #ddd; border-top-color: #ccc; }/** * Comments */ .comments-header .addon-rating { margin-bottom: 0; float: right; position: relative; top: 2px; } .comments-header .addon-rating .stars { margin-right: 0; } .comments-header .addon-rating span { top: -4px; font-size: 11px; } /* Review */ .comment-review .comment-header .stars { margin: 0; top: 1px; position: relative; } /* Ticket */ .comment-ticket.comment-ticket-changed { }/** * Slider * * @template features.slider.tpl */ .slidergo { position: relative; margin-bottom: 40px; } .slidergo:after { content: ""; position: absolute; bottom: 55px; left: 50%; width: 96%; height: 100px; margin-left: -48%; z-index: -1; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.17); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.17); box-shadow: 0 5px 10px rgba(0,0,0,0.17); } .slidergo .slidergo-nav { filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slidergo-nav { width: 29px; height: 69px; background: #fff; position: absolute; left: 16px; top: 106px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 10; } .slidergo-nav i { position: absolute; top: 26px; left: 8px; width: 11px; height: 17px; } .slidergo-nav.slidergo-nav-prev i { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/slider-prev.png) no-repeat; } .slidergo-nav.slidergo-nav-prev:hover i { background-image: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/slider-prev-hover.png); } .slidergo-nav.slidergo-nav-next i { background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/slider-next.png) no-repeat; left: auto; right: 8px; } .slidergo-nav.slidergo-nav-next:hover i { background-image: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/slider-next-hover.png); } .slidergo-nav.slidergo-nav-next { left: auto; right: 16px; top: 106px; } .slidergo-nav-dots { text-align: center; height: 30px; padding-top: 25px; } .slidergo-nav-dots li { display: inline-block; width: 15px; height: 15px; background: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/slider-dot.png) no-repeat; margin: 0 7px; cursor: pointer; } .slidergo-nav-dots li:hover, .slidergo-nav-dots li.active { background-image: url(https://catalog.livestreetcms.com/templates/skin/default/images/icons/slider-dot-active.png); } .slidergo-wrapper:hover .slidergo-nav { filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slidergo-wrapper { width: 100%; height: 320px; background: #eee; overflow: hidden; position: relative; } .slidergo-content { height: 320px; overflow: hidden; } .slidergo-item { width: 100%; height: 320px; float: left; position: relative; } .slidergo-item img { max-width: 100%; display: block; } .slidergo-wrapper:hover .slidergo-info { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); filter: alpha(opacity=100); opacity: 1; } .slidergo-info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 46px; padding: 17px 0 0; position: absolute; bottom: 0; left: 0; background: #fafafa; background: rgba(255,255,255,.93); overflow: hidden; } .oldie .slidergo-info { display: none; } .oldie .slidergo-wrapper:hover .slidergo-info { display: block; } .slidergo-info .button { float: right; margin-right: 16px; } .slidergo-info-inner { margin-right: 200px; padding: 6px 0 0 16px; font-size: 11px; color: #6c6c6c; line-height: 18px; vertical-align: middle; } .slidergo-info-inner .stars { float: left; margin-right: 20px; } .slidergo-info-inner h3 { float: left; width: 450px; font-family: Verdana; position: relative; top: -1px; } .slidergo-info-inner h3 span { font-size: 18px; font-family: 'Open Sans', Arial; font-weight: 400; }/** * Features Popular * * @template features.popular.tpl */ .features-popular { position: relative; margin-bottom: 40px; } .features-popular-wrapper { width: 100%; height: 330px; overflow: hidden; position: relative; } .features-popular-content { height: 330px; overflow: hidden; } .features-popular-item { width: 100%; height: 330px; float: left; position: relative; } .features-popular .slidergo-nav { width: 27px; height: 27px; left: auto; right: 36px; top: 7px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 10; border: 1px solid #d4d4d4; background: #fafafa; background: -moz-linear-gradient(top, #fefefe 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f4f4f4 100%); background: linear-gradient(top, #fefefe 0%,#f4f4f4 100%); } .features-popular .slidergo-nav.slidergo-nav-next { left: auto; right: 0; } .features-popular .slidergo-nav i { position: absolute; top: 5px; left: 7px; width: 11px; height: 17px; } .features-popular .slidergo-nav.slidergo-nav-next i { left: 9px; }/* -------------------------------------------- ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ -------------------------------------------- */ #notifier { width: 250px; position: fixed; top: 10px; right: 10px; font-size: 11px; line-height: 16px; z-index: 9999; /* IE 6 Fix */ _position: absolute; _top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" ); } #notifier .n-box { position: relative; padding: 15px 20px 16px; margin-bottom: 10px; color: #fff; background: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); opacity: 0.9; filter: alpha(opacity=80); cursor: pointer; } #notifier .n-box h3 { color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 3px; font-family: Verdana, sans-serif; } #notifier .n-box p { margin: 0; } #notifier .n-box.n-notice { background: #063573; color: #fff; } #notifier .n-box.n-error { background: #850505; color: #fff; }.page-new { padding-left: 13px; background: url(https://catalog.livestreetcms.com/plugins/page/templates/skin/default/images/document.gif) no-repeat 0 3px; color: #555; } .page-sub-header { font-size: 18px; margin-bottom: 30px; } .page ul, ol { margin: 0; padding: 0 0 0 40px; } .page ul { list-style-type: disc; } .page ol { list-style-type: decimal; }