Tumblr Ask Page Code #1

<!DOCTYPE html>
<html>
<head>

<!--

This custom ask page was coded by Staarchild. Please do not remove credit and/or redistribute as your own.

To make the askbox work go to the bottom of the code to where the askbox coding is. Replace the URLHERE in the code with your URL. If you do not do this it will not show up, and if you enter a different URL it won't work either.

Thank you :) <3

-->

<title>{title} ☆ inbox ☆ </title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />

<!--
if you want a custom cursor delete this line and <!--

<style type="text/css">
body, a {cursor: url('INSERT URL HERE'), auto;}
</style>

and this line too -->

<link href='https://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Alegreya+SC:700' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track-piece { background-color: transparent; }
::-webkit-scrollbar-thumb:vertical {
    width: 1px;
    background-color: transparent; /* scrollbar, ignore this */
}

body {
    padding:0px;
    margin:0px;
    font-family: 'Helvetica', sans-serif;
    line-height:11px;
    font-size:10px;
    background-color: #000;
/* insert bkg img url below */
    background-image: url(http://36.media.tumblr.com/b5e0a6942af6b42ecbe3b285d7a75ae9/tumblr_nhf4rs1xGK1tjrq1to2_250.jpg);
    background-attachment: fixed;
    margin: 0;
/* if bkg img is the full size of the page replace the line below with background-size: cover; */
    background-repeat: repeat;
}

a:link {
    color: #000;
    text-decoration: underline;
}

a:hover {
    color: #2ceded;
    text-decoration: underline;
}

#head {
    margin-top: 70px;
}

#links {
    font-family: 'Helvetica', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px;
    color: #111;
    text-align: center;
}

#links a {
    font-family: 'Helvetica', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

#links a:hover {
    font-family: 'Helvetica', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2ceded;
}

#container {
    position: fixed, center;
    background: rgba(60,60,60,0.5);
    height: 400px;
    width: 500px;
    padding: 20px;
    margin-top: 5px;
    border: 2px solid #555;
    border-radius: 15px;
}

#title {
    font-family: 'Alegreya SC', serif;
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    color: #2ceded;
}

#titleul {
    background-color: #fff;
    position: center;
    height: 1px;
    width: 250px;
    margin-top: 10px;
}

#subtitle {
    font-family: 'Rokkitt', serif;
    font-size: 10px;
    margin-top: 13px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
}

#subtitle b {
    color: #2ceded;
    font-weight: 2000;
    font-size: 15px;
}

#underline {
    background-color: #555;
    height: 2px;
    margin-top: 10px;
}

#rules {
    font-family: 'Helvetica', sans-serif;
    font-size: 10px;
    line-height: 16px;
    margin-top: 20px;
    margin-left: 15px;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: left;
}

#rules b {
    font-family: 'Rokkitt', serif;
    font-size: 16px;
    color: #2ceded;
    letter-spacing: 0.5px;
}

#rulestitle {
    font-family: 'Rokkitt', serif;
    font-size: 17px;
    color: #111;
    margin-left: 5px;
}

#rulesul {
    background-color: #fff;
    height: 1px;
    width: 70px;
    margin-left: -7px;
    margin-top: 1px;
}

#ask{
    position: fixed, center;
    overflow:auto;
    margin-top: 20px;
}

/* Credit CSS - DO NOT REMOVE PLEASE */

#credit {
    background: rgba(0,0,0,0.5);
   /* for white background: rgba(256,256,256,0.7); */
    height: 15px;
    width: 15px;
    text-align: center;
    position: fixed;
    bottom: 7px;
    right: 7px;
    border-radius: 20px;
    padding: 3px;
}

#credit a {
    font-size: 15px;
    color: #f80653;
}

#credit a:hover {
    color: #06f8ab;
    transition: 1s;
}


{CustomCSS}

</style></head>

<!-- end of style css -->

<body>

<center>

<div id="head"></div>

<div id="links"> <!-- top links start -->
    <a href="/">home</a>
     ☿
    <a href="/archive">archive</a>
     ☿
    <a href="/link1">link 2</a>
     ☿
    <a href="/link2">link 2</a>
     ☿
    <a href="/link3">link 3</a>
     ☿
     <a href="http://staarchild.tumblr.com" target="_blank">credit</a>
</div> <!-- top links end -->

<div id="container"> <!-- container start -->

<div id="title"> <!-- insert page title here -->
    send me a message
</div>

<div id="titleul"></div> <!-- title underline -->

<div id="subtitle"> <!-- subtitle start -->
    <b>「 </b> + make me smile <b>」</b>
</div> <!-- subtitle end -->

<div id="underline"></div><!-- line beneath main title -->

<div id="rules"> <!-- rules start -->

<div id="rulestitle">
    RULES
</div>

<div id="rulesul"></div> <!-- rules title underline -->

<ol>
    <li> Here is where you put the rules to your askbox.</li>
    <li> <b>Do not</b> delete my credit.</li>
    <li> Five lines look best for this section.</li>
    <li> You can write whatever you want here really.</li>
    <li> <b>Fire away :)</b></li>
</ol>


</div> <!-- rules end -->

<div id="ask"> <!-- askbox start -->

<!-- insert your own url where it says URLHERE otherwise it will not work -->

<iframe frameborder="0" scrolling="yes" width="100%" height="191px" src="http://www.tumblr.com/ask_form/URLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">

</div> <!-- askbox end -->

</div> <!-- container end -->

<div id="credit">
    <a href="http://staarchild.tumblr.com" target="_blank">★</a>
</div>

</body>
</html>