plantroon/planblog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Simplified implementation of cover image

Browse Source
This commit is contained in:
Keichi Takahashi 2015-02-05 03:08:19 +09:00
parent 9acf1a71c5
commit 080202e6cc
2 changed files with 0 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layouts/partials/header.html
View File

@ -34,7 +34,6 @@
</head> </head>
<body> <body>
<header class="global-header"> <header class="global-header">
<div class="header-img hidden-print"></div>
<section class="header-text"> <section class="header-text">
<h1><a href="{{ .Site.BaseUrl }}">{{ .Site.Title }}</a></h1> <h1><a href="{{ .Site.BaseUrl }}">{{ .Site.Title }}</a></h1>
{{ with .Site.Params.subtitle }} {{ with .Site.Params.subtitle }}

16
static/css/main.css
View File

@ -5,27 +5,11 @@ main {
/* Header */ /* Header */
.global-header { .global-header {
position: relative;
height: 210px;
}
@media (max-width: 768px) {
.global-header {
height: 250px;
}
}
.header-img {
width: 100%;
height: 100%;
background-image: url(/images/bg.jpg); background-image: url(/images/bg.jpg);
background-size: cover; background-size: cover;
} }
.header-text { .header-text {
position: absolute;
top: 0;
width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);