Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!---------------------------------------------------------------------------
- ,,
- ,GG,
- GIIG
- Gl''lG
- ;G' 'G;
- GP YG
- oQ' 'Qo -Cᴏᴍᴍᴀɴᴅ Dᴇᴄᴋ ᴛʜᴇᴍᴇ ʙʏ
- *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
- *TGo, '* *' ,oGP*
- *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
- *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ɪɴғo
- ;GGT' 'TGG:
- GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
- GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
- GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
- oG* oGG* *GGo. *Go
- ;GG;oGG* *GGo;GG;
- ,GGGT* *TGGG,
- ""' '""
- ---------------------------------------------------------------------------->
- <!-- hover text 1/2 -->
- <link href="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 type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <head>
- {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
- {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <!-------------------------------- IMAGES ---------------------------------->
- <meta name="image:Background" content="http://static.tumblr.com/59acfa871fd82961ae25b360e8072d39/u5vz4xb/Kjlnlw3qw/tumblr_static_7098e3qd50cgwsgcsk0goscg8.png"/>
- <meta name="image:HUD Avatar 134x134" content="http://static.tumblr.com/a30ef5bf9ee5909f6360142263fe1edc/u5vz4xb/ZH1nm1x91/tumblr_static_c0mq5lpcka8skcowgk80wkgcc.png"/>
- <meta name="image:Album Art" content="https://68.media.tumblr.com/26a12b635fa21b1c335e22e1cd84e110/tumblr_inline_ni4vz2P0bz1rg1lxe.png"/>
- <meta name="image:Custom Cursor" content="https://68.media.tumblr.com/e43960430646d6981614dac781025145/tumblr_inline_n4cu0yOER91rg1lxe.png"/>
- <meta name="image:Custom Cursor Links" content="https://68.media.tumblr.com/3cee576847929faa11e2746b544aa1ca/tumblr_inline_n4cu12goiI1rg1lxe.png"/>
- <meta name="image:Favicon" content="https://68.media.tumblr.com/682dbba20b472b01eee53db557561283/tumblr_inline_nilprmi9a21rg1lxe.png"/>
- <!-------------------------------- COLORS ---------------------------------->
- <!-- Full Body -->
- <meta name="color:Background" content="#0c0c0c"/>
- <meta name="color:Scroll BG" content="#0c0c0c"/>
- <meta name="color:Scroll Thumb Top Gradient" content="#294485"/>
- <meta name="color:Scroll Thumb Bottom Gradient" content="#657cf2"/>
- <!-- Sidebar -->
- <meta name="color:Description BG" content="#0c0c0c"/>
- <meta name="color:Description Text" content="#7b7b7b"/>
- <meta name="color:Description Links" content="#35a12f"/>
- <meta name="color:Description Links Hover" content="#ffffff"/>
- <meta name="color:Magic Bar 1" content="#294485"/>
- <meta name="color:Magic Bar 2" content="#657cf2"/>
- <meta name="color:Magic Bar 3" content="#DA921E"/>
- <meta name="color:Health Bar 1" content="#35a12f"/>
- <meta name="color:Health Bar 2" content="#8ECD2A"/>
- <!-- Posts -->
- <meta name="color:Posts BG" content="#0c0c0c"/>
- <meta name="color:Posts 2nd BG" content="#101216"/>
- <meta name="color:Posts Title" content="#585a60"/>
- <meta name="color:Posts Text" content="#7b7b7b"/>
- <meta name="color:Posts Bold" content="#585a60"/>
- <meta name="color:Posts Italic" content="#7b7b7b"/>
- <meta name="color:Posts Code" content="#5f5f5f"/>
- <meta name="color:Posts Code BG" content="#191919"/>
- <meta name="color:Posts Links" content="#3dad4c"/>
- <meta name="color:Posts Links Hover" content="#8ECD2A"/>
- <meta name="color:Posts Blockquote" content="#162457"/>
- <meta name="color:Audio Player" content="#5380c3"/>
- <!-- Post Endings -->
- <meta name="color:Postending Symbols" content="#294485"/>
- <meta name="color:Postending Symbols Hover" content="#657cf2"/>
- <meta name="color:Postending Text BG" content="#101216"/>
- <meta name="color:Postending Text Text" content="#42537b"/>
- <meta name="color:Postending Text Links" content="#7a9fc4"/>
- <meta name="color:Postending Text Links Hover" content="#ffffff"/>
- <!-- Permalink -->
- <meta name="color:Permalink Text" content="#3dad4c"/>
- <meta name="color:Permalink Links" content="#294485"/>
- <meta name="color:Permalink Links Hover" content="#657cf2"/>
- <meta name="color:Permalink Blockquote" content="#1c1d1e"/>
- <meta name="color:Permalink Scroll Thumb" content="#294485"/>
- <!-- Misc. -->
- <meta name="color:Link Hover BG" content="#0c0c0c"/>
- <meta name="color:Link Hover Text" content="#ffffff"/>
- <meta name="color:Selection BG" content="#DA921E"/>
- <meta name="color:Selection Text" content="#ffffff"/>
- <meta name="color:Selection Links" content="#ffffff"/>
- <!-------------------------------- OPTIONS --------------------------------->
- <meta name="if:LARGER SCREENS larger layout" content="1"/>
- <meta name="if:Background as Pattern" content="1"/>
- <meta name="if:White Tumblr Controls" content="0"/>
- <meta name="if:Small Tumblr Controls" content="1"/>
- <meta name="if:Menu HoverClick Sounds" content="1"/>
- <meta name="if:Links Command Active" content="1"/>
- <meta name="if:Monochrome Photos" content="1"/>
- <meta name="if:Fade Photos" content="1"/>
- <meta name="if:Postending Symbols for Indexpage" content="1"/>
- <meta name="if:Custom Cursor" content="1"/>
- <meta name="if:Custom Favicon" content="1"/>
- <meta name="if:Dark Audio Player" content="1"/>
- <meta name="if:Credit on the Right" content="1"/>
- <!-------------------------------- TEXTS ----------------------------------->
- <meta name="text:Command Deck Customization" content="hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%) invert(0%)"/>
- <meta name="text:Link Deck Customization" content="hue-rotate(245deg) saturate(90%) brightness(100%) contrast(100%) invert(0%)"/>
- <meta name="text:Ask Verb" content="asked"/>
- <!-- command deck links -->
- <meta name="text:Home Title" content="Attack"/>
- <meta name="text:Home Symbol" content="key"/>
- <meta name="text:Message Title" content="Magic"/>
- <meta name="text:Message Symbol" content="magic"/>
- <meta name="text:Archive Title" content="Items"/>
- <meta name="text:Archive Symbol" content="flask"/>
- <meta name="text:Links Title" content="Summon"/>
- <meta name="text:Links Symbol" content="star"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 1 Title" content="Link 1"/>
- <meta name="text:Link 1 Symbol" content="heart"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 2 Title" content="Link 2"/>
- <meta name="text:Link 2 Symbol" content="tag"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 3 Title" content="Link 3"/>
- <meta name="text:Link 3 Symbol" content="trophy"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 4 Title" content="Link 4"/>
- <meta name="text:Link 4 Symbol" content="shield"/>
- <!-- custom fonts 1/2 -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <link href="https://fonts.googleapis.com/css?family=Coda|Montserrat:400,700" rel="stylesheet">
- </head>
- <!----------------------------- JAVASCRIPTS -------------------------------->
- <!-- links command appearing/disappearing -->
- <script type="text/javascript">function unhide(divID) {var item = document.getElementById(divID); if (item) {item.className=(item.className=='hidden')?'unhidden':'hidden';}}</script>
- <!-- menu hover/click sounds -->
- {block:IfMenuHoverClickSounds}
- <script>
- // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
- // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
- //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
- //** Call: uniquevar.playclip() to play sound
- var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
- "mp3": "audio/mpeg",
- "mp4": "audio/mp4",
- "ogg": "audio/ogg",
- "wav": "audio/wav"
- }
- function createsoundbite(sound){
- var html5audio=document.createElement('audio')
- if (html5audio.canPlayType){ //check support for HTML5 audio
- for (var i=0; i<arguments.length; i++){
- var sourceel=document.createElement('source')
- sourceel.setAttribute('src', arguments[i])
- if (arguments[i].match(/\.(\w+)$/i))
- sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
- html5audio.appendChild(sourceel)
- }
- html5audio.load()
- html5audio.playclip=function(){
- html5audio.pause()
- html5audio.currentTime=0
- html5audio.play()
- }
- return html5audio
- }
- else{
- return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
- }
- }
- //Initialize two sound clips with 1 fallback file each:
- var mouseoversound=createsoundbite("https://www.dropbox.com/s/bede2y30zezq1y2/khnoise%20hover.mp3?dl=1")
- var clicksound=createsoundbite("https://www.dropbox.com/s/o58d9b0gdqvrcby/khnoise%20click.mp3?dl=1")
- </script>
- {/block:IfMenuHoverClickSounds}
- <!-- hover text 2/2 -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <style type="text/css">
- /* custom fonts 3/3 */
- @import url('https://fonts.googleapis.com/css?family=Coda|Montserrat:400,700');
- @font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
- /* ------------------------------ DECORATION ---------------------------- */
- /* body */
- body {
- background:{color:background} url('{image:background}') {block:IfBackgroundAsPattern}fixed{/block:IfBackgroundAsPattern};
- {block:IfNotBackgroundAsPattern}background-size:cover; background-attachment:fixed; background-position:center;{/block:IfNotBackgroundAsPattern}
- color:{color:Posts Text};
- font: normal normal normal 11px/17px 'Montserrat', sans-serif;
- text-align:justify;}
- /*------------------------- CREDIT; DON'T REMOVE --------------------------*/
- #credit {
- z-index:99999; position:fixed;
- bottom:10px;
- {block:IfNotCreditOnTheRight}left:15px;{/block:IfNotCreditOnTheRight}
- {block:IfCreditOnTheRight}right:15px;{/block:IfCreditOnTheRight}
- width:15px; height:15px;
- border-radius:50%;
- background:{color:Postending Symbols};}
- #credit::before {
- content:"";
- position:absolute;
- top:-4px; left:-4px;
- height:8px; width:9px;
- background:{color:Postending Symbols};
- border-radius: 60% 40% 60% 40%;}
- #credit::after {
- content:"";
- position:absolute;
- top:-4px; left:10px;
- height:8px; width:9px;
- background:{color:Postending Symbols};
- border-radius: 40% 60% 40% 60%;}
- #credit, #credit::after, #credit::before {
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- #credit:hover {
- transform: rotate(10deg);
- -moz-transform: rotate(10deg);
- -webkit-transform: rotate(10deg);
- -o-transform: rotate(10deg);}
- #credit:hover, #credit:hover::after, #credit:hover::before {
- background:{color:Postending Symbols Hover};}
- /* ---------------------------- MINOR STUFF ------------------------------ */
- /* tumblr controls */
- .tmblr-iframe {
- z-index:9999 !important;
- {block:IfWhiteTumblrControls}
- -webkit-filter: invert(100%) hue-rotate(180deg) !important;
- -moz-filter: invert(100%) hue-rotate(180deg) !important;
- -ms-filter: invert(100%) hue-rotate(180deg) !important;
- -o-filter: invert(100%) hue-rotate(180deg) !important;
- filter: invert(100%) hue-rotate(180deg) !important;
- {/block:IfWhiteTumblrControls}
- {block:IfSmallTumblrControls}
- transform: scale(0.8) !important;
- -webkit-transform: scale(0.8) !important;
- -moz-transform: scale(0.8) !important;
- -o-transform: scale(0.8) !important;
- -ms-transform: scale(0.8) !important;
- transform-origin:right;
- webkit-transform-origin:right;
- -moz-transform-origin:right;
- -o-transform-origin:right;
- -ms-transform-origin:right;
- {/block:IfSmallTumblrControls}}
- /* hover text */
- #s-m-t-tooltip {
- z-index: 99999; display: block;
- margin-left: 20px; margin-top: 5px;
- max-width:150px;
- padding: 3px 5px 4px 6px;
- color: {color:Link Hover Text};
- font:normal normal normal 9px/10px Coda;
- letter-spacing:.5px;
- text-align:center;
- background: {color:Link Hover BG};}
- /* scrollbar */
- ::-webkit-scrollbar {
- height:14px; width:14px;
- background: {color:Scroll BG};}
- ::-webkit-scrollbar-thumb {
- background:{color:Scroll Thumb Top Gradient};
- background: -webkit-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
- background: -o-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
- background: -moz-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
- background: linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
- border:4px solid {color:Scroll BG};
- border-radius:5px;}
- /* drag n' click selection */
- ::selection {
- background: {color:Selection BG};
- color: {color:Selection Text};}
- ::-moz-selection {
- background: {color:Selection BG};
- color: {color:Selection Text};}
- a::selection {
- background: {color:Selection BG};
- color: {color:Selection Links};}
- a::-moz-selection {
- background: {color:Selection BG};
- color: {color:Selection Links};}
- /* ----------------------------- FONT STUFF ------------------------------ */
- /* links */
- a:link, a:active, a:visited{
- text-decoration:none;
- color:{color:Posts Links};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- a:hover {
- color:{color:Posts Links Hover};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- /* main font decorations */
- b, strong{color:{color:Posts Bold};}
- i, em {color:{color:Posts Italic};}
- pre {color:{color:posts code};
- max-width:100%;
- letter-spacing:1px;
- font-family: consolas;
- font-size:10px;
- text-align:left;
- word-break: break-all;
- background:{color:posts code BG};
- padding:4px 6px;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;}
- code {color:{color:posts code};
- letter-spacing:1px;
- font-family: consolas;
- font-size:10px;
- background:{color:posts code BG};}
- /* text and link post titles */
- h1 {font: normal normal bold 18px/18px Coda;
- color:{color:Posts Title};
- text-align:center;
- letter-spacing:.5px;}
- /* quote and ask post titles */
- h2 {font: normal normal bold 15px/15px Coda;
- color:{color:Posts Bold};
- text-align:center;
- letter-spacing:0.5px;}
- .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
- /* -------------------------------- HEADSUP ------------------------------ */
- /* magic/health bars */
- #magic1 {
- z-index:1;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:159px; left:50%; margin-left:299px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:425px; left:40%; margin-left:-307px;{block:IfNotlargerscreenslargerlayout}
- width:107px; height:106px;
- background:{color:Magic Bar 2};
- box-shadow: 4px 4px 0px 0px {color:Magic Bar 3} inset, 5px 5px 10px 0px {color:Magic Bar 1} inset;
- border-radius:105px 0px 0px 0px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #magic2 {
- z-index:0;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:178px; left:50%; margin-left:372px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:444px; left:40%; margin-left:-234px;{block:IfNotlargerscreenslargerlayout}
- width:106px; height:107px;
- background:{color:Magic Bar 2};
- box-shadow: -5px 4px 10px 0px {color:Magic Bar 1} inset;
- border-radius:0px 105px 0px 0px;
- transform: rotate(330deg);
- -moz-transform: rotate(330deg);
- -webkit-transform: rotate(330deg);
- -o-transform: rotate(330deg);
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #health1 {
- z-index:2;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:159px; left:50%; margin-left:314px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:425px; left:40%; margin-left:-292px;{block:IfNotlargerscreenslargerlayout}
- width:180px; height:90px;
- background:{color:Health Bar 2};
- box-shadow: 0px 5px 10px 5px {color:Health Bar 1} inset;
- border:1px solid transparent;
- border-radius:90px 90px 0px 0px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #health2 {
- z-index:2;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:69px; left:50%; margin-left:405px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:335px; left:40%; margin-left:-201px;{block:IfNotlargerscreenslargerlayout}
- width:91px; height:91px;
- background:{color:Health Bar 2};
- box-shadow: -5px -5px 10px 0px {color:Health Bar 1} inset;
- border-radius:0px 0px 90px 0px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #healthtail {
- z-index:1;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:69px; left:50%; margin-left:410px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:335px; left:40%; margin-left:-200px;{block:IfNotlargerscreenslargerlayout}
- width:0px; height:16px;
- background:{color:Health Bar 2};
- box-shadow: 0px -5px 10px 0px {color:Health Bar 1} inset;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #headsup:hover #healthtail {
- {block:Iflargerscreenslargerlayout}margin-left:299px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}margin-left:-307px;{block:IfNotlargerscreenslargerlayout}
- width:112px;}
- #mphp {
- z-index:4; position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:144px; left:50%; margin-left:298px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:410px; left:40%; margin-left:-308px;{block:IfNotlargerscreenslargerlayout}
- background:{color:Description BG};
- font:normal normal bold 9px/9px Coda;
- text-transform:uppercase;
- letter-spacing:1px;
- padding:4px 1px 2px 2px;
- color:{color:magic bar 1};
- text-shadow:0px 0px 0px {color:magic bar 1};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #mphp hp {
- color:{color:health bar 1}; padding-left:2px;
- text-shadow:0px 0px 0px {color:health bar 1};}
- /* description circle */
- #avatar {
- z-index:3;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:85px; left:50%; margin-left:330px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:351px; left:40%; margin-left:-276px;{block:IfNotlargerscreenslargerlayout}
- width:134px; height:134px;
- padding:4px;
- background:{color:Background} url('{image:background}') fixed;
- border:4px solid {color:Description BG};
- border-radius:75px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #description {
- z-index:4; opacity:0;
- position:fixed;
- {block:Iflargerscreenslargerlayout}bottom:85px; left:50%; margin-left:330px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:351px; left:40%; margin-left:-276px;{block:IfNotlargerscreenslargerlayout}
- width:132px; height:132px;
- font:normal normal normal 9px/12px Coda;
- letter-spacing:.5px;
- color:{color:Description Text};
- text-align:justify;
- background:{color:Description BG};
- border:9px solid {color:Description BG};
- border-radius:75px;
- overflow:hidden;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #headsup:hover #description{opacity:1;}
- #description a {color:{color:Description Links};}
- #description a:hover {color:{color:Description Links Hover};}
- .leftdescspace {float:left; clear:left; height:12px;}
- .rightdescspace {float:right; clear:right; height:12px;}
- /* ------------------------------ COMMAND DECK --------------------------- */
- /* overall */
- #mainlinks, #minorlinks {
- color:#808080;
- font:normal normal 400 20px/47px Coda;
- letter-spacing:1;
- text-align:left;
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- #mainlinks {
- -webkit-filter: {text:Command Deck Customization};
- -moz-filter: {text:Command Deck Customization};
- -ms-filter: {text:Command Deck Customization};
- -o-filter: {text:Command Deck Customization};}
- #mainlinks a, #minorlinks a {
- position:fixed; display:block;
- width:198px; height:47px;
- padding-left:30px;
- overflow:hidden;
- -webkit-filter: contrast(90%);
- color:#ffffff;
- text-decoration:none;
- background-size:100% 100%;
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- #mainlinks a:hover, #minorlinks a:hover {
- color:#ffffff;
- -webkit-filter: contrast(100%);
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- #mainlinks a:hover {
- z-index:6;
- {block:Iflargerscreenslargerlayout}margin-left:-513px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}margin-left:-293px;{block:IfNotlargerscreenslargerlayout}
- -webkit-filter: contrast(100%);
- background:url(https://68.media.tumblr.com/2f5fcfa8d74c616b21443c5020f8bdfa/tumblr_nls4qwdpJW1s60yyoo5_r4_400.png) no-repeat;
- background-size:100% 100%;}
- #mainlinks a l, #minorlinks a l {
- opacity:0; float:right;
- color:#808080;
- margin-top:23px; margin-right:20px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- #mainlinks a:hover l, #minorlinks a:hover l {
- opacity:1;}
- /* specific sections */
- #command, #links {
- z-index:5;
- position:fixed;
- display:block;
- -webkit-filter: contrast(90%);
- width:228px; height:47px;
- text-decoration:none;
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- #command {
- {block:Iflargerscreenslargerlayout}bottom:241px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:241px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/910b06ff83f3fbb075e573418ae2dcb0/tumblr_nls4qwdpJW1s60yyoo4_r3_400.png) no-repeat;
- background-size:100% 100%;}
- #link1{
- z-index:4;
- {block:Iflargerscreenslargerlayout}bottom:198px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:198px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/db6b076e6589d0dd35466cfb413cf38f/tumblr_nls4qwdpJW1s60yyoo3_r2_400.png) no-repeat;}
- #link2{
- z-index:3;
- {block:Iflargerscreenslargerlayout}bottom:155px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:155px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/db6b076e6589d0dd35466cfb413cf38f/tumblr_nls4qwdpJW1s60yyoo3_r2_400.png) no-repeat;}
- #link3{
- z-index:2;
- {block:Iflargerscreenslargerlayout}bottom:112px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:112px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/db6b076e6589d0dd35466cfb413cf38f/tumblr_nls4qwdpJW1s60yyoo3_r2_400.png) no-repeat;}
- #link4{
- z-index:1;
- {block:Iflargerscreenslargerlayout}bottom:69px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:69px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- background: rgba(0,0,0,0) url(https://68.media.tumblr.com/1369dc1b1060a45ed5ec7ebda865bc4b/tumblr_nls4qwdpJW1s60yyoo2_r2_400.png) no-repeat;}
- #link4inactive {
- z-index:1;
- position:fixed;
- display:block;
- -webkit-filter: contrast(90%);
- {block:Iflargerscreenslargerlayout}bottom:69px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:69px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- width:198px; height:47px;
- padding-left:30px;
- background: rgba(0,0,0,0) url(https://68.media.tumblr.com/1369dc1b1060a45ed5ec7ebda865bc4b/tumblr_nls4qwdpJW1s60yyoo2_r2_400.png) no-repeat;
- background-size:100% 100%;
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- /* ------------------------------- LINKS DECK --------------------------- */
- .hidden {display: none;
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- .unhidden {display: block;
- -webkit-transition: all 0.02s linear;
- -moz-transition: all 0.02s linear;
- transition: all 0.02s linear;}
- /* links deck */
- #minorlinks {
- z-index:7;
- -webkit-filter: {text:Link Deck Customization};
- -moz-filter: {text:Link Deck Customization};
- -ms-filter: {text:Link Deck Customization};
- -o-filter: {text:Link Deck Customization};}
- #minorlinks a:hover {
- z-index:12;
- {block:Iflargerscreenslargerlayout}margin-left:-498px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}margin-left:-273px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/2f5fcfa8d74c616b21443c5020f8bdfa/tumblr_nls4qwdpJW1s60yyoo5_r4_400.png) no-repeat;
- background-size:100% 100%;}
- #links {
- z-index:11;
- {block:Iflargerscreenslargerlayout}bottom:284px; left:50%; margin-left:-523px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:284px; left:40%; margin-left:-298px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/258ac38c02f2be5d7de4e9bc7292a1d7/tumblr_nm07d9ZAfY1tkrh2po1_400.png) no-repeat;
- background-size:100% 100%;}
- #link5{
- z-index:10;
- {block:Iflargerscreenslargerlayout}bottom:241px; left:50%; margin-left:-523px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:241px; left:40%; margin-left:-298px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/db6b076e6589d0dd35466cfb413cf38f/tumblr_nls4qwdpJW1s60yyoo3_r2_400.png) no-repeat;}
- #link6{
- z-index:9;
- {block:Iflargerscreenslargerlayout}bottom:198px; left:50%; margin-left:-523px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:198px; left:40%; margin-left:-298px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/db6b076e6589d0dd35466cfb413cf38f/tumblr_nls4qwdpJW1s60yyoo3_r2_400.png) no-repeat;}
- #link7{
- z-index:8;
- {block:Iflargerscreenslargerlayout}bottom:155px; bottom:155px; left:50%; margin-left:-523px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:155px; left:40%; margin-left:-298px;{block:IfNotlargerscreenslargerlayout}
- background:url(https://68.media.tumblr.com/db6b076e6589d0dd35466cfb413cf38f/tumblr_nls4qwdpJW1s60yyoo3_r2_400.png) no-repeat;}
- #link8{
- z-index:7;
- {block:Iflargerscreenslargerlayout}bottom:112px; left:50%; margin-left:-523px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:112px; left:40%; margin-left:-298px;{block:IfNotlargerscreenslargerlayout}
- background: rgba(0,0,0,0) url(https://68.media.tumblr.com/1369dc1b1060a45ed5ec7ebda865bc4b/tumblr_nls4qwdpJW1s60yyoo2_r2_400.png) no-repeat;}
- /* ----------------------------- PAGINATION ------------------------------ */
- #pagination {
- position:fixed; z-index:1;
- {block:Iflargerscreenslargerlayout}bottom:35px; left:50%; margin-left:-538px;{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}bottom:35px; left:40%; margin-left:-318px;{block:IfNotlargerscreenslargerlayout}
- width:228px;
- text-align:center;
- font:normal normal bold 11px/12px Coda;
- color:{color:Description Text};
- letter-spacing:1px;
- text-transform:uppercase;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #pagination a {
- color:{color:Description Text};}
- #pagination a:hover {
- color:{color:Description Links};}
- .jump {
- padding:5px 2px 5px 4px;
- background:{color:Description BG};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- .jump:hover {
- margin:0px 2px 0px 2px;
- padding:5px 4px 5px 6px;}
- .current {
- color:{color:Description Links Hover};
- padding:5px 2px 5px 4px;
- background:{color:Description BG};}
- #pagination l {
- font-size:14px;
- padding:2px;
- vertical-align:middle;
- background:{color:Description BG};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #pagination l:hover {
- margin:0px 2px 0px 2px;
- padding:2px 4px 2px 4px;}
- /* -------------------------------- POSTS -------------------------------- */
- /* posts position */
- #entries {
- margin-top:70px;
- width:540px;
- {block:Iflargerscreenslargerlayout}margin-left:50%;
- -webkit-transform: translateX(-50%);
- -ms-transform: translateX(-50%);
- transform: translateX(-50%);{/block:Iflargerscreenslargerlayout}
- {block:IfNotlargerscreenslargerlayout}margin-left:40%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);{/block:IfNotlargerscreenslargerlayout}
- text-align:justify;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- /* posts themselves */
- .posts {
- margin:0 0 70px 0px;
- overflow:hidden;
- width: 500px; padding:20px;
- background: {color:Posts BG} url('');}
- /* ----------------------------- POST TYPES ------------------------------ */
- /* text post */
- blockquote {
- padding:0px;
- padding-left:6px;
- margin:-3px 0 -1px 6px;
- border-left:3px solid {color:posts blockquote};}
- hr {display: block;
- margin: 30px 80px;
- border:1px solid {color:posts blockquote};}
- /* bullet lists */
- ol {margin-left:-8px;
- list-style-type:decimal;}
- ul {margin-left:-20px;
- list-style-type:none;}
- ul li::before {
- content:"";
- margin:0px 10px 2px 0px;
- display:inline-block;
- height:4px; width:4px;
- border-radius:50%;
- background:{color:posts blockquote};}
- li {margin-bottom:3px;}
- /* text-images */
- .posts img {
- vertical-align:middle;
- max-width:100%;}
- /* the credit below images that are from other people */
- .tmblr-full {margin:0;}
- .tmblr-attribution {
- opacity:.8;
- margin-top:0px;
- font-family:Calibri;
- font-size:8px; line-height:8px;
- text-transform:uppercase;
- letter-spacing:1px;}
- .tmblr-attribution::after {content: " >";}
- /* link posts */
- .link-posts a {
- background: {color:Posts Links};
- display:inline-block;
- width: 480px;
- padding:10px;
- color:{color:Posts BG};}
- .link-posts a:hover {
- background: {color:Posts Links Hover}}
- /* ask posts */
- .ask-posts img {
- vertical-align:middle;
- display:inline-block;
- margin-right:7px;
- max-width:64px;}
- .ask-posts .question {
- vertical-align:middle;
- display:inline-block;
- min-height:44px; width:406px;
- padding: 10px;
- background: {color:Posts 2nd BG};}
- .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
- /* quote posts */
- .quote-posts {
- padding:10px 0px;
- text-align:center}
- .quote {
- vertical-align:middle;
- width:430px;
- display:inline-block;}
- .quote-posts .fa {
- font-size:20px;
- vertical-align:middle;
- display:inline-block;
- color:{color:Posts Blockquote}}
- /* chat posts */
- .chat {margin:0px; padding:0px; line-height:14px;}
- .chat li {text-align:left;}
- .chat li::before {display:none;}
- .chat li {
- padding:5px 8px;
- margin-bottom:4px;
- background: {color:Posts 2nd BG};}
- /* photo posts */
- .posts img, .posts .html_photoset, .posts #audio-pic {
- {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
- {block:IfMonochromePhotos}
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);{/block:IfMonochromePhotos}
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;}
- .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- filter: grayscale(0%);
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;}
- /* photoset focused image background */
- .tmblr-lightbox {
- background-color:transparent !important;}
- .vignette {
- z-index:99998! important;
- opacity:.75 !important;
- background-color:{color:background} !important;
- background-image:none !important;}
- .tmblr-lightbox .lightbox-image {
- z-index:99999! important;
- border-radius:0px !important;
- background:{color:background} !important;
- box-shadow:0px 0px 0px 30px {color:background} !important;}
- .tmblr-lightbox .lightbox-caption {
- z-index:99999! important;
- font-family:consolas !important;
- font-size:10px !important;
- font-size: 15px !important;
- font-weight: bold !important;
- color: {color:posts title} !important;
- text-shadow: 0 4px 30px {color:background} !important;}
- /* video posts */
- #youtube_iframe, .tumblr_video_container {
- margin-bottom:5px; max-width:100%;}
- .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
- margin:5px 0px; max-width:100%;}
- /* audio posts */
- #audio-pic {
- display:inline-block;
- vertical-align:middle;
- margin-right:2px;
- width:135px; height:135px;
- background: url('{image:Default Audio Pic}');
- background-size:cover;}
- #info-container {
- display:inline-block;
- vertical-align:middle;
- text-align:left;
- font-size:8px; line-height:15px;
- width:355px;
- text-transform:uppercase;
- letter-spacing:1px;}
- #info-container li {
- display:block;
- padding:4px 7px;
- margin:0px; margin-top:4px;
- background:{color:Posts 2nd BG};}
- .posts .audio_player {
- max-width:355px; max-height:27px;
- margin:0px;
- background:{color:Audio Player};
- {block:IfMonochromePhotos}
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);{/block:IfMonochromePhotos}
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- .posts:hover .audio_player {
- {block:IfMonochromePhotos}
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- filter: grayscale(0%);{/block:IfMonochromePhotos}}
- .tumblr_audio_player {
- width:355px; opacity:.66;}
- /* ----------------------------- POSTS INFO ------------------------------ */
- /* if symbols */
- #postinfo {
- margin-top:30px;
- position:absolute;
- text-align:center;
- margin-left:-20px;
- width:540px;;}
- /* individual circles */
- #postinfo a {
- margin: 0px 10px;
- font-size:18px;
- display:inline-block;
- color:{color:Postending Symbols};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- #postinfo a:hover {
- margin: 0px 15px;
- color:{color:Postending Symbols Hover};}
- /* if no symbols */
- #postending {
- border-radius:3px;
- padding:10px; width:500px;
- margin:15px 0px -10px -10px;
- background: {color:Postending Text BG};
- text-align:center; margin-top:15px;
- letter-spacing:1px; font-size:9px;
- color: {color:Postending Text Color};}
- #postending a {
- color:{color:Postending Text Links};}
- #postending a:hover {
- color:{color:Postending Text Links Hover};}
- /* ----------------------------- PERMALINK ------------------------------- */
- /* permalink position */
- #permalink {
- background:;/* if you want the post-notes to have a non-transparent bg */
- margin:-70px 0px 0px 0px;
- width: 500px; padding: 20px 0px 20px 10px;}
- /* post notes container */
- .notes {
- width: 500px; max-height:600px;
- overflow: auto; text-align:center;
- line-height:0px; font-size:0px;
- color:transparent; letter-spacing:0px;}
- .notes a {
- letter-spacing:1px;
- font: normal normal normal 9px/17px 'Montserrat', san-serif;
- color:{color:Permalink Links};}
- .notes a:hover {
- color:{color:Permalink Links Hover};}
- .notes blockquote, .notes .answer_content {
- font: normal normal normal 9px/17px 'Montserrat', san-serif;
- letter-spacing:1px;
- max-width:350px;
- margin:3px auto; border:none;
- color:{color:Permalink Links};
- background:{color:Permalink Blockquote};}
- .notes blockquote {
- display:inline-block;
- padding:1px 10px 0px 10px;}
- .notes .answer_content {
- display:block;
- padding:2px 10px 1px 10px;}
- .notes img {display:none;}
- .notes li {margin-left:-10px;}
- /* replaced regular sentences with fa symbols */
- .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
- font-weight:normal;
- vertical-align:middle;
- content:"";
- font-family:'FontAwesome';
- display:inline-block; margin:0px 5px;
- font-size:10px;
- color:{color:Permalink Text};}
- .notes .like span a::after {content:"\f004";}
- .notes .reblog .tumblelog::after {content: "\f079";}
- .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
- .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
- .notes .reply .action a::after {content: "\f063";}
- /* permalink scrollbar */
- #permalink::-webkit-scrollbar {
- height:5px; width:5px;
- background: transparent;}
- #permalink::-webkit-scrollbar-thumb:vertical {
- background: {color:Permalink Scroll Thumb};
- border:none;
- border-radius: 1px;}
- /* --------------------------- SMALLER SCREENS --------------------------- */
- @media only screen and (max-width: 1110px), only screen and (max-device-width: 1110px) {
- #entries { margin-left:40%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}
- #magic2 { bottom:444px; left:40%; margin-left:-234px;}
- #magic1 { bottom:425px; left:40%; margin-left:-307px;}
- #health1 { bottom:425px; left:40%; margin-left:-292px;}
- #health2 { bottom:335px; left:40%; margin-left:-201px;}
- #healthtail { bottom:335px; left:40%; margin-left:-200px;}
- #headsup:hover #healthtail { margin-left:-307px;}
- #avatar { bottom:351px; left:40%; margin-left:-276px;}
- #description { bottom:351px; left:40%; margin-left:-276px;}
- #mphp { bottom:410px; left:40%; margin-left:-308px;}
- #mainlinks a:hover { margin-left:-293px;}
- #command { left:40%; margin-left:-318px;}
- #link1{ left:40%; margin-left:-318px;}
- #link2{ left:40%; margin-left:-318px;}
- #link3{ left:40%; margin-left:-318px;}
- #link4{ left:40%; margin-left:-318px;}
- #link4inactive { left:40%; margin-left:-318px;}
- #minorlinks a:hover { margin-left:-273px;}
- #links { left:40%; margin-left:-298px;}
- #link5{ left:40%; margin-left:-298px;}
- #link6{ left:40%; margin-left:-298px;}
- #link7{ left:40%; margin-left:-298px;}
- #link8{ left:40%; margin-left:-298px;}
- #pagination { left:40%; margin-left:-318px;} }
- </style>
- <body>
- <!-------------------------------- CURSOR ---------------------------------->
- {block:IfCustomCursor}
- <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
- </style>
- <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
- <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
- <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
- <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit"></a>
- <!-------------------------------- SIDEBAR --------------------------------->
- <div id="headsup">
- <div id="mphp">
- mp<hp>hp</hp>
- </div>
- <div id="magic1"></div><div id="magic2"></div>
- <div id="health1"></div><div id="health2"></div><div id="healthtail"></div>
- <img src="{image:HUD Avatar 134x134}" id="avatar">
- <!-- description -->
- <div id="description">
- <div class="leftdescspace" style="width:63px;"></div>
- <div class="rightdescspace" style="width:63px;"></div>
- <div class="leftdescspace" style="width:27px;"></div>
- <div class="rightdescspace" style="width:27px;"></div>
- <div class="leftdescspace" style="width:14px;"></div>
- <div class="rightdescspace" style="width:14px;"></div>
- <div class="leftdescspace" style="width:8px;"></div>
- <div class="rightdescspace" style="width:8px;"></div>
- <div class="leftdescspace" style="width:3px;"></div>
- <div class="rightdescspace" style="width:3px;"></div>
- <div class="leftdescspace" style="width:3px;"></div>
- <div class="rightdescspace" style="width:3px;"></div>
- <div class="leftdescspace" style="width:3px;"></div>
- <div class="rightdescspace" style="width:3px;"></div>
- <div class="leftdescspace" style="width:8px;"></div>
- <div class="rightdescspace" style="width:8px;"></div>
- <div class="leftdescspace" style="width:14px;"></div>
- <div class="rightdescspace" style="width:14px;"></div>
- <div class="leftdescspace" style="width:23px;"></div>
- <div class="rightdescspace" style="width:23px;"></div>
- <div class="leftdescspace" style="width:43px;"></div>
- <div class="rightdescspace" style="width:43px;"></div>
- {description}
- </div>
- </div>
- <!-- main side links -->
- <div id="mainlinks">
- <div id="command"></div>
- <a href="/" id="link1" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Home Title}<l class="fa fa-{text:Home Symbol}"></l></a>
- <a href="/ask" id="link2" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Message Title}<l class="fa fa-{text:Message Symbol}"></l></a>
- <a href="/archive" id="link3" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Archive Title}<l class="fa fa-{text:Archive Symbol}"></l></a>
- {block:IfLinksCommandActive}<a href="javascript:unhide('minorlinks');" id="link4" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Links Title}<l class="fa fa-{text:Links Symbol}"></l></a>{/block:IfLinksCommandActive}
- {block:IfNotLinksCommandActive}<div id="link4inactive">{text:Links Title}</div>{/block:IfNotLinksCommandActive}
- </div>
- <!-- minor side links -->
- <div id="minorlinks" class="hidden">
- <div id="links"></div>
- <a href="{text:Link 1 URL}" id="link5" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Link 1 Title}<l class="fa fa-{text:Link 1 Symbol}"></l></a>
- <a href="{text:Link 2 URL}" id="link6" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Link 2 Title}<l class="fa fa-{text:Link 2 Symbol}"></l></a>
- <a href="{text:Link 3 URL}" id="link7" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:Link 3 Title}<l class="fa fa-{text:Link 3 Symbol}"></l></a>
- <a href="{text:Link 4 URL}" id="link8" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{text:LInk 4 Title}<l class="fa fa-{text:Link 4 Symbol}"></l></a>
- </div>
- <!-- pagination -->
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}" onclick="clicksound.playclip()">{/block:PreviousPage}<l class="fa fa-chevron-left"></l>{block:PreviousPage}</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump" href="{URL}" onclick="clicksound.playclip()">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" onclick="clicksound.playclip()">{/block:NextPage}<l class="fa fa-chevron-right"></l>{block:NextPage}</a>{/block:NextPage}
- </div>{/block:Pagination}
- <!--------------------------------- POSTS --------------------------------->
- <div id="entries">
- {block:posts}
- <div class="posts">
- <!-- text posts -->
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- <!-- link posts -->
- {block:Link}
- {block:Thumbnail}<center>
- <a href="{Thumbnail-HighRes}">
- <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
- </a>
- </center>{/block:Thumbnail}
- <div class="link-posts"><h1><a href="{URL}">
- {Name} →
- </a></h1></div>
- {block:Description}<div class="caption">
- <p>{Description}</p>
- </div>{/block:Description}
- {/block:Link}
- <!-- ask posts -->
- {block:Answer}
- <div class="ask-posts">
- <img src="{AskerPortraitURL-64}">
- <div class="question">
- <h2>{Asker} {text:Ask Verb}:</h2> {Question}
- </div></div><br>
- <div id="caption">{Answer}</div>
- {/block:Answer}
- <!-- quote posts -->
- {block:Quote}
- <h2 class="quote-posts">
- <l class="fa fa-quote-left"></l>
- <div class="quote">{Quote}</div>
- <l class="fa fa-quote-right"></l>
- </h2>
- <div style="text-align:right; margin-right:20px">
- {block:Source}<b>- {Source}</b>{/block:Source}
- </div>
- {/block:Quote}
- <!-- chat posts -->
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <ul class="chat">{block:Lines}
- <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
- {/block:Lines}</ul>
- {/block:Chat}
- <!-- photo posts -->
- {block:Photo}
- <center>
- {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
- </center>
- {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}
- <div style="width:540px; margin-left:-20px; text-align:middle">
- {Photoset}
- </div>
- {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
- <!-- video post -->
- {block:Video}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!-- audio posts -->
- {block:Audio}
- <!--image-->
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- </div>{block:IndexPage}</a>{/block:IndexPage}
- <div id="info-container">
- <!--player-->
- {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
- {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
- {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
- {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
- {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
- {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
- </div>
- {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
- <!------------------------------ POST ENDING ------------------------------->
- {block:PermalinkPage}{block:Date}<div id="postending">
- <!-- date posted -->
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
- <!-- notes counter -->
- {block:NoteCount}
- || {NoteCountWithLabel}
- {/block:NoteCount}
- <!-- reblogged from -->
- {block:RebloggedFrom}<br>
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- || Source: <a href="{SourceURL}">{SourceTitle}</a>
- {/block:ContentSource}
- <!-- tags -->
- {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
- Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- </div>{/block:HasTags}
- </div>{/block:Date}{/block:PermalinkPage}
- <!------------- If Symbols for Index Page ------------->
- {block:IfPostendingSymbolsforIndexpage}
- {block:IndexPage}
- <div id="postinfo">
- <!-- date posted -->
- {block:Date}
- <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}" onclick="clicksound.playclip()"><l class="fa fa-clock-o"></l></a>
- {/block:Date}
- <!-- notes counter -->
- {block:NoteCount}
- <a href="{Permalink}" title="Notes: {NoteCount}" onclick="clicksound.playclip()"><l class="fa fa-pencil"></l></a>
- {/block:NoteCount}
- <!-- reblogged from -->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="Via: {ReblogParentName}"onclick="clicksound.playclip()"><l class="fa fa-at"></l></a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- <a href="{SourceURL}" title="Source: {SourceTitle}" onclick="clicksound.playclip()"><l class="fa fa-copyright"></l></a>
- {/block:ContentSource}
- <!-- tags -->
- {block:HasTags}
- <a href="{Permalink}" title="Tags: {block:Tags}{Tag}, {/block:Tags}" onclick="clicksound.playclip()"><l class="fa fa-tag"></l></a>
- {/block:HasTags}
- <!-- reblog -->
- <a href="{ReblogURL}" title="Reblog" onclick="clicksound.playclip()"><l class="fa fa-retweet"></l></a>
- </div>
- {/block:IndexPage}
- {/block:IfPostendingSymbolsforIndexpage}
- <!------------- If NO Symbols for Index Page ------------->
- {block:IfNotPostendingSymbolsforIndexpage}
- {block:IndexPage}
- {block:Date}<div id="postending">
- <!-- date posted -->
- <a href="{permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
- <!-- notes counter -->
- {block:NoteCount}
- || {NoteCountWithLabel}
- {/block:NoteCount}
- <!-- reblogged from -->
- {block:RebloggedFrom}<br>
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- || Source: <a href="{SourceURL}">{SourceTitle}</a>
- {/block:ContentSource}
- <!-- tags -->
- {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
- Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- </div>{/block:HasTags}
- </div>{/block:Date}
- {/block:IndexPage}
- {/block:IfNotPostendingSymbolsforIndexpage}
- </div> <!-- ending div tag for "posts" -->
- {/block:Posts}
- <!------------------------------ PERMALINK ------------------------------->
- {block:PostNotes}
- <div id="permalink">
- <div id="notescontainer">{PostNotes}</div>
- </div>
- {/block:PostNotes}
- </div> <!-- ending div tag for "entries" -->
- <script>
- /* questions? ask oddhour.tumblr.com */
- var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_1 { margin-top:5px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_2 { margin-top:5px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row.photoset_row_3 { margin-top:5px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset .photoset_row .photoset_photo {margin-left:4px;} .photoset { width: 540px; }</style>";
- function updatePhotoset() {
- $(".photoset").each( function (i, e) {
- if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
- $(this.contentDocument).find("head").append(updatePhotosetCss);
- var photoset = $(this.contentDocument).find(".photoset");
- var photosetRows = photoset.find(".photoset_row");
- photoset.find(".photoset_photo")
- .each(function () {
- var hiResSrc = $(this).attr("href");
- var img = $(this).find('img');
- img.attr("src", hiResSrc );
- img.attr("style", "");
- });
- photosetRows.attr("style", "").css("margin-bottom", "-5px");
- photoset.attr("style","");
- $(this).height($(this.contentDocument.body).height());
- });
- }
- updatePhotoset();
- var photosetTimer = setInterval(updatePhotoset, 1500);
- $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment