apps/kirjs/src/app/modules/svg/svg.component.css
:host ::ng-deep .monaco-editor .view-overlays .current-line {
display: none;
}
:host ::ng-deep .decorationsOverviewRuler {
display: none;
}
:host ::ng-deep .scrollbar.vertical {
display: none;
}
.timer {
position: fixed;
left: 20px;
bottom: 20px;
}
.bg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.intro {
background-image: url(pics/1.jpg);
}
.kirjs {
background-image: url(pics/ava.gif);
}
.svg-60 {
background-image: url(pics/2.jpg);
}
.example {
background-image: url(pics/3.jpg);
}
.the-end {
background-image: url(pics/4.jpg);
}
.dog {
background-image: url(pics/5.gif);
}
.bg.intro h2 {
background: #000;
color: white;
margin-top: 50vh;
padding: 50px;
font-size: 10vh;
opacity: 0.7;
}
.bg.kirjs h2 {
background: #000;
color: white;
margin-top: 50vh;
padding: 10px;
font-size: 10vh;
opacity: 0.7;
}
.bg h2 {
background: #fff;
color: black;
margin-top: 50vh;
padding: 50px;
font-size: 10vh;
opacity: 0.7;
}
.btn-bar {
line-height: 3vw;
}
.btn-bar:hover .font-size {
display: block;
font-size: 4vw;
}
.btn-bar .font-size {
display: none;
}
.twitter {
color: #444;
font-size: 3vw;
margin: 2vw;
}