Design
62 lines
1.2 KiB
Plaintext
62 lines
1.2 KiB
Plaintext
|
|
#wrapwrap.top_content #wrap {
|
|
> div#title.blog_header {
|
|
.graphene_top_content();
|
|
overflow: visible;
|
|
}
|
|
|
|
#title.blog_header {
|
|
.cover.cover_full {
|
|
height: 75vh;
|
|
.graphene_top_content();
|
|
}
|
|
.blog_title {
|
|
min-height: 300px;
|
|
top: 0;
|
|
margin-top: 15%;
|
|
|
|
@media screen and (max-width: @screen-sm-min) {
|
|
margin-top: 25%;
|
|
}
|
|
|
|
@media screen and (max-width: @screen-xs-max) {
|
|
margin-top: 30%;
|
|
}
|
|
}
|
|
> .container:not(.cover) {
|
|
z-index: 2;
|
|
|
|
#change_cover, .js_publish_management {
|
|
top: -150px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#blog_content {
|
|
background: #FEFEFE;
|
|
z-index: 2;
|
|
position: relative;
|
|
margin-top: 0 !important;
|
|
padding: @grid-gutter-width/2;
|
|
}
|
|
|
|
.readable {
|
|
@media screen and (max-width: @screen-xs-max) {
|
|
font-size: 110%;
|
|
}
|
|
}
|
|
}
|
|
|
|
#title.blog_header {
|
|
.cover.cover_narrow {
|
|
width: 100%;
|
|
height: 350px;
|
|
height: 35vh;
|
|
|
|
&.container-fluid {
|
|
height: 450px;
|
|
height: 45vh;
|
|
}
|
|
}
|
|
}
|