layout 2 — mkbye:celina



<!--
layout 2 made by celina aka mkbye :-)
please don't remove credit, or at least put it somewhere else on your blog!
if you're stealing codes, bitch I will find you :))

theme created: 09.04.15
theme posted publicly: 09.05.15
-->


<html lang="en">
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<style type="text/css">

::-webkit-scrollbar {width: 5px; height: 5px; background: #FFFFFF;}
::-webkit-scrollbar-thumb {background-color:#000;border:2px solid white;}

p {
margin:0px;
margin-top:0px;
}

body {
padding: 0px;
margin: 0px;
color:{color:text};
font-family:arial;
line-height:15px;
font-size:10px;
background-color:#f8f8f8;
background-image:url({'background image url'});
background-attachment: fixed;
background-repeat: repeat;
}

a:link, a:active, a:visited{
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
color:{color:link};
}

div#center{
margin:auto;
position:relative;
width:1250px;
background-color:;
overflow:auto;
overflow-y:hidden;
}

#sr{
position:fixed !important;
width:100%;
height:100%;
top:0px;
left:0px;
}

#icon{
margin-top:-10px;
margin-left:-570px;
border-radius:5px;
}

#icon img{
width:70px;
height:70px;
border-radius:5px;
border:1px solid #ddd;
background:white;
}

#box{
margin-top:150px;
margin-left:80px;
width:450px;
height:300px;
padding:10px;
background:white;
border:1px solid #ddd;
border-radius:5px;
}

#links{
z-index:999999;
margin-top:-70px;
margin-left:-10px;
width:460px;
height:40px;
background:white;
line-height:60px;
font-size:11px;
padding-right:10px;
font-weight:bold;
text-align:right;
color:#000;
border-bottom:1px solid #ddd;
}

#links a{
color:#000;
padding:5px;
}

#tit{
position:fixed;
margin-top:-65px;
margin-left:10px;
font-size:20px;
font-style:italic;
}

#insidebox{
position:fixed;
margin-top:20px;
margin-left:10px;
width:430px;
height:235px;
background:#fff;
text-align:justify;
overflow:auto;
padding-right:15px;
}

#tdcd{
position:fixed;
bottom:5px;
z-index:99999;
right:5px;
background:white;
border:1px solid #eee;
width:30px;
height:30px;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}

#tdcd:hover{
right:75px;
}

#cr{
position:fixed;
bottom:5px;
z-index:99999;
background:white;
border:1px solid #eee;
width:70px;
height:30px;
right:-70px;
font-size:8px;
text-align:center;
line-height:30px;
font-weight:bold;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}

#tdcd:hover #cr{
right:0px;
}

#cr a{
color:{color:blogtitle};
}

#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px dotted #555555;
}

blockquote p, ul{
margin:0px;
padding:0px;
}

{CustomCSS}

</style>

<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/tk7f1db/vGfn06hpd/document.txt"></script>

<title>i n b o x</title>

<link rel="shortcut icon" href="http://38.media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif" />
<meta name="viewport" content="width=820" />
</head>

<body>
<BODY onselectstart="return false;" ondragstart="return false;">
<div class="wrapper">
<div class="header">
</div>

<div id="cage">
<div id="center">

<div id="sr">
<center>
<div id="box">

<div id="icon"><img src="IMAGE URL"></div> <!-----replace IMAGE URL with the image url of your choice!!----->

<div id="links">
<a href="/">back to blog</a>
<a href="/ask">inbox</a>
<a href="/">links</a> <!--replace / with the link---->
<a href="http://mkbye.tumblr.com">theme</a> <!--DO NOT REMOVE---->

<div id="tit">inbox</div>
</div>


<div id="insidebox">

<!--use the code below for subheadings, and to go to the next line, use the code </br>

<font style="font-weight:bold;color#000;text-align:left;">
SUBHEADING TEXT HERE</br></font>
----->


<font style="font-weight:bold;color#000;text-align:left;">
ABOUT ME</br></font>

If your subheading was about yourself, you would simply write things about yourself. Pretty self-explainatory, eh? Hi, my name is Celina and I'm the thememaker of this layout. I haven't made a layout for months, maybe even years. So here is a layout inspired by a layout on the site tumblr itself (a text post or somethin').

</br></br>

<!---use two </br>'s for a new subheading after you're done with one & then repeat---->

<font style="font-weight:bold;color#000;text-align:left;">
FREQUENTLY ASKED QUESTIONS</br></font>

If your subheading was about frequently asked questions, you would simply write questions that you're frequently asked about.</br>
<b>How many hands do you have?</b> Two.</br>
<b>How many fingers do you have?</b> 10, you idiot.
</br></br>

<!---use two </br>'s for a new subheading after you're done with one & then repeat---->


</br>
<!----MAKE SURE TO EDIT THE ASK FORM SO YOU RECEIVE YOUR QUESTIONS!
edit "YOUR URL" and replace it with your username!---->
<center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/YOUR URL.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
</center>
</div>

</div>
</center>
</div>

<!---don't touch--->
<div id="tdcd"><img src="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/3d-transparent-glass-icons-people-things/059464-3d-transparent-glass-icon-people-things-hand-peace.png" style="width:30px;height:30px;"></a>
<div id ="cr"><a href="http://mkbye.tumblr.com" style="color:#000">layout by mkbye</a></div>
</div>

</body>

</html>