[mod] update example
This commit is contained in:
parent
81bd497e6b
commit
118fb13bee
@ -2,9 +2,9 @@
|
||||
<html>
|
||||
<head>
|
||||
<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-->
|
||||
@ -15,23 +15,11 @@
|
||||
<body>
|
||||
|
||||
<div class="gallery-header">
|
||||
<img id="logo" src="static/img/logo.svg" />
|
||||
|
||||
<img id="logo" src="static/img/logo.svg" />
|
||||
|
||||
<h1>Example gallery</h1>
|
||||
<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>
|
||||
|
||||
|
||||
@ -46,6 +34,7 @@
|
||||
<h2>my first gallery</h2>
|
||||
<h3>some subtitle</h3>
|
||||
<div class="gallery-datetime">08 December 2015</div>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
|
||||
@ -56,7 +45,6 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p style="visibility: hidden">.</p>
|
||||
|
||||
|
||||
|
@ -90,7 +90,7 @@ a {
|
||||
text-align: center;
|
||||
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%;
|
||||
padding: 20% 0 0;
|
||||
padding: 20% 0 10px 0;
|
||||
}
|
||||
|
||||
.gallery-header {
|
||||
@ -145,7 +145,6 @@ a {
|
||||
}
|
||||
|
||||
.gallery-datetime {
|
||||
margin-bottom: 1em;
|
||||
font-family: 'crimson', serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
@ -233,3 +232,23 @@ nav ul li > a.item-menu::before {
|
||||
line-height: 1;
|
||||
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