[mod] update example

This commit is contained in:
Laurent Peuch 2016-02-16 09:56:31 +01:00
parent 81bd497e6b
commit 118fb13bee
2 changed files with 28 additions and 21 deletions

View File

@ -2,10 +2,10 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="static/css/fonts.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="static/css/style.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="static/css/fonts.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="static/css/style.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile--> <!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@ -15,23 +15,11 @@
<body> <body>
<div class="gallery-header"> <div class="gallery-header">
<img id="logo" src="static/img/logo.svg" />
<img id="logo" src="static/img/logo.svg" />
<h1>Example gallery</h1> <h1>Example gallery</h1>
<h4>The subtitle</h4><hr> <h4>The subtitle</h4><hr>
<nav>
<div class="nav-wrapper">
<ul>
<li><a href=about.html class=first-item-menu>Menu 1</a></li>
<li><a href=contact.html class=item-menu>Menu 2</a></li>
</ul>
</div>
</nav>
</div> </div>
@ -46,6 +34,7 @@
<h2>my first gallery</h2> <h2>my first gallery</h2>
<h3>some subtitle</h3> <h3>some subtitle</h3>
<div class="gallery-datetime">08 December 2015</div> <div class="gallery-datetime">08 December 2015</div>
</div> </div>
</a> </a>
@ -56,7 +45,6 @@
</div> </div>
</div> </div>
<p style="visibility: hidden">.</p> <p style="visibility: hidden">.</p>

View File

@ -90,7 +90,7 @@ a {
text-align: center; text-align: center;
z-index: 3; z-index: 3;
background: transparent linear-gradient(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%; background: transparent linear-gradient(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; padding: 20% 0 10px 0;
} }
.gallery-header { .gallery-header {
@ -145,7 +145,6 @@ a {
} }
.gallery-datetime { .gallery-datetime {
margin-bottom: 1em;
font-family: 'crimson', serif; font-family: 'crimson', serif;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 2px; letter-spacing: 2px;
@ -233,3 +232,23 @@ nav ul li > a.item-menu::before {
line-height: 1; line-height: 1;
color: #ebebeb; color: #ebebeb;
} }
.gallery-tag {
font-size: 13px;
text-transform: uppercase;
font-style: normal;
display: inline;
font-family: "adobe-garamond-pro", serif;
}
.gallery-tag span {
font-size: 12px;
border-bottom: solid 1px rgba(255,255,255,0.2);
display: inline-block;
margin: 0 0 0 3px;
font-weight: bold;
font-family: "europa", sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
font-style: normal;
}