.sm2-bar-ui { position: relative; display: inline-block; width: 100%; font-family: helvetica, arial, verdana, sans-serif; font-weight: normal; /* prevent background border bleed */ -webkit-background-clip: padding-box; background-clip: padding-box; /* because indeed, fonts do look pretty "fat" otherwise in this case. */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; /* http://files.christophzillgens.com/webkit-font-smoothing.html */ /* font-smoothing: subpixel-antialiased; */ /* general font niceness? */ font-smoothing: antialiased; text-rendering: optimizeLegibility; min-width: 20em; max-width: 30em; /* take out overflow if you want an absolutely-positioned playlist dropdown. */ border-radius: 2px; overflow: hidden; /* just for fun (animate normal / full-width) */ transition: max-width 0.2s ease-in-out; } .sm2-bar-ui .sm2-playlist li { text-align: center; font-size: 92.5%; line-height: 1em; } .sm2-bar-ui.compact { min-width: 1em; max-width: 15em; } .sm2-bar-ui ul { line-height: 1em; } /* want things left-aligned? */ .sm2-bar-ui.left .sm2-playlist li { text-align: left; } .sm2-bar-ui .sm2-playlist li .load-error { cursor: help; } .sm2-bar-ui.full-width { max-width: 100%; z-index: 5; } .sm2-bar-ui.fixed { position: fixed; top: auto; bottom: 0px; left: 0px; border-radius: 0px; /* so the absolutely-positioned playlist can show... */ overflow: visible; /* and this should probably have a high z-index. tweak as needed. */ z-index: 999; } .sm2-bar-ui.fixed .bd, .sm2-bar-ui.bottom .bd { /* display: table; */ border-radius: 0px; border-bottom: none; } .sm2-bar-ui.bottom { /* absolute bottom-aligned UI */ top: auto; bottom: 0px; left: 0px; border-radius: 0px; /* so the absolutely-positioned playlist can show... */ overflow: visible; } .sm2-bar-ui.playlist-open .bd { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-color: transparent; } .sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls { position: relative; background-color: #2288cc; /* transition: background 0.2s ease-in-out; */ } .sm2-bar-ui .sm2-inline-gradient { /* gradient */ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 52%, rgba(0,0,0,0.01) 51%, rgba(0,0,0,0.1) 95%); /* W3C */ background-image: linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 50%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.1) 95%); /* W3C */ } .sm2-bar-ui.flat .sm2-inline-gradient { background-image: none; } .sm2-bar-ui.flat .sm2-box-shadow { display: none; box-shadow: none; } .sm2-bar-ui.no-volume .sm2-volume { /* mobile devices (android + iOS) ignore attempts to set volume. */ display: none; } .sm2-bar-ui.textured .sm2-inline-texture { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; /* for example */ /* background-image: url(../images/audio/wood_pattern_dark.png); */ /* additional opacity effects can be applied here. */ opacity: 0.75; } .sm2-bar-ui.textured.dark-text .sm2-inline-texture { /* dark text + textured case: use light wood background (for example.) */ /* background-image: url(../images/audio/patterns/wood_pattern.png); */ } .sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper { /* dark text + textured case: ditch 10% dark on playlist body. */ background-color: transparent; } .sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li:hover a, .sm2-bar-ui.textured.dark-text .sm2-playlist-wrapper ul li.selected a { /* dark + textured case: dark highlights */ background-color: rgba(0,0,0,0.1); background-image: url(http://md-eksperiment.org/images/audio/black-10.png); /* modern browsers don't neeed the image */ background-image: none, none; } .sm2-bar-ui .bd { display: table; border-bottom: none; } .sm2-bar-ui .sm2-playlist-wrapper { background-color: rgba(0,0,0,0.1); } .sm2-bar-ui .sm2-extra-controls .bd { background-color: rgba(0,0,0,0.2); } .sm2-bar-ui.textured .sm2-extra-controls .bd { /* lighten extra color overlays */ background-color: rgba(0,0,0,0.05); } .sm2-bar-ui .sm2-extra-controls { background-color: transparent; border: none; } .sm2-bar-ui .sm2-extra-controls .bd { /* override full-width table behaviour */ display: block; border: none; } .sm2-bar-ui .sm2-extra-controls .sm2-inline-element { display: inline-block; } .sm2-bar-ui, .sm2-bar-ui .bd a { color: #fff; } .sm2-bar-ui.dark-text, .sm2-bar-ui.dark-text .bd a { color: #000; } .sm2-bar-ui.dark-text .sm2-inline-button { /* Warning/disclaimer: SVG might be fuzzy when inverted on Chrome, losing resolution on hi-DPI displays. */ -webkit-filter: invert(1); /* SVG-based invert filter for Firefox */ filter: url("data:image/svg+xml;utf8\,"); /* IE 8 inverse filter, may only match pure black/white */ /* filter: xray; */ /* pending W3 standard */ filter: invert(1); /* not you, IE < 10. */ filter: none\9; } .sm2-bar-ui .bd a { text-decoration: none; } .sm2-bar-ui .bd .sm2-button-element:hover { background-color: rgba(0,0,0,0.1); background-image: url(http://md-eksperiment.org/images/audio/black-10.png); background-image: none, none; } .sm2-bar-ui .bd .sm2-button-element:active { background-color: rgba(0,0,0,0.25); background-image: url(http://md-eksperiment.org/images/audio/black-25.png); background-image: none, none; } .sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active .sm2-inline-button, .sm2-bar-ui .bd .active .sm2-inline-button/*, .sm2-bar-ui.playlist-open .sm2-menu a */{ -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -webkit-transform-origin: 50% 50%; /* firefox doesn't scale quite right. */ transform: scale(0.9); transform-origin: 50% 50%; /* firefox doesn't scale quite right. */ -moz-transform: none; } .sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:hover, .sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active, .sm2-bar-ui .bd .active { background-color: rgba(0,0,0,0.1); background-image: url(http://md-eksperiment.org/images/audio/black-10.png); background-image: none, none; } .sm2-bar-ui .bd .sm2-extra-controls .sm2-button-element:active { /* box shadow is excessive on smaller elements. */ box-shadow: none; } .sm2-bar-ui { /* base font size */ font-size: 15px; text-shadow: none; } .sm2-bar-ui .sm2-inline-element { position: relative; display: inline-block; vertical-align: middle; padding: 0px; overflow: hidden; } .sm2-bar-ui .sm2-inline-element, .sm2-bar-ui .sm2-button-element .sm2-button-bd { position: relative; /** * .sm2-button-bd exists because of a Firefox bug from 2000 * re: nested relative / absolute elements inside table cells. * https://bugzilla.mozilla.org/show_bug.cgi?id=63895 */ } .sm2-bar-ui .sm2-inline-element, .sm2-bar-ui .sm2-button-element .sm2-button-bd { /** * if you play with UI width/height, these are the important ones. * NOTE: match these values if you want square UI buttons. */ min-width: 2.8em; min-height: 2.8em; } .sm2-bar-ui .sm2-inline-button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .sm2-bar-ui .sm2-extra-controls .bd { /* don't double-layer. */ background-image: none; background-color: rgba(0,0,0,0.15); } .sm2-bar-ui .sm2-extra-controls .sm2-inline-element { width: 25px; /* bare minimum */ min-height: 1.75em; min-width: 2.5em; } .sm2-bar-ui .sm2-inline-status { line-height: 100%; /* how much to allow before truncating song artist / title with ellipsis */ display: inline-block; min-width: 200px; max-width: 20em; /* a little more spacing */ padding-left: 0.75em; padding-right: 0.75em; } .sm2-bar-ui .sm2-inline-element { /* extra-small em scales up nicely, vs. 1px which gets fat */ border-right: 0.075em dotted #666; /* legacy */ border-right: 0.075em solid rgba(0,0,0,0.1); } .sm2-bar-ui .sm2-inline-element.noborder { border-right: none; } .sm2-bar-ui .sm2-inline-element.compact { min-width: 2em; padding: 0px 0.25em; } .sm2-bar-ui .sm2-inline-element:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden; } .sm2-bar-ui .sm2-inline-element:last-of-type { border-right: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .sm2-bar-ui .sm2-inline-status a:hover { background-color: transparent; text-decoration: underline; } .sm2-inline-time, .sm2-inline-duration { display: table-cell; width: 1%; font-size: 75%; line-height: 0.9em; min-width: 2em; /* if you have sounds > 10:00 in length, make this bigger. */ vertical-align: middle; } .sm2-bar-ui .sm2-playlist { position: relative; height: 1.45em; } .sm2-bar-ui .sm2-playlist-target { /* initial render / empty case */ position: relative; min-height: 1em; } .sm2-bar-ui .sm2-playlist ul { position: absolute; left: 0px; top: 0px; width: 100%; list-style-type: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sm2-bar-ui p, .sm2-bar-ui .sm2-playlist ul, .sm2-bar-ui .sm2-playlist ul li { margin: 0px; padding: 0px; } .sm2-bar-ui .sm2-playlist ul li { position: relative; } .sm2-bar-ui .sm2-playlist ul li, .sm2-bar-ui .sm2-playlist ul li a { position: relative; display: block; /* prevent clipping of characters like "g" */ height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .sm2-row { display: table-row; } .sm2-progress-bd { /* spacing between progress track/ball and time (position) */ padding: 0px 0.8em; } .sm2-progress .sm2-progress-track, .sm2-progress .sm2-progress-ball, .sm2-progress .sm2-progress-bar { position: relative; width: 100%; height: 0.65em; border-radius: 0.65em; } .sm2-progress .sm2-progress-bar { /* element which follows the progres "ball" as it moves */ position: absolute; left: 0px; top: 0px; width: 0px; background-color: rgba(0,0,0,0.33); background-image: url(http://md-eksperiment.org/images/audio/black-33.png); background-image: none, none; } .volume-shade, .playing .sm2-progress .sm2-progress-track, .paused .sm2-progress .sm2-progress-track { cursor: pointer; } .playing .sm2-progress .sm2-progress-ball { cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } .sm2-progress .sm2-progress-ball { position: absolute; top: 0px; left: 0px; width: 1em; height: 1em; margin: -0.2em 0px 0px -0.5em; width: 14px; height: 14px; margin: -2px 0px 0px -7px; width: 0.9333em; height: 0.9333em; margin: -0.175em 0px 0px -0.466em; background-color: #fff; padding: 0px; /* z-index: 1; */ -webkit-transition: -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; } /* .sm2-bar-ui.dark-text .sm2-progress .sm2-progress-ball { background-color: #000; } */ .sm2-progress .sm2-progress-track { background-color: rgba(0,0,0,0.4); background-image: url(http://md-eksperiment.org/images/audio/black-33.png); /* legacy */ background-image: none, none; /* modern browsers */ } /* scrollbar rules have to be separate, browsers not supporting this syntax will skip them when combined. */ .sm2-playlist-wrapper ul::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.4); } .playing.grabbing .sm2-progress .sm2-progress-track, .playing.grabbing .sm2-progress .sm2-progress-ball { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } .sm2-bar-ui.grabbing .sm2-progress .sm2-progress-ball { -webkit-transform: scale(1.15); transform: scale(1.15); } .sm2-inline-button { background-position: 50% 50%; background-repeat: no-repeat; /* hide inner text */ line-height: 10em; /** * image-rendering seems to apply mostly to Firefox in this case. Use with caution. * https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering#Browser_compatibility */ image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -ms-interpolation-mode: bicubic; } .play-pause, .play-pause:hover, .paused .play-pause:hover { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/play.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/play.svg); background-size: 67.5%; background-position: 40% 53%; } .playing .play-pause { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/pause.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/pause.svg); background-size: 57.6%; background-position: 50% 53%; } .sm2-volume-control { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/volume.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/volume.svg); } .sm2-volume-control, .sm2-volume-shade { background-position: 42% 50%; background-size: 56%; } .volume-shade { filter: alpha(opacity=33); /* <= IE 8 */ opacity: 0.33; /* -webkit-filter: invert(1);*/ background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-000000/PNG/volume.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-000000/SVG/volume.svg); } .menu { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/list2.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/list2.svg); background-size: 58%; background-position: 54% 51%; } .previous { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/first.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/first.svg); } .next { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/last.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/last.svg); } .previous, .next { background-size: 49.5%; background-position: 50% 50%; } .sm2-extra-controls .previous, .sm2-extra-controls .next { backgound-size: 53%; } .shuffle { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/PNG/shuffle.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/shuffle.svg); background-size: 45%; background-position: 50% 50%; } .repeat { background-image: url(http://md-eksperiment.org/images/audio/icomoon/entypo-20px-ffffff/PNG/loop.png); background-image: none, url(http://md-eksperiment.org/images/audio/icomoon/entypo-25px-ffffff/SVG/loop.svg); background-position: 50% 43%; background-size: 54%; } .sm2-extra-controls .repeat { background-position: 50% 45%; } .sm2-progress-ball .icon-overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: none, url(http://md-eksperiment.org/images/audio/icomoon/free-25px-000000/SVG/spinner.svg); background-size: 72%; background-position: 50%; background-repeat: no-repeat; display: none; } .playing.buffering .sm2-progress-ball .icon-overlay { display: block; -webkit-animation: spin 0.6s linear infinite; animation: spin 0.6s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sm2-element ul { font-size: 95%; list-style-type: none; } .sm2-element ul, .sm2-element ul li { margin: 0px; padding: 0px; } .bd.sm2-playlist-drawer { /* optional: absolute positioning */ /* position: absolute; */ z-index: 3; border-radius: 0px; width: 100%; height: 0px; border: none; background-image: none; display: block; overflow: hidden; transition: height 0.2s ease-in-out; } .sm2-bar-ui.fixed .bd.sm2-playlist-drawer, .sm2-bar-ui.bottom .bd.sm2-playlist-drawer { position: absolute; } .sm2-bar-ui.fixed .sm2-playlist-wrapper, .sm2-bar-ui.bottom .sm2-playlist-wrapper { padding-bottom: 0px; } .sm2-bar-ui.fixed .bd.sm2-playlist-drawer, .sm2-bar-ui.bottom .bd.sm2-playlist-drawer { /* show playlist on top */ bottom: 2.8em; } .sm2-bar-ui .bd.sm2-playlist-drawer { opacity: 0.5; /* redraw fix for Chrome, background color doesn't always draw when playlist drawer open. */ transform: translateZ(0); } /* experimental, may not perform well. */ /* .sm2-bar-ui .bd.sm2-playlist-drawer a { -webkit-filter: blur(5px); } */ .sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer { opacity: 1; } .sm2-bar-ui.playlist-open .bd.sm2-playlist-drawer a { -webkit-filter: none; /* blur(0px) was still blurred on retina displays, as of 07/2014 */ } .sm2-bar-ui.fixed.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper, .sm2-bar-ui.bottom.playlist-open .bd.sm2-playlist-drawer .sm2-playlist-wrapper { /* extra padding when open */ padding-bottom: 0.5em; box-shadow: none; } .sm2-bar-ui .bd.sm2-playlist-drawer { transition: all 0.2s ease-in-out; transition-property: transform, height, opacity, background-color, -webkit-filter; } .sm2-bar-ui .bd.sm2-playlist-drawer a { transition: -webkit-filter 0.2s ease-in-out; } .sm2-bar-ui .bd.sm2-playlist-drawer .sm2-inline-texture { /* negative offset for height of top bar, so background is seamless. */ background-position: 0px -2.8em; } .sm2-box-shadow { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: inset 0px 1px 6px rgba(0,0,0,0.15); } .sm2-playlist-wrapper { position: relative; padding: 0.5em 0.5em 0.5em 0.25em; background-image: none, none; } .sm2-playlist-wrapper ul { max-height: 9.25em; overflow: auto; } .sm2-playlist-wrapper ul li { border-bottom: 1px solid rgba(0,0,0,0.05); } .sm2-playlist-wrapper ul li:nth-child(odd) { background-color: rgba(255,255,255,0.03); } .sm2-playlist-wrapper ul li a { display: block; padding: 0.5em 0.25em 0.5em 0.75em; margin-right: 0.5em; font-size: 90%; vertical-align: middle; } .sm2-playlist-wrapper ul li a.sm2-exclude { display: inline-block; } .sm2-playlist-wrapper ul li a.sm2-exclude .label { font-size: 95%; line-height: 1em; margin-left: 0px; padding: 2px 4px; } .sm2-playlist-wrapper ul li:hover a { background-color: rgba(0,0,0,0.20); background-image: url(http://md-eksperiment.org/images/audio/black-20.png); background-image: none, none; } .sm2-bar-ui.dark-text .sm2-playlist-wrapper ul li:hover a { background-color: rgba(255,255,255,0.1); background-image: url(http://md-eksperiment.org/images/audio/black-10.png); background-image: none, none; } .sm2-playlist-wrapper ul li.selected a { background-color: rgba(0,0,0,0.25); background-image: url(http://md-eksperiment.org/images/audio/black-20.png); background-image: none, none; } .sm2-bar-ui.dark-text ul li.selected a { background-color: rgba(255,255,255,0.1); background-image: url(http://md-eksperiment.org/images/audio/black-10.png); background-image: none, none; } .sm2-bar-ui .disabled { filter: alpha(opacity=33); /* <= IE 8 */ opacity: 0.33; } .sm2-bar-ui .bd .sm2-button-element.disabled:hover { background-color: transparent; } .sm2-bar-ui .active, /*.sm2-bar-ui.playlist-open .sm2-menu,*/ .sm2-bar-ui.playlist-open .sm2-menu:hover { /* depressed / "on" state */ box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1); background-image: none; } .firefox-fix { /** * This exists because of a Firefox bug from 2000 * re: nested relative / absolute elements inside table cells. * https://bugzilla.mozilla.org/show_bug.cgi?id=63895 */ position: relative; display: inline-block; width: 100%; height: 100%; } /* some custom scrollbar trickery, where supported */ .sm2-playlist-wrapper ul::-webkit-scrollbar { width: 10px; } .sm2-playlist-wrapper ul::-webkit-scrollbar-track { background: rgba(0,0,0,0.33); border-radius: 10px; } .sm2-playlist-wrapper ul::-webkit-scrollbar-thumb { border-radius: 10px; background: #fff; } .sm2-extra-controls { font-size: 0px; text-align: center; } .sm2-bar-ui .label { position: relative; display: inline-block; font-size: 0.7em; margin-left: 0.25em; vertical-align: top; background-color: rgba(0,0,0,0.25); border-radius: 3px; padding: 0px 3px; box-sizing: padding-box; } .sm2-bar-ui.dark-text .label { background-color: rgba(0,0,0,0.1); background-image: url(http://md-eksperiment.org/images/audio/black-10.png); background-image: none, none; } .sm2-bar-ui .sm2-playlist-drawer .label { font-size: 0.8em; padding: 0px 3px; } /* --- full width stuff --- */ .sm2-bar-ui .sm2-inline-element { display: table-cell; } .sm2-bar-ui .sm2-inline-element { /* collapse */ width: 1%; } .sm2-bar-ui .sm2-inline-status { /* full width */ width: 100%; min-width: 100%; max-width: 100%; } .sm2-bar-ui > .bd { width: 100%; } .sm2-bar-ui .sm2-playlist-drawer { /* re-hide playlist */ display: block; overflow: hidden; } .sm2-bar-ui { font-size: 16px; } .sm2-bar-ui .sm2-main-controls, .sm2-bar-ui .sm2-playlist-drawer { background-color: #3c3f40; } .sm2-bar-ui .sm2-inline-texture { background: transparent; } .button { display: inline-block; position: relative; height: 38px; padding: 0 16px; outline: 0; color: rgba(0,0,0,0.44); background: rgba(0,0,0,0); font-size: 14px; text-align: center; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,0.15); vertical-align: bottom; white-space: nowrap; text-rendering: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; border-radius: 999em; transition: 100ms background-color,100ms border-color,100ms color; font-family: "jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; letter-spacing: -0.02em; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; } .button, .button.button--truncated .icon { line-height: 36px; } .button:focus, .button:active, .button:hover{ color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.3); text-decoration: none; } .button--circle { padding: 0; width: 38px; text-align: center; } .button--primaryColor { background: #57ad68; border-color: #57ad68; } .button--primaryColor, .button--primaryColor.button--link, .button--primaryColor>.label, .button--primaryColor>.icon:before { color: #fff; } .button--primaryColor:focus>.icon:before, .button--primaryColor:active>.icon:before, .button--primaryColor:hover>.icon:before { color:#fff } .button--primaryColor:focus, .button--primaryColor:active, .button--primaryColor:hover { background:#468c54; border-color:#468c54; color:#fff } .button .icon:before { margin-right: 1px; font-size: 16px; line-height: 0; position: relative; top: 1px; color: rgba(0,0,0,0.3); } .is-inSiteNavBar>.icon:before, .is-inSiteNavBar:hover>.icon:before { color: rgba(0,0,0,0.8); } .button .icon.icon--user:before { font-size: 20px; top: 2px; } .button--link, .button--chromeless { border-radius: 0; box-shadow: none; background: rgba(0,0,0,0); height: auto; line-height: inherit; border-width: 0; padding: 0; vertical-align: baseline; color: rgba(0,0,0,0.3); white-space: normal; } .is-inSiteNavBar>.icon:before, .is-inSiteNavBar:hover>.icon:before { color: rgba(0,0,0,0.8); } .button--red .icon:before { color: #cb3837; } .button--red .icon:hover { color: #B63332; } .button--red { border-color: #DC3A39; color: #cb3837; } .button--red:hover { color: #B63332; border-color: #B63332; } .button--primary { border-color: #a9d8b2; color: #57ad68; } .button--small { height: 32px; line-height: 31px; padding: 0 7px; font-size: 12px; } .button--small.button--circle { width: 32px; } @font-face { font-family: "Flaticon"; src: url("http://md-eksperiment.org/fonts/flaticon.eot"); src: url("http://md-eksperiment.org/fonts/flaticon.eot") format("embedded-opentype"), url("http://md-eksperiment.org/fonts/flaticon.woff") format("woff"), url("http://md-eksperiment.org/fonts/flaticon.ttf") format("truetype"), url("http://md-eksperiment.org/fonts/flaticon.svg") format("svg"); font-weight: normal; font-style: normal; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 12px; font-style: normal; } .flaticon-add121:before { content: "\e000"; } .flaticon-add44:before { content: "\e001"; } .flaticon-arrow367:before { content: "\e002"; } .flaticon-arrow487:before { content: "\e003"; } .flaticon-arrows48:before { content: "\e004"; } .flaticon-black301:before { content: "\e005"; } .flaticon-black302:before { content: "\e006"; } .flaticon-briefcase13:before { content: "\e007"; } .flaticon-calendar69:before { content: "\e008"; } .flaticon-chevron18:before { content: "\e009"; } .flaticon-clock61:before { content: "\e00a"; } .flaticon-document112:before { content: "\e00b"; } .flaticon-document12:before { content: "\e00c"; } .flaticon-document127:before { content: "\e00d"; } .flaticon-document9:before { content: "\e00e"; } .flaticon-documents:before { content: "\e00f"; } .flaticon-edit40:before { content: "\e010"; } .flaticon-edit45:before { content: "\e011"; } .flaticon-election:before { content: "\e012"; } .flaticon-event5:before { content: "\e013"; } .flaticon-eye46:before { content: "\e014"; } .flaticon-facebook24:before { content: "\e015"; } .flaticon-dwelling1:before { content: "\e016"; } .flaticon-list23:before { content: "\e017"; } .flaticon-list90:before { content: "\e018"; } .flaticon-luggage9:before { content: "\e019"; } .flaticon-magnifier12:before { content: "\e01a"; } .flaticon-male18:before { content: "\e01b"; } .flaticon-male80:before { content: "\e01c"; } .flaticon-modern11:before { content: "\e01d"; } .flaticon-simple18:before { content: "\e01e"; } .flaticon-new10:before { content: "\e01f"; } .flaticon-offices:before { content: "\e020"; } .flaticon-outcoming1:before { content: "\e021"; } .flaticon-pencil124:before { content: "\e022"; } .flaticon-pencil43:before { content: "\e023"; } .flaticon-plus19:before { content: "\e024"; } .flaticon-portfolio18:before { content: "\e025"; } .flaticon-right20:before { content: "\e026"; } .flaticon-right39:before { content: "\e027"; } .flaticon-search67:before { content: "\e028"; } .flaticon-ticket17:before { content: "\e029"; } .flaticon-user65:before { content: "\e02a"; } .flaticon-user91:before { content: "\e02b"; } .flaticon-vkcom:before { content: "\e02c"; } .flaticon-vkcom1:before { content: "\e02d"; } /* Preload images */ body:after { content: url(close000.png) url(loading0.gif) url(prev0000.png) url(next0000.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(loading0.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64\,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(prev0000.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(next0000.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(close000.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } ol, ul { padding: 0; list-style: none; list-style-image: none; } /* .list{margin-bottom:150px}.list--light{color:#fff}.list-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.list-item{border-top:1px solid rgba(255,255,255,0.2);padding:40px 0 35px}.list-item:last-child{border-bottom:1px solid rgba(255,255,255,0.2)}.list-item>h4{text-transform:uppercase}.list-item>p{margin-bottom:15px}.list--borderless .list-item{display:block;padding:5px 0;border:0}.list--large .list-item{font-size:16px;font-weight:300}.list--bordered{margin-bottom:30px}.list--bordered .list-item{border-top:1px solid rgba(0,0,0,0.05);padding:25px 0 20px}.list--bordered .list-item:first-child,.list--bordered .list-item--borderless{border-top:none}.list--choice .list-item{cursor:pointer;box-sizing:border-box}.list--choice .list-item .button{transition:none}.list--withImage{margin-bottom:0;min-width:200px}.list--withImage .list-item{font-size:14px;text-align:left}.list--withIcon{margin-bottom:40px;border-top:1px solid rgba(0,0,0,0.05)}.list--withIcon .list-title{padding-top:15px;margin:-1px 0 15px;border-top:1px solid rgba(0,0,0,0.44);display:inline-block}.list--withIcon .list-title--link{float:right;border:0;font-weight:400;color:rgba(0,0,0,0.3)}.list--withIcon .list-title--link:hover{color:rgba(0,0,0,0.44)}.list--withIcon .list-item{padding:0;margin:18px 0 0;display:block}.list--withIcon .button--circle{float:left;width:40px;height:40px;line-height:1;background-color:rgba(255,255,255,0.97);border-color:rgba(0,0,0,0.05)}.list--withIcon .button--circle:hover,.list--withIcon .button--circle:focus{border-color:rgba(0,0,0,0.15)}.list--withIcon .icon:before{position:relative;color:rgba(0,0,0,0.3);font-size:15px;top:2px}.list--withIcon .button--circle:hover .icon:before,.list--withIcon .button--circle:focus .icon:before{color:rgba(0,0,0,0.44)}.list--withIcon .is-active .icon:before{color:#57ad68;font-size:15px;top:2px}.list--withIcon .is-active.button--circle:hover .icon:before,.list--withIcon .is-active.button--circle:focus .icon:before{color:#468c54}.list--withIcon .list-index{color:rgba(0,0,0,0.8);font-size:12px;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:700;font-style:normal}.list--withIcon .list-itemInfo{display:block;float:none;width:auto;margin-left:55px;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,0.05)}.list--withIcon .list-item:last-child .list-itemInfo{border-bottom:0;padding-bottom:0}.list--withIcon .list-itemTitle{color:rgba(0,0,0,0.8);font-size:14px;font-weight:400;max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list--withIcon .list-item--status{padding:30px;margin:0 auto;text-align:center;font-size:14px;line-height:1.1;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:400;font-style:normal}.list--short{margin-bottom:0}.list--short.list--choice{min-width:150px}.list--short .button,.list--short .list-item{text-align:left;width:100%;line-height:1.4;white-space:nowrap}.list--borderless.list--short .list-item{padding:5px 15px;box-sizing:border-box}.list--borderless.list--short .list-item--wide{padding:7px 25px}.list--borderless.list--short .list-item--noPadding{padding:0}.list--short.list--choice .list-item{padding-top:0;padding-bottom:0}.list--short.list--choice .button{padding-top:5px;padding-bottom:5px}.list-item--padded{overflow:hidden;position:relative;padding-top:30px;padding-bottom:36px;border-bottom:1px solid rgba(0,0,0,0.05)}.list-item--padded:last-of-type{border-bottom-width:0}.list-itemInfo{float:left;width:60%}.list-itemActions{position:absolute;right:0;top:50%;margin-top:-19px}.list-itemTitle{color:rgba(0,0,0,0.8);font-size:18px}.list-itemDescription{font-size:14px;margin-right:20px;margin-bottom:0;color:rgba(0,0,0,0.3)}.list-itemDescription--delete{font-size:11px;margin-top:20px;line-height:1.4}.list-itemDescription--delete>.button--delete{font-size:11px}.list-itemLink{color:rgba(0,0,0,0.3);text-decoration:underline}.list-itemLink:hover{color:#57ad68}.list .list-item.list-item--separator,.list--borderless .list-item.list-item--separator{border-top:solid 1px rgba(0,0,0,0.05);margin-top:10px;margin-bottom:10px;padding-bottom:0;padding-top:0}.list--choice .list-item--separator{cursor:none}.list--choice .list-item--separator:hover{background-color:transparent}.list-item--dark>a,.list-item--dark .icon:before{font-size:16px;font-weight:300;color:rgba(0,0,0,0.6)}.list-item--dark:hover>a,.list-item--dark:hover .icon:before{color:#000}.list-item--dark .icon:before{margin-right:15px}.list-item--uppercase{font-size:11px;letter-spacing:.1em;color:rgba(0,0,0,0.6);text-transform:uppercase}.list-item--uppercase:hover{color:rgba(0,0,0,0.9)}.list-itemInput{display:block;background:#fff;font-size:16px;width:340px;border:none;padding:0;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:400;font-style:normal}.list-itemInput:focus{outline:none}.list-itemInputPrefix{color:rgba(0,0,0,0.3);cursor:default}.list-itemInputPrefix,.list-itemInput--username{display:inline-block;font-size:16px}.list-itemInput--username{width:130px}.list-itemStatus{font-size:14px;display:block;color:#57ad68}.list-itemError{color:#cc5454}.list-itemError--email{margin-top:14px;font-size:14px}.list-item--username{height:60px}.list-item--username.list-item--error .list-itemInput--username,.list-item--username.list-item--error .list-itemStatus{color:#cc5454}.list-itemName--facebook,.list-itemName--twitter{font-size:14px;color:rgba(0,0,0,0.6);text-align:right;display:block;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:700;font-style:normal}.list-itemImage--facebook,.list-itemImage--twitter{width:33px;height:33px;float:right;border-radius:4px}.list-itemActionGroup{float:right;margin-right:10px}.list--users .list-itemDescription{display:inline-block;vertical-align:top;max-width:430px;margin-right:0px;color:rgba(0,0,0,0.8);font-size:16px;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:700;font-style:normal}.list--users .list-itemDescription--secondary{display:block;margin-bottom:0;color:rgba(0,0,0,0.6);font-size:14px;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:400;font-style:normal}.list--follows .avatar{display:inline-block;margin-right:10px}.list--recommendations .avatar-listItem--upvoters{margin-right:16px}.list-itemText{margin:10px 0;font-size:16px;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:400;font-style:normal;text-indent:-0.4em}.list-item--inline,.list-item.list-item--inline{display:inline-block;margin-right:10px;width:auto;padding:5px 0 5px}@media all and (max-width:1000px){.list--withIcon{margin-bottom:0}}@media screen and (max-width:500px){.list-item--padded{padding:20px 0 24px}.list-itemTitle{font-size:18px}.list-itemInfo,.list-itemActions{float:none;width:100%}.list-itemActions.buttonSwitch{width:auto}.list-itemInfo{margin-bottom:14px}.list-itemActions{position:relative;top:0;margin-top:0}.list-itemImage--facebook,.list-itemImage--twitter{float:left}.button--facebookDelete,.button--twitterDelete,.list-itemName--facebook,.list-itemName--twitter,.button--disconnectFacebookHelp,.button--disconnectTwitterHelp{text-align:left}.list-itemActionGroup{float:left;margin:0 0 0 10px}.list-item--username{height:120px}.list--users{width:auto}.list--users .list-itemDescription{margin-top:5px}}.textInput{border:1px solid rgba(0,0,0,0.15);padding:0 15px;height:35px;width:55%;font-size:14px;outline:none;background:#fff;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;border-radius:4px;font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;letter-spacing:-0.02em;font-weight:400;font-style:normal}.textInput--textarea{padding:15px;margin:15px 0 30px;resize:none;width:100%;height:50px;overflow:hidden} */ .list-item--dark:hover>a, .list-item--dark:hover .icon:before{ color:#000 } .list-item--dark .icon:before{ margin-right:15px } .list--short .button, .list--short .list-item { text-align: left; width: 100%; line-height: 1.4; white-space: nowrap; } .popover--userActions .list-item>.button { padding: 7px 25px; } .list-item--dark>a, .list-item--dark .icon:before { font-size: 16px; font-weight: 300; color: rgba(0,0,0,0.6); } .button--link, .button--chromeless { border-radius: 0; box-shadow: none; background: rgba(0,0,0,0); height: auto; line-height: inherit; border-width: 0; padding: 0; vertical-align: baseline; color: rgba(0,0,0,0.3); white-space: normal; } .list .list-item.list-item--separator, .list--borderless .list-item.list-item--separator { border-top: solid 1px rgba(0,0,0,0.05); margin-top: 10px; margin-bottom: 10px; padding-bottom: 0; padding-top: 0; } .list--borderless.list--short .list-item--noPadding { padding: 0; box-sizing: border-box; } .list--borderless .list-item { display: block; border: 0; } .list--short .button, .list--short .list-item { text-align: left; width: 100%; line-height: 1.4; white-space: nowrap; } .list--large .list-item { font-size: 16px; font-weight: 300; } .icon--monospace { width: 24px; display: inline-block; } /* Icon font */ @font-face { font-family: 'RedactorFont'; src: url('http://md-eksperiment.org/css/redactor-font.eot'); } @font-face { font-family: 'RedactorFont'; src: url(data:application/x-font-ttf;charset=utf-8;base64\,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64\,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) format('woff'); font-weight: normal; font-style: normal; } /* Box */ .redactor-box { position: relative; overflow: visible; margin-bottom: 24px; } .redactor-box textarea { display: block; position: relative; margin: 0; padding: 0; width: 100%; overflow: auto; outline: none; border: none; background-color: #111; box-shadow: none; color: #ccc; font-size: 13px; font-family: Menlo, Monaco, monospace, sans-serif; resize: none; } .redactor-box textarea:focus { outline: none; } /* Z-index setup */ .redactor-editor, .redactor-box { background: #fff; } .redactor-editor, .redactor-box, .redactor-box textarea { z-index: auto !important; } .redactor-box-fullscreen { z-index: 1052 !important; } .redactor-toolbar, .redactor-dropdown { z-index: 1053 !important; } #redactor-modal-overlay, #redactor-modal-box, #redactor-modal { z-index: 1054 !important; } /* Resize */ .redactor-resize { background: #f4f4f4; padding: 4px 0 3px 0; cursor: move; border: 1px solid #e3e3e3; border-top: none; } .redactor-resize div { width: 30px; margin: auto; border-top: 1px solid #bbb; border-bottom: 1px solid #fff; } /* Fullscreen */ body .redactor-box-fullscreen { position: fixed; top: 0; left: 0; width: 100%; } /* Utils */ .body-redactor-hidden { overflow: hidden; } /* Editor */ .redactor-editor { position: relative; overflow: auto; margin: 0 !important; padding: 20px; outline: none; white-space: normal; border: 1px solid #eee; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 1.6em; } .redactor-editor:focus { outline: none; } /* Placeholder */ .redactor-placeholder { position: relative; } .redactor-placeholder:after { position: absolute; top: 20px; left: 20px; content: attr(placeholder); color: #999 !important; font-weight: normal !important; } /* Placeholder in linebreaks mode */ .redactor-linebreaks.redactor-placeholder:after { top: 20px; left: 20px; } /* Toolbar */ .redactor-toolbar { position: relative; top: 0; left: 0; margin: 0 !important; padding: 0 !important; list-style: none !important; font-size: 14px !important; line-height: 1 !important; background: #fff; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .redactor-toolbar:after { content: ""; display: table; clear: both; } .redactor-toolbar.redactor-toolbar-overflow { overflow-y: auto; height: 29px; white-space: nowrap; } .redactor-toolbar.redactor-toolbar-external { z-index: 999; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } .redactor-toolbar li { vertical-align: top; display: inline-block; margin: 0 !important; padding: 0 !important; outline: none; list-style: none !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .redactor-toolbar li a { display: block; color: #333; text-align: center; padding: 9px 10px; outline: none; border: none; text-decoration: none; cursor: pointer; zoom: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .redactor-toolbar li a:hover { outline: none; background-color: #1f78d8; color: #fff; } .redactor-toolbar li a:hover i:before { color: #fff; } .redactor-toolbar li a:active, .redactor-toolbar li a.redactor-act { outline: none; background-color: #ccc; color: #444; } .redactor-toolbar li a.redactor-btn-image { width: 14px; height: 14px; background-position: center center; background-repeat: no-repeat; } .redactor-toolbar li a.fa-redactor-btn { display: inline-block; padding: 9px 10px 8px 10px; line-height: 1; } .redactor-toolbar li a.redactor-button-disabled { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } .redactor-toolbar li a.redactor-button-disabled:hover { color: #333; outline: none; background-color: transparent !important; cursor: default; } /* Icons */ .re-icon { font-family: 'RedactorFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .re-icon i:before { position: relative; font-size: 14px; } .re-video:before { content: "\e600"; } .re-unorderedlist:before { content: "\e601"; } .re-undo:before { content: "\e602"; } .re-underline:before { content: "\e603"; } .re-textdirection:before { content: "\e604"; } .re-fontcolor:before { content: "\e605"; } .re-table:before { content: "\e606"; } .re-redo:before { content: "\e607"; } .re-quote:before { content: "\e608"; } .re-outdent:before { content: "\e609"; } .re-orderedlist:before { content: "\e60a"; } .re-link:before { content: "\e60b"; } .re-horizontalrule:before { content: "\e60c"; } .re-italic:before { content: "\e60d"; } .re-indent:before { content: "\e60e"; } .re-image:before { content: "\e60f"; } .re-fullscreen:before { content: "\e610"; } .re-normalscreen:before { content: "\e611"; } .re-formatting:before { content: "\e612"; } .re-fontsize:before { content: "\e613"; } .re-fontfamily:before { content: "\e614"; } .re-deleted:before { content: "\e615"; } .re-html:before { content: "\e616"; } .re-clips:before { content: "\e617"; } .re-bold:before { content: "\e618"; } .re-backcolor:before { content: "\e619"; } .re-file:before { content: "\e61a"; } .re-alignright:before { content: "\e61b"; } .re-alignment:before, .re-alignleft:before { content: "\e61c"; } .re-alignjustify:before { content: "\e61d"; } .re-aligncenter:before { content: "\e61e"; } .re-gallery:before { content: "\e61f"; } /* Toolbar tooltip */ .redactor-toolbar-tooltip { position: absolute; z-index: 1054; text-align: center; top: 0; left: 0; background: #000; color: #fff; padding: 5px 8px; line-height: 1; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 12px; border-radius: 2px; } /* Dropdown */ .redactor-dropdown { position: absolute; top: 28px; left: 0; padding: 0; min-width: 220px; max-height: 254px; overflow: auto; background-color: #fff; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25); font-size: 14px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 1.6em; } .redactor-dropdown a { display: block; padding: 10px 15px; color: #000; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .redactor-dropdown a:last-child { border-bottom: none; } .redactor-dropdown a:hover { background-color: #1f78d8; color: #fff !important; text-decoration: none; } /* IMAGE BOX */ #redactor-image-box { position: relative; max-width: 100%; display: inline-block; line-height: 0; outline: 1px dashed rgba(0, 0, 0, 0.6); } #redactor-image-editter { position: absolute; z-index: 5; top: 50%; left: 50%; margin-top: -11px; margin-left: -18px; line-height: 1; background-color: #000; color: #fff; font-size: 11px; padding: 7px 10px; cursor: pointer; } #redactor-image-resizer { position: absolute; z-index: 2; line-height: 1; cursor: nw-resize; bottom: -4px; right: -5px; border: 1px solid #fff; background-color: #000; width: 8px; height: 8px; } /* LINK TOOLTIP */ .redactor-link-tooltip { position: absolute; z-index: 49999; padding: 10px; line-height: 1; display: inline-block; background-color: #000; color: #555 !important; } .redactor-link-tooltip, .redactor-link-tooltip a { font-size: 12px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; } .redactor-link-tooltip a { color: #ccc; margin: 0 5px; text-decoration: none; } .redactor-link-tooltip a:hover { color: #fff; } /* DROPAREA */ #redactor-droparea { position: relative; overflow: hidden; padding: 140px 20px; border: 3px dashed rgba(0, 0, 0, 0.1); } #redactor-droparea.drag-hover { background: rgba(200, 222, 250, 0.75); } #redactor-droparea.drag-drop { background: rgba(250, 248, 200, 0.5); } #redactor-droparea-placeholder { text-align: center; font-size: 12px; color: rgba(0, 0, 0, 0.7); } /* PROGRESS */ #redactor-progress { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; height: 10px; } #redactor-progress span { display: block; width: 100%; height: 100%; background-color: #3d58a8; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; background-size: 40px 40px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /* MODAL */ #redactor-modal-overlay { position: fixed; top: 0; left: 0; margin: auto; overflow: auto; width: 100%; height: 100%; background-color: #000 !important; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #redactor-modal-box { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden; overflow-y: auto; } #redactor-modal { position: relative; margin: auto; margin-bottom: 20px; padding: 0; background: #fff; color: #000; font-size: 14px !important; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5); } #redactor-modal header { padding: 30px 40px 5px 40px; font-size: 18px; font-weight: bold; } #redactor-modal section { padding: 30px 40px 50px 40px; } #redactor-modal label { display: block; float: none !important; margin: 15px 0 3px 0 !important; padding: 0; } #redactor-modal input[type="radio"], #redactor-modal input[type="checkbox"] { position: relative; top: -1px; } #redactor-modal select { width: 100%; } #redactor-modal input[type="text"], #redactor-modal input[type="password"], #redactor-modal input[type="email"], #redactor-modal input[type="url"], #redactor-modal textarea { position: relative; z-index: 2; margin: 0; padding: 5px 4px; height: 28px; border: 1px solid #ccc; border-radius: 1px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; color: #333; width: 100%; font-size: 14px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; -moz-transition: border 0.3s ease-in; transition: border 0.3s ease-in; } #redactor-modal input[type="text"]:focus, #redactor-modal input[type="password"]:focus, #redactor-modal input[type="email"]:focus, #redactor-modal input[type="url"]:focus, #redactor-modal textarea:focus { outline: none; border-color: #5ca9e4; box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; } #redactor-modal input[type="text"].redactor-input-error, #redactor-modal input[type="password"].redactor-input-error, #redactor-modal input[type="email"].redactor-input-error, #redactor-modal input[type="url"].redactor-input-error, #redactor-modal textarea.redactor-input-error { border-color: #e82f2f; box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; } #redactor-modal textarea { display: block; margin-top: 4px; line-height: 1.4em; } /* Tabs in Modal */ #redactor-modal-tabber { margin-bottom: 15px; font-size: 12px; } #redactor-modal-tabber a { border: 1px solid #ddd; line-height: 1; padding: 8px 15px; margin-right: -1px; text-decoration: none; color: #000; } #redactor-modal-tabber a:hover { background-color: #1f78d8; border-color: #1f78d8; color: #fff; } #redactor-modal-tabber a.active { cursor: default; background-color: #ddd; border-color: #ddd; color: rgba(0, 0, 0, 0.6); } /* List in Modal */ #redactor-modal #redactor-modal-list { margin-left: 0; padding-left: 0; list-style: none; max-height: 250px; overflow-x: scroll; } #redactor-modal #redactor-modal-list li { border-bottom: 1px solid #ddd; } #redactor-modal #redactor-modal-list li:last-child { border-bottom: none; } #redactor-modal #redactor-modal-list a { padding: 10px 5px; color: #000; text-decoration: none; font-size: 13px; display: block; position: relative; } #redactor-modal #redactor-modal-list a:hover { background-color: #eee; } #redactor-modal-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; text-align: right; color: #bbb; font-size: 30px; font-weight: 300; cursor: pointer; } #redactor-modal-close:hover { color: #000; } #redactor-modal footer button { position: relative; width: 100%; padding: 14px 16px; margin: 0; outline: none; border: none; background-color: #ddd; color: #000; text-align: center; text-decoration: none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 1; cursor: pointer; } #redactor-modal footer button:hover { color: #777; background: none; background: #bbb; text-decoration: none; } #redactor-modal footer button.redactor-modal-delete-btn { background: none; color: #fff; background-color: #b52525; } #redactor-modal footer button.redactor-modal-delete-btn:hover { color: rgba(255, 255, 255, 0.6); background-color: #881b1b; } #redactor-modal footer button.redactor-modal-action-btn { background: none; color: #fff; background-color: #2461b5; } #redactor-modal footer button.redactor-modal-action-btn:hover { color: rgba(255, 255, 255, 0.6); background-color: #1a4580; } /* ############################################## DROPDOWN FORMATTING ############################################## */ .redactor-dropdown .redactor-formatting-blockquote { color: rgba(0, 0, 0, 0.4); font-style: italic; } .redactor-dropdown .redactor-formatting-pre { font-family: monospace, sans-serif; } .redactor-dropdown .redactor-formatting-h1 { font-size: 36px; line-height: 36px; font-weight: bold; } .redactor-dropdown .redactor-formatting-h2 { font-size: 24px; line-height: 36px; font-weight: bold; } .redactor-dropdown .redactor-formatting-h3 { font-size: 21px; line-height: 30px; font-weight: bold; } .redactor-dropdown .redactor-formatting-h4 { font-size: 18px; line-height: 26px; font-weight: bold; } .redactor-dropdown .redactor-formatting-h5 { font-size: 16px; line-height: 23px; font-weight: bold; } /* ############################################## CONTENT STYLES ############################################## */ .redactor-editor code, .redactor-editor pre { font-family: Menlo, Monaco, monospace, sans-serif; } .redactor-editor div, .redactor-editor p, .redactor-editor ul, .redactor-editor ol, .redactor-editor table, .redactor-editor dl, .redactor-editor blockquote, .redactor-editor pre { font-size: 14px; line-height: 1.6em; } .redactor-editor a { color: #15c; text-decoration: underline; } .redactor-editor object, .redactor-editor embed, .redactor-editor video, .redactor-editor img { max-width: 100%; width: auto; } .redactor-editor video, .redactor-editor img { height: auto; } .redactor-editor div, .redactor-editor p, .redactor-editor ul, .redactor-editor ol, .redactor-editor table, .redactor-editor dl, .redactor-editor figure, .redactor-editor blockquote, .redactor-editor pre { margin: 0; margin-bottom: 15px; border: none; background: none; box-shadow: none; } .redactor-editor iframe, .redactor-editor object, .redactor-editor hr { margin-bottom: 15px; } .redactor-editor blockquote { margin-left: 1.6em !important; padding-left: 0; color: #777; font-style: italic; } .redactor-editor ul, .redactor-editor ol { padding-left: 2em; } .redactor-editor ul ul, .redactor-editor ol ol, .redactor-editor ul ol, .redactor-editor ol ul { margin: 2px; padding: 0; padding-left: 2em; border: none; } .redactor-editor dl dt { font-weight: bold; } .redactor-editor dd { margin-left: 1em; } .redactor-editor table { border-collapse: collapse; font-size: 1em; width: 100%; } .redactor-editor table td, .redactor-editor table th { padding: 5px; border: 1px solid #ddd; vertical-align: top; } .redactor-editor table thead td, .redactor-editor table th { font-weight: bold; border-bottom-color: #888; } .redactor-editor code { background-color: #d8d7d7; } .redactor-editor pre { overflow: auto; padding: 1em; border: 1px solid #ddd; border-radius: 3px; background: #f8f8f8; white-space: pre; font-size: 90%; } .redactor-editor hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; } .redactor-editor h1, .redactor-editor h2, .redactor-editor h3, .redactor-editor h4, .redactor-editor h5, .redactor-editor h6 { font-weight: bold; color: #000; padding: 0; background: none; text-rendering: optimizeLegibility; margin: 0 0 .5em 0; } .redactor-editor h1, .redactor-editor h2, .redactor-editor h3, .redactor-editor h4 { line-height: 1.3; } .redactor-editor h1 { font-size: 36px; } .redactor-editor h2 { font-size: 24px; margin-bottom: .7em; } .redactor-editor h3 { font-size: 21px; } .redactor-editor h4 { font-size: 18px; } .redactor-editor h5 { font-size: 16px; } .redactor-editor h6 { font-size: 12px; text-transform: uppercase; } /* Search icon by IcoMoon, made with http://icomoon.io/app/ */ @font-face { font-family: 'icomoon'; src:url('http://md-eksperiment.org/fonts/icomoon/icomoon.eot'); src:url('http://md-eksperiment.org/fonts/icomoon/icomoon.eot?') format('embedded-opentype'), url('http://md-eksperiment.org/fonts/icomoon/icomoon.woff') format('woff'), url('http://md-eksperiment.org/fonts/icomoon/icomoon.ttf') format('truetype'), url('http://md-eksperiment.org/fonts/icomoon/icomoon.svg') format('svg'); font-weight: normal; font-style: normal; } .sb-search { position: relative; margin-top: 5px; width: 0%; min-width: 40px; height: 40px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%; height: 40px; margin: 0; z-index: 10; padding: 18px 45px 20px 10px; font-family: inherit; font-size: 20px; color: #2c3e50; } .sb-search-input::-webkit-input-placeholder { color: #444444; } .sb-search-input:-moz-placeholder { color: #444444; } .sb-search-input::-moz-placeholder { color: #444444; } .sb-search-input:-ms-input-placeholder { color: #444444; } .sb-icon-search, .sb-search-submit { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 40px; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { color: #fff; background: #fff; z-index: 90; font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width: 300px; border: 1px solid #dfdfdf; border-color: #dedede #e3e3e3 #ebebeb #e3e3e3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.02); box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.02); } .sb-search.sb-search-open .sb-icon-search { top: -1px; right: -1px; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #f8f8f8; color: #fff; z-index: 11; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } html, body { /*background-color: #fafafa; */ background-color: #fff; margin:0; padding:0; height: 100%; min-height: 100%; } #page--wrapper { position: relative; min-height:100%; } a { color: #cb3837; } a:hover { color: #cb3837; text-decoration: underline; } .navbar { float: none; } .main-menu.navbar { min-height: 65px; margin-bottom: 0; /*border-bottom: 1px solid #d3d3d3; */ -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); border-bottom-width: 0; background-color: #fff; border-radius: 0; } .main-menu.navbar>.container .navbar-brand { margin-left: 0px; } .dropdown-menu { padding: 0; } .navbar-default .btn-link { color: #777; } .nav-up { margin-top: -38px} .navbar-default .header-nav {padding-left: 0} .navbar-default .header-nav ul {padding-left: 0} .navbar-default .header-nav .nav { min-height:38px;} .navbar-default .header-nav .nav > li { min-height:38px;} .navbar-default .header-nav .nav > li > a { min-height:38px; color: #FFF; text-decoration: none; padding: 9px 15px; color: rgba(255,255,255,0.8); } @media (min-width: 768px) { .navbar-default .header-nav .nav > li > a { padding: 9px 12px; } } .navbar-default .header-nav .nav > li > a:hover, .navbar-default .header-nav .nav > li.active > a, .navbar-default .header-nav .nav > li.open a:first-child, .navbar-default .header-nav .nav > li.active > a:hover { color: #fff; text-decoration: none; background: #a42b2b;; } .navbar-default .header-nav .nav > li.open > ul.menu_level_1 > li > a { background-color: #fff; color: #444; } .navbar-default .header-nav .nav > li.open > ul.menu_level_1 > li > a { padding: .6em 1em; border-bottom: 1px solid rgba(0,0,0,.15); } .navbar-default .header-nav .nav > li.open > ul.menu_level_1 > li.last > a { border-bottom: none; } .navbar-default .header-nav .nav > li.open > ul.menu_level_1 > li > a:hover, .navbar-default .header-nav .nav > li.open > ul.menu_level_1 > li.active > a { color: #cb3837; } .header-menu-container { height: 38px; background-color: #cb3837; border-bottom: 1px solid #b83130; } .header-red-line { height: 4px; background-color: #cb3837; border-bottom: 1px solid #b83130; } @media (max-width: 768px) { .header-menu-container { min-height: 5px; height: inherit; } } .section-menu-row { min-height: 38px; background-color: #f8f8f8; border-bottom: 1px solid #ccc; } .section-menu nav { padding-left: 0; } .section-menu .nav { min-height:20px;} .section-menu .nav > li { min-height:20px;} .section-menu .nav > li > a { min-height:20px; color: #333; margin: 10px 0; padding: 0px 15px; text-decoration: none; border-right: 1px solid #ccc; } .section-menu .nav > li.last > a { border: none; } .section-menu .nav > li > a:hover, .section-menu .nav > li.active a, .section-menu .nav > li.active > a:hover { color: #cb3837; background-color: #f8f8f8; } h1.title{ border-bottom: 1px solid #eee; margin: 20px 15px 0 15px; } h1.title.post{ border-bottom: 0; margin: 20px 15px 0 15px; } .partition { border-bottom: 1px solid #eee; margin: 0px 15px 0 15px; } .partition .flaticon-black301:before{ font-size: 12px; color: #777; margin-right: 3px; } .partition a { color: #777; font-size: 12px; } .block-section h3.title { margin-bottom: 5px; } .block-section a { color: #000; } .block-section a:hover { text-decoration: none; color: #c50000; /* color: #d74b1f; */ } .block-section div.stats { color: #9e9e9e; font-size: 0.8em; text-align: left; } .block-section div.stats .views-stat{ padding: 0 0 0 10px; } .block-section .divide-text { color: #7a7a7a; font-size: 0.9em; } .block-section .divide-text .flaticon-document9:before { padding-right: 3px; } .event-place, .event-date { color: #444444; font-size: 0.9em; } .event-place .flaticon-offices:before, .event-date .flaticon-event5:before { font-size: 14px; padding-right: 3px; } .flickrgrid a.height, .flickrgrid a.width { height:184px; width: 184px; overflow: hidden; float: left; display: block; //margin-right: 15px; margin: 0 0 9px; } .flickrgrid a img { height: 184px; } .flickrgrid a.width img { width: 184px; } .postgrid a.height, .postgrid a.width { height:160px; width: 270px; overflow: hidden; float: left; display: block; margin: 0 0 9px; } .block-section a.all-link { float: right; color: #c50000; } .postgrid a.height img { height: 180px; } .postgrid a.width img { width: 270px; } body { font-family: Verdana,sans-serif;!important font-size: 14px; color: #000 } h1.title { font: 26px/118% normal Verdana,Tahoma,sans-serif; margin-bottom: 20px; padding-bottom: 2px; } h3.title { font: 20px/118% normal Verdana,Tahoma,sans-serif; } .short-text { color: #444444; } .post .content, .short-text{ font-size: 13px; margin-bottom: 10px; line-height: 160%; font-family: Verdana,sans-serif; overflow: hidden; } .sidebar-right { margin-top: 20px; } #footer .navbar-collapse{ padding-left: 0; } ol.breadcrumb { background-color: #fff; } ol.breadcrumb a{ color: #cb3837; } ol.breadcrumb a:hover{ color: #cb3837; } ol.breadcrumb span:before { font-size: 14px; color: #cb3837; } .share { margin-top: -18px; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #eee; height: 35px; } .share.post { margin-top: 0; } .breadcrumb>li+li:before{ font-family: Flaticon; font-size: 12px; font-style: normal; padding:0 5px; color:#ccc; content:"\e001" } .club-description { padding-left: 15px; } .bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px} .bs-callout h4{margin-top:0;margin-bottom:5px} .bs-callout p:last-child{margin-bottom:0} .bs-callout code{border-radius:3px} .bs-callout+.bs-callout{margin-top:-5px} .bs-callout-danger{border-left-color:#d9534f} .bs-callout-danger h4{color:#d9534f} .bs-callout-warning{border-left-color:#f0ad4e} .bs-callout-warning h4{color:#f0ad4e} .bs-callout-info{border-left-color:#5bc0de} .bs-callout-info h4{color:#5bc0de} .event-help-block { text-align: right; margin-top: -10px; margin-bottom: 10px; } #eventsHelpModal h3 { border-bottom: 1px solid #eee; } #eventFilter { padding: 20px; background-color: #f1f1f1; border-radius: 20px; } #eventFilter h3 { color: #cb3837; font: 24px/118% normal Verdana,Tahoma,sans-serif; margin: 0; line-height: 1; font-weight: normal; margin: 0 0 18px; } .event-video iframe { width: 100% !important; } .event-audio .audio-download{ font-size: 12px; float: right; margin-top: -28px; margin-right: 15px; z-index: 99; } .event-audio span.audio-download:hover{ text-decoration: underline; cursor: pointer; } .event-audio { max-width: 650px; margin-left: auto; margin-right: auto; } .event-video h3 { margin-bottom: 10px; } .event-info { background-color: #f1f1f1; border-radius: 15px; padding: 20px; margin-top: 10px; max-width: 250px; width: 100%; } .event-info .event-date{ color: #cb3837; font: 18px/118% normal Verdana,Tahoma,sans-serif; margin-bottom: 10px; } .event-info .event-date span { margin-right: 3px; } .event-info .event-date .flaticon-event5:before{ font-size: 18px; } .event-info .event-city .flaticon-offices:before { font-size: 18px; } .event-info .event-city .flaticon-offices { float: left; } .event-info .event-city, .event-info .event-place{ font: 16px/118% normal Verdana,Tahoma,sans-serif; margin-bottom: 3px; line-height: 1.3; } .event-info .event-city .city { margin-left: 25px; } .event-info .event-city { color: #444; } .event-info .event-place{ margin-left: 25px; } .event-video h3.title, .event-audio h3.title, .photo-gallery h3.title .photo-gallery-title { border-bottom: 1px solid #eee; padding-bottom: 2px; margin-bottom: 20px } .content-header { margin-bottom: 10px; } .thumbnail img { width: auto; height: auto; } .pageContent table { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .social-widgets { text-align: center; } .vk_block, .social-widgets .fb_iframe_widget { margin: 0 auto; margin-top: 20px; } #subscribeModal .vk_block, #subscribeModal .fb_iframe_widget { margin: 0 auto; } .vk_block { width: 232px; border: 1px solid #5B7FA6; border-radius: 5px; padding: 5px; padding-bottom: 5px; } .social-widgets .fb_iframe_widget { border: 1px solid #5B7FA6; border-radius: 5px; padding: 5px; padding-bottom: 5px; } .interesting { margin-left: -25px; } .interesting{ color: #cb3837; } .interesting li{ line-height:1.5em; float:left; display:inline; width:50%; margin-bottom: 5px; } /* Image style */ #scrollUp { top: 0; bottom: 0; left: 0; padding: 10px; width: 75px; /* Width of image */ height: 100%; /* Height of image */ opacity: 0.5; } #scrollUp:hover { background-color: #f1f1f1; opacity: 0.9; text-decoration: none; } .nav-footer ul li { display: inline; } .nav-footer .navbar-nav>li>a { padding: 15px 10px; } #footer .footerHomeLink a { color: #c50000; } #YMapsID img { max-width: none; } #YMapsID label { width: auto; display:inline; } .afisha-other-block .stats span.views-stat { float:right; margin-right: 5px } .edit-btn .flaticon-edit40:before { font-size: 20px; } .edit-btn a:hover { text-decoration: none; } form fieldset { margin-top: 30px; } form legend { color: #cb3837; } .popover { z-index: 2010; background: #fff; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.25),0 0 1px rgba(0,0,0,0.35); border: 0; } .popover-content { padding: 10px 0 0 0; } .main--menu--buttonSet { float: right; line-height: 38px; margin: 15px 10px; display: inline-block; white-space: nowrap; vertical-align: top; } .mainBar .nav { margin-top: 8px; } .mainBar .navbar-nav > li > a { color: rgba(0,0,0,0.8); } .navbar-default .navbar-nav > .active > a, .navbar-default .mainBar.navbar-nav > .active > a, .mainBar .navbar-nav > li > a:hover { background-color: #fff; color: #cb3837; } .navbar-default .mainBar .navbar-nav > .active > a:hover, .navbar-default .mainBar .navbar-nav > .active > a:focus, .mainBar .navbar-nav > li.open > a:focus, .mainBar .navbar-nav > li.open > a { background-color: #fff; color: #cb3837; } .navbar-default.main-menu { position: absolute; right: 0; left: 0; top: 0; z-index: 1030; } .navbar-default.main-menu.metabar--affixed { position: fixed; right: 0; left: 0; z-index: 1030; /*background: rgba(255,255,255,0.97); box-shadow: 0 0 1px rgba(0,0,0,0.15);*/ } .nav-margin { margin: 0 20px; } /* Sidebar Right -----------------------------------------------------------------------------*/ #sideRight { margin-right: -3px; float: left; margin-left: -250px; width: 230px; position: relative; padding:10px; #background-image:url(http://md-eksperiment.org/img/bg_sidebar_gradient.png); background-position: top left; background-repeat:no-repeat; min-height:500px; height:auto !important; height:500px; } #rss { width:51px; margin:0 auto; } /* Footer -----------------------------------------------------------------------------*/ #footer { position: absolute; bottom: 0; left: 0; max-height: 100px; background-color:#f8f8f8; border-top: 5px solid #c3282c; font-size: 12px; width: 100%; } #footer a { color: #777; } #footer .nav { font-size: 14px; } #border_top { width:100%; height:10px; background-color:#c3282c; #background-image:url(http://md-eksperiment.org/img/bg_dark_gradient.png); #background-position:right; #background-repeat:repeat-y; } #created_by { float:right; width:140px; height:36px; position:relative; margin:-50px 4px 0 0; } #created_by a { color:#333; text-decoration:none; } #created_by span { float:left; margin:0; font-size:11px; width:100px; } #created_by img { float:right; margin-left:4px; } /* ?????? -----------------------------------------------------------------------------*/ .filter_button { color:#FFF; font:14px Arial, Helvetica, sans-serif; margin-left:30px; margin-top:10px; width:160px; height:25px; background-color:#B6393C; text-align:center; padding-top:5px; border: 2px solid #9F0000; /* ????????? ??????? */ } .filter_button:hover { background-color:#CF3830; cursor:pointer; } .filter_list { margin-left:30px; margin-top:5px; } /* ??????? ???? ??? -----------------------------------------------------------------------------*/ #mde_menu { margin-top:2px; margin-left:5px; } #mde_menu ul { font-weight:600; font:18px Arial, Helvetica, sans-serif; list-style:none; } #mde_menu ul li { margin-bottom:10px; } #mde_menu ul li span { position:relative; padding-left:4px; } #mde_menu ul li a { color:#151515; text-decoration:none; } #mde_menu ul li a:hover { color:#900; } #mde_menu ul li div.mde_menu_img { float:left; } #mde_menu ul li a.this { color:#900; } .current span{ color:#900; } .current .red{ color:#900; visibility:visible; } .current .gray{ visibility:hidden; } .hidden { float:left; visibility:hidden; width:0px; height:0px; } /* ???????? ??? -----------------------------------------------------------------------------*/ #club_text { margin-top:15px; margin-left:65px; margin-right:20px; } #club_text a{ color: #a40000; } .mde_event_preview { width: 100%; } .mde_event_preview h3{ margin-top: 0; } .mde_event_preview a{ text-decoration:none; color:#333; } .mde_event_preview .date{ color:#8E4042; font-size: 15px; font-weight:500; display: block; } .mde_event_preview tr { padding-right:40px; border-bottom: 1px solid #ccc; display: block; } .mde_event_preview td { vertical-align: top; padding-top:20px; padding-left:15px; padding-bottom:10px; } .mde_event_preview a{ text-decoration:none; color:#333; } .mde_event_preview td:first-child { } /* ???????? event -----------------------------------------------------------------------------*/ #poster p{ font: 15px Arial, Tahoma, Verdana, sans-serif; font-weight:600; margin-top:5px; } #club { background-image:url(http://md-eksperiment.org/img/bg_club_name.jpg); background-repeat:repeat-y; text-align:center; color:#333; margin-top:3px; padding-bottom:1px; font: 15px Arial, Tahoma, Verdana, sans-serif; font-weight:600; } .event_preview { height:120px; width:160px; padding: 6px 6px 6px 8px; display: inline-block; } #event_audio { margin-left:20px; margin-top:20px; } #event_audio td{ margin-left:0px; } #event_audio p{ text-align:center; font-weight:500; } #event_audio a { color:#121212; } #event_audio span { padding-top:-5px; color:#350000; text-align:center; } /* ???????? afisha -----------------------------------------------------------------------------*/ .preview_table { margin-top: 20px; } .preview_table h2{ font: 20px normal Verdana,Tahoma,sans-serif; margin-top: 10px; text-align: left; } .preview_table { width:100%; } .preview_table a{ color:#444; text-decoration: none; } .preview_table .title { width:180px; padding-bottom: 10px; } .preview_table td{ vertical-align:top; } .preview_table img { width:180px; } .preview_table p { margin-bottom:-3px; color:#444; } .preview_table .poster { margin-top:5px; } .preview_table tr{ #border-top: 2px solid #8E4042; } .preview_table tr:first-child{ border-top: none; } /* ???????? etv -----------------------------------------------------------------------------*/ #etv_menu { margin-top:2px; margin-left:5px; } #etv_menu ul { font-weight:600; font:18px Arial, Helvetica, sans-serif; list-style:none; } #etv_menu ul li { margin-bottom:10px; } #etv_menu ul li span { position:relative; padding-left:10px; } #etv_menu ul li a { color:#151515; text-decoration:none; } #etv_menu ul li a:hover { color:#900; } .etv_menu_img { width:12px; height:12px; background-color:#900; margin-top:4px; float:left; } #etv_gallery { position: relative; margin:auto; } #etv_gallery img { height:120px; vertical-align: top; } #etv_gallery a { display: block; width: 130px; height: 98px; overflow: hidden; text-align: center; background: #F1F1F1; } .etv_preview { height:120px; width:160px; padding: 6px 6px 6px 8px; display: inline-block; } /* yandex maps -----------------------------------------------------------------------------*/ #YMapsID { margin:0 auto; text-align: center; } #map { text-align: center; } #map a{ text-decoration: none; font-size: 18px; color: #810D20; font-weight: 600; } .YMaps-layer-container img{ max-width: none; } /* gallery -----------------------------------------------------------------------------*/ .lightbox { text-decoration: none; float:left; } a.lightbox { } #pages { text-align:center; margin-top:50px; color: #a9050e; font-size: 17px; } #pages a{ color: #a9050e; } #poster-gallery { width:280px; padding:10px; float:left; } #poster-gallery img.poster{ width:250px; padding:5px; border-radius: 20px; } .event-section img.poster{ max-width:250px; width: 100%; padding:5px; border-radius: 15px; } .row #postWrapper { max-width: 650px; margin-left: auto; margin-right: auto; } #postWrapper .photo-gallery, #postWrapper .event-audio, #postWrapper table, #postWrapper table[style] { max-width: 650px !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; } #postWrapper span, #postWrapper ul, #postWrapper p { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px !important; line-height: 27px; color: #303030; text-align: justify; margin-bottom: 23px; } #postWrapper span { display: block; } #postWrapper ul, #postWrapper span, #postWrapper h1, #postWrapper p { max-width: 650px; margin-left: auto !important; margin-right: auto !important; } #postWrapper h1, #postWrapper h2 { font: 20px normal Verdana,Tahoma,sans-serif; } #postWrapper hr { margin-top: 10px; margin-bottom: 10px; } .vk_like_article { margin-top: 4px; } #postWrapper img.poster { margin-top: 15px; margin-bottom: 23px; border-radius: 10px; } #postWrapper img { display: block; margin-left: auto !important; margin-right: auto !important; border-radius: 0; max-width: 650px; width: auto; height: auto; padding: 0; } #postWrapper #anons_end { margin: 0; } #postWrapper p span { display: block; margin-bottom: 23px; } #postWrapper p span span { display: inline; margin: 0; } #postWrapper br { display: none; } @media (min-width: 768px) { #postWrapper iframe { max-width: 650px !important; width: 650px; } } @media (max-width: 768px) { #postWrapper iframe { width: auto; margin-left: auto !important; margin-right: auto !important; } } #event_text.stranici table[style] { width: 80% !important; display: block; margin-top: 0; } #event_text { max-width: 650px; margin: 0 auto; } #event_text table[style] { width: 100% !important; display: block; margin-top: -15px; } #event_text table h1 { font: 20px normal Verdana,Tahoma,sans-serif; } #event_text table h2 { font: 20px normal Verdana,Tahoma,sans-serif; } #event_text table hr { margin-top: 10px; margin-bottom: 10px; } #postWrapper table td, #postWrapper table td p, #postWrapper table td p span[style], .pageContent table td, .pageContent table td p, .pageContent table td p span[style], .pageContent p, .pageContent p span[style], #event_text table td, #event_text table td p, #event_text table td p span[style], #event_text div, #event_text p, #event_text p span[style], .event-text p, .event-text div, .event-text p span[style] { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px !important; line-height: 27px; color: #303030; text-align: justify; } .pageContent table td { text-align: center; } #event_text #anons_end, .event-text #anons_end { margin: 5px; } #postWrapper table td img, #postWrapper table td p img, #event_text table td img, #event_text table td p img, #event_text p img, #event_text p span img, #postWrapper table td p span img, #event_text table td p span img, .event-text img { display: block; height: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } #postWrapper table td iframe, #event_text table td iframe, #event_text table td p iframe, #event_text p iframe, #event_text p span iframe, #postWrapper table td p span iframe, #event_text table td p span iframe { width: 100% !important; } #etv_about { margin-left: 60px; margin-top: 10px; } /* mde_gallery -----------------------------------------------------------------------------*/ #mde_gallery_container{ position:relative; z-index:15; width:628; margin:0 auto 0; overflow:hidden; } #leftControl { float: left; } #rightControl { float: right; } #mde_gallery { position:relative; margin: auto; } #mde_gallery img{ width:120px; vertical-align: top; margin-left:15px; background-color:#F0F0F0; padding:8px; box-shadow : 5px 5px 5px #ccc; -moz-box-shadow : 5px 5px 5px #ccc; -webkit-box-shadow : 5px 5px 5px #ccc; } #knopka { float:left; margin-top: 10px; padding-left:10px; height: 60px; } #knopka img{ margin-top: 1px; margin-right:5px; } #text { width:200px; float: right; } #buttons img{ } .fb-like{ float:left; margin-top:5px; margin-left:-10px; } #buttons { float:left; margin-top: 3px; margin-bottom: 10px; margin-right:5px; height:30px; } #anons_end { visibility: hidden; } /* search -----------------------------------------------------------------------------*/ .yandex { margin: 15px; } #BreadCrumbs { margin-left: 20px; font: 15px arial; padding: 5px 0; } /* _______________________________________________*/ .banner { margin-left:5px; margin-top: 20px; padding-bottom: 40px; } .banner-etv { margin-left:16px; margin-top: 20px; padding-bottom: 40px; } .related_events { margin-top: 40px; margin-left: 32px; } .related_events h4 { width:130px; padding-bottom: 10px; } .related_events td { vertical-align:top; padding: 5px; } .related_events p { margin: 0 0 0px; font-size: 14px; } .related_pages { margin-left: 32px; margin-top: 130px; } .related_pages img{ margin-bottom: 7px; width: 200px; } .related_pages td { padding: 10px; text-align: center; vertical-align: top; max-width: 250px; } .pluso-wrap a { opacity: 0.5; } .pluso-wrap a:hover { opacity: 1; } .stranici-page .preview_table .title h2 { text-align: center; } .button1 { margin-left: 5px; margin-top: 5px; float: left; }