P2 -- let it be

<!DOCTYPE html>
<html lang="en">
    <head>

<!-- PAGE 2 BY CRIMICAL; LET IT BE

    DO NOT CLAIM AS YOUR OWN, DO NOT REMOVE CREDIT
    thank you for using my theme :)

-->

<title>about &mdash; {title}</title>

<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Oranienbaum|Vidaloka|IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<script src="http://unslider.com/unslider.min.js"></script>
<script>
    $(function() {
    $('.stuff').unslider({
	speed:1000,
	delay:false,
	keys:false,
	complete:function() {},
	dots:true,
	fluid:false
    });
    });
</script>

    </head>

    <style type="text/css">

body{
    background-color:white;
    font-family:'playfair display', times, serif;
    color:black;
    font-size:7px;
    letter-spacing:1px;
    margin:0;
    padding:0;
    text-transform:uppercase;
    line-height:250%;
}

a{
    color:teal;
    text-decoration:none;
    border-bottom:1px solid transparent;
    -webkit-transition:0.8s ease-in-out;
}

u{ border-bottom:1px solid; text-decoration:none; }

a:hover{ color:black; border-bottom:1px solid black; }

#con{
    width:610px;
    margin:0 auto 0;
}

.box{
    z-index:-20;
    background-image:url('http://static.tumblr.com/yijh2c3/ewGn3f1kr/floral.jpg');   /* <-- change this if you want a different background */
    background-size:610px;
    width:540px;
    padding:35px;
    margin-top:25%;
}

/* slider */

.stuff{
    width:540px;
	overflow:hidden;
	text-align:center;
	background-color:white;
}

.stuff ul{ list-style:none; }

.stuff ul li{
   	display:block;
	float:left;
	margin-top:70px;
	width:540px;
	height:260px;
}

.stuff .dots{
	position:absolute;
	width:500px;
	text-align:center;
	font-size:0px;
	color:transparent;
	background-color:transparent;
	margin:15px 0 0 -20px;
}

.stuff .dots li{
	display:inline-block;
	width:6px;
	height:6px;
	margin:5px;
	border:1px solid black;
}

.stuff .dots li.active{ background:black; }

#thing{
    width:460px;
}

.soc a{
    width:140px;
    display:inline-block;
    padding:8px 0 8px;
    margin:2px 2px 5px;
    border:0;
    color:black;
    background-color:white;
}

.soc a.tw{ color:#55acee; }
.soc a.in{ color:#4d7aa0; }
.soc a.tr{ color:#244056; }
.soc a.fl{ color:#ce196a; }
.soc a.de{ color:#0b79e5; }

.soc a.tw:hover{ color:white; background-color:#55acee; }
.soc a.in:hover{ color:white; background-color:#4d7aa0; }
.soc a.tr:hover{ color:white; background-color:#244056; }
.soc a.fl:hover{ color:white; background-color:#ce196a; }
.soc a.de:hover{ color:white; background-color:#0b79e5; }
.soc a:hover{ color:white; background-color:black; }

h1{
    font-size:24px;
    font-family:'vidaloka';
    font-weight:normal;
    margin-top:0px;
    text-transform:none;
    margin-bottom:30px;
}

.credit{
    position:fixed;
    bottom:20px;
    right:10px;
}

.credit a{
    border:1px solid #f4f4f4;
    padding:5px;
    height:10px;
    width:10px;
    text-transform:uppercase;
    font-size:8px;
    font-family:arial;
    color:gray;
}

    </style>
    <body>

<div class="credit">
    <a href="http://crimicalthemes.tumblr.com/">cr</a>
</div>

<div style="top:5px; position:absolute; left:10px; opacity:0.5">
    <a style="color:gray" href="/">BACK</a>
</div>

<div id="con">

<div class="box"> <div class="stuff">

    <ul>
    <li> <!-- about -->
    <div id="thing" style="margin-top:-20px;">

	        if i follow you please try to tag this stuff:<br>
	        <span style="font-size:10px;letter-spacing:1px;">
                → you can insert triggers here if you want ←
	        </span><br>

        <h1 style="margin:25px 0 20px">  {title}  </h1>
        <a href="/">  link one  </a><br> <!-- e.g. to your graphics -->
        <div style="text-transform:none;font-size:10px;letter-spacing:0;">

            Here you can write something about yourself.<br>
            Alternatively, you can erase this and add some more links, if you like.

        </div>
    </div>
    </li>


    <li> <!-- social networks -->
	<div id="thing">
	    <h1>links</h1>
	<div class="soc">

	    <a href="http://twitter.com/NAME" class="tw">twitter</a>
	    <a href="http://instagram.com/NAME" class="in">instagram</a>
	    <a href="http://8tracks.com/NAME" class="tr">8tracks</a>
	    <a href="http://flickr.com/photos/NAME" class="fl">flickr</a>
	    <a href="http://delicious.com/NAME" class="de">delicious</a>
	    <a href="http://somewhere.com/">network</a>

	</div>
	</div>
    </li>


    <li> <!-- tags -->
	<div id="thing">
	    <h1>tags</h1>
	    <table>
	    <tr>
	        <td style="text-align:right; width:245px; padding-right:5px">
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a><BR>
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a><BR>
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a><BR>
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a><BR>
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a><BR>
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a>,
	            <a href="/tagged/tag">tag</a>
	        </td>
	        <td style="text-align:left; width:245px; padding-left:5px">
	            <a href="/tagged/tag">show</a><BR>
	            <a href="/tagged/tag">show</a><BR>
	            <a href="/tagged/tag">show</a><BR>
	            <a href="/tagged/tag">show</a><BR>
	            <a href="/tagged/tag">show</a><BR>
	            + <a href="/">more</a> <!-- optional -->
	        </td>
	    </tr>
	    </table>
	</div>
    </li>


    <li> <!-- currently -->
	<div id="thing">
	    <h1>currently</h1>
	    watching: &nbsp; <u>show</u>, <u>another show</u> <br>
	    reading: &nbsp; <u>book</u> by author
	</div>
    </li>


    </ul>
</div> </div>

    </div>

<div class="credit">
    <a href="http://crimicalthemes.tumblr.com/">cr</a>
</div>

    </body>
</html>