get paid to paste

dust: 3

<!---
 
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=Cabin:400,400i,700|Roboto+Condensed:400,700" 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;
    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;
}

body {
    background:#fff;
    font-family: 'Cabin', sans-serif;
    font-size:13px;
    line-height:180%;
    color:#1B1F1B;
    margin:0;
    padding:0;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}

a {
    text-decoration:none;
    color:#1B1F1B;
}

aside {
    width:350px;
    background:#151716;
    height:100vh;
}

aside #side {
    position:absolute;
    bottom:0;
    width:350px;
}

#line {
    top:0;
    position:fixed;
    height:100vh;
    background:#151716;
    width:2px;
    margin-left:380px;
    
}

#line #content {
    position:absolute;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    width:400px;
}

/*do not touch the theme credit*/
.c 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;
}

#title, #nav {
    margin-left:35px;
}

#title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:40px;
    font-weight:900;
    line-height:120%;
}

#about {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:30px 0px 30px 20px;
    background:#fff;/*make this the same color as your background*/
    margin-left:-20px;
    text-align:justify;
}

#nav {
    margin-top:15px;
}

#nav a {
    display:inline-block;
    margin-left:5px;
    text-transform:uppercase;
    font-size:10px;
    font-weight:700;
}

#nav a:after {
    content:'/';
    margin-left:5px;
}

#nav a:last-of-type:after {
    content:'';
}

#nav a:first-of-type {
    margin-left:0px;
}

.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>
    

<aside>
<!---change bg image here--->
<img id="side" src="https://static.tumblr.com/grynaut/MxTp2ingp/de4fzbnuaaet8aj.jpg">
</aside>
<div id="line">
<div id="content">
<div id="content-txt">
<div id="title">About Me<br>Yoon Jeong Han</div>
<div id="nav">
<a href="/">refresh</a>
<a href="/ask">message</a>
<a href="/archive">archive</a>
<a href="">link</a>
<a href="/">link</a>
<a href="/">link</a>
</div>
<div id="about">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id auctor dolor, at euismod mauris. Quisque id lobortis metus, eu ultrices massa. Maecenas volutpat tempor nulla sed vehicula. Donec efficitur tempus faucibus. Sed id turpis eget metus vehicula fringilla. Aenean iaculis tellus ac commodo faucibus. Donec elit est, vulputate eget interdum rutrum, fermentum a mauris. Integer laoreet hendrerit pretium. Vestibulum eu imperdiet mi. Duis ex leo, pellentesque vitae neque sed, suscipit pellentesque enim. Aenean ac metus sem. Aliquam vulputate arcu vitae felis commodo venenatis. Etiam eu velit non lectus condimentum tincidunt non imperdiet nisi. Aenean sit amet sem vel erat ornare tempus.</div>
<!---end of content text--->
</div>
<!--end of content--->
</div>
<!---end of line--->
</div>
 
</html>

<span class="phc"><a href="http://nemurou.tumblr.com/">theme by<br><b>nemurou</b></a></span>

Pasted: Dec 9, 2018, 7:32:04 am
Views: 60