Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html><html><head>
- <!-- THEME CODE BY MIKKA / DROIDIRE. -->
- <meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <!-- CUSTOMIZE BROWSER TAB BLOG TITLE HERE.
- this won't affect your main blog title that shows on the dash. -->
- <title>VERSES..</title>
- <!-- CUSTOMIZE BROWSER TAB AVATAR HERE.
- this won't affect your main avi that shows on the dash. -->
- <link rel="shortcut icon" href="aviurl">
- <!-- RSS ALT. DON'T TOUCH THIS. -->
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!-- VARIOUS SCRIPTS. -->
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <!-- SMOOTH SCROLL SCRIPT. VERY IMPORTANT. -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <!-- TABS SCRIPT. ALSO VERY IMPORTANT. -->
- <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
- <!-- CUSTOM TOOLTIPS. -->
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- SCRIPTS FOR TABS. -->
- <script>
- $(document).ready(function() {
- $('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = $(this).attr('href');
- // Show/Hide Tabs
- $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
- // Change/remove current tab to active
- $(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('#filterOptions li a').click(function() {
- // fetch the class of the clicked item
- var ourClass = $(this).attr('class');
- // reset the active class on all the buttons
- $('#filterOptions li').removeClass('active');
- // update the active state on our clicked button
- $(this).parent().addClass('active');
- if(ourClass == 'all') {
- // show all our items
- $('#ourHolder').children('div.item').show();
- }
- else {
- // hide all elements that don't share ourClass
- $('#ourHolder').children('div:not(.' + ourClass + ')').hide ();
- // show all elements that do share ourClass
- $('#ourHolder').children('div.' + ourClass).show();
- }
- return false;
- });
- });
- </script>
- <!-- IMPORTED FONTS.
- fonts that aren't default in themes. -->
- <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Bowlby+One+SC|Luckiest+Guy|Sigmar+One" rel="stylesheet">
- <!-- BEGIN CSS CODING.
- this is the main theme stuff that makes it look pretty. -->
- <style type="text/css">
- /* -- BEGIN BODY CODING. -- */
- /* -- CUSTOMIZE SELECTION / HIGHLIGHT COLOUR. -- */
- ::selection {
- color: #fff;
- background-color: #000; }
- ::-moz-selection {
- color: #fff;
- background-color: #000; }
- /* -- CUSTOMIZE SCROLLBAR TYPE & COLOUR. -- */
- ::-webkit-scrollbar-thumb {
- height: auto;
- background-color: transparent; }
- ::-webkit-scrollbar {
- width: 3px;
- height: 3px;
- padding-right: 2px;
- background-color: transparent; }
- /* -- CUSTOMIZE TOOLTIPS. -- */
- .tooltip {
- display: inline;
- position: relative; }
- #s-m-t-tooltip {
- padding: 3px;
- font-size: 9px;
- color: #fff;
- max-width: 300px;
- font-weight: bolder;
- letter-spacing: 3px;
- border: 1px solid #ffffff;
- text-transform: uppercase;
- background-repeat: repeat;
- margin: 20px 7px -2px 20px;
- background-attachment: fixed;
- background-position: center center;
- z-index: 999999999999999999999999999999999999;
- background-image:url('https://i.imgur.com/j5ddG9W.png');
- -o-transition-duration: 0.1s;
- -moz-transition-duration: 0.1s;
- -webkit-transition-duration: 0.1s;
- -webkit-font-smoothing: antialiased;
- -webkit-transition: all 0.1s ease-in-out; }
- /* -- BODY CODING.
- this is where you customize your background image. -- */
- body {
- color: #fff;
- font-size: 10px;
- line-height: 200%;
- text-align: justify;
- letter-spacing: 1px;
- background-color: #000;
- background-repeat: no-repeat;
- font-family: 'Nunito Sans', sans-serif;
- background-image: url('https://i.imgur.com/tCGCelh.png'); }
- /* -- POST CONTAINER CODING.
- controls container width, height, position, etc. -- */
- #cont, .tabcontent {
- width: 490px;
- height: 320px;
- position: fixed;
- margin-top: 350px;
- overflow-x: hidden;
- overflow-y: scroll;
- margin-left: 400px;
- background-color: transparent;
- transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out; }
- #connorleft {
- position:fixed;
- top:220px;
- left:0px;
- line-height:70px;
- z-index:99999999999999; }
- #connortop {
- position:fixed;
- top:0px;
- left: 267px;
- text-align: right;
- z-index:99999999999999;
- }
- /* -- POST CODING.
- customizes width of and distance between posts. -- */
- #posts {
- margin-bottom: 30px;
- width: 460px; }
- /* -- LINKS CODING.
- customizes link colours and style. -- */
- a {
- outline: none;
- color: #ede4e2;
- text-decoration: none;
- -moz-outline-style: none;
- -o-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s; }
- a:hover {
- color: #000;
- outline: none;
- text-decoration: none; }
- /* -- BOLD, ITALIC, SMALL TEXT. -- */
- i, em, italic {
- color: #e3dedd;
- letter-spacing: 1px;
- text-shadow: 0px 0px 1px #e3dedd; }
- b, bold, strong {
- color: #bcb3b1;
- font-size: 13px;
- letter-spacing: 1px;
- font-weight: bolder;
- text-transform: uppercase; }
- small, sub, small sub, small sup {
- font-size: 10px; }
- /* -- BLOCKQUOTES.
- i know there's a lot but it's important okay. -- */
- blockquote, blockquote blockquote, blockquote blockquote blockquote, blockquote blockquote blockquote blockquote , blockquote blockquote blockquote blockquote blockquote {
- margin-right: 3px;
- margin-left: 10px;
- padding-left: 10px;
- border-left: 2px solid #808080; }
- blockquote, blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote , blockquote blockquote blockquote blockquote blockquote img {
- max-width: 100%; }
- /* -- H1 & H2. -- */
- h1 {
- font-size: 20px;
- line-height: 125%;
- font-style: italic;
- text-align: center;
- color: transparent;
- letter-spacing: 3px;
- font-weight: bolder;
- background-clip: text;
- background-repeat: repeat;
- text-transform: uppercase;
- background-attachment: fixed;
- background-position: center center;
- background-image:url('https://i.imgur.com/2G5NDvQ.png');
- -moz-background-clip: text;
- -webkit-background-clip: text;
- -webkit-font-smoothing: antialiased;
- -webkit-text-fill-color: transparent;
- -o-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -webkit-transition: all 0.5s ease-in-out; }
- h2 {
- font-size: 20px;
- line-height: 125%;
- font-style: italic;
- text-align: center;
- color: transparent;
- letter-spacing: 3px;
- font-weight: bolder;
- background-clip: text;
- background-repeat: repeat;
- text-transform: uppercase;
- background-attachment: fixed;
- background-position: center center;
- background-image:url('https://i.imgur.com/2G5NDvQ.png');
- -moz-background-clip: text;
- -webkit-background-clip: text;
- -webkit-font-smoothing: antialiased;
- -webkit-text-fill-color: transparent;
- -o-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -webkit-transition: all 0.5s ease-in-out; }
- /* -- GRAYSCALE & HOVER FADE ON IMAGES. -- */
- #cont img {
- opacity: 0.3;
- max-width: 100%;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-filter: grayscale(100%);
- -webkit-transition-duration: 0.5s; }
- #cont img:hover {
- opacity: 1;
- max-width: 100%;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-out;
- -webkit-filter: grayscale(0%);
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out; }
- .html_photoset {
- opacity: 0.3;
- max-width: 100%;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-filter: grayscale(100%);
- -webkit-transition-duration: 0.5s; }
- .html_photoset:hover {
- opacity: 1;
- max-width: 100%;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-out;
- -webkit-filter: grayscale(0%);
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out; }
- #vidhov {
- opacity: 0.3;
- max-width: 10%;
- margin-left: 40px;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-filter: grayscale(100%);
- -webkit-transition-duration: 0.5s; }
- #vidhov:hover {
- opacity: 1;
- max-width: 10%;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-out;
- -webkit-filter: grayscale(0%);
- -moz-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out; }
- /* -- ADRIFT LINK CODING. -- */
- @-webkit-keyframes adriftx {
- from {-webkit-transform:translate(0, 0px); }
- 55% {-webkit-transform:translate(0, 15px); }
- to {-webkit-transform: translate(0, -0px); } }
- @-moz-keyframes adrift {
- from {-moz-transform:translate(0, 0px); }
- 55% {-moz-transform:translate(0, 25px); }
- to {-moz-transform: translate(0, -0px); } }
- /* -- SCATTERED LINK CODING. -- */
- #scattered {
- padding: 5px;
- position: fixed;
- font-family: 'Bowlby One SC', cursive;
- text-shadow: 3px 3px 0px #000;
- }
- #scattered a {
- position: fixed;
- text-decoration: none;
- -webkit-filter: blur(0px); }
- #scattered a:hover {
- -webkit-filter:blur(5px); }
- div.home {
- position: fixed;
- font-size: 90px;
- margin-top: 50px;
- margin-left: 880px;
- transition: all ease-in-out 0.5s;
- -webkit-animation-name: adriftx;
- -webkit-animation-duration: 3.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: ease-in-out;
- -moz-animation-name: adrift;
- -moz-animation-duration: 3.5s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-timing-function: ease-in-out;
- -o-transition:all ease-in-out 0.5s;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s; }
- div.ask {
- position: fixed;
- font-size: 60px;
- margin-top: 230px;
- margin-left: 960px;
- transition: all ease-in-out 0.5s;
- -webkit-animation-name: adriftx;
- -webkit-animation-duration: 3s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: ease-in-out;
- -moz-animation-name: adrift;
- -moz-animation-duration: 3s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-timing-function: ease-in-out;
- -o-transition:all ease-in-out 0.5s;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s; }
- div.guide {
- position: fixed;
- font-size: 60px;
- margin-top: 135px;
- margin-left: 1000px;
- transition: all ease-in-out 0.5s;
- -webkit-animation-name: adriftx;
- -webkit-animation-duration: 3.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: ease-in-out;
- -moz-animation-name: adrift;
- -moz-animation-duration: 3.5s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-timing-function: ease-in-out;
- -o-transition:all ease-in-out 0.5s;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s; }
- div.dossier {
- position: fixed;
- font-size: 15px;
- font-weight:bold;
- margin-top: 225px;
- margin-left: 125px;
- transition: all ease-in-out 0.5s;
- -webkit-animation-name: adriftx;
- -webkit-animation-duration: 3.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: ease-in-out;
- -moz-animation-name: adrift;
- -moz-animation-duration: 3.5s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-timing-function: ease-in-out;
- -o-transition:all ease-in-out 0.5s;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s; }
- div.navi {
- position: fixed;
- font-size: 15px;
- margin-top: 255px;
- margin-left: 155px;
- transition: all ease-in-out 0.5s;
- -webkit-animation-name: adriftx;
- -webkit-animation-duration: 3.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: ease-in-out;
- -moz-animation-name: adrift;
- -moz-animation-duration: 3.5s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-timing-function: ease-in-out;
- -o-transition:all ease-in-out 0.5s;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s; }
- /* -- TAB CODING.
- these are the pages. DO NOT TOUCH. -- */
- .tabs {
- width: 100%;
- margin-left: 0px;
- display: inline-block; }
- /* -- SIDEBAR LINKS . -- */
- .tab-links:after {
- clear: both;
- content: '';
- display: block; }
- .tab-links li {
- font-size: 10px;
- list-style: none;
- margin-right: 5px;
- display: inline-block;
- text-transform: uppercase;
- text-shadow: 0px 0px 2px #000; }
- li.active a, li.active a:hover {
- color: #000;
- text-shadow: 0px 0px 3px #000;
- text-decoration: none;
- -moz-outline-style: none;
- -o-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s; }
- /* -- DEFINES TAB CONTENT . -- */
- .tab-content {
- }
- .tab {
- display: none; }
- .tab.active {
- display: block; }
- /*-- THIS ALLOWS TABS WITHIN THE TAB CONTAINERS.
- don't touch them they're finicky and will break out of spite. --*/
- #headerbar {
- top: 50%;
- left: 50%;
- width: auto;
- color: #fff;
- margin-left: 0px;
- margin-top: 10px;
- overflow: hidden;
- text-align: justify;}
- #tabbar {
- top: 50%;
- left: 50%;
- width: auto;
- height: auto;
- margin-left: 0px;
- overflow: hidden;
- text-align: justify; }
- ul#tabs {
- text-align: center; }
- ul#tabs li {
- opacity: 1;
- padding: 5px;
- text-decoration: none;
- display: inline-block; }
- ul#tabs li.active {
- text-align: center;
- display: inline-block;
- text-transform: uppercase;
- background-color: #000;
- border-bottom: 2px solid #fff;
- text-shadow: 0px 0px 0px #0c76a1; }
- ul#tab, ul#tabs {
- margin: 0px;
- padding: 0px;
- list-style-type: none; }
- ul#tab li.active {
- display: block; }
- ul#tab li {
- display: none;
- padding-right: 15px; }
- /*-- CUSTOM NAVIGATION BUTTONS. -- */
- .nav {
- width: 90px;
- padding: 2px;
- font-size: 8px;
- text-align: center;
- display: inline-block;
- text-transform: uppercase;
- background-color: #000;
- border-bottom: 2px solid #fff;
- text-shadow: 0px 0px 0px #0c76a1; }
- .nav:hover {
- color: #000; }
- /*-- UNDER POST INFORMATION & TAGS. -- */
- .postinfo {
- font-size: 13px;
- margin-top: 25px; /* width between post and top of tags. */
- text-align: right; }
- .tags {
- padding: 7px;
- font-size: 8px;
- max-height: 15px;
- margin-top: 0px; /* controls information location. */
- margin-bottom: 30px; /* width between next post and tags. */
- overflow-x: hidden;
- overflow-y: scroll;
- font-weight: bolder;
- letter-spacing: 3px;
- text-align: justify;
- text-transform: uppercase;
- background-color: #000;
- border-top: 2px solid #fff;
- -o-transition-duration: 0.1s;
- -moz-transition-duration: 0.1s;
- -webkit-transition-duration: 0.1s;
- -webkit-font-smoothing: antialiased;
- -webkit-transition: all 0.1s ease-in-out; }
- /*-- NOTES ON POST PAGE. -- */
- ol.notes {
- display: block;
- text-align: left;
- margin-left: -40px;
- list-style-type: none; }
- ol.notes li.note {
- margin-bottom: 5px; }
- .pagenotes {
- text-align: left;
- margin-top: 15px; }
- .pagenotes img {
- padding-top: 5px;
- padding-right: 5px;
- margin-bottom: -5px; }
- /*-- QUOTES. -- */
- .quote {
- background-image:url('https://i.imgur.com/j5ddG9W.png');
- background-clip: text;
- background-repeat: repeat;
- background-attachment: fixed;
- background-position: center center;
- font-size: 25px;
- line-height: 125%;
- text-align: center;
- color: transparent;
- letter-spacing: 3px;
- font-weight: bolder;
- text-transform: uppercase;
- -moz-background-clip: text;
- -webkit-background-clip: text;
- -webkit-font-smoothing: antialiased;
- -webkit-text-fill-color: transparent;
- -o-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -webkit-transition: all 0.5s ease-in-out; }
- .quotesource {
- text-align: right;
- margin-bottom: 10px; }
- /* -- ASKS & ANSWERS. -- */
- #q {
- padding: 10px;
- font-size: 10px;
- max-width: 100%;
- max-height: 50px;
- margin-top: -10px;
- overflow-y: scroll;
- text-align: justify;
- text-transform: uppercase;
- background-color: #000;
- border-top: 1px solid #fff;
- z-index: 999999999999999999999999999999999999; }
- #q a {
- color: #000; }
- #asker {
- color: #0c76a1;
- font-size: 8px;
- font-weight: bold;
- text-align: right;
- letter-spacing: 4px;
- text-transform: uppercase;
- text-shadow: 0px 0px 2px #0c76a1 }
- /* -- AUDIO. -- */
- .songart {
- float: left;
- margin-right: 10px; }
- .songart img {
- width: 80px;
- height: 80px; }
- .songtitle {
- margin-left: 90px;
- margin-bottom: 10px; }
- .songauthor {
- font-size: 8px;
- margin-left: 90px;
- margin-bottom: 10px; }
- .tumblr_audio_player {
- height: 50px; }
- /* -- PAGE FORWARD & PAGE BACKWARD.
- these are built in to the posts so just leave them as is! -- */
- #pagination {
- position: static;
- text-align: center; }
- .pagibutton {
- padding: 15px;
- position: relative;
- display: inline-block; }
- /* -- UPDATES TAB.
- #updates {
- width: 220px;
- padding: 2px;
- height: 298px;
- font-size: 9px;
- position: fixed;
- margin-top: 285px;
- margin-left: 850px;
- overflow-x: hidden;
- overflow-y: scroll;
- text-align: justify; }
- .updatesimg {
- background-repeat: repeat;
- background-attachment: fixed;
- padding: 3px;
- color: #000;
- font-size: 10px;
- text-align: center;
- text-transform: uppercase;
- border: 1px solid #0c76a1;
- text-shadow: 0px 0px 1px #fff, 1px 1px 1px #fff;
- background-image: url('https://i.imgur.com/j5ddG9W.png'); } -- */
- /* -- CUSTOM FOLLOW BUTTONS. -- */
- .tmblr-iframe {
- display:none!important; }
- #tumblr-controls {
- top: 15px;
- margin: 0;
- padding: 0;
- right: 15px;
- fill: #0c76a1;
- font-size: 15px;
- position: fixed;
- list-style: none;
- line-height: 15px;
- z-index: 9999999999999999999999999999; }
- #tumblr-controls svg {
- width: 15px;
- height: 20px; }
- .like_button,.our_toggle {
- top: 0;
- left: 0;
- right: 0;
- bottom: 0; }
- #tumblr-controls a {
- fill: #0c76a1;
- color: #0c76a1; }
- #tumblr-controls li {
- margin-left: 5px;
- position: relative;
- display: inline-block; }
- #tumblr-controls li:before{
- display: none; }
- .like_button {
- opacity: 0;
- z-index: 10;
- width: 100%;
- height: 100%;
- position: absolute; }
- .like_button iframe {
- width:100%!important;
- height:100%!important; }
- .our_toggle {
- z-index: 1;
- width: 15px;
- height: 20px;
- transition:all .2s ease-in-out;
- -o-transition:all .2s ease-in-out;
- -moz-transition:all .2s ease-in-out;
- -webkit-transition:all .2s ease-in-out; }
- .like_button:hover+.our_toggle svg{
- fill:#0c76a1;
- transition:all .2s ease-in-out;
- -o-transition:all .2s ease-in-out;
- -moz-transition:all .2s ease-in-out;
- -webkit-transition:all .2s ease-in-out; }
- .like_button.liked+.our_toggle svg {
- fill:#0c76a1; }
- .tmblr-iframe-pushdown {
- animation:none!important;
- padding-top:inherit!important;
- -webkit-animation:none!important; }
- /* -- THEME CREDIT. -- */
- #credit {
- right: 20px;
- bottom: 15px;
- opacity: .5px;
- position: fixed;
- -webkit-filter: blur(1px); }
- /* -- BEGIN CSS CODING. -- */
- {CustomCSS}
- </style></head>
- <body>
- <!-- UPDATES TAB.
- <div id="updates">
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- <div class="updatesimg">short title</div><p>
- text continues here blah blah blah<p>
- </div>-->
- </div> </div> </div> </div> </div> </div>
- <div id="connortop"><img src=""></div>
- <div id="connorleft"><img src=""></div>
- <!-- SCATTERED LINKS. -->
- <div id="scattered">
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links">
- <div class="home"><a href="#tab1" title="home.">★</a></div>
- <div class="ask"><a href="#tab2" title="ask.">★</a></div>
- <div class="guide"><a href="#tab3" title="navigate.">★</a></div>
- </div></div></div>
- <!-- BEGINNING OF TABS CODING. -->
- <div class="tabs">
- <!-- TAB ONE. THIS IS THE POST CONTAINER. DON'T TOUCH IT. -->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div id="cont">
- {block:Posts}
- <!-- TEXT POSTS. -->
- {block:Text}
- {block:Title}
- <h1 class="title">
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!-- IMAGE POSTS. -->
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}" width="100%"/>
- {block:Caption}{Caption}{/block:Caption}
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}" width="100%"/>
- {block:Caption}{Caption}{/block:Caption}
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- <!-- MULTI-IMAGE POSTS. -->
- {block:Photoset}
- {block:IndexPage}
- {Photoset}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- <!-- QUOTES. -->
- {block:Quote}
- <div class="quote">❝ {Quote}</div>
- {block:Source}
- <div class="quotesource">━ {Source}</div>
- {/block:Source}
- {/block:Quote}
- <!-- LINKS TO OTHER BLOGS, SOURCES, ETC. -->
- {block:Link}
- <h1 class="title">
- <a href="{URL}">{Name}</a>
- </h1>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- <!-- AUDIO POSTS. -->
- {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>
- {AudioPlayerBlack}
- {/block:Audio}
- {block:Chat}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt}">
- {block:Label}
- <span class="label" style="font-weight: bold; letter-spacing: 5px; text-transform: uppercase; color: #968d8b;">
- {Label}
- </span>
- {/block:Label}
- <p> {Line} </p></li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- <!-- VIDEOS. -->
- {block:Video}
- <div id="vidhov">
- {Video-400}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- <!-- ASKS. -->
- {block:Answer}
- <div id="asker">{Asker} inquired :</div>
- <p>
- <div id="q">{Question}</div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- <!-- UNDER POST. -->
- <div class="postinfo">
- <!-- DATE . -->
- {block:Date}
- <a href="{Permalink}" class="details" title="posted {Month} {DayOfMonth} , {Year} at {12Hour}:{Minutes} {AmPm} . ( {TimeAgo} )">●</a>
- {/block:Date}</a>
- <!-- NOTES . -->
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCount} notes .">●</a>
- {/block:NoteCount}
- <!-- REBLOG LOCATION & SOURCE . -->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName} .">●</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}" title="originally posted by {SourceTitle} .">●</a>
- {/block:ContentSource}
- <!-- TAGS . -->
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <!-- NOTES ( ON POST PAGE ) . -->
- {block:PostNotes}
- <div class="pagenotes">{PostNotes-16}</div>
- {/block:PostNotes}
- {/block:Posts}
- <!-- PAGE FORWARD / PAGE BACK. -->
- {block:Pagination}
- <div style="margin-left: 175px;">
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton">retreat .</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton">proceed .</div></a>
- {/block:NextPage}</div></div>
- {/block:Pagination}
- </div></div>
- <!-- SECOND TAB . -->
- <div id="tab2" class="tab">
- <div class="tabcontent">
- <h1>INQUIRE :</h1>
- <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="opacity: .5"></iframe>
- </div></div>
- <!-- THIRD TAB . -->
- <div id="tab3" class="tab">
- <div class="tabcontent"><p><br/>
- <div id="headerbar">
- <ul id="tabs">
- <li class="active">RULES.</li>
- <li>DOSSIER.</li>
- <li>VERSES.</li>
- </ul></div>
- <div id="tabbar">
- <ul id="tab">
- <li class="active">
- <b>hello !</b> this a very private and selective gavin reed , loved and hated by sivan . unaffiliated with the detroit:bh rpc. these rules will be short and sweet . vietnamese trans male . 18+ . fuck the canon and fanon portrayal for gavin .
- <br>
- * low activity blog , will be busy due to being my second to final year of getting my degree in college .
- <br>
- * fuck david cage. please don’t follow me if you support what he’s done.
- <br>
- * if you ship h*nkcon and you post alot of it on your blog, i’m more then likely to not follow you. i’m aware this rule may seem strange as i am a gavin, but the ship makes me incredibly uncomfortable due to that i see their relationship as father/son - but if you ship it, i won’t stop you.
- <br>
- * i am ship exclusive with <b>@droidhunt’s</b> connor, however if there are, let’s say an rk800-60 and they go by a completely different name/personality, i’m open for shipping really. it doesn’t mean i won’t interact with other connors, though.
- <br>
- * i will be following only a few select people on here , as from roleplaying previously on my old blogs with several others made me incredibly uncomfortable . ( those being either close friends or just new people i haven’t talked to/followed . )
- <br>
- * please do not refollow and follow me to get my attention , i won’t hesitate to block you .
- <br>
- * i’m open for shipping on gavin - whether it’d be platonic or romantic , just hit me up on ims or discord :fingerguns: .
- <br>
- * callouts will likely be reblogged . i will tag it as callout tw or callout / for your comfort .
- <br>
- * speaking of tagging , anything that may be triggering will be tagged: for example: <b>[trigger] tw</b> or <b>[trigger] /</b> .
- <br>
- * <b>if you support nasty shit or ignore things like aging up of minors for smut, pedophilia, transphobia, etc then i won’t hesitate to hard block you .</b>
- <br>
- * any sort of petty drama you have with anyone should be taken care of in private . if you have something you need to say at me , then please im or message me on discord about it . vaguing does not help the situation become better .
- <br>
- * mun is of age - so nsfw is an likely thing to happen on this blog . please do not lie about your age in order to smut with my gavin .
- <br>
- * anon is turned off for this blog .
- <br>
- more will be added if i think of any .
- <br>
- header credit & sidebar credit: x
- </h1>
- </li>
- <li>
- <h1>under construction.</h1>
- </li>
- <li>
- <p><div style="margin-left: 25px;"><a href="http://antidroids.tumblr.com/tagged/%E2%9C%96-%E2%94%82-VERSE-01-%C2%A0%E2%94%81-%C2%A0I-NO-LONGER-KNOW-HOW-TO-NOURISH-MYSELF-ON-MY-PAST.%E2%80%9C%22%3E%22%3E"><img src="https://66.media.tumblr.com/633e7c1838eadf74bf9ce5f112b34e1c/tumblr_inline_pi8wubqABA1wn81wq_500.png%22%3E</a></div></p>
- <p>you , boy , born into this world and ready to take on this world for what it’s worth . what you didn’t expect however was the struggles and conflicts that plagued your life as you grew up , overshadowed by your <em>brother</em> who you would not dare name . the bitter taste lingers on your tongue , reminding you of the times hes caused you strife . determined you were to prove them all wrong , to prove to the fucking world you were capable of doing more . and so you do , doing whatever it takes do it in your <strong style="line-height: 1.4;">own way</strong> . coming into the police department was at first , though you would not admit it , a daunting task in of itself . but you were determined , determined enough to prove that you were able to succeed as much as he did , become the number one in the world .</p>
- </li>
- </div></div>
- </div></div></div></div></div></div></div>
- <!-- THEME CREDIT CUSTOMIZATION . -->
- <div id="credit"><a href="https://droidire.tumblr.com/" title="theme code by mikka."><img alt="img" src="https://static.tumblr.com/w5u62fd/O4Nplmcmy/credit.gif"></img></a></div>
- <!-- CUSTOM TUMBLR CONTROLS . !-->
- <ul id="tumblr-controls"><li><a href="https://tumblr.com/message/{name}" title="message" target="_blank"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M51.6,144.6l-6,34.1c-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.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg></a>
- <li><a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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>
- {block:PermalinkPage}{block:Posts}<li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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></span></div>
- <li><a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a>{/block:Posts}
- <li><a href="#" title="share" onClick="MyWindow=window.open('/post/{postID}/embed','MyWindow','width=600,height=500,top=120,left=400'); return false;"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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="M163.1,86.3h-25.4c-3.3,0-6,2.7-6,6s2.7,6,6,6h19.4v71.2H58.9V98.3h21.4c3.3,0,6-2.7,6-6s-2.7-6-6-6H52.9c-3.3,0-6,2.7-6,6v83.2c0,3.3,2.7,6,6,6h110.2c3.3,0,6-2.7,6-6V92.3C169.1,89,166.4,86.3,163.1,86.3z"/><path d="M108,131c3.3,0,6-2.7,6-6V44.5l22.4,21.8c2.4,2.3,6.2,2.3,8.5-0.1c2.3-2.4,2.3-6.2-0.1-8.5L113.3,27c-2.2-2.1-5.5-2.2-7.9-0.4c-1.1,0.5-2,1.4-2.6,2.4L72.9,57.7c-2.4,2.3-2.5,6.1-0.2,8.5c1.2,1.2,2.8,1.8,4.3,1.8c1.5,0,3-0.6,4.2-1.7L102,46.4V125C102,128.3,104.7,131,108,131z"/></svg></a>{/block:PermalinkPage}
- <li><a href="https://tumblr.com/dashboard" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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.4z M162,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></ul>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement