86 lines
1.4 KiB
CSS
86 lines
1.4 KiB
CSS
::-moz-selection {
|
|
background: #b3d4fc;
|
|
text-shadow: none;
|
|
}
|
|
::selection {
|
|
background: #b3d4fc;
|
|
text-shadow: none;
|
|
}
|
|
.cf:before,
|
|
.cf:after {
|
|
content: " "; /* 1 */
|
|
display: table; /* 2 */
|
|
}
|
|
|
|
.cf:after {
|
|
clear: both;
|
|
}
|
|
|
|
.wrapper{
|
|
position: absolute;
|
|
bottom: 36px;
|
|
left: -15px;
|
|
}
|
|
.span, .span_large{
|
|
width: 100px;
|
|
background-color: rgba(0,0,0, 0.02);
|
|
}
|
|
.span:last-child{
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.intro span, p{
|
|
font-size: 15px;
|
|
font-weight: 200;
|
|
}
|
|
|
|
/*Location indicator */
|
|
.location_indicator{
|
|
position: relative;
|
|
}
|
|
|
|
.location_indicator:before, .location_indicator:after{
|
|
position: absolute;
|
|
content: "";
|
|
}
|
|
|
|
.location_indicator:before{
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 100% 100% 100% 0;
|
|
box-shadow: 0px 0px 0px 2px rgb(17, 55, 224);
|
|
-webkit-animation: mapping 0.6s linear infinite;
|
|
-moz-animation: mapping 0.6s linear infinite;
|
|
animation: mapping 0.6s linear infinite;
|
|
-webkit-transform: rotate(-46deg);
|
|
-moz-transform: rotate(-46deg);
|
|
transform: rotate(-46deg);
|
|
|
|
}
|
|
|
|
.location_indicator:after{
|
|
width: 40px;
|
|
height: 20px;
|
|
border-radius: 100%;
|
|
left: -4px;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
top: 30px;
|
|
z-index: -1;
|
|
}
|
|
|
|
@-webkit-keyframes mapping{
|
|
0% {top: 0;}
|
|
50%{top: -5px;}
|
|
100% {top:0; }
|
|
}
|
|
@-moz-keyframes mapping{
|
|
0% {top: 0;}
|
|
50%{top: -5px;}
|
|
100% {top:0; }
|
|
}
|
|
@keyframes mapping{
|
|
0% {top: 0;}
|
|
50%{top: -5px;}
|
|
100% {top:0; }
|
|
}
|