@keyframes popIn{0%{transform:scale(1,1)}25%{transform:scale(1.2,1)}50%{transform:scale(1.4,1)}100%{transform:scale(1,1)}}@keyframes popOut{0%{transform:scale(1,1)}25%{transform:scale(1.2,1)}50%{transform:scale(1.4,1)}100%{transform:scale(1,1)}}@keyframes splashIn{0%{transform:scale(1);opacity:1}25%{transform:scale(1.1);opacity:.8}50%{transform:scale(1.1);opacity:.9}100%{transform:scale(1);opacity:1}}@keyframes splashOut{0%{transform:scale(1);opacity:1}25%{transform:scale(1);opacity:.8}50%{transform:scale(1);opacity:.9}100%{transform:scale(0.5);opacity:1}}.checkbox-toggle{position:relative}.checkbox-toggle input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-toggle input+span{cursor:pointer;user-select:none}.checkbox-toggle input+span:before{position:absolute;left:0;display:inline-block}.checkbox-toggle input+span>h4{display:inline}.form-horizontal [class^=checkbox] input+span:after{top:7px}.checkbox-slider{position:relative}.checkbox-slider input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider input+span{cursor:pointer;user-select:none}.checkbox-slider input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider input+span>h4{display:inline}.checkbox-slider input+span{padding-left:40px}.checkbox-slider input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider input:checked+span:after{margin-left:20px;content:""}.checkbox-slider input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--default{position:relative}.checkbox-slider--default input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--default input+span{cursor:pointer;user-select:none}.checkbox-slider--default input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--default input+span>h4{display:inline}.checkbox-slider--default input+span{padding-left:40px}.checkbox-slider--default input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--default input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--default input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--default input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--default input+span:after{background:#fff;border:solid transparent 1px;background-clip:content-box}.checkbox-slider--default input:checked+span:after{background:#5cb85c;border:solid transparent 1px;background-clip:content-box}.checkbox-slider--a-rounded{position:relative}.checkbox-slider--a-rounded input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--a-rounded input+span{cursor:pointer;user-select:none}.checkbox-slider--a-rounded input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--a-rounded input+span>h4{display:inline}.checkbox-slider--a-rounded input+span{padding-left:40px}.checkbox-slider--a-rounded input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--a-rounded input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--a-rounded input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--a-rounded input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--a-rounded input+span:after{background:#fff;border:solid transparent 1px;background-clip:content-box}.checkbox-slider--a-rounded input:checked+span:after{background:#5cb85c;border:solid transparent 1px;background-clip:content-box}.checkbox-slider--a-rounded input+span:after,.checkbox-slider--a-rounded input+span:before{border-radius:4px}.checkbox-slider--a-rounded input+span:after,.checkbox-slider--a-rounded input:checked+span:after{border:solid transparent 2px;background-clip:content-box}.checkbox-slider--a-rounded.checkbox-slider-sm input+span:before,.checkbox-slider--a-rounded.checkbox-slider-sm input+span:after{border-radius:3px}.checkbox-slider--a-rounded.checkbox-slider-md input+span:before,.checkbox-slider--a-rounded.checkbox-slider-md input+span:after{border-radius:4px}.checkbox-slider--a-rounded.checkbox-slider-lg input+span:before,.checkbox-slider--a-rounded.checkbox-slider-lg input+span:after{border-radius:6px}.checkbox-slider--a{position:relative}.checkbox-slider--a input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--a input+span{cursor:pointer;user-select:none}.checkbox-slider--a input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--a input+span>h4{display:inline}.checkbox-slider--a input+span{padding-left:40px}.checkbox-slider--a input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--a input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--a input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--a input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--a input+span{padding-left:60px}.checkbox-slider--a input+span:before{content:"";width:60px}.checkbox-slider--a input+span:after{width:40px;font-size:10px;color:#000;content:"Off";border:solid transparent 1px;background-clip:content-box}.checkbox-slider--a input:checked+span:after{content:"On";color:#fff;background:#5cb85c;border:solid transparent 1px;background-clip:content-box}.checkbox-slider--a.checkbox-slider-sm input+span{padding-left:30px}.checkbox-slider--a.checkbox-slider-sm input+span:before{width:30px}.checkbox-slider--a.checkbox-slider-sm input+span:after{width:20px;font-size:5px}.checkbox-slider--a.checkbox-slider-sm input:checked+span:after{margin-left:10px}.checkbox-slider--a.checkbox-slider-md input+span{padding-left:90px}.checkbox-slider--a.checkbox-slider-md input+span:before{width:90px}.checkbox-slider--a.checkbox-slider-md input+span:after{width:60px;font-size:15px}.checkbox-slider--a.checkbox-slider-md input:checked+span:after{margin-left:30px}.checkbox-slider--a.checkbox-slider-lg input+span{padding-left:120px}.checkbox-slider--a.checkbox-slider-lg input+span:before{width:120px}.checkbox-slider--a.checkbox-slider-lg input+span:after{width:80px;font-size:20px}.checkbox-slider--a.checkbox-slider-lg input:checked+span:after{margin-left:40px}.checkbox-slider--b{position:relative}.checkbox-slider--b input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--b input+span{cursor:pointer;user-select:none}.checkbox-slider--b input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--b input+span>h4{display:inline}.checkbox-slider--b input+span{padding-left:40px}.checkbox-slider--b input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--b input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--b input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--b input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--b input+span{padding-left:40px}.checkbox-slider--b input+span:before{border-radius:20px;width:40px}.checkbox-slider--b input+span:after{background:#fff;content:"";width:20px;border:solid transparent 2px;background-clip:padding-box;border-radius:20px}.checkbox-slider--b input:not(:checked)+span:after{animation:popOut ease-in .3s normal}.checkbox-slider--b input:checked+span:after{content:"";margin-left:20px;border:solid transparent 2px;background-clip:padding-box;animation:popIn ease-in .3s normal}.checkbox-slider--b input:checked+span:before{background:#5cb85c}.checkbox-slider--b.checkbox-slider-md input+span:before{border-radius:30px}.checkbox-slider--b.checkbox-slider-md input+span:after{border-radius:30px}.checkbox-slider--b.checkbox-slider-lg input+span:before{border-radius:40px}.checkbox-slider--b.checkbox-slider-lg input+span:after{border-radius:40px}.checkbox-slider--b-flat{position:relative}.checkbox-slider--b-flat input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--b-flat input+span{cursor:pointer;user-select:none}.checkbox-slider--b-flat input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--b-flat input+span>h4{display:inline}.checkbox-slider--b-flat input+span{padding-left:40px}.checkbox-slider--b-flat input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--b-flat input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--b-flat input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--b-flat input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--b-flat input+span{padding-left:40px}.checkbox-slider--b-flat input+span:before{border-radius:20px;width:40px}.checkbox-slider--b-flat input+span:after{background:#fff;content:"";width:20px;border:solid transparent 2px;background-clip:padding-box;border-radius:20px}.checkbox-slider--b-flat input:not(:checked)+span:after{animation:popOut ease-in .3s normal}.checkbox-slider--b-flat input:checked+span:after{content:"";margin-left:20px;border:solid transparent 2px;background-clip:padding-box;animation:popIn ease-in .3s normal}.checkbox-slider--b-flat input:checked+span:before{background:#5cb85c}.checkbox-slider--b-flat.checkbox-slider-md input+span:before{border-radius:30px}.checkbox-slider--b-flat.checkbox-slider-md input+span:after{border-radius:30px}.checkbox-slider--b-flat.checkbox-slider-lg input+span:before{border-radius:40px}.checkbox-slider--b-flat.checkbox-slider-lg input+span:after{border-radius:40px}.checkbox-slider--b-flat input+span:before{box-shadow:none}.checkbox-slider--c{position:relative}.checkbox-slider--c input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--c input+span{cursor:pointer;user-select:none}.checkbox-slider--c input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--c input+span>h4{display:inline}.checkbox-slider--c input+span{padding-left:40px}.checkbox-slider--c input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--c input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--c input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--c input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--c input+span{padding-left:40px}.checkbox-slider--c input+span:before{height:2px!important;top:10px;box-shadow:none;width:40px;background:#555}.checkbox-slider--c input+span:after{box-shadow:none;width:20px;border:solid #555 2px;border-radius:20px}.checkbox-slider--c input:checked+span:after{background:#5cb85c;margin-left:20px;border:solid #5cb85c 2px;animation:splashIn ease-in .3s normal}.checkbox-slider--c input:checked+span:before{background:#5cb85c}.checkbox-slider--c.checkbox-slider-sm input+span:before{top:4px}.checkbox-slider--c.checkbox-slider-md input+span:before{top:14px}.checkbox-slider--c.checkbox-slider-md input+span:after{width:30px;border-radius:30px}.checkbox-slider--c.checkbox-slider-lg input+span:before{top:19px}.checkbox-slider--c.checkbox-slider-lg input+span:after{width:40px;border-radius:40px}.form-horizontal [class*=checkbox-slider--c].checkbox-slider-sm input+span:before{top:10px}.form-horizontal [class*=checkbox-slider--c].checkbox-slider-md input+span:before{top:20px}.form-horizontal [class*=checkbox-slider--c].checkbox-slider-lg input+span:before{top:25px}.checkbox-slider--c-weight{position:relative}.checkbox-slider--c-weight input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:0 0;cursor:pointer;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.checkbox-slider--c-weight input+span{cursor:pointer;user-select:none}.checkbox-slider--c-weight input+span:before{position:absolute;left:0;display:inline-block}.checkbox-slider--c-weight input+span>h4{display:inline}.checkbox-slider--c-weight input+span{padding-left:40px}.checkbox-slider--c-weight input+span:before{content:"";height:20px;width:40px;background:rgba(100,100,100,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.8);transition:background .2s ease-out}.checkbox-slider--c-weight input+span:after{width:20px;height:20px;position:absolute;left:0;top:0;display:block;background:#fff;transition:margin-left .1s ease-in-out;text-align:center;font-weight:700;content:""}.checkbox-slider--c-weight input:checked+span:after{margin-left:20px;content:""}.checkbox-slider--c-weight input:checked+span:before{transition:background .2s ease-in}.checkbox-slider--c-weight input+span{padding-left:40px}.checkbox-slider--c-weight input+span:before{height:2px!important;top:10px;box-shadow:none;width:40px;background:#555}.checkbox-slider--c-weight input+span:after{box-shadow:none;width:20px;border:solid #555 2px;border-radius:20px}.checkbox-slider--c-weight input:checked+span:after{background:#5cb85c;margin-left:20px;border:solid #5cb85c 2px;animation:splashIn ease-in .3s normal}.checkbox-slider--c-weight input:checked+span:before{background:#5cb85c}.checkbox-slider--c-weight.checkbox-slider-sm input+span:before{top:4px}.checkbox-slider--c-weight.checkbox-slider-md input+span:before{top:14px}.checkbox-slider--c-weight.checkbox-slider-md input+span:after{width:30px;border-radius:30px}.checkbox-slider--c-weight.checkbox-slider-lg input+span:before{top:19px}.checkbox-slider--c-weight.checkbox-slider-lg input+span:after{width:40px;border-radius:40px}.checkbox-slider--c-weight input+span:before{height:1px!important}.checkbox-slider--c-weight input:checked+span:before{height:2px!important}.checkbox-slider--c-weight input:not(:checked)+span:after{transform:scale(0.7);left:-6px}.checkbox-slider--default input:disabled+span:after{background:#777}.checkbox-slider--default input:disabled+span:before{box-shadow:0 0 0 #000}.checkbox-slider--default input:disabled+span{color:#777}.checkbox-slider--a input:disabled+span:after{background:#777;color:#fff}.checkbox-slider--a input:disabled+span:before{box-shadow:0 0 0 #000}.checkbox-slider--a input:disabled+span{color:#777}.checkbox-slider--b input:disabled+span:after{border:solid transparent 2px;border-radius:40px}.checkbox-slider--b input:disabled+span:before{box-shadow:0 0 0 #000}.checkbox-slider--b input:disabled+span{color:#777}.checkbox-slider--c input:disabled:checked+span:after{background:#777}.checkbox-slider--c input:disabled+span:after{border-color:#777}.checkbox-slider--c input:disabled+span:before{background:#777}.checkbox-slider--c input:disabled+span{color:#777}input:checked+.indicator-success{color:#5cb85c}input:checked+.indicator-info{color:#5bc0de}input:checked+.indicator-warning{color:#f0ad4e}input:checked+.indicator-danger{color:#d9534f}.checkbox-slider-sm{line-height:10px}.checkbox-slider-sm input+span{padding-left:20px}.checkbox-slider-sm input+span:before{width:20px}.checkbox-slider-sm input+span:after,.checkbox-slider-sm input+span:before{height:10px;line-height:10px}.checkbox-slider-sm input+span:after{width:10px;vertical-align:middle}.checkbox-slider-sm input:checked+span:after{margin-left:10px}.checkbox-slider-md{line-height:30px}.checkbox-slider-md input+span{padding-left:60px}.checkbox-slider-md input+span:before{width:60px}.checkbox-slider-md input+span:after,.checkbox-slider-md input+span:before{height:30px;line-height:30px}.checkbox-slider-md input+span:after{width:30px;vertical-align:middle}.checkbox-slider-md input:checked+span:after{margin-left:30px}.checkbox-slider-lg{line-height:40px}.checkbox-slider-lg input+span{padding-left:80px}.checkbox-slider-lg input+span:before{width:80px}.checkbox-slider-lg input+span:after,.checkbox-slider-lg input+span:before{height:40px;line-height:40px}.checkbox-slider-lg input+span:after{width:40px;vertical-align:middle}.checkbox-slider-lg input:checked+span:after{margin-left:40px}.checkbox-slider-info.checkbox-slider--default input:checked+span:after,.checkbox-slider-info.checkbox-slider--a input:checked+span:after,.checkbox-slider-info.checkbox-slider--c input:checked+span:after,.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:after{background:#5bc0de;background-clip:content-box}.checkbox-slider-info.checkbox-slider--c input:checked+span:after,.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:after{border-color:#5bc0de}.checkbox-slider-info.checkbox-slider--b input:checked+span:before,.checkbox-slider-info.checkbox-slider--b-flat input:checked+span:before,.checkbox-slider-info.checkbox-slider--c input:checked+span:before,.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:before{background:#5bc0de}.checkbox-slider-warning.checkbox-slider--default input:checked+span:after,.checkbox-slider-warning.checkbox-slider--a input:checked+span:after,.checkbox-slider-warning.checkbox-slider--c input:checked+span:after,.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:after{background:#f0ad4e;background-clip:content-box}.checkbox-slider-warning.checkbox-slider--c input:checked+span:after,.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:after{border-color:#f0ad4e}.checkbox-slider-warning.checkbox-slider--b input:checked+span:before,.checkbox-slider-warning.checkbox-slider--b-flat input:checked+span:before,.checkbox-slider-warning.checkbox-slider--c input:checked+span:before,.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:before{background:#f0ad4e}.checkbox-slider-danger.checkbox-slider--default input:checked+span:after,.checkbox-slider-danger.checkbox-slider--a input:checked+span:after,.checkbox-slider-danger.checkbox-slider--c input:checked+span:after,.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:after{background:#d9534f;background-clip:content-box}.checkbox-slider-danger.checkbox-slider--c input:checked+span:after,.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:after{border-color:#d9534f}.checkbox-slider-danger.checkbox-slider--b input:checked+span:before,.checkbox-slider-danger.checkbox-slider--b-flat input:checked+span:before,.checkbox-slider-danger.checkbox-slider--c input:checked+span:before,.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:before{background:#d9534f}/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}/* Description: Menéame CSS file Site URI: http://meneame.net Authors: Ricardo Galli, Benjamí Villoslada, Damián Vila, Aníbal De Castro Licence: Affero GPL License (http://meneame.net/COPYING) */ html * { margin: 0; padding: 0; } body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background-color: #fbfbfb; margin: 0px; padding: 0px; } .header-top-wrapper.fixed { position: fixed; top: 0; left: 0; z-index: 10; } .header-sub-wrapper.fixed { position: fixed; top: 47px; left: 0; z-index: 9; } .header-top-wrapper.pinned { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1001; } .mnm-center-in-wrap { margin: 0 auto; min-width: 805px; max-width: 1300px; width: 99%; text-align: left; } #ajaxinfo { display: none; } label { color: #e35614; } :focus { outline: 0; } select { background: #fff; color: #e35614; } legend { font-weight: bold; padding: 0 5px; width: auto; font-size: 15px; } legend a { text-decoration: underline; } legend, legend a, legend a:visited { background: #e35614; color: #fff; } legend a:hover { color: #888; } input, textarea { margin: 0 0 10px 0; padding: 2px 2px; background: #fff; border: 1px solid #ddd; color: #303030; } .button, button, input[type="button"], input[type="submit"] { border: none; font-weight: bold; margin: 4px 0; padding: 2px 4px; background-color: #e35614; color: #fff; } .button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #ffb300; } .button:disabled, button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled { background: #feefe5; } fieldset { border: none; padding: 10px 10px; margin: 10px 0; background: #fff1e2; } label { font-weight: bold; } a { text-decoration: none; outline: none; vertical-align: baseline; color: #03a; } a:hover, a:focus { text-decoration: underline; color: #e35614; } a:active { color: #000; } a:visited { color: #551a8b; } input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] { color: #aaa; } #map, .commentform.warn, .warn, .box, .searchbox, fieldset, label, .button, button { border-radius: 3px; } #header-top, #header-center, .news-shakeit, .answers .counter, #notifier_panel { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } #variable { width: 100%; min-width: 790px; } #header { width: 100%; margin-top: 47px; } #header-top { width: 100%; overflow: hidden; white-space: nowrap; z-index: 900; user-select: none; -moz-user-select: none; -webkit-user-select: none; margin: 0 auto; min-width: 805px; max-width: 1300px; width: 99%; text-align: left; } .header-top-wrapper { height: 47px; background-color: #e35614; width: 100%; } #header-top a.sub-name { color: #fff; font-size: 14px; border-left: 1px solid #fff; display: inline-block; height: 40px; padding-left: 10px; margin-top: 3px; padding-top: 12px; margin-left: 10px; font-family: "Open Sans", sans-serif; float: left; text-transform: capitalize; font-weight: 700; } #header-top .logo-mnm { float: left; margin: 8px 0 0 9px; font: 0/0 serif; text-shadow: none; color: transparent; cursor: pointer; } #header-top .logo-mnm img { height: 30px; width: 163px; } #header-top .logo-ed { background: url("https://cdn.mnmstatic.net/v_149/img/mnm/h9_logo_ed.png") no-repeat left top; background-size: 9px 16px; height: 16px; width: 9px; margin-left: 20px; margin-top: 7px; margin-right: 15px; float: left; } .header-center-wrapper { height: 26px; background-color: #101010; width: 100%; } #header-center { margin: 0 auto; min-width: 805px; max-width: 1300px; width: 99%; text-align: left; padding-top: 3px; } #header-center .checkbox { margin: 0; padding: 0; } #header-center span, #header-center a.discover-subs { color: #b7b7b7; font-size: 12px; font-family: "Open Sans", sans-serif; font-weight: 400; } #header-center a.discover-subs { margin-left: 15px; } .header-menu-wrapper { background-color: #e9e9e9; border-bottom: 1px solid #d6d6d6; } .header-menu01 ul.dropdown-menu a:hover { background: none; text-decoration: underline; } ul.official-subs { margin: 0; padding: 0; list-style-type: none; display: inline; padding-left: 5px; border-left: 1px solid #b7b7b7; margin-left: 15px; } ul.official-subs li { display: inline; } ul.official-subs li a { color: #b7b7b7; font-size: 12px; font-family: "Open Sans", sans-serif; font-weight: 400; margin-left: 10px; } ul.official-subs li a:hover { color: #fff; } ul.official-subs li a i { margin-right: 4px; } .menu-more { display: inline-block; cursor: pointer; margin-left: -10px; } .menu-more a { color: #e35614; } a.menu-more-button { color: #101010; font-weight: 600; font-size: 13px; display: inline-block; padding: 5px 10px; position: relative; } a.menu-more-button:hover { text-decoration: none; } a.menu-more-button i:hover { background: none; } div.dropdown.menu-more.open a.menu-more-button { background-color: #fff; box-shadow: 0px 2px 3px 0px #d8d8d8; border-radius: 3px 3px 0px 0px; } div.dropdown.menu-more.open ul.dropdown-menu.menu-subheader { padding: 20px 0 0 0; margin: 0; border: none; border-radius: 0px 3px 3px 3px; } div.dropdown.menu-more.open ul.dropdown-menu.menu-subheader a { text-transform: uppercase; display: block; width: 100%; padding: 0 0 0 10px; line-height: 32px; } div.dropdown.menu-more.open ul.dropdown-menu.menu-subheader a:hover { text-decoration: none; color: #101010; background-color: #e9e9e9; } ul.menu01-itemsr li a { font-family: "Open Sans", sans-serif; font-size: 11px; text-transform: uppercase; } #header-center .checkbox { margin: 0 0 0 9px; } #header-center .checkbox-slider--b-flat input + span { padding-left: 15px; } #header-center .checkbox-slider--b-flat input + span:before { width: 31px; background-color: #a1a1a1; height: 18px; background: #a1a1a1; box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 11px; animation: none; top: 1px; } #header-center .checkbox-slider--b-flat input + span:after { width: 20px; height: 20px; top: 0px; left: -1px; animation: none; } #header-center .checkbox-slider--b-flat input:checked + span:before { width: 31px; background-color: #e35614; height: 18px; background: #e35614; box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 11px; animation: none; } #header-center .checkbox-slider--b-flat input:checked + span:after { width: 20px; height: 20px; top: 0px; left: -8px; animation: none; } .header-sub-wrapper { width: 100%; height: 26px; } .header-sub { background: #fbfbfb; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.23); } .header-sub a { text-transform: uppercase; color: #000; opacity: 0.7; font-family: "Lato", sans-serif; font-weight: bold; display: inline-block; width: 100%; text-align: center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #header-top .logo-ed { background-image: url("https://cdn.mnmstatic.net/v_149/img/mnm/h9_logo_ed.svg"); } } #header-top ul#edlist { list-style-type: none; margin: 2px 0 0 0; padding: 0; float: left; } #header-top ul li { font-size: 14px; color: #fff; position: relative; float: left; line-height: 140%; } #header-top ul#edlist li a { padding-top: 1px; text-decoration: none; height: 27px; margin-right: 20px; color: #fff; display: inline-block; } #header-top ul#edlist li.selected a { white-space: nowrap; } #header-top ul#edlist li a:hover { color: #fff; } #header-top ul#edlist li.selected a, #header-top ul#edlist li a:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAIAAADdv/LVAAAAFElEQVQI12P4//8/EwMDAxMDAwMAHgYDArjSWt4AAAAASUVORK5CYII=") bottom left repeat-x; } #header-top ul#userinfo { list-style-type: none; margin: 8px 0 0 0; padding: 0; float: right; } #header-top ul#userinfo li { position: relative; float: left; } #header-top ul#userinfo li a { text-decoration: none; color: #fff; } #userinfo #avatar { width: 30px; height: 30px; } ul#userinfo a.notifications { border-left: 1px solid rgba(16, 16, 16, 0.2); font-size: 20px; height: 35px; margin-left: 10px; padding-left: 10px; padding-top: 5px; display: inline-block; } ul#userinfo a.notifications span { display: inline-block; min-width: 10px; padding: 1px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #e35614; text-align: center; white-space: nowrap; vertical-align: bottom; background-color: white; border-radius: 10px; margin-left: -12px; margin-top: 1px; border: 3px solid #e35614; } ul#userinfo a:hover { color: #fff; } ul#userinfo li.search { border-right: 1px solid rgba(16, 16, 16, 0.2); font-size: 20px; height: 35px; margin-right: 10px; padding-right: 10px; } #header-top .usertext { font-size: 15px; color: #fff; margin-right: 10px; margin-top: 4px; } #header-top .userlogin { width: 40px; height: 30px; margin: 0; text-shadow: none; cursor: pointer; padding-top: 6px; } #header-top .userlogin:before { font-family: FontAwesome; content: "\f011"; color: #fff; font-size: 19px; padding-left: 12px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } #header-center .logo-eli { background: url("https://cdn.mnmstatic.net/v_149/img/mnm/h9_eli.png") no-repeat left top; background-size: 39px 35px; height: 35px; width: 55px; margin: 5px 0 0 20px; float: left; font: 0/0 serif; text-shadow: none; color: transparent; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #header-center .logo-eli { background-image: url("https://cdn.mnmstatic.net/v_149/img/mnm/h9_eli.svg"); } } #header-center .edname { margin: 6px 0 0 15px; padding: 0; float: left; font-size: 25px; position: relative; float: left; } .edname a:link, .edname a:visited { color: inherit; } .subname, .subname_base { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .subname, .upname a:visited, .subname a:link { color: #fff !important; background-color: #ccc; padding: 3px 10px; border-radius: 20px; text-transform: lowercase; } .subname.big { font-size: 110%; } #searchform_button { float: left; cursor: pointer; color: #fff; margin-right: 10px; } .searchform { height: auto; position: relative; float: right; } #nav-panel .searchform .searchbox { width: 280px; } .searchform .searchbox { border: 0px; height: 24px; font-size: 16px; padding-top: 0px; padding-left: 10px; background-size: 20px 300px; } .header-menu01 { height: 36px; padding-top: 4px; } .header-menu01 ul.menu01-itemsl { list-style-type: none; margin-top: 4px; padding: 0; float: left; } .menu01-itemsl span.button-new { font-size: 10px; color: #fff; background-color: #e35614; padding: 1px 2px; border-radius: 5px; position: relative; text-transform: uppercase; } .dropdown-menu.menu-subheader span.button-new { display: none; } .menu01-itemsl li { margin-right: 20px; } .header-menu01 a { font-size: 12px; font-weight: 600; } .header-menu01 a.submit_new_post, .header-menu01 a.submit_new_article { text-transform: uppercase; padding: 4px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #e35614; margin-top: -6px; font-size: 12px; font-weight: 400; background-color: #f1f1f1; background-image: linear-gradient(-180deg, #efefef 0%, #eeeeee 100%); border: 1px solid #d7d7d7; box-shadow: 0 1px 0 0 #ffffff; } .header-menu01 a.submit_new_article { margin-left: -16px; } .header-menu01 .selected a.submit_new_post, .header-menu01 .selected a.submit_new_article { background: none; } .menu01-itemsl a.submit_new_post:before { font-family: FontAwesome; content: "\f067"; display: inline-block; margin-right: 6px; font-size: 15px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; position: relative; top: 2px; } .header-menu01 a.submit_new_article:before { font-family: FontAwesome; content: "\f040"; display: inline-block; margin-right: 6px; font-size: 15px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; position: relative; top: 0px; } .menu01-itemsl a.submit_new_post:hover, .menu01-itemsl a.submit_new_article:hover { background-image: none; } .header-menu01 ul.menu-subheader li { float: none; } .header-menu01 ul.menu-subheader li a { background: none; } .header-menu01 ul.menu-subheader li.selected a { font-weight: bold; } ul.menu01-itemsl li a { text-transform: uppercase; color: #101010; font-size: 13px; } .menu01-itemsl a.username { text-transform: none; } .header-menu01 ul li { position: relative; float: left; } .header-menu01 ul li a { color: #101010; text-decoration: none; display: inline-block; padding-bottom: 9px; } .header-menu01 ul.menu01-itemsr { list-style-type: none; margin-top: 3px; padding: 0; float: right; display: block; } .menu01-itemsr li { margin: 0 10px; } .header-menu01 .selected a { white-space: nowrap; } .header-menu01 ul li a:hover { color: #e35614; } .header-menu01 .selected a, .header-menu01 ul li a:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAIAAADdv/LVAAAAFElEQVQI12P4n8LAxMDAwMTAwAAADwEBaFtNWv8AAAAASUVORK5CYII=") repeat-x 100% 100%; } #nav-menu { display: inline-block; color: #fff; margin: 0 5px 0 10px; padding: 0; float: left; cursor: pointer; } #nav-menu:before { font-family: FontAwesome; content: "\f0c9"; font-size: 24px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-weight: normal; } #nav-panel { position: fixed; display: none; top: 47px; right: 0px; overflow: auto; z-index: 901; width: auto; height: auto; white-space: normal; margin-bottom: 0px; padding: 0 25px 0 25px; background-color: #3c3c3c; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); } #nav-panel .header-menu01 { height: auto; padding: 0; margin: 0; font-size: 16px; background-color: #3c3c3c; } #nav-panel ul { margin-bottom: 10px; display: block; float: none; } #nav-panel ul li { float: none; margin: 0; } #nav-panel ul li a { padding: 2px 0; white-space: nowrap; color: #fff; } #nav-panel ul li.selected a, #nav-panel ul li a:hover { background: none; font-weight: bold; display: block; } #nav-panel .searchform { float: none; position: relative; display: block; margin: 10px 0 0 0; height: auto; } #wrap { padding-top: 2px; min-width: 805px; max-width: 1300px; width: 99%; text-align: left; margin: auto; margin-top: 0; } .banner-right { width: 100%; margin: 5px 0 20px 0; } #container { clear: both; margin-top: 15px; } #sidebar { float: right; width: 300px; margin: 0 2px 20px 10px; padding-top: 0px; overflow: hidden; } #newswrap { margin: 10px 316px 0 4px; } #singlewrap { margin: 0 10px 0 10px; } #map { overflow: hidden; } #toplink { position: relative; background: #ffebdd; padding: 15px; margin: 20px 10px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #toplink h1 { font-size: 18px; font-weight: normal; margin: 0 0 10px 0; font-family: "Lato", sans-serif; } #toplink h1 a { color: #9b3a0c; } #toplink .thumbnail { float: left; margin-right: 8px; } #toplink .thumbnail.medium { width: 120px; height: 120px; } #toplink p { color: #3c3c3c; font-size: 13px; } #toplink .footer, .topbox .footer { display: block; margin-top: 5px; text-align: right; color: #fff; } #toplink a.footer { background-color: #ff6600; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 13px; text-transform: uppercase; padding: 1px 15px; } .topbox { position: relative; background: #f9f9f9; border: #ddd 1px solid; padding: 7px 5px 3px 5px; margin: 0 0px 15px 0; min-height: 32px; vertical-align: middle; overflow: hidden; white-space: nowrap; } .topbox .title { margin-top: 5px; text-transform: capitalize; font-variant: small-caps; text-align: right; color: #aaa; font-size: 120%; } .topbox .footer { text-decoration: none; } .topbox.opinion { background: #f9f9f9 url(https://cdn.mnmstatic.net/v_149/img/common/opinion_01.png) 99% 5px no-repeat; padding-right: 40px; } .mini-icon-text { vertical-align: middle; } .mini-icon-text i.fa.fa-edit { color: #e35614; } .subheader { width: auto; height: 30px; padding-left: 25px; list-style-type: none; } .subheader:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } .subheader li { margin-right: 25px; margin-top: 2px; float: left; } .subheader li a { font-size: 15px; color: #3c3c3c; text-decoration: none; } .subheader li.selected a { padding-bottom: 5px; white-space: nowrap; } .subheader li a:hover { color: #3c3c3c; padding-bottom: 5px; } .subheader li.selected a, .subheader li a:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAIAAADdv/LVAAAAFElEQVQI12OwsbFhYmBgYGJgYAAABywAuecLb78AAAAASUVORK5CYII=") bottom left repeat-x; } .subheader li.icon { margin-top: 4px; } .subheader li.icon-right { float: right; background-color: #f9f9f9; border-color: #f9f9f9; margin-left: 0px; margin-right: 10px; padding-left: 0px; padding-right: 0px; color: #e35614; font-weight: bold; } .toggler img { margin: 0px 0px 2px 2px !important; vertical-align: middle; } .sidebox { margin-bottom: 25px; background: url(https://cdn.mnmstatic.net/v_149/img/common/shadow.png) no-repeat 0px 40px; } .sidebox a { font-family: "Lato", sans-serif; } .sidebox.message { color: #fff !important; background-color: #ccc; font-size: 110%; padding: 8px; } .sidebox.message a:visited, .sidebox.message a:link { color: inherit; text-decoration: underline; } .sidebox .header { background-color: #f8f8f8; font-size: 11px; height: 40px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-right: 1px solid #dadada; border-top: 1px solid #dadada; border-left: 1px solid #dadada; } .sidebox.red .header { background-color: #c91223; } .sidebox.red .header a { color: #fff; } .sidebox.brown .header { background: #e35614; } .sidebox.brown .header a { color: #fff; } .sidebox .body { border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-top: 10px; } .sidebox h4 { position: relative; font-weight: normal; text-align: center; text-transform: uppercase; letter-spacing: 3px; } .sidebox h4 a, .sidebox h4 span { display: block; padding: 8px; color: #7e7e7e; text-decoration: none; font-weight: 500; font-family: "Open Sans", sans-serif; } .sidebox h5 { padding: 0px; margin: 0 2px 0 50px; font-size: 90%; font-weight: normal; } .sidebox h5 a { text-decoration: none; color: #666; } .sidebox h5 a:hover { color: #e35614; } .sidebox > div { margin-right: 0px; padding-bottom: 6px; } .sidebox .cell { min-height: 55px; clear: both; border-bottom: 1px solid #dadada; padding: 10px; } .sidebox .cell:last-child { border-bottom: none; padding-bottom: 10px; } .sidebox .thumbnail { margin: 0px 0px 10px 10px; } .sidebox img.thumbnail { border-radius: 4px; display: block; max-width: 35px; max-height: 35px; width: auto; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .sidebox .subname, .subname_base { text-transform: uppercase; font-weight: bold; text-decoration: underline !important; } .sidebox .subname, .sidebox .subname a:visited, .sidebox .subname a:link { color: #666 !important; padding: 0 1px; background-color: transparent; } .sidebox .subname a:hover { color: #e35614 !important; } .sidebox .votes, .sidebox .clics { float: left; width: 40px; text-align: center; text-align: center; font-size: 12px; color: #e35614; background-color: #fff; } .sidebox .clics { font-size: 10px; } .sidebox .votes span, .sidebox .clics span { display: block; padding: 4px 0; border: 2px solid #e35614; background-clip: padding-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #e35614; font-weight: bold; } .sidebox.red .votes span, .sidebox.red .clics span { border: 2px solid #c91223; color: #c91223; } .sidebox .votes.queued { background-image: none; border-color: #c91223; } .sidebox .mainsites ul { list-style: none; padding: 10px; display: flex; flex-direction: column; align-items: flex-start; } .sidebox .mainsites ul li { color: #333333; border: 2px solid #e9e9e9; padding: 6px; margin-bottom: 10px; border-radius: 35px; background: #FFFFFF; width: auto; min-width: 0; } .sidebox .mainsites a { color: #e35614; font-size: 11px; font-weight: bold; } .sidebox .mainsites span { font-weight: bold; color: #666; } .sidebox .tagcloud { color: #039; margin: 0px; text-align: center; } .sidebox .tagcloud a { color: #666; } .sidebox .tagcloud a:hover { text-decoration: underline; color: #e35614; } .sidebox .comments { margin: 0; } .sidebox .comments.body { padding: 0; } .sidebox img.avatar { width: 20px; height: 20px; } .sidebox .comments ul { list-style-type: none; padding: 0; } .sidebox .comments li { clear: left; display: block; font-size: 90%; color: #039; padding: 10px 10px; border-top: 1px solid #ccc; } .sidebox .comments li:first-child { padding-top: 15px; } .sidebox .comments li:last-child { margin-bottom: 10px; } .sidebox .comments p { color: #666; } .sidebox .comments a { color: #666; } .sidebox .comments a:hover { color: #e35614; text-decoration: none; } .sidebox .comments li img { float: left; margin: 3px 0 8px 0; } .sidebox .comments li p { margin-left: 28px; } .sidebox .rss { list-style-type: none; padding: 0; margin-bottom: 10px; } .sidebox .rss li { color: #039; display: block; padding-left: 24px; line-height: 30px; } .sidebox .rss li a { color: #3c3c3c; } .sidebox .rss li a i { margin-right: 5px; } #footwrap { margin: 5em 40px 0 40px; } #footcol1, #footcol2, #footcol3, #footcol4, #footcol5 { float: left; padding: 0 22px; border-left: solid 1px #cccccc; font-size: 85%; margin-bottom: 20px; } #footcol1 ul, #footcol2 ul, #footcol3 ul, #footcol4 ul, #footcol5 ul { padding-bottom: 0.5em; } #footcol1 li, #footcol2 li, #footcol3 li, #footcol4 li, #footcol5 li { list-style-type: none; } #footcol1 { width: 20%; background: url("https://cdn.mnmstatic.net/v_149/img/common/rss-bigfoot.png") no-repeat 85% bottom; border-left: none; } #footcol2 { width: 12%; } #footcol3 { width: 13%; } #footcol4 { width: 13%; } #footcol5 { width: 9%; } #footcol1 h5, #footcol2 h5, #footcol3 h5, #footcol4 h5, #footcol5 h5 { font-size: 120%; font-weight: bold; color: #e35614; margin-bottom: 4px; } #footcol1 a, #footcol2 a, #footcol3 a, #footcol4 a, #footcol5 a { color: #5073c5; } #footthingy { clear: both; margin: 50px 20px 10px 13px; padding: 0 1em 0 110px; background: url("https://cdn.mnmstatic.net/v_149/img/mnm/logos-common.png") no-repeat 0 -25px; background-size: 110px 50px; position: relative; overflow: auto; } #footthingy li { display: inline; list-style-type: none; font-size: 85%; color: #999; } #footthingy li a { color: #999; } #footthingy p { border-bottom: 1px solid; padding-bottom: 0px; text-indent: -9999px; border-color: #e35614; background: none; } #legalese { text-align: center; float: left; display: inline-block; width: 84%; margin-top: 2px; } #legalese li { border-left: none; padding: 0 0 0 0; } #stdcompliance { padding: 4px 0 0 0; text-align: right; float: right; display: inline-block; width: 16%; margin: 0px; } #stdcompliance li { margin: 0px; } /*** LEGACY STYLES ***/ /* references in comments and posts */ dl.categorylist { float: left; } dl.categorylist dt label { margin-left: 20px; float: none; width: auto; text-align: left; font-size: 110%; font-weight: bold; color: #e35614; } dl.categorylist dd label { margin-left: 35px; font-size: 85%; color: #ff9400; } dl.categorylist input { margin-right: 7px; margin-bottom: 5px; } .thumbnail { overflow: hidden; float: right; margin: 3px 3px 3px 5px; border-radius: 0px; padding: 0px; border: none; box-shadow: 0 0 1px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8); } .news-submitted img { width: 25px; height: 25px; margin-right: 3px; vertical-align: middle; } abbr { cursor: help; } img { border: none; } img.emoji { vertical-align: -0.2em; } .shadowed, .avatar.big { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } .avatar, .news-submitted img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .avatar.big { border-radius: 0px; } .shadow-red { box-shadow: 0 0 6px rgba(255, 0, 0, 0.9); -moz-box-shadow: 0 0 6px rgba(255, 0, 0, 0.9); -webkit-box-shadow: 0 0 6px rgba(255, 0, 0, 0.9); } .shadow-green { box-shadow: 0 0 4px rgba(0, 255, 0, 0.8); -moz-box-shadow: 0 0 4px rgba(0, 255, 0, 0.8); -webkit-box-shadow: 0 0 4px rgba(0, 163, 131, 0.8); } .tooltip { cursor: pointer; } .tt { cursor: pointer; text-decoration: underline; color: #c85000; } hr { height: 1px; border: none; } h2 { margin-top: 0; margin-bottom: 8px; font-size: 160%; font-weight: bold; color: #e35614; } .topheading h2 { padding: 10px 0 20px 0; margin: 0 0 0 20px; font-size: 160%; font-weight: normal; border: none; } h3 { margin-top: 0; margin-bottom: 3px; font-size: 140%; font-weight: normal; color: #e35614; } h4 { font-size: 100%; font-weight: bold; margin: 5px 0 3px 0; } table.keyvalue tr { padding: 5px 0 2px 0; } table.keyvalue th { text-align: right; padding-right: 4px; vertical-align: top; } table.keyvalue td { padding-left: 4px; vertical-align: bottom; } table.keyvalue td img { vertical-align: text-bottom; } table.decorated { border-collapse: collapse; width: 100%; margin-bottom: 16px; } table.decorated th, table.decorated td { text-align: left; font-size: 12px; padding: 6px; border-bottom: 1px solid; } tr:hover td, table.keyvalue tr:hover th { background: #fafafa; } th, td, table.decorated th, table.decorated td { border-bottom-color: #ddd; } th.short, td.short { text-align: center; } th.short a, td.short a { text-decoration: none; display: block; padding: 3px 0; border: 1px solid; border-color: #fff; } th.short a:hover, td.short a:hover { text-decoration: underline; border: 1px solid; background: #fff; border-color: #000; } th a.info, th a:hover.info { padding: 0 12px 0 0; display: inline; border: none; } th img { border: none; margin-right: 1px; vertical-align: middle; } th span.info_s { padding: 0 12px 0 0; font-size: 120%; text-decoration: none; border: none; color: #a00; } td.count { font-size: 140%; text-align: right; } div.tab-promoted-article { position: absolute; font-size: 13px; top: -9px; color: #fff; width: 119px; height: 19px; background-color: #8aaed9; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; } .news-summary.promoted-article .center-content { background-color: #f2f5fa; padding-left: 10px; padding-top: 5px; } .news-summary.promoted-article a.thumbnail-wrapper { margin-top: 5px; margin-right: 5px; } .promoted-article .news-body { padding-left: 85px; } .news-summary .center-content { padding-right: 160px; padding-bottom: 10px; } .news-summary .center-content.no-padding { padding-right: 0px; } .news-summary .warn, .story-blog .warn { position: inherit; padding: 5px 10px 3px 28px; margin: 0px 0 5px 0; font-size: 85%; background-color: #fefbea; background-size: 16px 16px; font-family: "Open Sans", sans-serif; } .news-summary .warn a, .story-blog .warn a { color: #e35614; } .news-summary .warn:before, .story-blog .warn:before { content: "\f071"; font-family: FontAwesome; color: #e35614; font-size: 15px; margin-left: -20px; margin-right: 5px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .news-summary.off { opacity: 0.5; background-color: #f1f1f1; } .news-summary.off span.link.favorite.delete { opacity: 1; color: red; } .sidebox .warn { padding-left: 20px; background: url(https://cdn.mnmstatic.net/v_149/img/common/error_s.png) no-repeat left center; background-size: 16px 16px; } .comments-counter .counter { text-decoration: none; padding: 1px 4px; font-weight: bold; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: white; } .vote-negative-alert { background: red; padding: 2px 5px; color: white; border-radius: 5px; font-weight: bold; } .error { font-size: 120%; margin: 0 0 10px 0; padding: 10px; color: #e35614; } .error .fa { margin-right: 5px; } .error-text { display: inline-block; font-size: 100%; color: #ff9400; margin-left: 5px; } .error-text:after { content: ", "; } .error-text:last-child:after { content: ""; } .form-error, .form-error-submit { font-size: 110%; font-weight: bold; margin: 20px 0 10px 20px; padding: 5px 0 10px 30px; color: #ff5900; background: url(https://cdn.mnmstatic.net/v_149/img/common/error.png) 0 50% no-repeat; background-size: 24px 24px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .form-error, .form-error-submit { background-image: url("https://cdn.mnmstatic.net/v_149/img/common/error-2x.png"); } } .form-error-submit { padding: 10px; margin: 10px 0 0 0; border: 1px solid; background: #ffe2c5; border-color: #e35614; } .form-full { width: 100%; font-size: 16px; } .instruction-list { margin: 0; padding: 0; } .instruction-list li { list-style: none; margin: 0; padding: 5px 0 5px 25px; } .news-summary { margin: 0; padding: 10px 0 10px 0; position: relative; } .news-body { padding-left: 95px; padding-right: 5px; padding-bottom: 10px; overflow: hidden; } .news-body .edit-link { color: #e35614; } .news-details { display: block; padding: 0; color: #3c3c3c; border-top: 1px solid #fee7db; border-bottom: 1px solid #fee7db; width: 100%; height: 32px; } .news-details-data-up { display: none; } .news-details-main { float: left; } .news-details-data { } .news-details a.comments, .news-details button, .news-details span { font-size: 13px; line-height: 30px; display: inline-block; } .news-details a.comments { background-color: #fff0e8; color: #e35614; font-weight: bold; margin-top: 0px; padding: 0px 15px; } .news-details a i, .news-details button i { color: #feb48b; margin-right: 5px; } .news-details button { line-height: 28px; background-color: transparent; color: #e35614; font-weight: 400; margin: 0px; padding: 0px 15px; border-radius: 0px; width: auto; height: auto; } .news-details button.social-share { border-right: 1px solid #fee7db; } .news-details ul.share-icons { list-style-type: none; } .news-details ul.share-icons li { border-bottom: 1px solid #cccccc; } .news-details ul.share-icons li:last-child { border-bottom: none; } .news-details a.share-facebook i { color: #3b5998; } .news-details a.share-twitter i { color: #55acee; } .news-details a.share-whatsapp i { color: #4dc247; } .news-details a.share-telegram i { color: #0088cc; } .news-details a.share-mail i { color: #7b6663; } .news-details .popover-content { padding: 0; } .news-details ul.share-icons a { text-align: left; width: 100%; padding: 7px 40px 7px 15px; display: block; } .news-details ul.share-icons a i { font-size: 23px; vertical-align: middle; } .news-details a:link, .news-details a:visited, .news-tags, .news-tags a:link, .news-tags a:visited { color: #e35614; } .news-details form { display: inline-block; margin-left: 10px; padding: 0; border-left: 1px solid #d8d8d8; } .news-details select { border: 0; font-size: 11px; width: 75px; border-radius: 0px; } .news-details .tool { display: inline; border-left: 1px solid; padding: 0 0 0 6px; border-left-color: #d8d8d8; } .news-details .comments-counter { padding: 0 6px 0 0; border-left: none; font-size: 120%; } .comments-counter .counter { border-radius: 3px; background-color: #e35614; font-size: 9pt; } .news-details .comments-counter a:link, .news-details .comments-counter a:visited { color: #03a; } .comments-counter a .counter { display: inline-block; line-height: 120%; margin-right: 0.25em; } .comments-counter a:hover .counter { text-decoration: none; } .news-shakeit { position: absolute; top: 10px; left: 8px; width: 67px; font-size: 12px; color: #e35614; text-align: center; background-clip: padding-box; border-radius: 3px; font-family: "Open Sans", sans-serif; } .news-shakeit .votes, .news-shakeit .clics { background-color: #ffe8d8; } .news-shakeit .votes { padding: 6px 0 6px; border: 1px solid #fff; border-bottom: 0; line-height: 1.2em; background-repeat: repeat-x; background-position: 0 -2px; background-clip: padding-box; border-radius: 3px 3px 0 0; font-weight: bold; } .news-shakeit .votes a { display: block; color: #e35614; font-size: 18px; text-decoration: none; font-weight: bold; } .menealo { position: relative; left: -6px; display: inline-block; width: 78px; } .menealo:hover { } .menealo a, .menealo span { padding-top: 3px; display: block; height: 25px; color: #fff; text-decoration: none; font-weight: bold; border-radius: 3px; } .menealo a { background-color: #e35614; background-image: linear-gradient(-180deg, #f5720e 0%, #fe4a00 100%); box-shadow: 0 1px 2px 0 #c43e0b; border: 1px solid rgba(122, 47, 11, 0.45); } .menealo span { background-color: #e35614; background-image: none; border: 1px solid #ff6300; border-bottom: 1px solid #ff914a; } .menealo span.negative { color: #ccc; font-size: 11px; } .news-shakeit .clics { padding: 1px 0 2px 0; border: 1px solid #fff; border-top: 0; font-size: 10px; background-repeat: repeat-x; background-position: bottom; background-clip: padding-box; border-radius: 0 0 3px 3px; font-weight: bold; } .news-shakeit.mnm-queued { border: none; } .news-shakeit.mnm-subpublished .clics { background-image: none; } .news-shakeit.mnm-queued .votes, .news-shakeit.mnm-queued .clics { border-color: #ff883d; background-color: #fff; } .news-shakeit.mnm-discarded { color: #808080; border-color: #dfdfdf; } .news-shakeit.mnm-discarded .votes a { color: #808080; } .news-shakeit.mnm-discarded .votes, .news-shakeit.mnm-discarded .clics { background-color: #f0f0f0; } .bar .menealo a, .bar .menealo span { font-size: 13px; padding-bottom: 3px; text-align: center; } .bar .mnm-published, .bar .mnm-queued, .bar .mnm-discarded { padding: 4px 5px; color: #e35614; } .bar .mnm-published { background-color: #ffc098; } .bar .mnm-queued { background-color: #fff; } .bar .mnm-discarded { background-color: #fff; color: #808080; } .news-body h1, .news-body h2 { margin: 0; padding: 0 5px 0 0; font-size: 20px; font-weight: normal; background: none; border: none; font-family: "Lato", sans-serif; } .news-body h1 a, .news-body h2 a { color: #1f1f1f; } /* Thumbnails for links */ .news-body .thumbnail-wrapper { position: relative; width: 155px; height: 93px; overflow: hidden; display: block; float: right; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .news-body img.thumbnail { position: absolute; left: 50%; top: 50%; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } .news-submitted { font-size: 11px; margin: 3px 0 2px 0; white-space: nowrap; min-height: 25px; } .news-submitted a { color: #e35614; } .news-submitted a:link, .news-submitted a:visited { font-weight: bold; } .news-submitted .showmytitle { font-weight: bold; cursor: pointer; } .news-content { font-size: 14px; display: inline; color: #3c3c3c; } .tab-trackback-url { font-weight: bold; font-size: 100%; color: #e35614; } .tab-trackback { margin: 0 0; padding: 0 0 0 5px; font-weight: normal; } .tab-trackback li { list-style: none; text-align: left; padding: 0 0 5px 5px; margin: 2px; overflow: hidden; } .tab-trackback-entry { color: #666; } .tab-trackback-entry a { padding: 2px 0 0 20px; background: url(https://cdn.mnmstatic.net/v_149/img/common/mnu-list-image02.png) no-repeat 0px 4px; } /* submit form */ #thisform .column-list { margin: -15px 0 20px 0; min-height: 185px; } #thisform .column-list li { font-size: 100%; font-weight: normal; } #thisform .column-list ul { padding-left: 15px; margin: 0px; } .notes { margin: 15px 5px 0 15px; } .select-wrapper { position: relative; text-align: right; } .select-wrapper:after { content: "\f0d7"; font-family: FontAwesome; color: #e35614; display: inline-block; position: absolute; pointer-events: none; top: 6px; right: 15px; } select.options-comments { width: auto; font-size: 14px; font-family: "Open Sans", sans-serif; background-color: #f9f9f9; border: 1px solid #ddd; color: #4a4a4a; margin: 0px 0px 10px 10px; padding: 5px 50px 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .comments h3 { margin: 0; } .commentform { width: 100%; overflow-x: hidden; padding-right: 2px; } .commentform a:link, .commentform a:visited { border-bottom-width: 1px; border-bottom-style: dotted; color: #fff; } .commentform .submit { font-weight: bold; border: 1px dotted; background: #e35614; color: #fff; border-color: #fff; } .commentform a:hover { text-decoration: none; } .commentform textarea { display: block; width: 99%; margin: 0 0 10px 0; } .commentform label { font-weight: bold; font-size: 100%; } .commentform.warn { border: 0; padding: 5px 0px 5px 0px; font-weight: bold; text-align: center; background: #e35614; color: #fff; } .comments-list { list-style: none; margin: 0; padding: 0; } .comment { text-align: left; overflow: hidden; min-height: 25px; color: #202020; margin-bottom: 10px; } .comment-body { position: relative; padding: 5px 10px 5px 30px; background: #fff5ed; border-radius: 2px; } .comments-list .comment-body { padding-left: 10px; } .comment.admin .comment-body, .comment-body .comment-body.new { background: #ffd5ad; color: #000; } .comment.high .comment-body { background: #ffd5ad url(https://cdn.mnmstatic.net/v_149/img/common/comment-high-01.png) 99% 5px no-repeat; padding-right: 35px; } .comment.user .comment-body { border: 1px solid #aaa; } .collapsed > .comment.high .comment-body { padding-right: 10px; } .comment.high .comment-date { color: #444; font-weight: bold; } .comment.author .comment-body { background-color: #ebedf4; border-color: #3d72c3; } .comment.high.author .comment-body { background-color: #cad0e2; } .comment.ignored .avatar, .comment.ignored .comment-text, .comment.ignored .comment-footer { display: none !important; } .comment.ignored.comment-avatar-large .comment-header, .comment.ignored.comment-avatar-large .comment-header * { height: auto !important; line-height: inherit !important; font-size: 12px; } .comment.phantom .comment-body { font-size: 90%; overflow: hidden; color: #aaa; background: #eee; } .comment.phantom .comment-body a { color: #aaa; } .comment-header { color: #000; overflow: hidden; font-size: 11px; } .comment-header, .comment-header a, .comment-header span, .comment-header strong { line-height: 20px; height: 21px; vertical-align: middle; } .comment-header a, .comment-header span, .comment-header strong { display: inline-block; } .comment-header a { color: #e35614; text-decoration: none; } .comment-header .username { font-weight: bold; } .comment-header .tooltip, .comment-header .avatar { color: #c85000; text-decoration: underline; margin-right: 5px; } .comment-header .comment-expand { position: absolute; left: 7px; top: 6px; color: #e35614; font-size: 14px; z-index: 2; } .comment-header a.comment-expand:hover { color: white; } .collapsed > .comment .comment-header a.comment-expand:hover { color: #e35614; } .collapsed > .phantom .comment-header a.comment-expand:hover { color: #aaa; } .comment-header .comment-order { color: #e35614; font-weight: bold; font-size: 14px; } li .comment-header .comment-expand { display: none; } .comment-header .comment-date { margin-left: 5px; font-size: 11px; } .comment-header .comments-closed-counter { display: none; float: right; color: #666; } .collapsed > .comment .comment-header .comments-closed-counter { display: inline-block; } .comment-avatar-large .comment-header { height: 40px; } .comment-avatar-large .comment-header * { line-height: 15px; } .comment-avatar-large .comment-header .avatar-link { height: 40px; } .comment-avatar-large .comment-header .username { font-size: 15px; } .comment-text { padding: 5px 0; } .comment-text img.thumb.ok { width: 80px; height: 80px; } .comment-text a { color: #03a; } .comment-text a.fancybox { color: #c85000; } .comment-text .thumb { padding: 1px; vertical-align: top; border: 1px solid #ccc; } .comment-footer { overflow: hidden; margin: 2px 0 0 15px; padding: 0; font-size: 15px; font-weight: bold; height: 20px; } .comment-footer, .comment-footer a, .comment-footer span { color: #adcedf; vertical-align: middle; line-height: 18px; } .comment-footer a, .comment-footer span { display: inline-block; margin: 0 7px; text-decoration: none; } .comment-footer a:focus { color: inherit; } .comment-footer > *:first-child { margin-left: 0; } .comment-footer > *:last-child { margin-right: 0; } .comment-footer a.comment-answers, .comment-footer a:hover { text-decoration: none; color: #ffa980; } .comment-footer .separator-vertical { width: 1px; height: 14px; margin: 0; background-color: #adcedf; } .comment-footer .vote { font-size: 20px; color: #adcedf; } .comment-footer .voted.up, .comment-footer .vote.up:hover { color: green; } .comment-footer .voted.down, .comment-footer .vote.down:hover { color: red; } .comment-footer .vote.pending { opacity: 0.5; } .comment-footer .vote.up.unhover, .comment-footer .vote.down.unhover { color: #adcedf; } .comment-footer .answers .counter { font-size: 9px; color: #fff; font-weight: bold; text-align: center; min-height: 12px; min-width: 12px; background-color: #ffb600; border-radius: 50%; } .comment-footer .votes-counter { font-weight: bold; color: #3c3c3c; font-size: 11px; margin: 0; padding: 0 7px; } .news-details, .news-details.main { font-family: "Open Sans", sans-serif; } .news-details span { padding-right: 5px; font-size: 11px; font-weight: bold; } .news-details span.votes-up { margin-left: 10px; } .news-details span.votes-up i, .news-details span.votes-anonymous i, .news-details span.votes-down i { color: #ffa980; } .news-details span.tool.karma span { font-weight: bold; } .news-details span.karma-letter { color: #ffa980; padding-right: 3px; } .news-details span.sub-name a { color: #3c3c3c; font-weight: normal; font-size: 11px; } .favorite.on .fa { color: #ffa980; } .edname .favorite, #header-sub .favorite { display: inline-block; margin: 0 4px; cursor: pointer; height: 18px; width: 16px; background: none; border: none; } .edname .favorite:before, #header-sub .favorite:before { font-family: FontAwesome; content: "\f006"; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .edname .favorite.on:before, #header-sub .favorite.on:before { font-family: FontAwesome; content: "\f005"; color: #ff9802; } button.link.favorite { border-right: 1px solid #fee7db; } .link.favorite { cursor: pointer; background: none; border: none; } .link.favorite.readed, .link.favorite.delete { color: #e35614; width: auto; height: auto; line-height: 28px; padding: 0 15px; } .link.favorite.delete { border-left: 1px solid #fee7db; padding-left: 10px; } .link.favorite:before { font-family: FontAwesome; content: "\f097"; opacity: 0.5; display: inline-block; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .link.favorite:after { padding-left: 7px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .link.favorite.on.delete:before { font-family: FontAwesome; content: "\f00d"; display: inline-block; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .link.favorite.on:before { font-family: FontAwesome; content: "\f02e"; display: inline-block; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .link.favorite.readed:before { font-family: FontAwesome; content: "\f046"; display: inline-block; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .link.favorite.readed.on:before, .link.favorite.delete:before { font-family: FontAwesome; content: "\f14a"; display: inline-block; padding-right: 3px; vertical-align: middle; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .link.favorite.on:after { content: ""; } .link.favorite.readed:after { content: "sin leer"; } .link.favorite.readed.on:after { content: "leído"; } .link.favorite.delete:after { content: "eliminado"; } .link.favorite.on.delete:after { content: "eliminar"; } .comment-info { float: right; text-align: right; text-overflow: clip; } .comment-answers { margin: 0 0 0 40px; } .comment-info a { color: #3d72c3; } .comments-list ul li { list-style: none; margin: 0 0 16px 0; } .comments-list ul { margin: 0; padding: 16px 0 0 48px; background: #fff; } .comments .comment-info select { font-size: 85%; } .threader { position: relative; border-left: 1px dotted #ddc; margin: 0 0 0 1.5%; padding: 0 0 0 1.5%; } .threader.zero { border-left: none; padding-left: 0; margin-left: 0; padding-left: 0; } .threader.collapsed > .comment .comment-body { background: #eee; } .threader.collapsed > .comment .comment-text, .threader.collapsed > .comment .comment-footer { display: none; } .threader .expandable-mark { display: block; position: absolute; width: 16px; top: 8px; bottom: 0; margin-left: 6px; background-color: #e35614; border-radius: 1em; z-index: 1; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 0; transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -webkit-transition: opacity 0.15s ease-in-out; } .threader.expandable > .expandable-mark { opacity: 1; } .threader.collapsed.expandable > .expandable-mark { display: none; } .threader .comment .comment-footer { margin-left: 25px; } #tolerance, #tolerance select { font-size: 85%; } .pages a, .pages span { border-radius: 4px; } .pages { padding: 10px 0 0 0; margin: 15px 0 50px 0; clear: left; font-weight: bold; } .pages:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } .pages.margin { margin-left: 90px; } .pages a, .pages span { display: block; float: left; padding: 4px 10px 4px 10px; margin-right: 3px; color: #e35614; background: #fff; } .pages span.current { color: #fff; background-color: #e35614; border: solid 1px #e35614; } .pages span.current a { } .pages a { text-decoration: none; border: solid 1px #e35614; } .pages a:hover { color: #fff; background-color: #e35614; border-color: #e35614; } .pages span.nextprev { border: 1px solid #ffe2c5; color: #ffe2c5; } .faq { margin: 0; } .faq ol { font-weight: bold; color: #e35614; } .faq ul { font-weight: normal; color: #e35614; } .faq h3, .faq h4 { font-weight: bold; font-size: 125%; color: #e35614; } .faq p { font-weight: normal; color: #303030; margin-top: 22px; } .genericform h2 { margin: 10px 0 10px 0; } .genericform { border: 0; margin: 0 60px 10px 60px; padding: 0 0 20px 0; font-weight: bold; background: #fff; color: #e35614; } .genericform .sign { font-weight: bold; font-size: 110%; } .genericform .genericformtxt { font-size: 100%; font-weight: normal; color: #303030; } .genericform textarea { width: 100%; } .geoform { margin: 5px 0 5px 0; font-size: 8.5pt; background: #fff; color: #e35614; } .genericform .recoverpass { font-size: 125%; color: #e35614; } .genericform .recoverpass a:link, .recoverpass a:visited { border-bottom-width: 1px; border-bottom-style: dotted; padding-bottom: 1px; text-decoration: none; color: #e35614; } .genericform .recoverpass a:hover { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 1px; text-decoration: none; } .genericform .formnotice { font-weight: normal; color: #303030; } .genericform .sign legend { color: #e35614; } .sneaker { margin: 0; } .mini-sneaker-title strong, .sneaker-title strong { font-size: 95%; } .sneaker-legend { font-size: 9pt; text-align: center; padding: 8px 0 2px 0; margin: 0; } .sneaker-legend img { margin: 0 25px 0 3px; vertical-align: baseline; } .sneaker-control { margin: 0; } .sneaker-item { width: 100%; clear: both; border-bottom: 1px solid #ffe2c5; padding: 5px 0 5px 0; text-align: center; overflow: hidden; } .sneaker-ts, .sneaker-sub, .sneaker-type, .sneaker-votes, .sneaker-story, .sneaker-chat, .sneaker-who, .sneaker-status, .sneaker-chat-friends, .sneaker-chat-admin { float: left; display: block; } .sneaker-ts { width: 6%; text-align: left; } .sneaker-sub { width: 9%; font-variant: small-caps; } .sneaker-type { width: 5%; } .sneaker-type img { border: none; margin: 0; vertical-align: middle; } .sneaker-votes { width: 8%; } .sneaker-story { width: 50%; text-align: left; overflow: hidden; } .sneaker-chat, .sneaker-chat-friends, .sneaker-chat-admin { width: 50%; text-align: left; overflow: hidden; } .sneaker-who { width: 15%; text-align: left; } .sneaker-who img { border: 0px solid; float: right; margin-right: 2px; margin-left: 4px; vertical-align: bottom; } .sneaker-status { width: 6%; text-align: right; } .voters, .mini-sneaker { margin: 25px 5px 0 10px; } .voters h2 { margin: 0 0 10px 0; } .voters-list { position: relative; padding: 2px 2px 2px 2px; float: left; min-height: 150px; width: 99%; overflow: hidden; border: 1px solid; margin: 0 0 5px 0; color: #e35614; background: #fff; border-color: #ff9400; } .voters-list .item { float: left; overflow: hidden; display: block; width: 24%; height: 20%; font-size: 85%; white-space: nowrap; padding: 5px 0 5px 0; } .friends-item { float: left; display: block; overflow: hidden; white-space: nowrap; font-size: 85%; padding: 10px; } .friends-item img, .voters-list img { border: 0px; margin-right: 5px; margin-left: 4px; vertical-align: bottom; } .mini-pages { padding: 0; margin: 10px 0 10px 0; font-size: 80%; clear: left; } .mini-pages a, .mini-pages span { display: block; float: left; padding: 3px 5px 3px 5px; margin-right: 3px; color: #e35614; } .mini-pages span.current { border: 1px solid; font-weight: bold; border-color: #e35614; background: #ffbe94; color: #e35614; } .mini-pages span.current a { padding: 0; border: 0px; background: #ffbe94; color: #e35614; } .mini-pages a { border: 1px solid; text-decoration: none; border-color: #e35614; border-color: #fff; background: #fff url(https://cdn.mnmstatic.net/v_149/img/common/tabs/tabsub-background.png) bottom left repeat-x; border: 1px solid; } .mini-pages a:hover { border-color: #ff9400; background: #ffbe94; color: #e35614; } #tooltip-text { border-radius: 3px; text-align: left; position: absolute; display: none; margin: 0; z-index: 10002; border: 1px solid; padding: 6px; font-size: 95%; overflow: hidden; width: 40%; max-height: 45ex; background: #fbfbfb; border-color: #aaa; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); } .mini-sneaker-item { margin: 0 5px 0 5px; width: 99%; clear: both; border-bottom: 1px solid; padding: 2px 0 2px 0; text-align: center; overflow: hidden; border-bottom-color: #ffe2c5; } .mini-sneaker-ts, .mini-sneaker-type, .mini-sneaker-votes, .mini-sneaker-who, .mini-sneaker-status { float: left; display: block; } .mini-sneaker-title strong { color: #ff9400; } .mini-sneaker-ts { width: 18%; text-align: left; } .mini-sneaker-type { width: 18%; } .mini-sneaker-type img { border: none; margin: 0; vertical-align: middle; } .mini-sneaker-votes { width: 18%; } .mini-sneaker-who { width: 21%; text-align: left; } .mini-sneaker-who img { float: right; margin-right: 2px; margin-left: 4px; vertical-align: bottom; } .mini-sneaker-status { width: 18%; text-align: right; } .rich-edit-key { color: #fff; font-size: 14px; text-align: center; height: 20px; width: 20px; margin: 1px 4px; padding-bottom: 3px; float: right; } #addpost { padding: 0; margin-top: 0px; margin-bottom: 10px; } .media-icon { margin-bottom: 0px; } .note { font-size: 85%; font-weight: normal; color: #ff9400; } @media print { body { font-size: small; } } #mDialog_box { position: absolute; z-index: 15000; width: 25%; min-width: 250px; height: 18.5ex; border: 1px solid #e35614; background: #ffeec7; overflow: hidden; border-radius: 3px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); user-select: none; -moz-user-select: none; -webkit-user-select: none; } #mDialog_header { width: 100%; background: url(https://cdn.mnmstatic.net/v_149/img/common/modal-header-bkg01.png) repeat; color: #fff; font-weight: bold; height: 20px; padding-top: 3px; font-size: 14px; } #mDialog_content { margin-top: 10px; padding: 0 5px; vertical-align: center; text-align: center; font-weight: bold; font-size: 15px; height: 7ex; overflow: hidden; color: #101010; word-wrap: break-word; } #mDialog_options { margin: 10px; text-align: center; } #mDialog_options button { margin: 0 15px 0 15px; padding: 2px 15px; width: auto; } #mDialog_input { padding: 4px; width: 60%; } #mDialog_close { float: right; cursor: pointer; margin-right: 5px; } .semiopaque { opacity: 0.3; vertical-align: middle; } .semiopaque:hover { opacity: 1; } #header-top #notifier { cursor: pointer; } #header-top #notifier.nonzero .fa-bell { -webkit-animation: blinker 2s linear 2 forwards; -moz-animation: blinker 2s linear 2 forwards; animation: blinker 2s linear 2 forwards; } @keyframes blinker { 50% { color: #e35614; } } @-webkit-keyframes blinker { 50% { color: #e35614; } } @-moz-keyframes blinker { 50% { color: #e35614; } } #notifier_panel { border-radius: 3px; position: fixed; top: 40px; padding: 2px 2px; color: #aaa; background: #fff; min-width: 200px; border: 1px solid #aaa; text-align: left; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); display: none; z-index: 10; } #notifier_panel div { font-size: 14px; margin: 0; position: relative; color: #333; padding: 7px 4px 3px 30px; margin-bottom: 0px; border-top: 1px solid #ddd; } #notifier_panel a { width: 100%; display: inline-block; } #notifier_panel div:first-child { border-top: none; } #notifier_panel div:hover { background-color: #ddd !important; } #notifier_panel div a { color: #888; text-decoration: none; } #notifier_panel div:before { font-family: FontAwesome; display: inline-block; vertical-align: middle; color: #e35614; margin-left: -24px; margin-right: 8px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } #notifier_panel div.privates:before { content: "\f01c"; } #notifier_panel div.posts:before { content: "\f044"; } #notifier_panel div.comments:before { content: "\f086"; } #notifier_panel div.friends:before { content: "\f0c0"; } #notifier_panel div.favorites:before { content: "\f1ea"; } #notifier_panel div.admin:before { content: "\f085"; } #notifier_panel div.new_comments:before { content: "\f075"; } .ads-interlinks { text-align: center; width: 975px; height: 255px; margin-bottom: 10px; padding: 0; background-color: #fff0e8; border: 1px solid #fee7db; /* Ok, changed! 2025-04-27, Benjami */ border-radius: 4px; overflow: hidden; display: table; /* display: flex; align-items: center;a */ justify-content: center; box-sizing: border-box; } .ads-interlinks > div { display: table-cell; vertical-align: middle; } .auth-buttons { margin-top: 20px; text-align: center; font-weight: 400; display: block ruby; } .auth-buttons a { display: block; line-height: 30px; border-radius: 4px; color: white; font-size: 12px; letter-spacing: -0.5px; margin-bottom: 8px; width: 180px; margin-right: 8px; } .auth-buttons a:hover { text-decoration: none; } .auth-buttons a .icon { float: left; color: white; width: 32px; height: 30px; line-height: 30px; font-size: 12px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .auth-buttons a.twitter { background-color: #1c9bf6; } .auth-buttons a.twitter .icon { background-color: #47aef8; } .auth-buttons a.facebook { background-color: #3d539c; } .auth-buttons a.facebook .icon { background-color: #6275ae; } .auth-buttons a.gplus { background-color: #f73200; } .auth-buttons a.gplus .icon { background-color: #f85a2c; } .auth-buttons img { vertical-align: middle; margin: 5px 5px 5px 5px; } .share_icons { display: inline; } .share_icons span { display: inline-block; margin: 0 3px; padding: 0; opacity: 0.6; cursor: pointer; vertical-align: text-top; font-size: 15px; } .share_icons span:hover { opacity: 1; } .share_icons span.fb { color: #3b5998; } .share_icons span.tw { color: #55acee; } .ts { display: inline-block; text-overflow: clip; } .ts.visible { min-width: 2.5em; } .droparea_info { display: inline-block; vertical-align: bottom; padding: 0; } .droparea_info img { vertical-align: bottom; } .uploadFile { vertical-align: middle; } input.uploadFile { visibility: hidden; } .uploadFile-button { vertical-align: middle; margin: 0 16px; color: #e35614; font-weight: bold; height: 20px; padding-right: 28px; background: url(https://cdn.mnmstatic.net/v_149/img/common/upload.png) no-repeat right; background-size: 28px 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .uploadFile-button { background-image: url("https://cdn.mnmstatic.net/v_149/img/common/upload-2x.png"); } } .emoji-kbd-btn { line-height: 1.4; padding: 2px 4px 3px 4px; } .emoji-kbd-btn.active { padding: 1px 3px 2px 3px; border: 1px solid #ffa500; background-color: #ffd5ad; } .emoji-kbd { margin: 10px 0; color: #333; } .emojiCat { margin: 0; padding: 0; list-style-type: none; } .emojiCat li { display: inline-block; border: 1px solid #ffa500; border-bottom: none; border-radius: 3px 3px 0 0; width: 80px; text-align: center; } .emojiCat li.active { border-color: #999; background-color: oldlace; } .commentform a.emoji-tab { display: block; padding: 3px 0; color: #333; background-color: #ffd5ad; border-bottom: none; border-radius: 2px 2px 0 0; text-decoration: none; text-transform: lowercase; } .commentform a.emoji-tab.active { font-weight: 700; padding: 3px 0; color: white; background-color: #e35614; } .emoji-panel { display: none; min-height: 50px; border: 1px solid #ffa500; padding: 2px; background-color: white; overflow-x: hidden; overflow-y: auto; } .emoji-panel.active { display: block; } .emoji-btn { margin: 4px; vertical-align: middle; height: 18px; width: auto; } .emoji-btn:hover { background-color: #ffd5ad; } #backTop { position: fixed; width: 40px; height: 40px; right: 15px; bottom: 15px; cursor: pointer; z-index: 9990; display: none; background: url(https://cdn.mnmstatic.net/v_149/img/common/uparr-48-w.png) no-repeat center center rgba(0, 0, 0, 0.8); background-size: 24px 24px; border: none; border-radius: 50%; } .reportform { padding: 6px; background-color: #fff5ed; height: 100%; } .reportform p { margin-bottom: 15px; font-size: 14px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #footthingy { background-image: url("https://cdn.mnmstatic.net/v_149/img/mnm/logos-common-2x.png"); } } /* Bootstrap override tooltip class */ .mnm-tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .mnm-tooltip.in { } .mnm-tooltip.top { padding: 5px 0; margin-top: -3px; } .mnm-tooltip.right { padding: 0 5px; margin-left: 3px; } .mnm-tooltip.bottom { padding: 5px 0; margin-top: 3px; } .mnm-tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #e35614; text-align: center; background-color: #fff0e8; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .mnm-tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #fff0e8; } .mnm-tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #fff0e8; } .mnm-tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #fff0e8; } .mnm-tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #fff0e8; } .mnm-tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #fff0e8; } .mnm-tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #fff0e8; } .mnm-tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #fff0e8; } .mnm-tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #fff0e8; } .mnm-tooltip.share { margin-left: -80px; } button.share-link { text-align: left; width: 100%; height: 40px; color: #e35614; background: none; font-size: 15px; display: inline-block; margin: 0px; } button.share-link i { font-size: 25px; } button.share-link span { vertical-align: super; font-size: 15px; font-weight: normal; } button.share-link span:hover { text-decoration: underline; } .tooltip { position: relative; display: inline; opacity: 1; z-index: 0; font-size: inherit; } .user-profile-info { margin-bottom: 30px; } .user-profile-info h1 { display: inline-block; margin-left: 20px; font-family: "Lato", sans-serif; } .user-profile-info a { margin-left: 40px; margin-top: -15px; display: inline-block; } .icon-karma { color: #adcedf; font-style: normal; } .avatar-wrapper { position: relative; height: 80px; width: 80px; border-radius: 50%; overflow: hidden; box-shadow: 1px 1px 15px -5px black; transition: all 0.15s ease; } .avatar-wrapper:hover { transform: scale(1.05); cursor: pointer; } .avatar-wrapper:hover .profile-pic { opacity: 0.5; } .avatar-wrapper .profile-pic { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .avatar-wrapper .profile-pic:after { font-family: FontAwesome; content: "\f007"; top: 0; left: 0; width: 100%; height: 100%; position: absolute; font-size: 80px; background: #bbbbbb; color: #34495e; text-align: center; } .avatar-wrapper .upload-button { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .avatar-wrapper .upload-button .fa-arrow-circle-up { position: absolute; font-size: 96px; top: -8px; left: 0; text-align: center; opacity: 0; transition: all 0.15s ease; color: #bbbbbb; } .avatar-wrapper .upload-button .upload-button-text { text-align: center; margin-top: 58px; padding-bottom: 4px; color: white; opacity: 0; background-color: #e35614; } .avatar-wrapper .upload-button:hover .fa-arrow-circle-up { opacity: 0.9; } .avatar-wrapper .upload-button:hover .upload-button-text { opacity: 0.9; } .avatar-wrapper input.file-upload { display: none; } #offboard-bye h1 { font-size: 36px; font-weight: lighter; font-family: "Lato", sans-serif; margin-bottom: 18px; } #offboard-bye p { font-size: 20px; font-weight: lighter; font-family: "Lato", sans-serif; margin-bottom: 12px; } #offboard-bye a.btn { text-transform: uppercase; font-weight: 700; padding: 8px 60px; margin-top: 24px; } .check-list li { margin-bottom: 12px; padding-left: 12px; font-size: 16px; font-weight: normal; font-family: "Lato", sans-serif; } .check-list li > i { color: green; margin-right: 8px; } .subs-main-menu { z-index: 901; } /* ANONYMOUS STORY */ .authenticated { background-color: #1c9c06; } @media (max-width: 1200px) { .news-details { border: none; } .news-details-data-up { display: block; text-align: center; } .news-details-data-down { display: none; } .news-details-main { border-top: 1px solid #fee7db; border-bottom: 1px solid #fee7db; width: 100%; } .news-details a.comments { width: 40%; text-align: center; } button.social-share { width: 40%; } button.link.favorite { width: 10%; } } @media (max-width: 540px) { .threader.expandable .expandable-mark { display: none; } .threader .comment .comment-footer { margin-left: 15px; } .comment-answers { margin-left: 30px; } } @media (max-width: 320px) { .comment-header .comment-order { font-size: 12px; } .comment-footer a, .comment-footer span { font-size: 13px; margin: 0 4px; } } .section { font-family: 'Open Sans', sans-serif; font-style: normal; margin-top: 30px; padding: 0 20px; letter-spacing: -0.5px; color: #4A4A4A; } .section-with-sidebar { margin-right: 320px; overflow: hidden; } #sidebar.sidebar-with-section { margin-top: 40px; } .section h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 38px; letter-spacing: -1.1px; margin: 0 0 5px 0; color: #e35614; } .section h1 a { color: #e35614; } .section h1 a.help { font-size: 30px; color: #d6d6d6; margin-left: 5px; } .section h2 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 25px; letter-spacing: -1.1px; margin: 0 0 10px 0; color: #e35614; } .section.section-large h1 { font-size: 46px; letter-spacing: -1.5px; font-weight: 300; } .section .intro { font-size: 16px; margin-bottom: 40px; color: #4c4c4c; } .section.section-large .intro { font-weight: 300; } .section .intro-large { font-size: 18px; } .section .text-large { font-size: 16px; margin-bottom: 15px; color: #4c4c4c; } .section .legend { font-size: 15px; margin: 0 0 15px 0; font-weight: 700; color: #3C3C3C; } .section hr { border-bottom: 1px solid #CCC; margin: 15px; } .section .container { margin: 0 auto; padding: 0; max-width: 850px; } .section .container.container-small { max-width: 360px; } .section .container.container-medium { max-width: 720px; } .section .container .container-block { padding: 20px 0; } .section .bottomline { margin-top: 20px; } .section .bottomline a { color: #e35614; } .section .result-final-icon { font-size: 60px; line-height: 120px; } .result-final-icon.result-final-icon-success { color: #ff6f00; } .result-final-icon.result-final-icon-error { color: #ac0d00; } .btn.btn-mnm { white-space: nowrap; font-size: 12px; padding: 5px 15px; transition: all .3s ease .1s; background-color: #e35614; color: white; margin: 0; } .btn.btn-mnm.btn-sm { font-weight: bold; padding: 4px 10px; } .btn.btn-mnm.btn-lg { font-size: 16px; padding: 8px 12px; } .btn.btn-mnm.btn-block { margin: 15px 0; } .btn.btn-mnm:visited { color: white; } .btn.btn-mnm:hover { color: white; background-color: #c35813; text-decoration: none; } .btn.btn-mnm:disabled, .btn.btn-mnm[disabled] { background-color: #e0cec2; } .btn.btn-mnm.btn-inverted { border: 1px solid #e35614; background-color: #fff; color: #e35614; } .btn.btn-mnm.btn-inverted:disabled, .btn.btn-mnm.btn-inverted[disabled] { border-color: #999; color: #999; } .form .form-group { position: relative; } .form .input-info { color: #939393; font-size: 10px; text-align: left; } .input-counter { height: 22px; padding: 0 5px; margin: 0; } .form .checkbox.checkbox-inline, .form .radio.radio-inline { margin: 0; padding: 0; } .form .checkbox.checkbox-inline-input, .form .radio.radio-inline-input { min-height: 30px; } .form .form-control + .checkbox.checkbox-inline, .form .form-control + .radio.radio-inline { margin-left: 20px; } .form .checkbox.checkbox-inline + .checkbox.checkbox-inline, .form .radio.radio-inline + .radio.radio-inline { margin-left: 30px; } .form .input-password-show { display: flex; align-items: center; justify-content: center; height: 100%; width: 40px; position: absolute; right: 0; color: #999999; } .form .input-password-show:visited { color: #999999; } .form .input-password-show:hover, .form .input-password-show:focus { color: #666; text-decoration: none; } .form .input-password-show + .form-control { padding-right: 45px; } .form .form-control + .input-info { margin-top: -8px; margin-left: 5px; } .form .input-error .form-control { border: 1px solid #ac0d00; } .form .input-error .input-info { color: #ac0d00; } .form .input-status { position: absolute; display: none; right: 0; font-size: 16px; margin-right: -16px; height: 38px; line-height: 38px; } .form .form-group-highlight { padding: 6px 15px; background-color: #eee; border-radius: 6px; } .form .form-group-highlight .form-control { border: 1px solid #CCC; font-size: 16px; padding: 10px; margin: 0; } .form .input-success .input-status { display: block; color: #3f7600; } .form .input-error .input-status { display: block; color: #ac0d00; } .form .input-error-message { display: block; color: #ac0d00; margin-top: -5px; margin-bottom: 10px; margin-left: 5px; text-align: left; } .form.form-search .form-group-search { position: relative; background: #f7f7f7; border-radius: 6px; padding: 4px; margin-bottom: 10px; } .form.form-search .input-search { display: block; margin-bottom: 0; font-size: 16px; padding-left: 32px; height: 36px; } .form.form-search .fa-search { position: absolute; font-size: 16px; color: #d7d7d7; top: 13px; left: 14px; } .form.form-search .input-filter { height: 34px; float: right; width: auto; } .form label { color: #5e5e5e; } .form .response { font-weight: 700; margin-bottom: 15px; padding: 10px; } .response.response-error { color: #ac0d00; } .response.response-info { color: #ff9400; } .form .alert { border: 0; border-radius: 0; } .form .alert.alert-danger { background: #f1e7e7; border-left: 2px solid #a94442; } .form .alert.alert-success { background: #eaf1e7; border-left: 2px solid #3c763d; } .form .bottomline { color: #505050; text-align: left; font-size: 13px; } .social-buttons { text-align: center; font-weight: 400; } .social-buttons a { display: block; line-height: 46px; border-radius: 4px; color: white; font-size: 15px; letter-spacing: -0.5px; margin-bottom: 8px; } .social-buttons a:hover { text-decoration: none; } .social-buttons a .icon { float: right; color: white; width: 50px; height: 46px; line-height: 46px; font-size: 26px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .social-buttons a.twitter { background-color: #1c9bf6; } .social-buttons a.twitter .icon { background-color: #47aef8; } .social-buttons a.facebook { background-color: #3d539c; } .social-buttons a.facebook .icon { background-color: #6275ae; } .social-buttons a.gplus { background-color: #f73200; } .social-buttons a.gplus .icon { background-color: #f85a2c; } .typeahead .dropdown-item .name { color: #FF6600; } .typeahead > .active > .dropdown-item, .typeahead > .active > .dropdown-item:hover, .typeahead > .active > .dropdown-item:focus { background-color: #FF6600; } .typeahead > .active > .dropdown-item .name { color: white; font-weight: 700; } .typeahead .dropdown-item .description { color: #4A4A4A; } .typeahead > .active > .dropdown-item .description { color: white; } .separator { display: table; margin: 20px 10px; } .separator > b:before { content: ""; display: block; background-color: #c7c7c7; height: 1px; } .separator > * { display: table-cell; vertical-align: middle; } .separator > b { width: 50%; } .separator > span { white-space: nowrap; padding-left: 15px; padding-right: 15px; color: #c7c7c7; font-size: 18px; line-height: 18px; } .text-light { font-weight: 300; } .g-recaptcha > div { margin: 40px auto; } a.action-link, .action-text { display: inline-block; font-family: 'Open Sans', sans-serif; border: 1px solid white; border-radius: 5px; padding: 1px 6px; text-transform: uppercase; font-size: 13px; vertical-align: middle; line-height: 15px; text-align: center; background-color: #e35614; color: white; } a.action-link:link, a.action-link:visited, a.action-link:hover { color: white; text-decoration: none; } a.action-link.action-link-large, .action-text.action-text-large { padding: 4px 15px; } a.action-link .fa, a.action-text .fa { display: inline-block; font-size: 15px; vertical-align: middle; } a.action-link span { display: inline-block; margin-left: 4px; vertical-align: middle; } .action-links { background-image: linear-gradient(-90deg, #FBFBFB 0%, #F8F8F8 48%, #F4F4F4 100%); border-bottom: 1px solid #d8d8d8; padding: 8px; text-align: center; font-weight: 600; vertical-align: middle; } .action-links * { line-height: 13px; font-size: 13px; } .action-links a.action-link, .action-links .action-text, .action-links a.action-link:link, .action-links a.action-link:hover, .action-links a.action-link:visited { background: none; border: none; color: #4A4A4A; padding-top: 0; padding-bottom: 0; } .action-links .action-text { color: #FD6014; } #header-mobile #header-sub { position: relative; height: 30px; } #header-sub .edit { position: absolute; right: 0; margin-top: -5px; padding-top: 5px; width: 30px; height: 30px; background-color: #e35614; text-align: center; } .sidebox-extended { margin-bottom: 25px; background: url('https://cdn.mnmstatic.net/v_149/img/common/shadow.png') no-repeat 0px 34px; font-family: 'Open Sans', sans-serif; } .sidebox-extended .header { background-color: #e35614; height: 34px; padding: 4px 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; background: #e35614; text-align: center; } .sidebox-extended .header h4 { text-transform: uppercase; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; color: #FFF; } .sidebox-extended .header a { color: #FFF; } .sidebox-extended .box { border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } .sidebox-extended .content { padding: 10px; letter-spacing: -0.5px; font-size: 14px; color: #3C3C3C; } .sidebox-extended .bg-gray-light { font-weight: 600; } .sidebox-extended .footer { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; text-align: center; } .sidebox-extended .footer .btn.btn-mnm { text-transform: uppercase; padding: 5px 40px; margin: 0; font-size: 12px; vertical-align: middle; } .sidebox-extended .footer .btn.btn-mnm .fa { font-size: 16px; margin-right: 5px; vertical-align: middle; } .sidebox-extended .footer .btn.btn-mnm span { font-weight: 600; vertical-align: middle; } .sidebox-sub { background-color: #FBFCFB; border-radius: 5px; border: 1px solid #E9E9E9; padding-top: 30px; margin-bottom: 20px; } .sidebox-sub .name { padding: 15px; } .sidebox-sub .name a { color: #1F1F1F; font-size: 20px; text-transform: uppercase; font-weight: 300; } .sidebox-sub .description { color: #3C3C3F; padding: 15px; font-weight: 300; } .sidebox-sub a { color: #e35614; } .sidebox-sub .follow { margin-bottom: 20px; } .sidebox-sub .followers { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; display:inline; } .sidebox-sub .btn.btn-mnm { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; padding: 0px 30px; transition: all .3s ease .1s; background-color: #fff; color: #e35614; border: 1px solid #e35614; text-transform: uppercase; display: inline; } .sidebox-sub .footer { font-family: 'Open Sans', sans-serif; font-size: 13px; padding-top: 4px; background-color: #F8F8F8; border-top: 1px solid #E9E9E9; height: 30px; } .sub-description { padding: 0px; } .form input, .form select, .form textarea { font-family: 'Open Sans', sans-serif; } .form.form-edit { margin-top: 25px; font-size: 14px; } .form.form-edit hr { width: 100%; margin: 30px 0; border-color: #D8D8D8; } .form.form-edit label.title { display: block; font-size: 18px; letter-spacing: -0.5px; font-weight: 400; color: #e35614; margin-bottom: 4px; } .form.form-edit label.title.title-inline { display: inline-block; font-size: 14px; margin-right: 20px; } .form.form-edit .form-control { display: inline-block; width: auto; vertical-align: middle; padding: 0; } .form.form-edit input.form-control, .form.form-edit select.form-control { padding: 0 10px; height: 30px; } .form.form-edit textarea.form-control { padding: 5px 10px; } .form.form-edit .help { color: #d6d6d6; margin-left: 5px; } .form.form-edit .help:hover { color: #FF5E08; } .form.form-edit .input-color-picker { text-transform: uppercase; } .form.form-edit textarea.form-control { height: 100px; } .form.form-edit .footer { margin-top: 30px; } .form.form-edit .footer .btn.btn-mnm { text-transform: uppercase; font-weight: 700; padding: 8px 60px; } .charlist { float: left; margin-top: 8px; font-weight: 600; font-size: 15px; } .charlist a { display: inline-block; color: #4A4A4A; margin-left: 3px; } .charlist a.selected { color: #e35614; } .charlist a:before { content: "·"; margin-right: 3px; color: #4A4A4A; } .charlist a:first-child:before { content: ""; margin-right: 0; } .widget-official-subs-slider div.widget-title-wrapper { display: table-cell; vertical-align: middle; padding: 0px 7px; } .widget-official-subs-slider div.sub-follow { padding: 0px 15px; } .widget-official-subs-slider div.sub-info > a { font-weight: 300; } .widget-official-subs-slider div.sub.slick-active:first-child { margin-left: 2px; } #widget-official-subs-slider { background: #FCFCFC; border: 1px solid #F0F0F0; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); border-radius: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; } .widget-official-subs-slider { text-align: center; } .widget-official-subs-slider div.title { color: #FE6117; font-family: "Open Sans"; font-weight: 300; font-size: 38px; line-height: 0.9; } .widget-official-subs-slider div.subtitle { color: #FE6117; font-family: "Open Sans"; font-weight: 300; font-size: 13px; } .widget-official-subs-slider div.description { font-family: Lato; font-size: 12px; color: #3C3C3C; direction: ltr; margin-top: 10px; } .widget-official-subs-slider a.meneame-button { margin-top: 20px; color: #fff; padding: 5px 20px; font-weight: bold; font-size: 12px; display: inline-block; background-color: #FE6117 !important; background-image: linear-gradient(-180deg, rgba(199, 199, 199, 0.20) 0%, rgba(68, 68, 68, 0.20) 100%); border: 1px solid rgba(122, 47, 11, 0.45); box-shadow: 0px 0px 0px 0px #FFFFFF; border-radius: 3px; } .widget-official-subs-slider a.meneame-button:hover { text-decoration: none; } /* borders for first and last active image */ .widget-official-subs-slider div.slick-active:nth-child(2) > a, .widget-official-subs-slider div.slick-active:nth-child(2) img { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .widget-official-subs-slider div.slick-active:last-child > a, .widget-official-subs-slider div.slick-active:last-child img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .widget-popular-links-slider { background-color: #D4D4D4; border: 1px solid #F0F0F0; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); border-radius: 10px; overflow: hidden; } .widget-popular-links-slider .link { padding: 10px 15px; background-color: #fff; position: relative; max-height: 202px; } .widget-popular-links-slider .link.slick-slide.slick-active { display: flex; flex-direction: column; justify-content: space-between; } .widget-popular-links-slider .link:after { content: ""; position: absolute; width: 1px; top: 15px; bottom: 15px; right: 0; background-color: #D4D4D4; } .widget-popular-links-slider .link:first-child:after, .link:nth-child(2):after{ display: none; } .widget-popular-links-slider .thumbnail-wrapper { position: relative; margin: 5px 0 5px 0; width: 155px; height: 93px; overflow: hidden; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget-popular-links-slider img.thumbnail { position: absolute; left: 50%; top: 50%; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } .widget-popular-links-slider .content a:visited { color: #e35614 !important; } .widget-popular-links-slider a.source { font-family: 'Lato', sans-serif; font-size: 11px; color: #FE6117; margin-bottom: 5px; } .widget-popular-links-slider .title { margin-top: 10px; direction: ltr; } .widget-popular-links-slider .title a { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #1F1F1F; display: block; line-height: 15px; font-weight: bold; } .widget-popular-links-slider .content { font-family: Merriweather; font-size: 10px; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; margin-bottom: 10px; direction: ltr; } .widget-popular-links-slider .link-info a.author { font-family: 'Lato', sans-serif; font-size: 11px; color: #E35614; margin-top: 10px; } .widget-popular-links-slider .link-info span.time { font-family: 'Lato', sans-serif; font-size: 10px; color: #3C3C3C; } .widget-popular-links-slider .link.popular-link-widget-right { text-align: center; background-color: transparent; padding-top: 20px; } .popular-link-widget-right div.title { color: #FE6117; font-family: "Open Sans"; font-weight: 700; font-size: 38px; line-height: 0.9; margin-top: 0px; margin-bottom: 0px; } .popular-link-widget-right div.subtitle { color: #FE6117; font-family: "Open Sans"; font-weight: 700; font-size: 13px; } .popular-link-widget-right div.description { font-family: Lato; font-size: 12px; color: #3C3C3C; direction: ltr; margin-top: 10px; } .popular-link-widget-right a.meneame-button { margin-top: 20px; color: #fff; padding: 5px 20px; font-weight: bold; font-size: 12px; display: inline-block; background-color: #FE6117 !important; background-image: linear-gradient(-180deg, rgba(199, 199, 199, 0.20) 0%, rgba(68, 68, 68, 0.20) 100%); border: 1px solid rgba(122, 47, 11, 0.45); box-shadow: 0px 0px 0px 0px #FFFFFF; border-radius: 3px; } .popular-link-widget-right a.meneame-button:hover { text-decoration: none; } .subs-listing { width: 100%; text-align: center; } .subs-listing td { height: 60px; } .subs-listing .followers { width: 130px; word-wrap: nowrap; font-size: 16px; color: rgb(169, 169, 169); } .subs-listing .logo { width: 60px; padding: 0 5px; } .subs-listing .logo img { border-radius: 5px; width: 42px; height: 42px; object-fit: cover; } .subs-listing .name { color: rgb(169, 169, 169); font-size: 14px; text-align: left; overflow: hidden; line-height: 16px; } .subs-listing .name a { font-size: 18px; color: #000000; text-transform: capitalize; } .subs-listing .actions { width: 130px; } .subs-listing .actions .followers { display: none; margin-bottom: 2px; font-size: 13px; } .slider-wrapper { margin-bottom: 30px; overflow: hidden; } .slider-wrapper .sub a { z-index: 10; display:block; background-color: #000; } .slider-wrapper .sub img { opacity: .6; } .slider-wrapper .sub img:hover { opacity: .7; } .official-subs-slider .sub, .recommended-subs-slider .sub, .widget-official-subs-slider .sub { float: left; padding: 0; margin: 0; } ul.slick-dots { list-style-type: none; margin: 10px 0 0 0; padding: 0; text-align: center; } ul.slick-dots li { cursor: pointer; display: inline-block; background-color: #fff; padding: 10px; margin-left: 15px; border: 1px solid #e35614; border-radius: 9999px; } ul.slick-dots li.slick-active { background-color: #e35614; } ul.slick-dots li button { display: none; } .sub-info { position: absolute; bottom: 20px; color:#fff; width: 100%; text-align: center; } .sub-info a.sub-name { color: #fff; font-size: 27px; font-family:'Open Sans', sans-serif; font-weight: 500; background-color: transparent; } .sub-info a.sub-name:hover { text-decoration: none; } .sub-info .followers { font-family:'Open Sans', sans-serif; font-size: 11px; } .sub-info .followers span.follower-number { font-family:'Open Sans', sans-serif; font-size: 13px; font-weight: bold; } .sub-info a.following-yes, .sub-info a.following-no { background-color: transparent; margin-top: 15px; display: inline-block; } .sub-description { border-radius: 5px; margin-bottom: 30px; } .sub-description .name { padding: 0 15px 15px 15px; } .sub-description .name a { color: #1F1F1F; font-size: 20px; text-transform: uppercase; font-weight: 300; } .sub-description .description { color: #3C3C3F; padding: 15px; font-weight: 300; } .sub-description a { color: #e35614; } .sub-description .follow { margin-bottom: 20px; } .sub-description .followers { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; display:inline; } .sub-description .btn.btn-mnm { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; padding: 4px 30px; transition: all .3s ease .1s; background-color: #fff; color: #e35614; border: 1px solid #e35614; text-transform: uppercase; display: inline; margin-left: 15px; } .sub-description .footer { font-family: 'Open Sans', sans-serif; font-size: 13px; padding-top: 4px; background-color: #F8F8F8; border-top: 1px solid #E9E9E9; height: 30px; } .poll-edit { margin: 10px 0; } .poll-edit h3 { margin-bottom: 10px; } .poll-vote { margin-top: 25px; border-radius: 2px; } .poll-vote h3 { font-size: 120%; } .poll-vote.finished { padding: 10px 5px 5px 5px; } .poll-vote .poll-options { display: block; border: 1px solid #666; margin: 10px 5px; padding: 10px; border-radius: 5px; } .poll-vote .poll-option { margin-top: 5px; margin-bottom: 0; } .poll-vote .poll-option:first-child { margin-top: 0; } .poll-vote .poll-option .progress { height: 22px; margin: 0; padding: 1px 0; box-shadow: none; background-color: transparent; } .poll-vote .poll-option .progress-bar { min-width: 40px; color: #18120e; background-color: #ffc79e; text-align: left; overflow-x: visible; white-space: nowrap; border-radius: 4px; } .poll-vote .poll-option.voted .progress-bar span.text i { font-weight: bold; } .poll-vote .poll-option.winner .progress-bar, .poll-vote .poll-option.winner .percent { color: black; background-color: #fe6117; font-weight: bold; } .poll-vote .poll-option .progress-bar span { display: inline-block; } .poll-vote .poll-option .percent { font-weight: bold; width: 36px; color: #fe6117; text-align: right; margin-right: 3px; border-radius: 4px; } .poll-vote footer { font-size: 12px; padding: 0 10px 5px 10px; } .poll-vote footer .btn.btn-mnm.btn-sm { margin: 0 10px 0 0; } .poll-vote footer span { display: inline-block; margin: 0; font-weight: bold; text-transform: uppercase; color: #fe6117; } .poll-vote footer span.separator { margin: 0 5px; } .post-edit form { margin-bottom: 20px; } .post-edit form textarea { height: 42px; } .post-edit footer { margin-top: 10px; } .story-blog { overflow: hidden; font-family: 'Open Sans'; } .story-blog .main-content h1, .section.section-article-submit .input-title { font-weight: 300; font-size: 50px; line-height: 55px; letter-spacing: -1.5px; margin: 40px 0 50px 0; } .story-blog .main-content .news-shakeit { margin-right: 30px; } .story-blog .main-content h1 a, .story-blog .main-content h1 a:visited { color: #000000; text-decoration: none; } .story-blog .main-content .text, .section.section-article-submit .input-editable { font-family: 'Merriweather', serif; font-size: 17px; letter-spacing: 0; line-height: 31px; color: #4A4A4A; } /* .story-blog img is parsed by php */ .section.section-article-submit .input-editable img { display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } /* .story-blog iframe is parsed by php */ .section.section-article-submit .input-editable iframe { margin-bottom: 20px !important; position: relative; display: block; height: 0; padding: 0; width: 100%; height: 480px; } .story-blog .main-content .text h2, .section.section-article-submit .input-editable h2 { font-size: 26px; font-family: 'Open Sans', serif; font-weight: bold; color: #000; margin-bottom: 20px; margin-top: 10px; } .story-blog .main-content .text h3, .section.section-article-submit .input-editable h3 { font-size: 22px; font-family: 'Open Sans', serif; margin-bottom: 20px; margin-top: 10px; color: #000; font-weight: bold; } .story-blog .main-content .text p, .section.section-article-submit .input-editable p { margin-bottom: 25px; } .story-blog .main-content .text a, .section.section-article-submit .input-editable a { text-decoration: underline; color: #e35614; } .story-blog .main-content .text ul, .story-blog .main-content .text ol, .section.section-article-submit .input-editable ul, .section.section-article-submit .input-editable ol { margin: 0 0 25px 0; padding: 0; padding-left: 20px; } .story-blog .main-content .text blockquote:before, .section.section-article-submit .input-editable blockquote:before { content: "“"; position: absolute; left: 0; margin-top: -25px; font-size: 95px; color: #e35614; font-style: normal; font-family: Merriweather; } .story-blog .main-content .text blockquote, .section.section-article-submit .input-editable blockquote { margin-bottom: 25px; margin-top: 45px; padding: 40px 40px 40px 50px; font-size: 22px; color: #333; border-left: none; background-color: #F4F4F4; font-weight: bold; font-style: italic; line-height: 33px; } .section.section-article-submit .story-blog-aside, .story-blog .story-blog-aside { position: relative; margin-top: 48px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .section.section-article-submit .story-blog-aside.sticky, .story-blog .story-blog-aside.sticky { position: fixed; top: 0; padding-top: 40px; } .story-blog .story-blog-aside .news-shakeit { position: relative; top: 0; left: 0; margin: 0 auto; width: 100px; font-size: 16px; float: none; } .story-blog .story-blog-aside .news-shakeit .votes { padding: 15px 0 10px 0; } .story-blog .story-blog-aside .news-shakeit .votes a { font-size: 26px; } .story-blog .story-blog-aside .news-shakeit .menealo { width: 112px; height: auto; } .story-blog .story-blog-aside .news-shakeit .menealo span, .story-blog .story-blog-aside .news-shakeit .menealo a { padding: 3px; height: auto; } .story-blog .story-blog-aside .news-shakeit .menealo span.negative { font-size: 16px; } .story-blog .story-blog-aside .news-shakeit .clics { font-size: 16px; padding: 8px 0; } .story-blog .story-blog-aside .details { text-align: center; margin-top: 40px; } .story-blog .story-blog-aside .details.details-center { width: 100%; float: none; } .story-blog .story-blog-aside .author { font-size: 20px; color: #000; } .story-blog .story-blog-aside .format-tag { color: #BBB; text-transform: uppercase; display: block; margin-top: 15px; } .story-blog .dark { color: #666; } .story-blog .story-blog-aside .comments { margin-top: 20px; } .story-blog .share-icons { margin-top: 40px; list-style-type: none; } .story-blog .share-icons li { display: inline; } .story-blog .share-icons li a { display: inline-block; margin-left: 10px; font-size: 30px; } .story-blog .share-icons li:first-child a { margin-left: 0; } .story-blog .share-icons li a.share-twitter { color: #1c9bf6; } .story-blog .share-icons li a.share-facebook { color: #3d539c; } .story-blog .share-icons li a.share-gplus { color: #f73200; } .story-blog .share-icons li a.share-mail { color: #7b6663; } .story-blog .separator { margin: 40px 0; } .story-blog .separator span { font-size: 15px; font-weight: bold; } .story-blog .best-comments .item { margin-bottom: 30px; } .story-blog .best-comments .item .text { font-size: 18px; color: #000000; letter-spacing: -0.73px; line-height: 33px; font-style: italic; margin-bottom: 15px; } .story-blog .best-comments .item .text .tooltip { font-weight: bold; color: #000; } .story-blog .best-comments .item .author a, .story-blog .related .item .author a { font-weight: bold; color: #000; } .story-blog .best-comments .date { text-align: right; color: #BBB; } .story-blog .related .item { margin-bottom: 30px; } .story-blog .related .item h2 a { font-size: 24px; color: #000000; letter-spacing: -0.73px; line-height: 26px; font-weight: normal; } .story-blog .related .item .metas .date { display: inline-block; margin-left: 10px; color: #BBB; font-weight: bold; } .story-blog-comments { margin-top: 40px; } .section.section-profile { padding-right: 0; padding-left: 0; } .section-profile-header { display: -ms-flexbox; display: flex; flex-flow: row nowrap; padding: 0 40px; } .section-profile-header-avatar { flex-basis: 80px; } .section-profile-header-avatar .btn { margin-top: 10px; } .section-profile-header-info { -ms-flexbox: 1; flex: 1; padding-left: 20px; overflow-x: hidden; } .section-profile-header-info .info { margin: 15px 0; } .section-profile-header-stats { -ms-flexbox: 1; flex: 1; padding: 0 20px; text-align: center; } .section-profile-header-stats strong, .section-profile-header-stats span { display: block; } .section-profile-header-stats strong { font-size: 26px; } .section-profile-header-stats span { color: #c3c3c3; text-transform: uppercase; font-size: 12px; font-weight: bold; } .section-profile-header-medals { margin-top: 15px; border-top: 1px solid #ffd3b7; } .section-profile-header-banner { flex-basis: 300px; padding-left: 20px; } .section-profile .contents-layout { margin-top: 30px; background-color: #f3f3f3; padding: 40px; display: -ms-flexbox; display: flex; flex-flow: row nowrap; } .section-profile .contents-layout:before, .section-profile .contents-layout:after { clear: both; display: table; content: " "; } .section-profile .contents-layout .contents-menu { flex-basis: 150px; text-align: center; } .section-profile .contents-layout .contents-menu a { display: block; padding: 20px; color: #4a4a4a; } .section-profile .contents-layout .contents-menu a.selected, .section-profile .contents-layout .contents-menu a:hover { background: white; text-decoration: none; } .section-profile .contents-layout .contents-menu a i { font-size: 24px; } .section-profile .contents-layout .contents-menu a span { display: block; font-size: 16px; } .section-profile .contents-layout .contents-submenu { display: flex; justify-content: space-around; text-align: center; border-bottom: 1px solid #ffd3b7; padding-bottom: 10px; margin-bottom: 20px; font-size: 20px; } .section-profile .contents-layout .contents-submenu a { color: #ff6400; } .section-profile .contents-layout .contents-submenu a.selected { font-weight: bold; } .section-profile .contents-layout .contents-body { flex: 1; padding: 20px; background: white; overflow: hidden; } .section-profile .contents-layout .contents-body .news-body h2 { font-size: 20px; } .section-profile .contents-layout .contents-body h4 { font-size: 20px; font-weight: normal; margin: 15px 0; } .section-profile .contents-layout .contents-body h4 a { color: #1F1F1F; } .section-profile .contents-layout .contents-body .comments-list li { margin-bottom: 15px; } .section-profile .contents-layout .contents-body table.table-condensed th { width: 1px; text-align: right; white-space: nowrap; padding-right: 10px; } .section.section-story-submit { padding: 10% 0; } .section-story-submit-step1-layout { display: -ms-flexbox; display: flex; } .section-story-submit-step1-link { padding-top: 20px; flex: 1; } .section-story-submit-step1-separator { text-align: center; padding: 80px 40px; position: relative; background: linear-gradient(180deg, transparent, #353535, transparent); background-position: 50%; background-repeat: repeat-y; background-size: 1px auto; } .section-story-submit-step1-separator span { display: block; padding: 10px 5px; background: white; font-size: 25px; } .section-story-submit-step1-article { width: 400px; padding-top: 20px; } .section.section-article-submit .input-title, .section.section-article-submit .input-editable { border: 0; padding: 5px 10px; height: auto; box-shadow: none; background: transparent; } .section.section-article-submit .input-title { margin-top: 0; margin-bottom: 30px; resize: none; color: #000; } .section.section-article-submit .input-group-editable { margin: 30px 0 0 0; } .section.section-article-submit .input-title:focus, .section.section-article-submit .input-editable:focus { box-shadow: none; } .section.section-article-submit .btn-gray { text-transform: uppercase; padding: 4px 10px; border-radius: 3px; color: #e35614; margin-top: -6px; font-size: 12px; font-weight: 400; background-color: #F1F1F1; border: 1px solid #D7D7D7; box-shadow: 0 1px 0 0 #FFFFFF; font-weight: bold; } .section.section-article-submit .story-blog-aside .dropdown-menu { padding: 0; } .section.section-article-submit .story-blog-aside .dropdown-menu button { display: block; width: 100%; border: 0; margin: 0; padding: 5px; border-bottom: 1px solid #D7D7D7; background-color: #F1F1F1; color: #e35614; font-weight: normal; } .medium-editor-placeholder::after { color: #CCC; } .ql-toolbar.ql-snow, .ql-container.ql-snow { border: 0; text-align: center; } .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { color: #e35614 !important; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #e35614 !important; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #e35614 !important; } .ql-toolbar.sticky { background: white; position: sticky; top: 40px; z-index: 1; } .ql-snow .ql-picker.ql-header .ql-picker-item::before { font-size: 16px !important; } .pagination-center { text-align: center; clear: both; } .pagination-center .pages { display: inline-block; } .pagination-center .pages a, .pagination-center .pages span { border-radius: 4px; } .bg-gray-light { background-color: #f0f0f0; } .bg-gray-light a { color: #FF5E08; } .bg-gray-medium { background-color: #d8d8d8; } .border-left { padding-left: 10px; margin-left: 10px; border-left: 1px solid #dfdfdf; } .no-margin { margin: 0 !important; } .no-margin-left { margin-left: 0 !important; } .m-20 { margin: 20px !important; } .ml-15 { margin-left: 15px !important; } .mr-15 { margin-right: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mt-20 { margin-top: 20px !important; } .block { display: block !important; width: 100% !important; } .label-mnm, .badge-mnm { background-color: #FE6117; } dl.list dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: #666; } dl.list dt:after { content: ":"; } dl.list dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; } .nowrap { white-space: nowrap; } /** FIXES **/ .news-body .box { clear: both; font-size: 80%; border: 1px solid; border-color: #dadada; background: #fafafa; margin: 7px 25px 7px 25px; padding: 4px; overflow: hidden; } .menealo { overflow: hidden; display: block; height: 25px; } /** BOOTSTRAP **/ .form-group { margin-bottom: 5px; } .form-group .btn-inline { margin: 0; padding: 0 10px; height: 30px; vertical-align: top; } .form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control { border: 1px solid #ccc; height: 38px; border-radius: 5px; font-size: 14px; } .form-control:focus { border-color: #fdcdae; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(255, 100, 0, .6); } .checkbox { text-align: left; } .btn { border-radius: 5px; } .modal.modal-mnm { text-align: center; } .modal.modal-mnm::before { content: ""; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle; } .modal.modal-mnm .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal-mnm .modal-header, .modal-mnm .modal-footer { border: 0; } .modal-mnm .modal-header .close:hover { background: none; } .modal-mnm .modal-title { text-align: center; font-weight: 300; color: #e35614; font-size: 24px; } .modal-mnm .modal-body { padding: 20px 40px; } .modal-mnm optgroup { padding: 10px; } .modal-mnm .modal-footer { padding: 0; } .modal-mnm .modal-footer .btn { margin: 0; display: block; width: 100%; background: #e35614; color: white; border: 0; border-radius: 0 0 3px 3px; padding: 10px; font-size: 24px; text-transform: uppercase; } .article-container .ql-editor { padding: 0; } .article-container .ql-editor.ql-blank::before { font-style: normal; } .article-container .ql-picker-label.ql-active { color: #e35614 !important; } .article-container svg polygon.ql-stroke { stroke: #444 !important; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Nivel 1"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Nivel 2"; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enlace:"; } .ql-snow .ql-tooltip::before { content: "Ir a enlace:" } .ql-snow .ql-tooltip a.ql-action::after { content: "Editar"; } .ql-snow .ql-tooltip a.ql-remove::before { content: "Eliminar"; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: "Guardar"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enlace al vídeo:"; } /** PREGUNTAME **/ .sidebox-rounded { margin-bottom: 25px; background: url(https://cdn.mnmstatic.net/v_149/templates/private/preguntame/img/shadow.png) no-repeat 0 px 40 px; } .sidebox > div { margin-right: 0px; padding-bottom: 6px; } .sidebox-rounded div.next { padding-bottom: 10px; padding-top: 10px; text-align: center; font-size: 15px; color: #9B9B9B; } .sidebox-rounded div.soon { margin: -10px auto 0 auto; padding-bottom: 10px; text-align: center; font-size: 15px; color: #9B9B9B; background-color: #fff; width: 110px; } .sidebox-rounded div.finished { padding: 5px 0px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; font-size: 12px; color: #ff6300; background-color: #dadada; } .sidebox-rounded .header { background-color: #f8f8f8; font-size: 11px; height: 40px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .sidebox-rounded.orange .header { background: #e35614; } .sidebox-rounded.orange .header a { color: #FFF; } .sidebox-rounded .body { border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .sidebox-rounded .guest { padding: 3px 20px 20px 20px; } .sidebox-rounded h4 { position: relative; font-weight: normal; text-align: center; text-transform: uppercase; letter-spacing: 3px; padding-top: 5px; } .sidebox-rounded h4 a, .sidebox-rounded h4 span { display: block; padding: 8px; color: #7e7e7e; text-decoration: none; font-weight: 500; } .sidebox-rounded h5 { padding: 0px; margin: 0 2px 0 50px; font-size: 90%; font-weight: normal; } .sidebox-rounded h5 a { text-decoration: none; color: #666; } .sidebox-rounded h5 a:hover { color: #e35614; } .sidebox-rounded .date { color: #e35614; font-size: 14px; font-weight: bold; margin-bottom: 20px; } .sidebox-rounded .guest img { width: 55px; height: 55px; float: left; margin: 0 10px 20px 0; } .sidebox-rounded .guest { font-size: 14px; } .sidebox-rounded .guest a { text-decoration: none; } .sidebox-rounded .guest-name { font-weight: bold; font-size: 15px; color: #5d5d5d; } .sidebox-rounded .guest-description { color: #5d5d5d; font-size: 12px; padding-left: 65px; } .sidebox-rounded .datetime { color: #e35614; font-size: 13px; margin-top: 5px; padding-left: 65px; } .sidebox-rounded .sponsored { font-size: 12px; font-weight: bold; color: #e35614; border: 1px solid #e35614; padding: 2px 4px; background-color: #fff; margin-left: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .sidebox-rounded .show-responses { color: #ff6300; margin-top: 5px; display: block; margin-left: 66px; } .sidebox-rounded .show-responses .sponsored { font-size: 10px; } /** PREGUNTAME **/ div.article-container { display:flex; flex-flow: column; } div.article-container:nth-child(0){ order: 1; } div.article-container div#editor { order: 3; } .preguntame-media-buttons { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; color: #5d5d5d; font-size: 12px; margin-top: 12px; } .preguntame-media-buttons > .preguntame-media-button { height: 24px; width: 24px; border-radius: 12px; color: #E35614; border: 1px solid #E35614; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-left: 4px; font-size: 12px; transition: all 300ms ease-in-out; } .preguntame-media-buttons > .preguntame-media-button:hover { color: #FFFFFF; background-color: #E35614; } #live-window { position: fixed; z-index: 999; left: 16px; bottom: 16px; width: 220px; height: 180px; box-shadow: 0 -3px 12px 0 rgba(0,0,0,.05); border-radius: 5px; padding: 0 4px; background: #FFFFFF; } #live-window .live-top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #live-window .live-indicator { text-transform: none; font-weight: 400; } #live-window .live-close-button { padding: 4px; margin-top: -1px; } #live-window .live-close-button:hover { background: unset; } .live > .videoWrapper { margin-top: 0; } .live-indicator { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; text-align: center; text-transform: uppercase; font-weight: 700; } .live-indicator a { color: #3a3a3a; } .live-indicator > .blinking { -webkit-animation: 1s blink ease infinite; -moz-animation: 1s blink ease infinite; -ms-animation: 1s blink ease infinite; -o-animation: 1s blink ease infinite; animation: 1s blink ease infinite; width: 32px; height: 32px; } @keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } } @-moz-keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } } @-ms-keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } } @-o-keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } } #live-mobile { width: 100%; height: 50px; padding: 0 14px; margin-bottom: 16px; display: block; } #live-mobile .live-container { width: 100%; height: 50px; border-radius: 25px; background: #E35614; display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 5px; } #live-mobile .live-mobile-content { display: flex; flex-direction: row; align-items: center; } #live-mobile .live-mobile-icon { width: 40px; height: 40px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: #ffffff; margin-right: 8px; } #live-mobile .live-mobile-icon svg { width: 20px; } #live-mobile .live-mobile-title { color: #ffffff; font-size: 16px; font-weight: bold; letter-spacing: -0.4px; line-height: 20px; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #live-mobile .live-mobile-description { color: #ffffff; font-size: 12px; letter-spacing: 0; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } #live-mobile .live-close-button { width: 40px; height: 40px; border-radius: 20px; color: #FFFFFF; } /** SPONSOR **/ .news-summary.sponsored .news-body { padding-top: 15px; padding-bottom: 15px; background-color: #fff9f0; border-bottom: 5px solid #ff6400; } .news-summary.sponsored .news-body .votes { } .news-summary.sponsored .news-body .menealo span { color: #fff; font-size: 10px; padding-top: 6px; } .news-summary.sponsored .news-body .clics { } #sponsored-indicator { background: #A9A9A9; color: white; width: 116px; text-align: right; height: 24px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding-right: 14px; position: absolute; right: 0; top: 11px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .story-blog.sponsored #sponsored-indicator { position: relative; top: unset; right: unset; margin-bottom: 22px; } .news-summary.sponsored .news-body .news-submitted div { padding-top: 5px; } .news-summary.sponsored .news-body .news-submitted a.houser { color: #ff6400 } .news-summary.sponsored .news-body span.sponsor { background-color: #ff6300; color: #fff; padding: 2px 4px; position: absolute; top: 28px; right: 0px; } .news-summary.sponsored .news-body .news-submitted a.showmytitle { color: #000; font-weight: bold; } .news-summary.sponsored .news-body .text-sponsor > p { margin-bottom: 12px; } .news-summary.sponsored .news-body .text-sponsor > p > a { margin-bottom: 12px; color: #E35614; } .news-summary.sponsored .news-body .text-sponsor > a:visited { margin-bottom: 12px; color: #E35614; } .news-summary.sponsored .news-body .icon-sponsor { text-align: right; margin-top: -10px; } .news-summary.sponsored .news-body .icon-sponsor a { text-decoration: none; position: relative; } .news-summary.sponsored .news-shakeit { top: 20px; } .news-summary.sponsored .icon-sponsor img.sponsor-logo { position: relative; right: 25px; top: 28px; } /* HEADER BANNER */ #header-banner { text-align: center; padding: 12px 20px; } #header-banner a { color: #FFFFFF; text-decoration: underline; } /* AUTOCOMPLETION USERS */ .autocomplete-users { overflow-y: scroll; overflow-x: hidden; border-radius: 5px; height: 216px; max-width: 350px; width: 80%; margin-bottom: 8px; position: absolute; top: 0; left: 0; z-index: 999; -webkit-box-shadow: 2px 2px 10px 3px rgba(125,125,125,0.75); -moz-box-shadow: 2px 2px 10px 3px rgba(125,125,125,0.75); box-shadow: 2px 2px 10px 3px rgba(125,125,125,0.75); background-color: #fafafa; } .autocomplete-users .empty-row { text-align: center; text-transform: none; padding-top: 18px; } .autocomplete-users ul { list-style: none; } .autocomplete-users li { background-color: #fafafa; height: 54px; border-bottom: 1px solid #ededed; font-weight: bold; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(20, 23, 26); text-transform: capitalize; padding: 12px 20px; cursor: pointer; } .autocomplete-users li.highlight { background-color: #f4f4f4; } .autocomplete-users li:hover { background-color: #f4f4f4; } .autocomplete-users li a { color: rgb(20, 23, 26); text-decoration: none; cursor: pointer; } .autocomplete-users li img { margin-right: 8px; } /* REGISTER FORM */ #register-section > .section { max-width: 600px; margin: 0 auto; } #register-section .section .intro a { color: #e35614; } #register-section .section.section-large h1, #register-section .section.section-large h2 { margin-bottom: 20px; } #register-section .section h2 { line-height: 35px; } #register-section .intro { max-width: 600px; display: block; margin-bottom: 40px; text-align: justify; background-color: #fff0e8; padding: 20px; border-top: 1px solid #fee7db; border-bottom: 1px solid #fee7db; border-radius: 8px; } #register-section .intro p:not(:last-child) { margin-bottom: 20px; } #register-section .intro ul li { margin: 0px auto 15px; list-style: none; } /* FAQ SECTION */ .faq-title { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; margin: 28px 12px; } .faq { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 12px; } .faq #faq-list { list-style-type: none; } .faq h2 { margin-bottom: 15px; margin-top: 0px; } .faq li { font-size: 16px; color: #303030; margin-bottom: 40px; } .faq li a { color: #e35614; text-decoration: underline; } .faq li blockquote { margin-left: 28px; margin-bottom: 22px; color: #9d9d9d; font-style: italic; font-size: 16px; padding-left: 22px; } .faq li .faq-sublist { margin-left: 32px; list-style-type: disc; } .faq li .faq-sublist li { margin-bottom: 8px; color: #303030; } /* ANONYMOUS STORY */ .comments { } .unauthenticated { overflow-y: hidden; max-height: 1500px; position: relative; } .unauthenticated:after { content: " "; height: 200px; bottom: 0px; width: 100%; display: inline-block; position: absolute; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(251,251,251,1) 100%); } div.commentform.warn.comment_unfold_action { margin-bottom: 20px; } div.commentform.warn.login_warn { background: #fff; color: #e35614; border: 2px solid #e35614; } div.commentform.warn.login_warn a { color: #e35614; } .news_related .body { padding: 15px 15px 0px 15px; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* FEATURED LINKS HORIZONTAL */ .featured-links { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 48px; margin-bottom: 48px; position: relative; } .featured-links .header .title { position: relative; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 22px; height: 100%; font-size: 14px; display: flex; color: #7e7e7e; } .news_related .header .title a { color: #7e7e7e; text-decoration: none; font-weight: 500; font-family: "Open Sans", sans-serif; padding: 0px; display: flex; align-self: center; } .featured-links .horizontal{ text-align: center; overflow-x: auto; white-space: nowrap; } .featured-links .featured-links-item { display: inline-block; float: none; margin-bottom: 20px; cursor: pointer; } .featured-links .featured-links-item-container { position: relative; border-radius: 5px; width: 220px; height: 156px; cursor: pointer; overflow: hidden; } .featured-links .featured-links-item-container img{ object-fit: cover; width: 100%; height: 100%; } .featured-links .featured-links-item-gradient { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(60,60,60,0.5) 0%, rgba(255,255,255,0) 100%); width: 100%; height: 100%; border-radius: 5px; position: absolute; top: 0; left:0; z-index: 999 } .featured-links .featured-links-item-text { position: absolute; bottom: 12px; left: 12px; text-align: left; padding-right: 12px; } .featured-links .featured-links-item-text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: normal; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; text-shadow: 1px 1px 2px rgba(0,0,0,1); } .featured-links a { text-decoration: none; color: #ffffff; font-size: 14px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-links h5 a{ text-transform: uppercase; font-size: 16px; font-weight: bold; } .featured-links .carousel-inner { width: 98%; } .featured-links .carousel-control.left,.carousel-control.right {background:none;width:25px;} .featured-links .carousel-control.left {top: 67px; color: #000000} .featured-links .carousel-control.right {top: 67px; right: 7px; color: #000000} /* FEATURED LINKS B */ .featured-links-b { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; border-top: 5px solid #7e7e7e; border-bottom: 2px solid #7e7e7e; max-width: 600px; padding: 12px 20px; margin: 0 auto; } .featured-links-b .header .title { position: relative; font-weight: bold; margin-bottom: 22px; height: 100%; font-size: 18px; line-height: 24px; display: flex; color: #7e7e7e; margin-top: 14px; } .featured-links-b .header .title:after { content: '›'; position: relative; font-weight: 500; margin-left: 5px; } .featured-links .horizontal{ text-align: center; overflow-x: auto; white-space: nowrap; } .featured-links-b .featured-links-item { display: inline-block; float: none; margin-bottom: 20px; cursor: pointer; } .featured-links-b .featured-links-item-container { display: grid; grid-template-columns: auto 1fr; grid-column-gap: 20px; grid-row-gap: 15px; line-height: 1.2; } .featured-links-b a { text-decoration: none; color: #121212; border-bottom: 1px solid #cccccc; font-size: 14px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .featured-links-b .featured-links-item-container a.featured-links-item-date { font-size: 11px; font-weight: bold; color: #E35614; border: none; } .featured-links-b .featured-links-item-container a.featured-links-item-date:hover { border-bottom: 1px solid #fee7db; } .featured-links-b a:hover { border: none; } /** COMMUNITIES PAGE **/ #sidebar.sidebar-communities { margin-top: 22px !important; } .communities-widget { width: 100%; background-color: rgb(245, 245, 245); border-radius: 10px; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 18px; margin-bottom: 18px; } .communities-widget .header { color: #000; text-align: center; padding: 12px 8px; font-size: 18px; font-weight: bold; border-bottom: 1px rgb(235, 235, 235) solid; } ul.community-list { list-style-type: none; margin-top: 12px; } ul.community-list li { margin-bottom: 8px; height: 40px; padding: 4px 8px; position: relative; } ul.community-list li .order { display: inline-block; font-size: 20px; color: #000000; margin-right: 12px; margin-left: 6px; vertical-align: middle; } ul.community-list li .logo { height: 32px; width: 32px; display: inline-block; margin-right: 12px; } ul.community-list li .logo img { border-radius: 5px; width: 32px; height: 32px; object-fit: cover; } ul.community-list li .community-info { position: absolute; display: inline-block; line-height: 16px; } ul.community-list li .community-info .title { text-transform: capitalize; color: #000000; font-weight: bold; } ul.community-list li .community-info .subtitle { color: rgb(169, 169, 169); font-weight: 200; font-size: 12px; } .communities-widget .footer { padding: 12px 8px; text-align: center; } .communities-widget .footer a { color: rgb(27, 142, 191); text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; } .communities-widget .footer a:hover { text-decoration: underline; } .add-community-button { border-color: #ba450f !important; width: 100%; padding: 10px 18px !important; border-radius: 10px; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37); } .add-community-button i { float: left; margin-top: 1px; } /** COMMUNITIES NAV TABS **/ #communities-nav-tabs { border: none; border-bottom: 1px solid rgb(235, 235, 235); margin-bottom: 28px; } #communities-nav-tabs li { width: 25%; text-align: center; } #communities-nav-tabs li a { text-transform: uppercase; color: #000000; font-weight: bold; border: none; font-size: 14px; } #communities-nav-tabs .active a { color: #e35614; border-bottom: 3px solid #e35614; background-color: transparent; } #form-communities-search { padding: 10px; padding-bottom: 1px; background-color: rgb(245,245,245); border-radius: 5px; margin-bottom: 22px; } .community-list-empty { margin-top: 22px; padding: 0 72px; } .community-list-empty .title { font-style: normal; font-weight: 300; font-size: 38px; letter-spacing: -1.1px; color: #E35614; } /** COMMUNITY JOIN BUTTON **/ .join-button { display: inline-block; border-radius: 5px; background-color: rgb(27, 142, 191); font-weight: bold; font-style: normal; font-size: 14px; text-align: center; padding: 2px 12px; margin-top: 2px; float: right; line-height: 21px; cursor: pointer; min-width: 90px; color: #ffffff; text-decoration: none; } .join-button-big { height: 40px; width: 120px; line-height: 34px; } .join-button-orange { background-color: #e35614; } .join-button:hover, .join-button:focus, .join-button:visited { color: #ffffff; text-decoration: none; } .join-button-orange:hover, .join-button-orange:focus, .join-button-orange:visited { background-color: #e35614; text-decoration: none; } .unjoin { background-color: transparent; border: 1px solid rgb(27, 142, 191); color: rgb(27, 142, 191); text-decoration: none; } .unjoin-orange { border-color: #e35614; color: #E35614; } .unjoin-orange:hover, .unjoin-orange:focus, .unjoin-orange:visited { border-color: #e35614; color: #E35614; } .unjoin:hover, .unjoin:focus, .unjoin:visited { color: rgb(27, 142, 191); text-decoration: none; } a.main-color-text, a.main-color-text:hover, a.main-color-text:visited { color: #e35614; } /** MAIN MODAL **/ #main-modal .modal-content{ height: 800px; left: 0; position: fixed; top: 0; width: 100%; } #main-modal .modal-body { bottom: 80px; top: 60px; overflow-y: auto; position: absolute; width: 100%; } #main-modal .modal-body > section{ margin-top: 0; } #main-modal .modal-header { border: none; height: 100px; } #main-modal .modal-header > ul { margin-bottom: 0; margin-right: 24px; } #main-modal .modal-footer { height: 80px; position: absolute; bottom: 0; width: 100%; padding: 0; border-top: 1px solid rgb(235, 235, 235); } #main-modal .modal-header .close { position: absolute; top: 8px; right: 12px; z-index: 999; } /** INDEX NO COMMUNITIES **/ #index-no-communities { background: #F7F7F7; border-radius: 5px; padding: 25% 25px; text-align: center; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } #index-no-communities .title { font-weight: 300; font-style: normal; color: #e35614; font-size: 36px; line-height: 49px; letter-spacing: -0.03em; margin-top: 36px; } #index-no-communities p { margin-top: 36px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #000000; text-align: left; } #index-no-communities .button { max-width: 225px; height: 39px; background: #1B8EBF; border-radius: 4px; margin: 28px auto; cursor: pointer; } #index-no-communities .button span { font-style: normal; font-weight: bold; font-size: 14px; line-height: 35px; text-align: center; color: #FFFFFF; text-transform: uppercase; } /** SUBMIT **/ .section.section-story-submit { padding: 0; } .submit-header { padding-bottom: 22px; border-bottom: 1px solid rgb(235, 235, 235); } .submit-url-input { margin-top: 64px; margin-bottom: 64px; padding: 12px 15px !important; } .submit-url-input input { background: #FFFFFF; border: 1px solid #C2C2C2; box-sizing: border-box; box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; } .submit-extra-data { padding: 24px 0; border-top: 1px solid rgb(235, 235, 235); margin-top: 18px; } .submit-extra-data .bootstrap-tagsinput { background: #FFFFFF; box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; display: block; width: 100%; min-height: 39px; padding: 6px; } .submit-extra-data .bootstrap-tagsinput span { background-color: #c7c7c7; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: -0.021em; color: #000; } .submit-extra-data .bootstrap-tagsinput input { padding: 0; height: 25px; } .submit-extra-data label { font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #000000; margin-bottom: 14px; } .submit-extra-data .community-select { background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #F1F1F1; background-blend-mode: overlay, normal; border: 1px solid #C2C2C2; box-sizing: border-box; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.07); border-radius: 6px; padding: 6px 12px; max-width: 340px; cursor:pointer; margin-bottom: 16px; } .submit-extra-data .community-select span { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #000000; } .submit-extra-data .community-select i { font-size: 18px; } .submit-extra-data #community-select-results { max-width: 339px; height: 340px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #F1F1F1; background-blend-mode: overlay, normal; border: 1px solid #C2C2C2; box-sizing: border-box; border-radius: 6px; } #link-info img { border-radius: 4px; max-width: 214px; max-height: 120px; margin-top: 18px; } #link-info #link-title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -0.03em; color: #000000; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; min-height: 24px; height: auto; margin-top: 18px; } #link-info #link-title:focus { box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; } #link-info #link-description { font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #000000; margin-bottom: 18px; border: none; background: none; width: 100%; min-height: 50px; height: auto; box-shadow: none; -webkit-box-shadow: none; } #link-info #link-description:focus { box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; } #link-info #link-info-link { padding-top: 2px; } #link-info #link-undo-button { text-align: center; border: 1px solid #000000; border-radius: 4px; padding: 2px 8px; cursor: pointer; color: #000000; font-size: 12px; max-width: 90px; } #link-info #link-undo-button:hover { background-color: #c3c3c3; } #link-info #link-info-link { display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } #link-info a { font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; letter-spacing: -0.01em; color: #000000; margin-left: 12px; } @keyframes loading { 0% { transform-origin: 100% 100%; transform: rotate(0deg); } 100% { transform-origin: 100% 100%; transform: rotate(360deg); } } .loading { width: 24px; height: 24px; margin: 20px 24px 0 0; } .loading:before { position: absolute; display: block; content: ""; z-index: 12; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background-color: #FFF; } .loading:after { position: absolute; display: block; content: ""; z-index: 11; width: 12px; height: 12px; border-radius: 200px 0 0; background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0, #cacaca 50%, #cacaca 100%); animation: loading 0.5s linear infinite; } #community-select-results #results { overflow-y: scroll; height: 280px; } #community-select-results #community-search { border-bottom: 1px solid #f7f7f7; padding: 8px 12px 0 12px; } #community-search i { color: #9B9B9B; font-size: 18px; } #community-search input { border: none; height: 25px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #000000; opacity: 0.3; width: 286px; margin-left: 6px; } #community-select-results .results-section-title { font-style: normal; font-weight: bold; font-size: 10px; line-height: 14px; letter-spacing: -0.03em; color: #AAA6A6; text-transform: uppercase; margin: 8px 8px; } .community-search-results ul li.selected { background-color: rgba(190, 190, 190, 0.20); cursor: pointer; } .community-search-results ul li:hover { background-color: rgba(190, 190, 190, 0.20); cursor: pointer; } .submit-extra-data .checkbox { margin-top: 40px; } .submit-extra-data .checkbox label input { margin-top: 6px; } .submit-extra-data .checkbox label { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #000000; } .submit-extra-data .checkbox label i{ color: #c9c9c9; font-size: 14px; } .btn-mnm-submit { font-size: 14px; padding: 8px 40px; text-transform: uppercase; border-color: #ba450f !important; -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.37); -moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.37); box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.37); } .btn-mnm-submit:hover { background-color: #ba450f; color: #FFFFFF; } /** FLASH MESSENGER **/ .alert { text-align: center; margin-top: 8px; } .alert-success { color: #ffffff; background-color: #008B94; border-color: #008B94; } .alert a { color: #ffffff; text-decoration: underline; } /** TOUR **/ .tour { background-color: #ffffff; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; max-width: 420px; padding: 8px 12px; -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.4); } .tour.right > .arrow:after { border-right-color: #ffffff; } .tour.left > .arrow:after { border-left-color: #ffffff; } .tour.top > .arrow:after { border-top-color: #ffffff; } .tour.bottom > .arrow:after { border-bottom-color: #ffffff; } .tour .popover-title { background-color: transparent; border: none; padding: 0; font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #193A70; margin-bottom: 8px; } .tour .popover-img { margin-top: 8px; margin-right: 8px; } .tour .popover-content { padding: 0; font-style: normal; font-weight: normal; font-size: 14px; line-height: 108.18%; letter-spacing: -0.03em; color: #193A70; margin-bottom: 8px; } .tour .popover-navigation { border-top: 1px solid rgba(25, 58, 112, 0.3); padding: 0 !important; } .tour .popover-header button { position: absolute; top: 0px; right: 0px } .tour button:hover { background-color: transparent; } .tour button { text-transform: uppercase; background-color: transparent; border: none; font-style: normal; font-size: 14px; line-height: 108.18%; letter-spacing: -0.03em; color: #193A70; } .tour .popover-navigation button:hover { text-decoration: underline; } .tour-backdrop { opacity: 0.4; filter: alpha(opacity=40); } /** UNDO VOTE **/ .undo-comment-vote-icon-positive { position: absolute; top: 9px; left: 13px; font-size: 9px; color: #ffffff; text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green; } .undo-comment-vote-icon-negative { position: absolute; top: 9px; left: 13px; font-size: 9px; color: #ffffff; text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red; } .menealo a, .menealo span { padding-left: 4px; padding-right: 4px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } /** ONBOARDING **/ #onboarding-modal .vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; } #onboarding-modal .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events:none; } #onboarding-modal .modal-content { background: linear-gradient(162.46deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), #1B8EAA; background-blend-mode: overlay, normal; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.25); width:inherit; max-width:inherit; height:inherit; margin: 0 auto; pointer-events: all; } #onboarding-modal .modal-header { border: 0; } #onboarding-modal .modal-header button { font-weight: 400; font-size: 14px; line-height: 140.18%; text-align: right; color: #FFFFFF; text-shadow: none; opacity: 1; filter: alpha(opacity=100); } #onboarding-modal .modal-header button:hover { background-color: transparent; } #onboarding-modal .modal-footer { border: 0; text-align: center; } #onboarding-modal .modal-footer .step-selector i { color: #FFFFFF; margin-right: 28px; font-size: 11px; } #onboarding-modal .modal-footer .step-selector i:last-child { margin-right: 0; } #onboarding-modal .modal-footer button { background: #FFFFFF; border-radius: 4px; font-style: normal; font-weight: bold; font-size: 15px; line-height: 20px; text-align: center; letter-spacing: -0.03em; text-transform: uppercase; margin-bottom: 22px; width: 220px; } #onboarding-modal .modal-footer button.blue { color: #1B8EBF; } #onboarding-modal .modal-footer button.purple { color: #9414E3; } #onboarding-modal .modal-footer button.orange { color: #E35614; } #onboarding-modal .modal-body { overflow: hidden; height: 480px; } #onboarding-modal #onboarding-steps { position:absolute; left:0; top:0; display: inline-block; width: 300%; } #onboarding-modal .step { width: 33%; float: left; } #onboarding-modal .step-title { font-style: normal; font-weight: bold; font-size: 24px; line-height: 117.18%; text-align: center; color: #FFFFFF; margin-bottom: 22px; padding: 0 64px; } #onboarding-modal .step-content { font-style: normal; font-weight: normal; font-size: 14px; line-height: 140.18%; text-align: center; color: #FFFFFF; padding: 0 64px; } #onboarding-modal .step-image { text-align: center; margin-top: 48px; margin-bottom: 48px; padding-left: 64px; padding-right: 64px; } #onboarding-modal .step-image img { width: 60%; } /** NEWSLETTER BANNER **/ #newsletter p { color: white; } #newsletter a { border-radius: 4px; height: 36px; padding: 8px; } /** MAIN MENU **/ #userinfo #nav-menu { margin-top: 6px; } #more-options { height: auto; background-color: #353535; position: absolute; top: 47px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #more-options ul.menu01-itemsr { list-style: none; margin-bottom: 10px; display: block; float: none; margin-top: 4px; padding: 0; } #more-options ul li { float: none; margin: 0; position: relative; margin-bottom: 8px; padding: 4px 24px; width: 150px; } #more-options ul.menu01-itemsr li a .option-icon { float: left; color: rgb(210, 210, 210); margin-top: 7px; margin-right: 7px; } #more-options ul.menu01-itemsr li a .option-title { color: #fff; text-transform: uppercase; font-size: 13px; white-space: nowrap; font-weight: 600; } #more-options ul.menu01-itemsr li a .option-subtitle { color: rgb(210, 210, 210); text-transform: none; font-size: 12px; } #more-options ul.menu01-itemsr li:hover { background-color: rgba(248, 248, 248, 0.22); } #more-options ul.menu01-itemsr li a:hover { text-decoration: none; padding: 0; margin: 0; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-top: 18px; margin-bottom: 18px; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure.image { margin: 12px; } figure.image > img { width: 90%; max-width: 350px; border-radius: 12px; display: block; } .comment-text > img[src*="giphy.com"] { width: 90%; max-width: 350px; border-radius: 12px; display: block; margin: 12px 0; } .usertext > .premium { font-size: 10px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; padding: 6px 2px; border-radius: 4px; line-height: 0px; background: #fff; color: #e36214; font-weight: 500; margin-top: -4px; } .no-cookies-block { display: flex; flex-direction: column; min-height: 350px; align-items: center; } .no-cookies-block > p { margin-bottom: 14px; } .no-cookies-block > img { margin-bottom: 22px; width: 141px; height: auto; } @media only screen and (max-device-width: 480px) { .news-body.ads .text-sponsor { width: 100%; } .news-shakeit.ads { top: 0px; } .news-body.ads .icon-sponsor { margin-top: -25px; float: right; } .icon-sponsor img.sponsor-logo { width: 110px; position: relative; top: 28px; right: 0px; } #communities-nav-tabs { padding-left:2px; padding-right:2px; } #communities-nav-tabs li { display:block !important; width:100%; margin:0px; text-align: left; } #communities-nav-tabs li.active { border-bottom:1px solid #ddd!important; margin: 0px; } #communities-nav-tabs li.active a { border-bottom: none; } } @media only screen and (max-device-width: 1000px) { .news-body.ads span.sponsor { top: 68px; right: 12px; } } @media (max-width: 1024px) { #nav-panel .searchform .searchbox { padding-left: 25px; } #header-center .action-link span { display: none; } .menu-more .dropdown-menu { left: auto; right: 0; } .section .charlist { float: none; text-align: center; margin-bottom: 10px; } .subs-listing td.followers { display: none; } .subs-listing td { height: auto; padding: 10px 0; } .subs-listing td.name { padding: 10px 10px 10px 5px; } .subs-listing .actions { width: 100px; } .subs-listing .actions .followers { width: auto; display: inline-block; } .section-profile-header { padding: 0 20px; } } @media (min-width: 960px) { #faq-container .container { max-width: 960px; margin: 0 auto; } .featured-links .featured-links-item { width: 24%; } } @media (max-width: 991px) { .story-blog .main-content h1, .section.section-article-submit .input-title { margin-top: 10px; } .story-blog .story-blog-aside { padding: 10px; } .story-blog .story-blog-aside .shake-container { margin-top: 20px; } .story-blog .story-blog-aside .comments, .story-blog .story-blog-aside .share-icons { margin-top: 15px; } .section-profile-header { flex-flow: row wrap; align-items: center; justify-content: center; } .section-profile-header-avatar { align-self: flex-start; margin-bottom: 20px; } .section-profile-header-info { flex: 1 0 calc(100% - 80px); align-self: flex-start; margin-bottom: 20px; } .section-profile-header-stats { flex: 1; padding: 0; } .section-profile .contents-layout { padding: 0; } } @media (max-width: 800px) { .section-with-sidebar { margin: 0; } .section .intro-large, .section .charlist { display: none; } .form.form-search .form-group-filter { padding: 0 4px; } .form.form-search .input-filter { float: none; width: 100%; } } @media (max-width: 767px) { #sponsored-indicator { justify-content: center; font-size: 10px; width: auto; padding-right: unset; position: relative; max-width: 70px; margin-bottom: 8px; top: unset; right: unset; } .section { margin-top: 20px; } .section .intro { margin-bottom: 20px; } .form .checkbox-inline, .form .radio-inline { display: block; width: 100%; margin-top: 10px; } .form .form-control + .checkbox.checkbox-inline, .form .form-control + .radio.radio-inline, .form .checkbox.checkbox-inline + .checkbox.checkbox-inline, .form .radio.radio-inline + .radio.radio-inline { margin-left: 0; margin-top: 10px; } .poll-vote footer span { font-size: 11.5px; } .poll-vote footer span.separator { margin: 0 3px; } .story-blog .main-content h1, .section.section-article-submit .input-title { font-size: 30px; line-height: 34px; margin-bottom: 25px; } .story-blog .main-content .text, .section.section-article-submit .input-editable { font-size: 18px; line-height: 1.4em; } .section-profile-header-banner { display: none; } .section-profile .contents-layout { flex-flow: row wrap; } .section-profile .contents-layout .contents-menu { flex-basis: 100%; } .section-profile .contents-layout .contents-menu { display: -ms-flexbox; display: flex; flex-flow: row nowrap; } .section-profile .contents-layout .contents-menu a { flex: 1; padding: 20px 10px; } .section-profile .contents-layout .contents-menu a span { display: none; } .section-profile .contents-layout .contents-menu a img { width: 18px; height: 16px; } } @media (max-width: 568px) { .row { margin: 0; } .section-profile-header { display: block; padding: 0 10px; text-align: center; } .section-profile-header-info { padding: 0; } .section-profile .contents-layout .contents-menu a i { font-size: 18px; } .section-profile .contents-layout .contents-submenu, .section-profile .contents-layout .contents-submenu a { display: block; } .section-profile .contents-layout .contents-body { padding: 5px; } .featured-links { margin-top: 28px; margin-bottom: 8px; } #onboarding-modal .step-image img { width: 100%; } #onboarding-modal .step-image { padding-left: 0; padding-right: 0; } #onboarding-modal .step-title { padding: 0 28px; } #onboarding-modal .step-content { padding: 0 28px; } #newsletter #mc_embed_signup #newsletter-legal { text-align: center; margin-right: 0; } #newsletter p { margin-bottom: 12px; } } @media (max-width: 388px) { .section { margin-top: 10px; } .section h1 { font-size: 32px; margin-bottom: 10px; } .section.section-large h1 { font-size: 36px; } .section .intro { font-size: 15px; } .form.form-edit .footer .btn.btn-mnm { display: block; width: 100%; padding: 8px; } .social-buttons .icon { display: none; } .separator { margin: 10px; } .border-left { padding-left: 5px; margin-left: 5px; } .poll-vote footer span { font-size: 9.5px; } } @media (max-width: 340px) { .action-links * { font-size: 11px; line-height: 11px; } .subs-listing .actions .action-link { font-size: 12px; line-height: 12px; } .poll-vote footer span.separator { margin: 0; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Description: Menéame CSS file Site URI: http://meneame.net Authors: Ricardo Galli, Benjamí Villoslada, Damián Vila, Aníbal De Castro Licence: Affero GPL License (http://meneame.net/COPYING) */ .material-form { } .material-form#login-form{ border-left:1px solid #ccc; padding: 0 25px; } .material-form span.help-block { font-size: 12px; font-weight: 500; line-height: 16px; margin-top: 4px; max-height: 1000px; opacity: 1; color: #ea0027; transition: all .2s ease-in-out; } .material-input-group { border: 1px solid #ccc; border-radius: 5px; margin-bottom: 8px; padding: 2px; background-color: #fff; overflow: hidden; position: relative; width: 100%; transition: all 0.28s; } .input-error { border-color: #ac0d00; } .material-input-group input[type="text"], .material-input-group input[type="password"] { appearance: none; background: transparent; border: 0; color: #333; display: block; font-size: 1.4rem; margin-top: 12px; margin-bottom: 0; outline: 0; padding: 4px 12px; width: 100%; box-shadow: none; } .material-input-group input[type="checkbox"] { margin-top: 1px; } .material-input-group label { display: block; font-size: 1.4rem; font-weight: normal; left: 0; margin: 0; padding: 13px 12px 0 ; position: absolute; top: 0; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform, color; transition-duration: 150ms, 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0s, 0s; width: 100%; color: #cdcdcd; } .material-input-group label.label-active { font-size: 1.05rem !important; transform: translateY(-14px); } .material-input-group label.label-error { color: #ac0d00; } .material-form button.input-password-show { border: none; margin: 0; background: none; position: relative; padding: 10px 20px; } .material-form button.input-password-show:hover, button.input-password-show:focus, button.input-password-show:active { background: none; -webkit-box-shadow: none; box-shadow: none; } .material-form .message-container { min-height: 36px; margin-bottom: 8px; } .message-container .response { margin: 0; padding: 0; text-align: center; font-size: 12px; letter-spacing: normal; } .material-form .bottomline div { margin-top: 14px; } .material-form .bottomline a { font-weight: 700; color: #e35614; font-size: 13px; } .material-form .btn.btn-mnm.btn-lg { padding: 11px 12px; } .material-form input[type="checkbox"] { margin-top: 0; } .material-form .checkbox label { font-size: 1.25rem; } .material-social-buttons { padding: 81px 10px 81px 53px; } @media (max-width: 540px) { .material-form#login-form{ border: none; padding: 0; } .material-social-buttons { padding: 20px 0; } .material-form .bottomline { text-align: center; } } #top-advise { height: 45px; } #top-advise-content { padding-top: 7px; text-align: center; } .top-advise-info { background-color: #007aa5; color:white; font-size: 16px; font-family: Lato, sans-serif; } .top-advise-info #top-advise-title { font-weight: bold; } .top-advise-info #top-advise-message { font-weight: 200; } .top-advise-info #top-advise-message > a { color: white; font-weight: 400; text-decoration: underline; } .top-advise-info #top-advise-close-button { margin-top: 10px; color:#FFFFFF; filter: alpha(opacity=100); opacity: 1; } .top-advise-info #top-advise-close-button:hover { background-color: #007aa5; color: #dcdcdc; } .top-advise-info #top-advise-main-action { color:white; font-size: 16px; padding: 4px 8px; border: 1px solid white; border-radius: 4px; margin-left: 22px; display: none; } .top-advise-info #top-advise-main-action:hover { text-decoration: none; border: 1px solid #007aa5; background-color: rgba(202, 202, 202, 0.4); } @media (max-width: 800px) {body { background: #fff; font-size: 15px; } .mnm-center-in-wrap { min-width: 0px; max-width: 100%; } .news-body h1, .news-body h2 { font-size: 18px; } /* Avoid auto zoom */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="email"], input[type="url"], input[type="search"] { font-size: 16px; } #nav-panel .searchform .searchbox { width: 150px; } #nav-panel .searchform form:before { font-family: FontAwesome; content: "\f002"; position: absolute; padding-left: 5px; color: #303030; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .select-wrapper-more-options { position: relative; text-align: right; margin-top: -20px; } .select-wrapper-more-options:after { content: '\f0d7'; font-family: FontAwesome; color: #FE6117; display: inline-block; position: absolute; pointer-events: none; top: 2px; right: 15px; } select.select-menu-more-options { width: auto; font-size: 10px; font-family: 'Open Sans', sans-serif; background-color: #f9f9f9; border: 1px solid #ddd; color: #4A4A4A; margin: 0; padding: 5px 50px 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #variable { min-width: 0; margin-top: 20px; } #container { clear: none; margin-top: 0px; } #header { min-width: 0; } #header-top { top: 0px; left: 0px; width: 100%; z-index: 10; min-width: 0px; height: 47px; } #header-top a.sub-selector { background-color: #fff; color: #FE6117; border-radius: 9999px; display: inline-block; width: 28px; height: 28px; padding-left: 8px; padding-top: 5px; margin-top: 10px; margin-left: 3px; cursor: pointer; float: left; font-size: 12px; } #header-sub { position: relative; height: 35px; overflow: hidden; white-space: nowrap; font-size: 16px; padding: 5px 5px; background-color: #ccc; } #header-sub, #header-sub a, #header-sub img { color: #fff; vertical-align: bottom; font-variant: small-caps; font-weight: bold; } #header-sub .favorite {} #nav-menu { margin-top: 5px; float: right; } #header-top .logo-mnm { margin-top: 10px; } #header-top .logo-mnm img { height: 25px; width: 114px; } #header-top #notifier { padding-top: 7px; font-size: 20px; } #notifier_panel { top: 41px; } #notifier_panel div { font-size: 16px; } #header-top .usertext { margin-top: 7px; } #header-top ul#userinfo { margin: 5px 0 0 0; } #userinfo #avatar { width: 26px; height: 26px; margin-top: 6px; } #header-top .userlogin { margin-top: 4px; } #header-center, #sidebar, #edlist, .logo-ed, .wideonly, .wide { display: none; background: none !important; } .wideonly, .wide { display: none !important; } .header-menu-wrapper { overflow: hidden; height: 39px; } .header-menu01 { height: 38px; padding-top: 3px; margin-left: 10px; } .header-menu01 .dropdown { position: absolute; margin-top: 1px; } .header-menu01 a.submit_new_post { margin-top: -4px; } .header-menu01 a.submit_new_article { display:none; } #nav-panel .submit_new_post { font-size: 13px; border: none; box-shadow: none; font-weight: bold; background: none; } #nav-panel li.separator { display: inline-block !important; } .dropdown-menu.menu-subheader li.separator { display: block; border-top: 1px dotted #000; margin-left: 0; } .subs-listing-wrapper .subs-listing a, .subs-listing-wrapper .subs-listing .description { border: none; text-align: left; padding-left: 0px; line-height: 20px; } .subs-listing-wrapper .subs-listing a.sub-image { text-align: center; } .subs-listing-wrapper .subs-listing a.sub-name { color: #FF6600; font-size: 18px; text-transform: capitalize; } @media (min-width:500px) and (orientation:landscape) { .wide { display: inline-block; } } #notifier_panel { position: fixed; } .sneaker { font-size: small; } #singlewrap, #newswrap { margin: 5px 5px 0px 5px; } .comment-body.high { background-image: none; } .comment-footer .comment-info { max-width: 25%; } .comment-footer .username { margin-left: 2px; font-weight: normal; } #footwrap { margin: 5em 5px 0 5px; clear: both; } .banner-top { width: 470px; } #wrap { min-width: 0; max-width: auto; } .subheader { height: auto; padding-left: 5px; line-height: 180%; } #toplink .thumbnail.medium { width: 60px; height: 60px; } .news-body { padding-left: 5px; padding-right: 5px; overflow: hidden; } @media (max-width: 320px) { .news-body { padding-left: 2px; padding-right: 2px; } } .news-details-wrapper { position: relative; } .news-details { overflow: visible; width: 100%; float: none; height: auto; width: 100%; border-top: none; border-bottom: none; background-color: #fbfbfb; } div.tab-promoted-article { right:0; } .news-body.mobile.promoted-article { background-color: #F2F5FA; padding-top: 5px; } .news-details .news-details-data { text-align: center; } .news-details .news-details-main { border-top: 1px solid #FEE7DB; border-bottom: 1px solid #FEE7DB; width: 100%; } .news-details .news-details-main a.comments { text-align: center; width: 50%; padding: 0; } .news-details .news-details-main button {} .news-details .news-details-main button.social-share { text-align: center; width: 37% } .news-details .news-details-main button.link.favorite { border: none; text-align: center; width: 1%; padding-left: 3%; } .news-submitted { white-space: normal; margin: 10px 0 10px 0; float: none; } .news-details, .news-submitted img { float: left; } .news-details form { line-height: 11px; margin-left: 5px; padding-left: 3px; } .news-details form select { width: auto; } .news-shakeit { position: relative; top: 0; left: 0; float: left; margin: 0 10px 5px 0; } .comments, .notes { margin: 10px 0 0 0; } .pages.margin { margin-left: 5px; } #singlewrap { margin: 0; } .news-summary .warn { margin: 0px 0 5px 95px; display: block; } .commentform.warn { margin-left: 0; } .genericform { border: 0; margin: 0 10px 10px 10px; } .ads-interlinks { margin-left: 5px; } .share_icons img, .semiopaque { opacity: 0.8; } #cboxTitle { font-weight: normal; } .ts.nomobile { display: inline-block; text-decoration: underline; font-weight: bold; background: url('https://cdn.mnmstatic.net/v_149/img/common/icons-common.png') no-repeat 0px -126px; background-size: 20px 300px; width: 14px; height: 15px; cursor: pointer; color: transparent; overflow: hidden; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ts.nomobile { background-image:url('https://cdn.mnmstatic.net/v_149/img/common/icons-common-2x.png'); } } .link.favorite:after { content: none; } .link.favorite.on:after { content: none; } .news-details.main { width: 100%; } .news-details.main ul.share-icons a, .news-details.main ul.share-icons button { padding: 7px 10px; } .mnm-tooltip.share { margin-left: -70px; } div.subs-main-menu { position: fixed; z-index: 3; background-color: #fff; top: 47px; bottom: 0; width: 100%; } div.subs-main-menu li a { color: #4A4A4A; text-transform: uppercase; line-height: 47px; border-bottom: 1px solid #D6D6D6; text-decoration: none; display: block; width: 100%; font-size: 14px; padding-left: 20px; } div.subs-main-menu a .checkbox { margin-top: 0; margin-bottom: 0; float: right; margin-top: 8px; } div.subs-main-menu .checkbox-slider--b-flat input+span {} div.subs-main-menu .checkbox-slider--b-flat input+span:before { background-color: #A1A1A1; background: #A1A1A1; box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.50); animation: none; } div.subs-main-menu .checkbox-slider--b-flat input+span:after { animation: none; } div.subs-main-menu .checkbox-slider--b-flat input:checked+span:before { background-color: #FE6117; background: #FE6117; box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.50); animation: none; } div.subs-main-menu .checkbox-slider--b-flat input:checked+span:after { animation: none; } div.subs-main-menu a.chevron-right:after { font-family: FontAwesome; content: "\f054"; display: inline-block; color: #4A4A4A; -webkit-text-stroke: 2px #fff; font-size: 20px; float: right; margin-right: 30px; margin-top: 2px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } div.subs-main-menu a.chevron-right.open { border-bottom: none; } div.subs-main-menu a.chevron-right.open:after { content: "\f077"; } div.subs-main-menu a.follow-subs { clear: right; } div.subs-main-menu a.follow-subs span { color: #FE6117; border: 2px solid #FE6117; border-radius: 11px; padding: 2px 10px; margin-left: 10px; } div.subs-listing-wrapper { display: block; width: 100%; overflow-y: scroll; } .news-summary.sponsored .news-shakeit { top: 0; } .news-summary.sponsored .news-body .text-sponsor { float: none; width: auto; }}