136 lines
1.9 KiB
SCSS
136 lines
1.9 KiB
SCSS
@charset "utf-8";
|
|
@import "~bulma/sass/utilities/_all.sass";
|
|
|
|
$body-background-color: $light;
|
|
|
|
@import "~bulma/bulma";
|
|
|
|
.is-fullwidth { width: 100%; }
|
|
.is-fixed-bottom {
|
|
position: fixed;
|
|
bottom: 0;
|
|
margin-bottom: 0px;
|
|
border-radius: 0;
|
|
}
|
|
.is-borderless { border: none; }
|
|
|
|
.has-background-transparent {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar + .container {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.navbar.has-shadow, .navbar.is-fixed-bottom.has-shadow {
|
|
box-shadow: 0em 0em 1em rgba(0,0,0,0.1);
|
|
}
|
|
|
|
a.navbar-item.is-active {
|
|
border-bottom: 1px grey solid;
|
|
}
|
|
|
|
.navbar .navbar-dropdown {
|
|
z-index: 2000;
|
|
}
|
|
|
|
/*
|
|
.navbar-brand img {
|
|
min-height: 6em;
|
|
}
|
|
|
|
.navbar-menu .navbar-item:not(:last-child) {
|
|
border-right: 1px $grey solid;
|
|
}
|
|
*/
|
|
|
|
|
|
/** page **/
|
|
.page {
|
|
& > .cover {
|
|
float: right;
|
|
max-width: 45%;
|
|
}
|
|
|
|
.header {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.headline {
|
|
font-size: 1.4em;
|
|
padding: 0.2em 0em;
|
|
}
|
|
|
|
p {
|
|
padding: 0.4em 0em;
|
|
}
|
|
}
|
|
|
|
section > .toolbar {
|
|
background-color: rgba(0,0,0,0.05);
|
|
padding: 1em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
|
|
main {
|
|
.cover {
|
|
margin: 1em 0em;
|
|
border: 0.2em black solid;
|
|
}
|
|
|
|
.small-cover {
|
|
width: 10em;
|
|
}
|
|
}
|
|
|
|
aside {
|
|
.small-cover {
|
|
width: 4em;
|
|
}
|
|
|
|
.media .subtitle {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.media .content {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
.player {
|
|
box-shadow: 0em 1.5em 2.5em rgba(0, 0, 0, 0.6);
|
|
|
|
.media-left:not(:last-child) {
|
|
margin-right: 0em;
|
|
}
|
|
|
|
.media-cover {
|
|
border-left: 1px black solid;
|
|
}
|
|
|
|
.cover {
|
|
font-size: 1.5rem !important;
|
|
height: 2.5em !important;
|
|
}
|
|
|
|
.media-content {
|
|
padding-top: 0.4em;
|
|
padding-left: 0.4em;
|
|
}
|
|
|
|
.button {
|
|
font-size: 1.5rem !important;
|
|
height: 2.5em;
|
|
min-width: 2.5em;
|
|
}
|
|
|
|
.title {
|
|
margin: 0em;
|
|
}
|
|
|
|
}
|
|
|
|
|