@import url("
https://maxcdn.bootstrapcdn.com/font-aw ... me.min.css");
/* ---------------------------------------------------------- */
/* карта анимации блока heading и back */
@keyframes forheading {
0% { transform: translateY(500px); }
45% { transform: translateY(-8px); }
65% { transform: translateY(10px); }
100% { transform: translateY(0px); }
}
/* -----------------------------------------------------------------------*/
/* ОБЩЕЕ СОБРАНИЕ КОДА ДЛЯ АНИМАЦИИ */
/* -----------------------------------------------------------------------*/
.element_123 { animation: forheading 1.2s ease-out; } /* - блок back */
.element_124 { animation: forheading 1.6s ease-out; } /* - блок handing */
/* -----------------------------------------------------------------------*/
/* стили для heading*/
/* -----------------------------------------------------------------------*/
.element_124 {
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* -----------------------------------------------------------------------*/
/* стили для кнопки BACK*/
/* -----------------------------------------------------------------------*/
.backbutton {
box-sizing: border-box;
color: white;
position: absolute;
width: 100%;
bottom: 0px;
padding: 0px;
align-items: center;
justify-content: space-around;
}
.backbutton .icon {
margin: 0;
width: 40px;
height: 40px;
padding: 0px;
text-align: center;
cursor: pointer;
/* border: 9px solid rgba(0, 233, 233, 0.6);
-moz-border-radius: 82px;
-webkit-border-radius: 82px;
border-radius: 82px; */
}
.backbutton .icon .fa {
margin: 0px 0px 0px 0px;
font-size: 40px;
}
/* ---------------------------------------------------------- */
/* прозрачность плана этажа 50% */
/* ---------------------------------------------------------- */
.element_129 {
opacity: 0.5;
}
/* ---------------------------------------------------------- */
/* свечение */
/* ---------------------------------------------------------- */
#state_226
{
-moz-box-shadow:0 0 50px 30px #FFDD55;
-webkit-box-shadow:0 0 50px 30px #FFDD55;
}
.enjoy-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 120px;
height: 70px;
margin: 4px -5px -5px 7px;
padding: 5px 10px;
overflow: hidden;
border: 4px solid;
-webkit-border-radius: 28px;
border-radius: 28px;
font: normal 10px/1 "Times New Roman", Times, serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #9b59b6;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
.temphum-css {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 150px;
height: 30px;
margin: 4px -5px -5px 7px;
padding: 5px 10px;
overflow: hidden;
border: 4px solid;
-webkit-border-radius: 28px;
border-radius: 28px;
font: normal 10px/1 "Times New Roman", Times, serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: #9b59b6;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
