The Cruel

<!DOCTYPE html><html><head>


<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | {Tag}{/block:TagPage}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}


<!---
                        [ #02 ] - The Cruel
                + THEME BY VALHALLASGODDESS/VALKYRIETHEMES +

    - DO NOT remove credit or at least if you do, make it easily visible on a credits page.
    - DO NOT repost/reupload graphics or images provided.
    - DO NOT redistribute to make your own theme.
    - DO NOT use this as a base code.
    - Credit me if taking any part of my coding.
    - If you'd like to use my sidebar images, paste these (links below) in the URL and save it but DO
      NOT repost/reupload it to Tumblr!!!!!!
    - My images are only meant to be used for personal use of this theme!

      http://static.tumblr.com/3lcgguq/cgdn2aa7c/1st-gif-practice-again.gif
      http://static.tumblr.com/3lcgguq/Obnn2aa7p/2nd-gif-practice-again.gif
      http://static.tumblr.com/3lcgguq/y4Kn2aa84/yay.jpg
      http://static.tumblr.com/3lcgguq/gRfn2aa8e/yay2.jpg

			+ CREDITS +
    - Inspired by Yunie's Scarecrow theme and it's large border style

------->

                        <!--- TOOP TIPS --->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>


<meta name="if:Monochrome" content="0" >
<meta name="if:Show Tags" content="0" >

<meta name="color:Scrollbar Buttons" content="#a20b01" >
<meta name="color:Scrollbar Color" content="#000" >
<meta name="color:Text" content="#fff" >
<meta name="color:Link" content="#a20b01" >
<meta name="color:Bold" content="#ff0000" >
<meta name="color:Italics" content="#666666" >
<meta name="color:Link Hover" content="#750701" >
<meta name="color:Background" content="#202020" >
<meta name="color:Post Column Background" content="#fff" >
<meta name="color:Border" content="#fff" >
<meta name="color:Post Background" content="#000" >
<meta name="color:Odd Chat Background" content="#a20b01" >
<meta name="color:Even Chat Background" content="#750701" >
<meta name="color:Details" content="#000" >
<meta name="color:Hashtags for Tags" content="#000" >
<meta name="color:Tags" content="#a20b01" >
<meta name="color:Top Bar Background" content="#000" >
<meta name="color:Navigation Text" content="#fff" >
<meta name="color:Navigation Background" content="#a20b01" >
<meta name="color:Navigation Hover" content="#750701" >
<meta name="color:Pagination Page" content="#fff" >
<meta name="color:Pagination" content="#a20b01" >
<meta name="color:Ask Background" content="#a20b01" >
<meta name="color:Ask Text" content="#fff">

<meta name="image:Top Left Sidebar" content="" >
<meta name="image:Bottom Left Sidebar" content="" >
<meta name="image:Top Right Sidebar" content="" >
<meta name="image:Bottom Right Sidebar" content="" >
<meta name="image:Background Image" content="" >

<meta name="text:Link 1 URL" content="" >
<meta name="text:Link 1" content="" >
<meta name="text:Link 2 URL" content="" >
<meta name="text:Link 2" content="" >
<meta name="text:Link 3 URL" content="" >
<meta name="text:Link 3" content="" >
<meta name="text:Link 4 URL" content="" >
<meta name="text:Link 4" content="" >
<meta name="text:Link 5 URL" content="" >
<meta name="text:Link 5" content="" >
<meta name="text:Link 6 URL" content="" >
<meta name="text:Link 6" content="" >

<style type="text/css">

@font-face { font-family: "alienleague"; src: url('http://static.tumblr.com/3lcgguq/SIdn1bh78/alienleague.ttf'); }

@font-face {
font-family: "tinytots"; src: url('http://static.tumblr.com/3lcgguq/UXPn25o2c/tinytots.ttf'); }

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

#s-m-t-tooltip{
max-width:300px;
z-index:10;
margin:24px 14px 7px 12px;
padding:5px;
padding-bottom:7px;
background:#232323;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-moz-box-shadow:0px 0px 3px #232323;
-webkit-box-shadow:0px 0px 3px #232323;
box-shadow:0px 0px 3px #232323;
font-family: "tinytots";
text-transform: uppercase;
font-size:8px;
color:#ffffff;}

::-webkit-scrollbar {
height: 10px;
width: 10px;}

::-webkit-scrollbar-button:start:decrement {
display:block;
height:15px;
width: 5px;
background-color: {color:Scrollbar Buttons};}

::-webkit-scrollbar-button:end:increment {
display:block;
height:15px;
width: 5px;
background-color: {color:Scrollbar Buttons};}

::-webkit-scrollbar-thumb:vertical {
background-color: {color:Scrollbar Color};
height: 5px;}

::-webkit-scrollbar-thumb:horizontal {
height: 7px!important;}

body {
font-size: 12px;
font-family: Calibri, Candara, Segoe;
color: {color:Text};
background-image: url("{image:Background Image}");
background-repeat: repeat;
background-color: {color:Background}}

a {
color: {color:Link};
text-decoration: none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;}

a:hover {
color: {color:Link Hover};
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;}

#container  {
width: 800px;
margin: auto;}

                        /** POST RELATED CONTENT **/

#postcol {
width: 605px;
margin-left: 375px;
margin-top: 178px;
height: 450px;
background-color: {color:Post Column Background};
overflow: auto;
overflow-x: hidden;}

#posts {
margin: auto;
width:500px;
margin-top: 20px;
margin-bottom: 20px;
background-color: {color:Post Background};
padding: 20px;}

#posts h2 {
text-align: center;
font-family: "alienleague";
font-size: 20px;
color: {color:Text};
font-weight: normal;
margin: 0px;}

#posts li {list-style: square;}

#posts blockquote {
border-left: 1px solid {color:Text};
padding-left: 5px;}

#posts blockquote blockquote {
border-left: 1px solid {color:Text};
padding-left: 5px;}

#posts img, #posts li, #posts blockquote {max-width: 100%;}

#quote {
font-family: "alienleague";
width: 80%; margin: auto;}

#quotetext_short {
font-family: "alienleague";
font-size: 18px;}

#quotetext_medium {
font-family: "alienleague";
font-size: 14px;}

#quotetext_long {
font-family: "alienleague";
font-size: 11px;}

.chat ol {
color: #fff;
line-height:170%;
list-style:none;
width:500px;
margin-left:-40px;}

.line.odd {
color: {color:Text};
background-color: {Odd Chat Background};
margin-bottom:0px;
padding:4px;}

.line.even {
color: {color:Text};
background-color: {Even Chat Background};
margin-bottom:0px;
padding:4px;}

.label {
color: #fff;
padding-right:2px;
text-transform:normal;
font-weight:bold;
color:{color:link};}

#date {
text-align: center;
text-transform:uppercase;
font-size:8px;
font-style:none;
font-family: "tinytots";
color: {color:Details}}

#notes {
color: {color:Details};
font-size: 10px;}

#tags {
font-family: "tinytots";
letter-spacing:0px;
text-transform:uppercase;
font-size:8px;
margin-top:2px;
color: {color:Hashtags for Tags};
text-align: center;}

#tags a {
display:inline-block;
padding:-3px;
color:  {color:Tags};}

{block:ifMonochrome}
#photo{
filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
 filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#photo:hover{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}
{/block:ifMonochrome}

#kupo a {
opacity: 0.3;
font-family: "tinytots";
text-transform: uppercase;
font-size: 8px;
position:fixed;
bottom:2px;
right:3px;}

#kupo a:hover {
opacity: 1.0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}


                    /** I should have put #shittymilitarypolice **/

#scoutinglegion {
width: 250px;
height: 150px;
position: fixed;
top: 178px;
left: 100px;
border: 10px solid {color:Border};}

#chosaheidan {
width: 250px;
height: 75px;
background-color: #000;
position: absolute;
top: 355px;
position: fixed;
left: 100px;
border: 10px solid {color:Border};}

#stationaryguard {
width: 250px;
height: 150px;
position: absolute;
top: 458px;
position:fixed;
left: 100px;
border: 10px solid {color:Border};}

#militarypolice {
width: 250px;
height: 150px;
position: absolute;
position: fixed;
top: 178px;
left: 1000px;
border: 10px solid {color:Border};}

#shiganshina {
width: 250px;
position: fixed;
height: 75px;
background-color: #000;
position: absolute;
top: 355px;
left: 1000px;
border: 10px solid {color:Border};}

#traineedivision {
width: 250px;
height: 150px;
position: fixed;
position: absolute;
top: 458px;
left: 1000px;
border: 10px solid {color:Border};}

#jiyuunotsubasa {
width: 1149px;
height: 120px;
position: absolute;
background-color: {color:Top Bar Background};
top: 20px;
left: 100px;
border: 10px solid {color:Border};}


            //** I'm about to 3D Maneuver Gear over to the nearest McD's*/
#tatakae {
font-size: 8px;
font-family: "tinytots";
text-align: center;
margin-top: 10px;
margin-left:2px;
margin: 10px;
display: inline-block;}

#tatakae a {
width:98.3px;
height:77px;
padding:4px;
margin: 17px 2px 5px 15px;
text-align: center;
color: {color:Navigation Text};
background-color: {color:Navigation Background};
display: inline-block;
font-family: "tinytots";
font-size:8px;
text-transform: uppercase;
line-height:75px;}

#tatakae a:hover {
background-color: {color:Navigation Hover};}


.sidebarimage1 img {
width: 250px;
height: 150px;
background-image: url("{image:Top Left Sidebar}");
background-repeat: no-repeat;}

.sidebarimage2 img {
width: 250px;
height: 150px;
background-image: url("{image:Bottom Left Sidebar}");
background-repeat: no-repeat;}

.sidebarimage3 img {
width: 250px;
height: 150px;
background-image: url("{image:Top Right Sidebar}");
background-repeat: no-repeat;}

.sidebarimage4 img {
width: 250px;
height: 150px;
background-image: url("{image:Bottom Right Sidebar}");
background-repeat: no-repeat;}



       /** It's offering your heart because it's about you hahahahaa ugh **/

#offeryourheart {
color: {color:Text};
font-size: 8px;
font-family: "tinytots";
margin: 10px;
text-transform: uppercase;
text-align: justify;}

#onwards {
color: {color:Pagination Page};
font-size: 25px;
text-align: center;
margin-top: 25px;
margin-left: 2px;
font-family: "alienleague";}

#onwards a {
text-align: center;
color: {color:Pagination};}

b {
color: {color:Bold};
font-weight: normal;}

i {
color: {color:Italics};}

                /** LOOK AT THESE LONG ASS CODES, EREN **/

#thisisthequestion {
width: 500px;
height: 66px;
left: 250px;
margin: 0px;
background-color: {color:Ask Background};}

#asker {
margin: 0px;
font-size: 12px;
font-family: calibri;
text-transform: uppercase;
margin-right: 150px;}

#asker a {
font-size: 12px;
color: {color:Ask Text};}

{CustomCSS}

</style>

</head><body>

<div id="container">

<div id="jiyuunotsubasa">
<div id="tatakae">
<a href="/">Home</a>
<a href="/ask">Message</a>
<a href="/archive">Archive</a>
{block:IfLink1}
<a href="{text:Link 1 URL}">{text:Link 1}</a>
{/block:IfLink1}
{block:IfLink2}
<a href="{text:Link 2 URL}">{text:Link 2}</a>
{/block:IfLink2}
{block:IfLink3}
<a href="{text:Link 3 URL}">{text:Link 3}</a>
{/block:IfLink3}
{block:IfLink4}
<a href="{text:Link 4 URL}">{text:Link 4}</a>
{/block:IfLink4}
{block:IfLink5}
<a href="{text:Link 5 URL}">{text:Link 5}</a>
{/block:IfLink5}
{block:IfLink6}
<a href="{text:Link 6 URL}">{text:Link 6}</a>
{/block:IfLink6}
</div></div> <!--- End of Links and Top Bar --->

<div id="scoutinglegion">
<div class="sidebarimage1"><img src{image: Top Left Sidebar}></div></div>
<!--- End of First Sidebar --->

<div id="chosaheidan"><div id="offeryourheart">{description}</div></div>
<!-- End of 2nd Sidebar --->

<div id="stationaryguard">
<div class="sidebarimage2"><img src{image: Bottom Left Sidebar}></div></div>
<!--- End of 3rd Sidebar --->

<div id="militarypolice">
<div class="sidebarimage3"><img src{image: Top Right Sidebar}></div></div>
<!-- End of 4th Sidebar -->

<div id="shiganshina">
{block:Pagination}<div id="onwards">
{block:PreviousPage}<a href="{PreviousPage}">←</a>&nbsp;&nbsp;{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current_page">✖</span>&nbsp;&nbsp;{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
</div>{/block:Pagination}
</div></div> <!--- End of 5th Sidebar and Pagination -->

<div id="traineedivision">
<div class="sidebarimage4"><img src{image: Top Right Sidebar}></div></div>
<!-- End of 6th Sidebar-->

<div id="kupo"><a href="http://valkyriethemes.tumblr.com" title="valkyriethemes"><img src="http://static.tumblr.com/3lcgguq/gysn28pfm/ffiii_-_moogle.gif"></a></div>

<div id="postcol">
{block:Posts}
<div id="posts">

        <!---------------------------------------------------
                              TEXT POSTS
        ---------------------------------------------------->
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
{/block:Text}

        <!---------------------------------------------------
                             ANSWER POSTS
        ---------------------------------------------------->
{block:Answer}
<div class="question">
<div id="thisisthequestion"><div id="asker">{Asker} asked:</div>
<!--End of Asker --> {Question}
</div> <!-- End of thisisthequestion -->
<br>
<div style="text-align:justify">{Answer}</div></div> <!-- End of AsK -->
{/block:Answer}

        <!---------------------------------------------------
                              QUOTE POSTS
        ---------------------------------------------------->
{block:Quote}
<div id="quote">
<div id="quotetext_{Length}">"{Quote}"</div></div> <!--- End of Quote-->
{/block:Quote}

            <!---------------------------------------------------
                               LINK POSTS
            ---------------------------------------------------->
{block:Link}
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}

            <!---------------------------------------------------
                                CHAT POSTS
            ---------------------------------------------------->
{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol> {block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div> <!-- End of Chat->
{/block:Chat}

            <!---------------------------------------------------
                               PHOTO POSTS
            ---------------------------------------------------->
{block:Photo}
{LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}"alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

            <!---------------------------------------------------
                              PHOTOSET POSTS
            ---------------------------------------------------->
{block:Photoset}
<div id="photo">{Photoset-500}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

             <!---------------------------------------------------
                              AUDIO POSTS
            ---------------------------------------------------->
{block:Audio}
{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
{block:Caption}{Caption}{/block:Caption}{/block:Audio}

            <!---------------------------------------------------
                             VIDEO POSTS
            ---------------------------------------------------->
{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
</div>

             <!---------------------------------------------------
                             POST INFO
            ---------------------------------------------------->
{block:IfShowTags}
{block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} <!-- End of Tags -->
{/block:IfShowtags}
<div id="stats">
<br> <div id="date">posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
</div> <!-- End of Date -->
{block:PostNotes}<div id="notes">{PostNotes}</div> <!-- End of Date -->{/block:PostNotes}
{/block:Posts}</div> <!-- End of Stats --> </div></div></div>

</body>
</html>