[enh] work on fonts

This commit is contained in:
Laurent Peuch 2015-12-04 10:29:27 +01:00
parent c950d0f1cd
commit e3b06d9817
2 changed files with 47 additions and 3 deletions

View File

@ -1,3 +1,8 @@
body {
color: #222;
font-family: sans-serif;
}
.galleries-grid {
width: 100%;
height: 100%;
@ -48,3 +53,42 @@
margin-top: 10em;
margin-bottom: 8em;
}
.gallery-header > h1 {
font-size: 2.6vw;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 0;
}
.gallery-header > h4 {
font-size: 1.4vw;
color: #444;
font-style: italic;
font-weight: normal;
font-family: serif;
margin-top: .5em;
}
.gallery-title > h2 {
text-transform: uppercase;
margin-bottom: .2em;
letter-spacing: 2px;
font-size: 1.7vw;
}
.gallery-title > h3 {
font-style: italic;
margin-top: 0;
margin-bottom: .7em;
font-family: serif;
font-weight: normal;
}
.gallery-datetime {
margin-bottom: 1em;
font-family: serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
}

View File

@ -11,7 +11,7 @@
<div class="gallery-header">
<h1>Gallery Name</h1>
<h5>Subtext of the gallery name</h5>
<h4>Subtext of the gallery name</h4>
</div>
<div class="galleries-grid">
@ -20,7 +20,7 @@
<div class="gallery-title">
<h2>First Gallery Title</h2>
<h3>Sub gallery title</h3>
<div>3th march 2015</div>
<div class="gallery-datetime">3 march 2015</div>
</div>
<div class="gallery-cover" style="background-image: url('./1.png');"></div>
</div>
@ -28,7 +28,7 @@
<div class="gallery-title">
<h2>Second Gallery Title</h2>
<h3>Sub gallery title</h3>
<div>3th march 2015</div>
<div class="gallery-datetime">3 march 2015</div>
</div>
<div class="gallery-cover" style="background-image: url('./1.png');"></div>
</div>