index.css

/*! 2layer - v1.0.0*/
.button-panel{clear:both;text-align:center;margin:35px 0 0}@media screen and (max-width:540px){.button-panel{margin:0}}.button{background:#fff;border:solid 2px #222;padding:0 25px 4px;font-family:'iflash-705','Terminal',monospace;font-size:16px;cursor:pointer;box-shadow:0 2px 0 0 #bbb}.button:active{margin-top:2px;box-shadow:none}.button:hover{color:#0060a6}html,body{height:100%}.hidden,html[lang="en"] *[lang="ru"],html[lang="ru"] *[lang="en"]{display:none}.content{min-width:360px;margin:0 auto;font-family:'Helvetica Neue','Arial',sans-serif;color:#222}.content_state_page .map,.content_state_gallery .map{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}.content_state_gallery .layer_type_share,.content_mode_admin .share{display:none}@media screen and (max-width:1200px){.content_state_page .menu,.content_state_gallery .menu,.content_state_page .share_mode_fixed,.content_state_gallery .share_mode_fixed{display:none}}@media screen and (max-width:540px){.content_state_page .map,.content_state_gallery .map{display:none;-webkit-filter:none;-moz-filter:none;filter:none}}@font-face{font-family:'iflash-705';src:url('css/fonts/iflash-705.eot');src:local('☺'),url('css/fonts/iflash-705.woff') format('woff'),url('css/fonts/iflash-705.ttf') format('truetype'),url('css/fonts/iflash-705.svg') format('svg');font-weight:400;font-style:normal}.gallery{box-sizing:border-box;-moz-box-sizing:border-box;max-width:960px;margin:0 auto;min-height:100%;padding:50px 50px 50px 75px;font-family:'iflash-705','Terminal',monospace;font-size:14px;line-height:170%;background:#fff;position:relative}.gallery__licence{margin:0 0 10px 10px}.gallery__licence a{color:#999;font-size:13px}.gallery__licence a:hover{color:#00f}.gallery__image{max-height:100%;max-width:100%;cursor:pointer}.gallery__date,.gallery__title{font-size:14px;text-align:left}.gallery__date{margin-bottom:2em;color:#777}.gallery__link{font-size:16px;color:inherit;line-height:30px}.gallery__close{color:#222;font-size:40px;line-height:60px;position:absolute;right:50px;top:10px;text-decoration:none;font-family:Helvetica}.gallery__close:hover{color:#0060a6}@media screen and (max-width:540px){.gallery{padding:5px 5px 10px}.gallery__date{font-size:10px}.gallery__close{right:10px;top:10px;line-height:20px}.gallery__date{margin-bottom:0}}.icon{background:url('images/characters-2.png');background-size:auto 32px;height:32px;width:32px;display:inline-block}.icon_margin_yes{margin-right:12px;margin-bottom:-5px}.icon_id_0{background-position:0 0}.icon_id_1{background-position:-32px 0}.icon_id_2{background-position:-64px 0}.icon_id_3{background-position:-96px 0}.icon_id_4{background-position:-128px 0}.icon_id_5{background-position:-160px 0}.icon_id_6{background-position:-192px 0}.icon_id_7{background-position:-224px 0}.icon_id_8{background-position:-256px 0}.icon_id_9{background-position:-288px 0}.icon_id_10{background-position:-320px 0}.icon_id_11{background-position:-352px 0}.icon_newbie_yes:after{display:block;background:red;border-radius:5px;height:10px;opacity:.8;font-family:'iflash-705','Terminal',monospace;font-size:8px;line-height:8px;color:#fff;content:'new';margin:-2px 0 0 3px;padding:0 3px 2px 5px;position:absolute}.layer{z-index:1;position:absolute;width:100%}.layer_height_100{height:100%}.logo{font-family:'iflash-705','Terminal',monospace;position:fixed;left:5px;top:5px;background:#fff;padding:5px 15px 10px;font-size:14px}.logo__image{width:28px;margin-bottom:-7px}@media screen and (max-width:540px){.logo{padding:0 5px}}.map{height:100%;width:100%}.map,.menu{position:fixed}.menu{font-family:'iflash-705','Terminal',monospace;left:5px;top:5px}.menu__item{margin-bottom:5px}.menu__link{text-decoration:none;color:inherit;background:#fff;padding:0 15px 5px;transition:color .3s ease-in-out;font-size:14px}.menu__link:hover{color:#0060a6}@media screen and (max-width:540px){.menu__link{font-size:12px}}.modal{position:fixed;left:50%;top:50%;width:600px;height:370px;margin-left:-300px;margin-top:-200px;background:#fff;outline:9999px solid rgba(0,0,0,.2);padding:20px;font-family:'iflash-705','Terminal',monospace;font-size:12px}.modal__header{font-size:32px;margin-bottom:10px;padding-left:10px}.modal__section{display:block;padding:10px}.modal__section input{position:absolute;left:150px;width:450px;padding:2px}.modal__section span{line-height:20px;height:20px;display:inline-block}.modal__buttons{padding:10px;text-align:right}.online{font-family:'iflash-705','Terminal',monospace}.online__item{float:left;width:50%;overflow:hidden;white-space:nowrap}.online__date,.online__title{font-size:14px;text-align:left}.online__date{margin-bottom:2em;color:#777}.online__link{font-size:16px;color:inherit;line-height:30px;text-overflow:ellipsis}@media screen and (max-width:540px){.online__item{width:100%;float:none}}.page{box-sizing:border-box;-moz-box-sizing:border-box;max-width:960px;margin:0 auto;min-height:100%;padding:50px 50px 50px 75px;font-size:14px;line-height:170%;background:#fff;position:relative}.page p{margin-bottom:1.5em}.page p:last-child{margin-bottom:6em}.page h2{font-family:'iflash-705','Terminal',monospace;font-size:40px;line-height:1.5em;margin-bottom:1em}.page .minor{color:#666}.page .minor a{color:#333}.page__close{color:#222;font-size:40px;line-height:60px;position:absolute;right:50px;top:10px;text-decoration:none;font-family:Helvetica}.page__close:hover{color:#0060a6}@media screen and (max-width:540px){.page{padding:10px}.page__close{right:10px;top:10px;line-height:20px}.page h2{font-size:20px}}.share_mode_fixed{position:fixed;left:5px;bottom:5px}.share_bg_fff{background:#fff}.share_mode_bottom{text-align:center;padding:70px 0 10px}.share_mode_float{float:right}.share .b-share__text,body .b-share-popup__item{font-family:'iflash-705','Terminal',monospace}body .b-share-popup__item{font-size:12px}@media screen and (max-width:540px){.share .b-share__handle .b-share__text{display:none}}html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup,sub{vertical-align:baseline}legend{color:#000}