prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[enh] yay, titles for galleries covers

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-03 07:26:37 +01:00
parent 8c2ae9db85
commit 418040a769
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
materialize/css/style.css
View File

@ -30,3 +30,15 @@
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
} }
.gallery-title {
color: white;
width: 100%;
position: absolute;
top: initial;
bottom: 0px;
text-align: center;
z-index: 3;
background: transparent -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%;
padding: 20% 0 0;
}

12
templates/example.html
View File

@ -28,12 +28,20 @@
<div class="galleries-grid"> <div class="galleries-grid">
<div class="galleries-line"> <div class="galleries-line">
<div class="gallery-square"> <div class="gallery-square">
<div class="gallery-title">
<h2>First Gallery Title</h2>
<h3>Sub gallery title</h3>
<div>3th march 2015</div>
</div>
<div class="gallery-cover" style="background-image: url('./1.png');"></div> <div class="gallery-cover" style="background-image: url('./1.png');"></div>
<p>pouet</p>
</div> </div>
<div class="gallery-square"> <div class="gallery-square">
<div class="gallery-title">
<h2>Second Gallery Title</h2>
<h3>Sub gallery title</h3>
<div>3th march 2015</div>
</div>
<div class="gallery-cover" style="background-image: url('./1.png');"></div> <div class="gallery-cover" style="background-image: url('./1.png');"></div>
<p>pouet</p>
</div> </div>
</div> </div>
</div> </div>