/ persica :: page / 002.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!----
/ 002. / persica / tags page
by spectrumdesigns | tumblr.com

/ terms. /
do not steal codes/design
do not use as a base
do not claim as your own

/ notice. /
this theme has been coded for spectrumdesigns only.
other blogs may not use it.

/ credits. /
icon font / saturnthms
rezise video script  / shythemes
custom text reblog button / shythemes
photoset margin tutorial / shythemes
base code / dansmilth (pastebin)
creative links / codrops
tumblr controls / cyantists

--->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link href="https://fonts.googleapis.com/css?family=Arima+Madurai" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">


</head><style type="text/css">

html {
	font-size:11px;
    overflow-y:scroll;}

::-webkit-scrollbar {
    width:4px;}
::-webkit-scrollbar-thumb:vertical {
    background:#7cebf7;}

body {
    margin:0px;
    width:100%;
    color:#aaaaaa;
    letter-spacing:2px;
    font-family:sans-serif;
     background-image: url("https://static.tumblr.com/imzych8/bbRp5d773/aboutbg.png");
    background-repeat: repeat-y;

}

a:link, a:selected, a:visited {
    text-decoration:none;
    color:#888888;}
a:hover {
    color:#7cebf7;}

.container {
    position:relative;
    right:0;
    left:0;
    margin:100px auto 0 auto;
    width:900px;
    text-align:center;
    background:#fff4f4;
    height:450px;
    overflow:auto;
    position:fixed;
    margin-top:210px;
}

.topbar {
    right:0;
    left:0;
    margin:80px auto 0 auto;
    width:900px;
    height:50px;
    margin-top:200px;
    border-top:10px solid #fdb9ba;
    background:transparent;
    margin-bottom:-80px;
    position:fixed;
    z-index:999;
}
.topbar a {
    font-size:15px;

}


.boxtext {
    margin-top:10px;
    width:700px;
    padding:10px;
    font-size:10px;
    text-align:left;
    margin-left:90px;
    right:90px;

}
.boxtext a {
    background:#ffb0b4;
    border-radius:3px;
    font-size:10px;
    letter-spacing:2px;
    text-decoration:none;
    padding:10px;
    color:white;
    margin-top:10px;

}

.boxtext a:hover{
    color:#ffb0b4;
    border-radius:3px;
    font-size:10px;
    letter-spacing:2px;
    text-decoration:none;
    padding:10px;
    border:1px solid #ffb0b4;
    background:transparent;
    margin-top:10px;

}


.boxtags {
    margin-top:10px;
    width:700px;
    padding:10px;
    font-size:9px;
    text-align:left;
    margin-left:90px;
    right:90px;
    text-transform:uppercase;

}
.boxtags a {
    text-transform:uppercase;
    border:transparent;
    font-size:8px;
    text-decoration:none;;
    border-bottom:1px solid #ffb0b4;
    padding:5px;
    color:#484848;
}

.boxtags a:hover {
    color:#ffb0b4;
}
.title {
    font-size:10px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-left:-600px;
    border-bottom:3px solid #ffb0b4;
    padding:10px;
    display:block;
    }
.sf-user {
    margin:20px;
    font-size:30px;
    color:white;
    background:#ffb5b7;
    padding:20px;
    border-radius:50px;
    margin-top:-90px;
    border:5px solid white;
    position:absolute;
    margin-left:-50px;
}

.credit {
font-size:10px;
position:fixed;
font-weight:bold;
bottom:5px;
right:15px;
z-index:10;
text-align:right;
letter-spacing:1px;
padding:10px;
}

.credit a {
color:white;
background:#ffb0b4;
text-decoration:none;
padding:10px;
border-radius:2px;

}

.credit a:hover {
color:#ffb0b4;
background:white;
border:1px solid #ffb0b4;
border-radius:2px;
text-decoration:none;
}

</style><body>
<div class="credit"><a title="theme" href="http://spectrumdesigns.tumblr.com/" target="_blank">spctrm</span></a></div>

<div class="topbar"><center><br><Br><Br> <span class="sf sf-user"></span></center>
</div>

<div class="container">
<br> <div class="title"> about section </div>
<div class="boxtext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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 laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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 laborum.<br><br><br>
    <center> <a href="/">instagram link </a>


&nbsp;&nbsp;
<a href="/"> twitter link </a>

&nbsp;&nbsp;
<a href="/">link three </a>

&nbsp;&nbsp;
<a href="/">link four </a> </center>

</div>
<div class="title">tags </div>
<div class="boxtags">
category <a href="/">tag</a> <a href="/">two</a>
<br><br><br>
category number 2 <a href="/">tags</a> <a href="/">tags</a><a href="/">tags</a><a href="/">tags</a>
<br><br><br>
category number 3 <a href="/">tags</a> <a href="/">tags</a><a href="/">tags</a><a href="/">tags</a><a href="/">tags</a> <a href="/">tags</a><a href="/">tags</a><a href="/">tags</a>
</div>
<br>

</body></html>