minor changes
This commit is contained in:
parent
3a66d7433b
commit
542775a080
2 changed files with 63 additions and 2 deletions
|
@ -1,6 +1,6 @@
|
||||||
@import url(fontawesome-all.min.css);
|
@import url(fontawesome-all.min.css);
|
||||||
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
|
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
|
||||||
/*@import url(not-style-specific.css);*/
|
@import url(not-style-specific.css);
|
||||||
/*
|
/*
|
||||||
Editorial by HTML5 UP
|
Editorial by HTML5 UP
|
||||||
html5up.net | @ajlkn
|
html5up.net | @ajlkn
|
||||||
|
|
|
@ -1,8 +1,69 @@
|
||||||
|
|
||||||
|
|
||||||
|
/* books */
|
||||||
|
|
||||||
|
.book {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin: .25em;
|
||||||
|
position: relative;
|
||||||
|
text-transform: initial;
|
||||||
|
transition: transform .05s;
|
||||||
|
width: 100px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.book .book__back {
|
||||||
|
background-color: black;
|
||||||
|
bottom: 0;
|
||||||
|
color: white;
|
||||||
|
font-size: 8px;
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: 0 .5em;
|
||||||
|
position: absolute;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.book:focus .book__back {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.book:hover, book:focus {
|
||||||
|
transform: scale(1.4);
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* progress bar */
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: white;
|
||||||
|
border: 2px solid var(--base-dark);
|
||||||
|
border-radius: 3px;
|
||||||
|
height: 14px;
|
||||||
|
margin: .5em auto;
|
||||||
|
position: absolute;
|
||||||
|
top: 38%;
|
||||||
|
width: 106%;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress__bar50 {
|
||||||
|
background-color: var(--base-green);
|
||||||
|
border-right: 2px solid var(--base-dark);
|
||||||
|
height: 10px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress__bar.progress__bar--dnf {
|
||||||
|
background-color: var(--base-yellow);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.postlist-link {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue