dust: 2
<!---
tumblr page by nemurou
january 2018
TERMS OF USE: https://nemurou.tumblr.com/tou
--->
<!DOCTYPE html>
<html>
<head>
<title>{Title}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700|Playfair+Display:400,400i,700,900" rel="stylesheet">
<style type="text/css">
/*tumblr controls by cyantists*/
iframe.tmblr-iframe {
z-index: 99999999999999!important;
top: 0!important;
right: 0!important;
opacity: 0.4;
/*i moved the controls off the page lol but if you want them back just delete the line right below*/
margin-top:-200px!important;
filter: invert(1) contrast(150%);
-webkit-filter: invert(1) contrast(150%);
-o-filter: invert(1) contrast(150%);
-moz-filter: invert(1) contrast(150%);
-ms-filter: invert(1) contrast(150%);
transform: scale(0.5);
transform-origin: 100% 0;
-webkit-transform: scale(.7);
-webkit-transform-origin: 100% 0;
-o-transform: scale(.7);
-o-transform-origin: 100% 0;
-moz-transform: scale(.7);
-moz-transform-origin: 100% 0;
-ms-transform: scale(.7);
-ms-transform-origin: 100% 0;
}
#s-m-t-tooltip {
max-width:150px;
background:#eee;
padding:1px 6px 2px 6px;
z-index:999;
margin:20px;
}
body {
background:#f1e8e2;
font-family: 'Lato', sans-serif;
font-size:12px;
line-height:160%;
color:#1B1F1B;
margin:0;
padding:0;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}
a {
text-decoration:none;
color:#753726;
}
#content {
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%, -50%);
position:absolute;
width:300px;
text-align:center;
letter-spacing:1px;
}
#tagline {
text-transform:uppercase;
font-weight:700;
word-spacing:6px;
margin-bottom:10px;
}
#title {
font-family: 'Playfair Display', serif;
font-size:40px;
font-weight:900;
word-spacing:6px;
margin-bottom:50px;
}
#picture {
width:300px;
height:400px;
background:url(https://static.tumblr.com/grynaut/P0hp2ihji/yjh1.png);
}
#picture #text {
width:175px;
position:absolute;
bottom:0px;
margin-left:350px;
text-align:left;
border-left:3px solid #1B1F1B;
padding-left:15px;
}
#picture #links {
position:absolute;
margin-left:-175px;
width:125px;
padding-right:15px;
text-align:right;
border-right:3px solid #1B1F1B;
}
#links a {
display:block;
color:#1B1F1B;
letter-spacing:0;
font-weight:700;
font-family:'Playfair Display', serif;
}
#n {
font-size:24px;
font-family:'Playfair Display', serif;
font-weight:900;
text-align:left;
text-transform:uppercase;
margin-bottom:10px;
}
.c a {
text-align:center;
background:#fff;
position:fixed;
left:25px;
bottom:25px;
font-size:11px;
font-family:calibri;
color:#000;
line-height:100%;
z-index:999;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px 8px 6px 8px;
}
.phc a{
text-align:center;
background:#fff;
position:fixed;
right:25px;
bottom:25px;
font-size:11px;
font-family:calibri;
color:#000;
line-height:100%;
z-index:999;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px 8px 6px 8px;
}
</style> </head> <body>
<div id="content">
<div id="tagline">say the name</div>
<div id="title">Seventeen</div>
<div id="picture">
<div id="links">
<a href="/">Refresh</a>
<a href="/ask">Message</a>
<a href="/archive">Archive</a>
<a href="/">Link one</a>
<a href="/">Link two</a>
<a href="/">Link three</a>
</div>
<div id="text"><div id="n">jeonghan</div>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.
</div>
<!---end of text cont--->
</div>
<!--- end of pic. cont--->
</div></div>
</html>
<span class="phc"><a href="http://nemurou.tumblr.com/">theme by<br><b>nemurou</b></a></span> Pasted: Dec 9, 2018, 7:30:44 am
Views: 73