[mod] update example
This commit is contained in:
parent
81bd497e6b
commit
118fb13bee
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user