Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Playball" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
- <html>
- <!--
- BASE CODE
- http://fratdadbase.tumblr.com/
- THEME BY ZORRA VIA BRIDGETOWAKANDA
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</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}
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!------------------------------ SCRIPTS ----------------------------->
- <!------------------------------ POPUP ------------------------------>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!----------------------------- TOOLTLIP ----------------------------->
- <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:500
- });
- });
- })(jQuery);
- </script>
- <!------------------------------ TABS ------------------------------>
- <script>
- $(document).ready(function(){
- $("ul#tabs li").click(function(e){
- if (!$(this).hasClass("active")) {
- var tabNum = $(this).index();
- var nthChild = tabNum+1;
- $("ul#tabs li.active").removeClass("active");
- $(this).addClass("active");
- $("ul#tab li.active").removeClass("active");
- $("ul#tab li:nth-child("+nthChild+")").addClass("active");
- }
- });
- });
- </script>
- <!------------------------------ MUSIC ------------------------------>
- <!---------------------------- META DATA ----------------------------->
- <meta name="image:Background" content="" />
- <meta name="image:headerbackground" content=""/>
- <meta name="image:popup" content=""/>
- <meta name="image:asking" content="" />
- <meta name="image:airforce" conteont="" />
- <meta name="text:Starters" content="00"/>
- <meta name="text:Drafts" content="00"/>
- <meta name="text:Memes" content="00"/>
- <meta name="text:Quote" content="Quote Here" />
- <meta name="color:background" content="#1e1d18" />
- <meta name="color:italic" content="#abbc57" />
- <meta name="color:bold" content="#84cccb" />
- <meta name="select:header font1" content="'Rozha One', serif;" title="Rozha"/>
- <meta name="select:header font1" content="'Limelight', cursive;" title="Limelight"/>
- <meta name="select:header font1" content="'Anton', sans-serif;" title="Anton"/>
- <meta name="select:header font2" content="'Rozha One', serif;" title="Rozha"/>
- <meta name="select:header font2" content="'Limelight', cursive;" title="Limelight"/>
- <meta name="select:header font2" content="'Anton', sans-serif;" title="Anton"/>
- </head>
- <style type="text/css">
- @font-face {
- font-family:"big noodle titling";
- src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
- }
- /*---------------------------- SCROLL BAR ---------------------------*/
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- border: 0px none #a68b7c;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: transparent;
- }
- ::-webkit-scrollbar-thumb:active {
- background: transparent;
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- border: 0px none #a68b7c;
- border-radius: 0px;
- }
- ::-webkit-scrollbar-track:hover {
- background:transparent;
- }
- ::-webkit-scrollbar-track:active {
- background: transparent;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- /*---------------------------- SELECTION ---------------------------*/
- ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
- ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
- /*---------------------------- BODY ---------------------------*/
- body {
- background-color:#333333;
- background-image:url('{image:background}');
- background-attachment: fixed;
- background-repeat: no-repeat;
- font-family: 'Abel', sans-serif;
- font-size: 11px;
- text-align: justify;
- color: #e7dcd6;
- }
- #container {
- position:absolute;
- background-color: transparent;
- width: 460px;
- top: 0px;
- margin-top:0px;
- margin-left: 450px;
- height:700px;
- padding: 10px;
- overflow:auto;
- overflow-x:hidden;
- }
- .posts {
- background-color: #333333;
- border: 1px solid #3b3b3b;
- width:300px;
- margin-left:30px;
- margin-bottom:20px;
- padding: 10px;
- }
- /*---------------------- QUESTIONS & ANSWERS ------------------------*/
- #askerurl {
- text-transform:uppercase;
- font-weight:400;
- font-size:20px;
- margin-top:30px;
- margin-left:50px;
- padding-bottom:5px;
- width:250px;
- font-family: 'Orbitron', sans-serif;
- text-align:center;
- }
- #asking img {
- padding: 5px;
- }
- #question {
- background-attachment:auto;
- background-image: url('');
- padding:15px 15px;
- margin:3px 0 3px 10px;
- border-right:1px solid #0cddd3;
- border-radius: 5px;
- background-color:#424141;
- color: #fff;
- font-family: 'Open Sans Condensed';
- text-shadow: 1px 1px 5px #fff;
- -webkit-border-radius: 10px;
- }
- #answer {
- word-spacing: 0px;
- }
- #border {
- border: 1px solid #3b3b3b;
- padding: 10px;
- max-width: 280px;
- margin-top: 60px;
- }
- /*---------------------------- NAVIGATION ---------------------------*/
- .links {
- top: 175px;
- left: 260px;
- position: fixed;
- width: auto
- height: auto;
- }
- /*---------------------------- SIDEBOX ---------------------------*/
- .sidebox {
- position: fixed;
- background-color: #333333;
- border: 1px solid #3b3b3b;
- padding: 10px;
- top: 200px;
- left: 840px;
- width: 120px;
- height: 300px;
- overflow: auto;
- z-index: 1;
- }
- /*---------------------------- CREDIT ---------------------------*/
- .credit {
- left: 95%;
- top: 95%;
- width: 50px;
- height: 50px;
- position: fixed;
- }
- a.credit, a.credit:link, a.credit:active, a.credit:visited{
- text-decoration: none;
- color: #8f3d2e;
- text-transform: none;
- font-family: 'Contrail One', cursive;
- font-size: 14px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);
- }
- a.credit:hovor {
- color: #8f8f8f;
- font-family: 'Contrail One', cursive;
- letter-spacing: 0px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(1px); }
- /*---------------------------- FANCY FONT ---------------------------*/
- h1 {
- font-size:30px;
- font-family: {select:header font1}
- font-weight:400;
- color:#32c980;
- border-bottom: 1px solid #32c980;
- text-shadow: 1px 1px 1px #29dbd7;
- display:block;
- margin-top: 20px;
- text-align:right;
- text-transform:uppercase;
- padding:10px;
- letter-spacing:3px;
- }
- h2 {
- font-size:12px
- font-family: {select:header font2}
- font-weight:400;
- color:#e7dcd6;
- text-align: center;
- text-transform:lowercase;
- letter-spacing:2px;
- display:block;
- margin:0, 0, 5px, 0;
- padding:5px;
- }
- h3 {
- background-image: url('{image:headerbackground}');
- background-repeat:repeat;
- background-attachment:absolute;
- border: double 3px #000;
- padding:10px;
- color:#ffffff;
- overflow: auto;
- text-shadow:1px 1px 2px #000,
- font-size:15px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- }
- i, italic, em {
- font-family: 'Amatic SC', cursive;
- font-size: 15px;
- text-transform: italic;
- color:{color:italic};
- text-transform:lowercase;
- letter-spacing:1px;
- }
- b, bold, strong {
- font-size:10px;
- font-family: 'Orbitron', sans-serif;
- color:{color:bold};
- text-transform:lowercase;
- }
- u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
- p {
- margin-top:5px;
- margin-bottom:5px;}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small {
- font-size:10px}
- sup,sub {
- font-size:11px}
- pre {
- border-bottom: 1px solid #3b3b3b;
- padding: 10px
- height: auto;
- font-family: courier new;
- font-style: none;
- text-transform: uppercase;
- text-align:center;
- }
- blockquote {
- padding:2px 7px;
- padding-right:17px;
- margin:3px 0 3px 10px;
- border-left:1px solid #0cddd3;
- -webkit-border-radius: 10px;
- }
- blockquote img{
- max-width:100%;
- height:auto;
- }
- blockquote blockquote img{
- max-width:100%;
- height:auto;
- }
- t, title {
- size: 15px;
- color: 222;
- letter-spacing: 2px;
- font: times;
- }
- quotetext {
- font-family: times;
- font-size: 20px;
- line-height: 21px;
- letter-spacing: 2px;
- text-align: center;
- text-transform:uppercase;
- color: #fff;
- text-shadow: 3px 1px 1px #79b4a8;
- }
- quotations {
- font: courier;
- font-size: 30px;
- color: {color:bold};
- }
- quote {
- font-size: 13px;
- }
- img {
- max-width:100%;
- }
- hr {
- width:100px;
- border: 0;
- height: 0.5px;
- margin-right:10px;
- background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
- }
- /*---------------------------- LINKS ---------------------------*/
- a:link, a:active, a:visited {
- text-decoration: none;
- color: #c79a90;
- text-transform: none;
- font-family: 'Contrail One', cursive;
- font-size: 14px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);}
- a:hover {
- color: #9d7971;
- font-family: 'Contrail One', cursive;
- letter-spacing: 0px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(1px);}
- a.navi, a.navi:link, a.navi:active, a.navi:visited {
- color: #a68b7c;
- text-shadow: 0px 0px 10px #a68b7c;
- font-family: times;
- font-size: 12px;
- }
- a.navi:hover {
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(3px);
- }
- /*---------------------------- PAGINATION ---------------------------*/
- .pag {
- position: fixed;
- left: 900px;
- top: 175px;
- width: auto;
- height: auto;
- }
- .jump_page {
- padding: 4px 4px;
- border: none;
- background-color: none;
- color:#ffffff;
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 4px 4px;
- border: none;
- background-color: none;
- color: none;
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- /* POST INFO DETAILS */
- #infobox {
- border:1px solid transparent;
- margin-bottom:0px;
- padding-top:10px;
- }
- #info {
- margin-left:20px;
- }
- #info a {
- color:#099c95;
- text-shadow: 0px 0px 2px #000000;
- opacity: 1;
- font-family: 'big noodle titling';
- text-transform: uppercase;
- }
- #info a:hover {
- color:#a9e5e2;
- opacity: 1;
- }
- #tags {
- width:250px;
- height: 25px;
- font-size:7px;
- text-align:right;
- font-family:arial;
- text-transform:uppercase;
- background:transparent;
- border-bottom:1px solid #474747;
- overflow: auto;
- margin-top:10px;
- margin-left:15px;
- max-height:45px;
- margin-bottom: -50px;
- }
- #tags a {
- font-family:consolas;
- font-size:8px;
- line-height:8pt;
- letter-spacing:0px;
- color:#d4cec3;
- text-shadow:0px 0px 7px #222;
- text-decoration:none;
- text-transform:uppercase;
- letter-spacing:0px;
- text-align:center;
- display:inline-block;
- margin:1px 0px 3px 0px;
- -webkit-border-radius: 30px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s; }
- #tags a:hover {
- color:#555;
- text-shadow:0px 0px 1px #777;
- -webkit-filter:none;
- -webkit-transition: all 0.6s ease-in-out;
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /*---------------------------- EXTRA 1 ---------------------------*/
- .note {
- background-color: #333333;
- border: 1px solid #3b3b3b;
- width:280px;
- padding: 10px;
- text-transform:uppercase;
- font-style:normal;
- font-size: 10px;
- height: 200px;
- overflow: auto;
- margin-left: 50px;
- text-align:left;
- }
- .note li {
- list-style-type:none;
- border-bottom:0px solid {color:border};
- padding: 10px;
- text-align:left;
- margin:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .note img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- /*-------------------------- MUSIC PLAYER ---------------------------*/
- .songart{
- float:left;
- margin-right:10px;
- }
- .songart img{
- width:80px;
- height:80px;
- }
- .songtitle{
- margin-bottom:10px;
- margin-left:90px;
- }
- .songauthor{
- margin-bottom:10px;
- font-size:8px;
- margin-left:90px;
- }
- .tumblr_audio_player {
- height: 50px;
- }
- /*---------------------------- TOOLTIP ---------------------------*/
- #s-m-t-tooltip{
- max-width:400px;
- margin:15px;
- padding:2px 8px;
- background: #1c0915;
- background-image:url('{image:headerbackground}');
- background-repeat:repeat;
- background-attachment:fixed;
- border: double 3px #000;
- color:#fff;
- text-shadow:1px 1px 0px #000,
- z-index:99999999999999999999;
- font-size:9px;
- letter-spacing:2px;
- font-style:bold;
- letter-spacing:2px;
- font-family: calibri;
- text-transform:uppercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);}
- /*--------------------------- POPUP ------------------------------ */
- /*--------------------------- POPUP ------------------------------ */
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .popup_block{
- background-color: #333333;
- border: 1px solid #3b3b3b;
- width:250px;
- height:500px;
- top:348px;
- padding: 10px;
- left: 673px;
- display: none; /*--hidden by default--*/
- float: left;
- font-size: 10px; /*font size of the words inside the box */
- position: fixed;
- z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: transparent;
- background-image: url('{image:popup}'); /*if you want to add a background image to go behind your popup */
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: 1.0;
- z-index: 9999;
- }
- .popupnavlinks {
- padding-top:5px;
- text-align:center; }
- .popupnavlinks a {
- display:inline-block;
- width:90px; height:4px;
- margin:2px; padding:3px 6px 10px;
- text-align:center;
- background-image: url('');
- background:transparent;
- background-repeat:repeat;
- background-attachment:fixed;
- border: solid 1px #99b7b5;
- color:#99b7b5;
- font-size:9px;
- font-family:calibri;
- text-shadow:1px 1px 0px #fff,
- display: inline-block;
- cursor: pointer;
- }
- .popupnavlinks a:hover {
- display:inline-block;
- letter-spacing:2px;
- border-radius: 46px 10px 58px 0px;
- -moz-border-radius: 46px 10px 58px 0px;
- -webkit-border-radius: 46px 10px 58px 0px;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .popupclose {
- float:right; top:0px; right:0px;
- margin-top:-10px; margin-right:-10px;
- font-family:'Scada', sans serif;
- font-size:10px;
- font-weight:bold }
- .popupclose a {
- color:#aaa }
- /*--------------------------- POPUP ------------------------------ */
- ul#tabs {
- list-style-type: none;
- padding: 0;
- text-align: justify;
- font-size:8px;
- letter-spacing:1px;
- }
- ul#tabs li {
- background-color: transparent;
- border: 1px solid #222222;
- border-radius: 2px;
- background-repeat:repeat;
- background-attachment:fixed;
- background-image: url('');
- display: block;
- padding: 4px 10px;
- margin-bottom: 4px;
- margin-left: 2px;
- cursor: pointer;
- color: #fff;
- text-align: center;
- }
- ul#tabs li:hover {
- background-color: transparent;
- border-radius: 2px;
- color: #ffffff;
- text-shadow: 1px 1px 3px #fff;
- }
- ul#tabs li.active {
- background-image: url('');
- background:transparent;
- background-repeat:repeat;
- background-attachment:fixed;
- border: 1px solid #222222;
- color:#b5d230;
- display: block;
- padding: 4px 10px;
- margin-bottom: 4px;
- cursor: pointer;
- border-radius: 2px;
- text-align: center;
- }
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- ul#tab li {
- display: none;
- }
- ul#tab li.active {
- display: block;
- }
- .esperanza {
- position: fixed;
- background-color: {color:background};
- border: 1px solid #222222;
- padding: 10px;
- top: 200px;
- left: 810px;
- width: 120px;
- height: 300px;
- overflow: auto;
- z-index: 999999999999;
- }
- /*--------------------------- IFRAME ------------------------------ */
- /*codes & tutorial by http://cyantists.tumblr.com/*/
- iframe.tmblr-iframe {
- opacity:0;
- display:none!important;}
- .ccontrols {
- position:fixed;
- top:0;
- right:0;
- z-index:9999999999999;
- margin:4px;}
- .ccontrols a {
- display:block;
- float:left;
- margin:4px!important;
- width:13px;
- height:13px;
- background:#333333;/* change this to change the background of the links */
- padding:5px;}
- .ccontrols a svg {
- width:13px;
- height:13px;}
- .ccontrols a svg path {
- fill:#09f1c2;/* change this to change the color of the links */
- transition:all 0.6s ease-in-out;
- -webkit-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -ms-transition:all 0.6s ease-in-out;}
- .ccontrols a:hover svg path {
- fill:#0fc3af;/* change this to change the color of the links on hover*/
- transition:all 0.6s ease-in-out;
- -webkit-transition:all 0.6s ease-in-out;
- -o-transition:all 0.6s ease-in-out;
- -moz-transition:all 0.6s ease-in-out;
- -ms-transition:all 0.6s ease-in-out;}
- {block:PermalinkPage}a.like, a.like .like_button {
- position:absolute;
- width:100%;
- height:100%;}
- a.like .like_button iframe {
- position:absolute;
- top:10;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;}
- a.like .liked + svg path {
- fill:red!important;}{/block:PermalinkPage}
- </style>
- <body>
- <!--------------------------- SIDEBOX -------------------------------->
- <div class="sidebox">
- <h3>DEREK HALE</h3>
- <p><center>Indie & HIGHLY Selective.</center>
- <br>
- <hr></hr>
- <p><p>
- <h2>WOLF</h2>
- <center><b>I DON'T HAVE TO BE A KILLER</b></center>
- <p>
- <p>
- <h3>DEBTS</h3>
- <center>
- <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes}
- </center>
- <br>
- <h3>Pennd By</h3>
- <center>
- <i>ZORRA</i>
- </center>
- </div>
- <!---POP UP PAGES--->
- <!---RULES START--->
- <div id="box2" class="popup_block">
- <div style="width:auto;height:490px;overflow:auto;">
- <h2>WOLF LAW</h2>
- <p><b>001.</b> Hi-o! You can call me Eliza. This blog is dedicated to Derek Hale from Teen Wolf. I've written as Derek for several years. (3-4) I've gotten to know him quite well and he is my son. This interpretation is based off the show, headcanons and fanfics. Also, some of you may have known me as feralwolfx.
- <p><b>002.</b>This blog is multi everything. Multi ship, multi thread, welcoming of OCs and multi muses.
- <p><b>003.</b>This blog is mutually exclusive but I do welcome IC asks from anyone.
- <p><b>004.</b>No drama or hate of any kind will be tolerate here. No vague posting, no anon hate, no call out posts or drama. If I see you reblog or post one, I will unfollow.
- <p><b>005.</b> Adult content ahead. Derek's age ranges from 21-30. Verse dependent. Smut will be rare, most of the time, I prefer to fade to black. I will only write smut with those I trust and have gotten to know quite well ooc.
- <p><b>006.</b> For the sake of this blog, Derek is pansexual. I ship him with Chemistry. Though I love Sterek, Dydia, Dallison and Scerek.
- <p><b>007.</b> It's rare that I practice exclusivity but in this case, for the character of Lydia Martin, I am an a exclusive ship with <a href="http:/thewailer.tumblr.com">The Wailer</a>. This means I will not engage in any romantic type ship with any other Lydia's. I am, however, open to writing with other Lydias.
- <p><b>008.</b> All icons and graphics were created by me. Please do not take them. My theme was coded from scratch and designed by me. Most of it was done using tutorials and free base code I found. If you have any questions, I would be more than happy to help you out.
- <p><b>009.</b> Threads can be of any length. One liners to multi para. I don't mind. I do have a sever on Discord if any of you would be interested in writing 1x1 threads there. Mutuals, feel free to ask for my Discord.
- <p>010. Bottom line, let's have fun!
- </div>
- </div>
- <!---RULES END--->
- <!---NAVIGATION STARTS--->
- <div id="box3" class="popup_block">
- <div style="width:auto;height:490px;overflow:auto;padding:5px;">
- <center>
- <h1>NAVIGATION</h1>
- <div class="popupnavlinks">
- <h2>WRITING</h2>
- <a href="/tagged/meme.">MEMES</a>
- <a href="/tagged/open.">OPEN POSTS</a>
- <br>
- <a href="/tagged/whatever">WISHLIST</a>
- <a href="/tagged/whatever">DESIRES</a>
- <BR>
- <p><h2>CHARACTER</h2>
- <a href="/tagged/whatever">HEADCANON</a>
- <a href="/tagged/whatever">TEXT</a>
- <br>
- <a href="/tagged/whatever">MUSE</a>
- <a href="/tagged/whatever">LINE</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br><br><br>
- </div>
- </div></div>
- <!---NAVIGATION ENDS--->
- <!---VERSES STARTS--->
- <div id="box4" class="popup_block">
- <div style="width:auto;height:490px;overflow:auto;padding:5px;">
- <div class="esperanza">
- <ul id="tabs">
- <li class="active">Basics</li>
- <li>Main Verse</li>
- <li>Tab 3</li>
- <li>Tab 4</li>
- <li>Tab 5</li>
- </ul>
- </div>
- <ul id="tab">
- <li class="active">
- <div class="popupnavlinks">
- <p><a href="#basics">basics</a>
- <a href="#bio">bio</a>
- </div>
- <a name="basics"><h1>BASICS</h1></a>
- <h2>The Basics</h2>
- <p><strong>FULL NAME:</strong> Jack Ryan<br />
- <strong>RANK:</strong> Agent<br />
- <strong>DOB:</strong> IMPUT<br />
- <strong>POB:</strong> IMPUT<br />
- <strong>HOME TOWN:</strong> IMPUT<br />
- <strong>SEX:</strong> IMPUT<br />
- <strong>ORIENTATION:</strong> IMPUT<br />
- <strong>MARITAL STATUS:</strong> IMPUT<br />
- <strong>KNOWN LANGUAGES:</strong> IMPUT<br />
- <strong>EDUCATION:</strong> IMPUT<br />
- <strong>CURRENT OCCUPATION:</strong> IMPUT<br />
- <strong>PREVIOUS LOCATIONS:</strong> IMPUT</p>
- <h2>Family</h2>
- <p><strong>MOTHER:</strong> IMPUT<br />
- <strong>FATHER:</strong> IMPUT<br />
- <strong>BROTHER:</strong> IMPUT<br />
- <strong>FATHER LIKE:</strong> IMPUT</p>
- <h2>Traits</h2>
- <p><strong>HAIR / EYES:</strong> IMPUT<br />
- <strong>HEIGHT / WEIGHT:</strong> IMPUT<br />
- <strong>BODY TYPE / SKINTONE:</strong> IMPUT<br />
- <strong>NOTABLE MARKINGS:</strong> IMPUTt<br />
- <strong>FACE CLAIMS:</strong> IMPUT</p>
- <p><a name="bio"><h2>bio</h2></a>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </li>
- <li>
- <div class="popupnavlinks">
- <p><a href="#airforce">TITLE HERE</a>
- <a href="#cia">TITLE HERE</a>
- </div>
- <a name="airforce"><h1>TITLE HERE</h1></a>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
- <p><a name="cia"><h1>TITLE HERE</h1></a>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
- </li>
- <li>
- <h2>Tab number three wee hee</h2>
- </li>
- <li>
- <h2>Fourth tab not bad</h2>
- </li>
- <li>
- <h2>Tab number five here we go!</h2>
- </li>
- </ul>
- </div></div>
- <!---VERSES ENDS--->
- <div class="links">
- <a href="/" class="poplight third" title="refresh" style="padding-right: 1px;">I.</a>
- <a href="/ask" class="poplight third" title="ask">II.</a>
- <a href="#?w=250" rel="box2" class="poplight third" title="rules">III.</a>
- <a href="#?w=260" rel="box3" class="poplight third" title="navigation">IV.</a>
- <a href="#?w=260" rel="box4" class="poplight third" title="verses">V.</a>
- </div>
- <!----------------------------- CREDIT ------------------------------>
- <div class="credit">
- <a href="http://bridgetowakanda.tumblr.com/commissions" title="bridgetowakanda">c</a>
- </div>
- <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
- </body>
- <div class="pag">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
- {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
- {block:Chat}{block:Title}{Title}</a>{/block:Title}
- {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
- <!--AUDIO POST-->
- {block:Audio}
- {block:AlbumArt}
- <div class="songart">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="songtitle">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- </div>
- <div class="songauthor">
- By
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- {AudioPlayerWhite}
- {/block:Audio}
- {block:Answer}
- <div id="asking" style="margin-left: 250px; margin-bottom: -40px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"></div>
- <div id="border">
- <div id="askerurl" style="margin-left:0px; margin-top:0px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div><div style="max-width:150px; margin-left:45px; margin-top:-5px; letter-spacing:2px; word-spacing: 1px; text-align:justify;">sent a transmission</div>
- </div>
- <div id="question" style="margin-top: 20px">{Question}</div>
- <div id="answer" style="margin-top: 20px;">{Answer}</div>
- {/block:Answer}
- <!--
- INFO AND SYMBOLS
- -->
- <div id="infobox">
- <div id="info">
- <br>
-
- {block:Date}
- <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:-40px; margin-top:25px; font-size: 12px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
- {/block:Date}
- <a href="{ReblogURL}" style="position:absolute; margin-left:-40px; margin-top:45px; font-size:12px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <br>
- <!--
- INFO AND SYMBOLS ENDS
- -->
- {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- <br><br><br><br>
- </div>
- </div>
- {/block:Posts}
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div></div>
- {/block:Posts}
- </div>
- <!---------------------- IFRAME CONTROLS ---------------------->
- <div class="ccontrols">
- {block:PermalinkPage}{block:Posts}{block:Date}<a href="#"class="like" title="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
- <a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg></a>
- <a href="{EmbedUrl}" target="_blank" title="embed"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140.7,27H72c-3.3,0-6,2.7-6,6v26H40c-3.3,0-6,2.7-6,6v122c0,3.3,2.7,6,6,6h101c3.3,0,6-2.7,6-6v-27h25c3.3,0,6-2.7,6-6V64.5c0-1.6-0.6-3.1-1.7-4.2L145,28.8C143.9,27.6,142.3,27,140.7,27z M135,181H46V71h20v83c0,3.3,2.7,6,6,6h63V181z M78,148V39h52v34c0,3.3,2.7,6,6,6h30v69H78z M166,67h-24V42.8L166,67L166,67z"/></svg></a>
- {/block:Date}{/block:Posts}{/block:PermalinkPage}<a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M129.5,38h-43c-3.6,0-6.5,2.9-6.5,6.5V81H43.5c-3.6,0-6.5,2.9-6.5,6.5v42c0,3.6,2.9,6.5,6.5,6.5H80v36.5c0,3.6,2.9,6.5,6.5,6.5h43c3.6,0,6.5-2.9,6.5-6.5V136h35.5c3.6,0,6.5-2.9,6.5-6.5v-42c0-3.6-2.9-6.5-6.5-6.5H136V44.5C136,40.9,133.1,38,129.5,38z M165,94v29h-35.5c-3.6,0-6.5,2.9-6.5,6.5V166H93v-36.5c0-3.6-2.9-6.5-6.5-6.5H50V94h36.5c3.6,0,6.5-2.9,6.5-6.5V51h30v36.5c0,3.6,2.9,6.5,6.5,6.5H165z"/></svg></a>
- <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="message"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M190.3,118.1c0-22.4-19.7-41.9-47.2-47c-2.6-24.7-28.9-44.3-60.9-44.3c-33.7,0-61.1,21.6-61.1,48.2c0,13.5,7,26.1,19.3,35.2l-4.1,23c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l24-12.9c5.2,22.5,30.2,39.6,60.1,39.6c2.1,0,4.2-0.1,6.3-0.3l30.9,16.6c0.9,0.5,1.9,0.7,2.8,0.7c1.2,0,2.5-0.4,3.5-1.1c1.9-1.3,2.8-3.6,2.4-5.9l-4.1-23C183.4,144.3,190.3,131.6,190.3,118.1zM50.2,102.5c-10.9-6.9-17.1-16.9-17.1-27.4c0-20,22-36.2,49.1-36.2s49.1,16.2,49.1,36.2s-22,36.2-49.1,36.2c-2.2,0-4.6-0.1-6.9-0.4c-1.2-0.1-2.4,0.1-3.5,0.7l-21.6,11.6l2.6-14.6C53.3,106.2,52.3,103.8,50.2,102.5zM161.2,145.5c-2,1.3-3.1,3.7-2.7,6.1l2.6,14.6l-21.6-11.6c-1.1-0.6-2.3-0.8-3.5-0.7c-2.3,0.2-4.7,0.4-6.9,0.4c-24.7,0-45.2-13.5-48.6-31c0.5,0,1.1,0,1.6,0c30.2,0,55.3-17.4,60.2-40.1c21,4.3,35.9,18.7,35.9,34.9C178.3,128.6,172.1,138.6,161.2,145.5z"/></svg></a>
- <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4zM162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></div>
- <!--
- ♛ POP UP PAGES !!!
- -->
- <div id="box2" class="popup_block">
- <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
- <h1>LAWS OF SPACE</h1>
- Rules go here
- </div>
- </div>
- <div id="box3" class="popup_block">
- <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
- <center>
- <h1>NAVIGATION</h1>
- <div class="popupnavlinks">
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br><br><br>
- </div>
- </div></div>
- </div>
- </div>
- <!--
- VERSES STARTS
- -->
- <div id="box4" class="popup_block">
- <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
- <ul id="tabs">
- <li class="active">MAIN</li>
- <li>AU</li>
- <li>VERSE 3</li>
- <li>VERSE 4</li>
- <li>VERSE 5</li>
- </ul>
- <ul id="tab">
- <li class="active">
- <h2>This is the first tab</h2>
- </li>
- <li>
- <h2>This is the second tab</h2>
- </li>
- <li>
- <h2>Tab number three wee hee</h2>
- </li>
- <li>
- <h2>Fourth tab not bad</h2>
- </li>
- <li>
- <h2>Tab number five here we go!</h2>
- </li>
- </ul>
- </div>
- </div>
- <!--
- VERSES ENDS
- -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment