ControlC Pastebin - The easiest way to host your text

Paste content

Up to 100 KB of text. BBCode formatting is supported.
Title - optional
Content
<!DOCTYPE html>\r\n\r\n<!----\r\n \r\n©hunterthemes.tumblr.com | Theme #33 (Thriller Themes & Creepy Codes Challenge)\r\n\r\n* Do not redistribute this theme and claim it as your own.\r\n* Do not remove the credit or move it to another page.\r\n* Minor changes to this theme are allowed.\r\n\r\n ---->\r\n\r\n<html>\r\n<head> \r\n\r\n<meta charset=\"utf-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<link rel=\"shortcut icon\" href=\"{Favicon}\">\r\n<link rel=\"alternate\" type=\"application/rss+xml\" href=\"{RSS}\">\r\n \r\n<title>{Title}\r\n{block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}\r\n{block:TagPage} - {Tag} {/block:TagPage}\r\n{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>\r\n{block:Description}<meta name=\"description\" content=\"{MetaDescription}\" />\r\n{/block:Description}\r\n\r\n<!-- GOOGLE FONTS -->\r\n \r\n<link href=\"https://fonts.googleapis.com/css?family=Abril+Fatface|Lato|Oswald|Quando|Teko\" rel=\"stylesheet\">\r\n\r\n<!-- DEFAULT VARIABLES -->\r\n\r\n<meta name=\"image:Background\" content=\"\"/>\r\n<meta name=\"image:Sidebar image\" content=\"\"/>\r\n<meta name=\"image:Sidebar background\" content=\"\"/>\r\n<meta name=\"image:Avatar\" content=\"\" />\r\n \r\n<meta name=\"color:Background\" content=\"#ffffff\" />\r\n<meta name=\"color:Panel text\" content=\"#111111\" />\r\n<meta name=\"color:Panel background\" content=\"#ffffff\" />\r\n<meta name=\"color:Menu icon\" content=\"#ffffff\" />\r\n<meta name=\"color:Sidebar background\" content=\"#ffffff\" />\r\n<meta name=\"color:Description\" content=\"#111111\" />\r\n<meta name=\"color:Blog title\" content=\"#000000\" />\r\n<meta name=\"color:Sidebar link\" content=\"#000000\" />\r\n<meta name=\"color:Post background\" content=\"#ffffff\" />\r\n<meta name=\"color:Borders\" content=\"#DDDDDD\" />\r\n<meta name=\"color:Accent\" content=\"#FF6F61\" />\r\n<meta name=\"color:Title\" content=\"#111111\" />\r\n<meta name=\"color:Text\" content=\"#111111\" />\r\n<meta name=\"color:Link\" content=\"#729F51\" />\r\n<meta name=\"color:Icon\" content=\"#729F51\" />\r\n<meta name=\"color:Hover\" content=\"#445533\" />\r\n<meta name=\"color:Chat 1\" content=\"#333333\" />  \r\n<meta name=\"color:Chat 2\" content=\"#111111\" />  \r\n<meta name=\"color:Bold\" content=\"#FF6F61\"/>\r\n<meta name=\"color:Italic\" content=\"#729F51\"/>\r\n<meta name=\"color:Post buttons\" content=\"#333333\" />\r\n<meta name=\"color:Pagination\" content=\"#ffffff\" />\r\n<meta name=\"color:Scrollbar\" content=\"#FF6F61\" />\r\n<meta name=\"color:Scrollbar background\" content=\"#ffffff\" />\r\n\r\n<meta name=\"select:Title font\" content=\"Abril Fatface\" title=\"Abril Fatface\">\r\n<meta name=\"select:Title font\" content=\"Lato\" title=\"Lato\"> \r\n<meta name=\"select:Title font\" content=\"Oswald\" title=\"Oswald\">\r\n<meta name=\"select:Title font\" content=\"Quando\" title=\"Quando\"> \r\n<meta name=\"select:Title font\" content=\"Teko\" title=\"Teko\"> \r\n\r\n<meta name=\"select:Title font size\" content=\"25px\" title=\"25px\">\r\n<meta name=\"select:Title font size\" content=\"30px\" title=\"30px\">\r\n<meta name=\"select:Title font size\" content=\"35px\" title=\"35px\">\r\n<meta name=\"select:Title font size\" content=\"40px\" title=\"40px\">\r\n<meta name=\"select:Title font size\" content=\"45px\" title=\"45px\">\r\n\r\n<meta name=\"select:Blog title font size\" content=\"22px\" title=\"22px\">\r\n<meta name=\"select:Blog title font size\" content=\"24px\" title=\"24px\">\r\n<meta name=\"select:Blog title font size\" content=\"26px\" title=\"26px\">\r\n<meta name=\"select:Blog title font size\" content=\"28px\" title=\"28px\">\r\n<meta name=\"select:Blog title font size\" content=\"30px\" title=\"30px\">\r\n \r\n<meta name=\"font:Body font\" content=\"Helvetica\"/>\r\n<meta name=\"select:Body font size\" content=\"12px\" title=\"12px\">\r\n<meta name=\"select:Body font size\" content=\"13px\" title=\"13px\">\r\n<meta name=\"select:Body font size\" content=\"14px\" title=\"14px\">\r\n<meta name=\"select:Body font size\" content=\"15px\" title=\"15px\">\r\n<meta name=\"select:Body font size\" content=\"16px\" title=\"11px\">\r\n\r\n<meta name=\"select:Post width\" content=\"600\" title=\"600px\">\r\n<meta name=\"select:Post width\" content=\"540\" title=\"540px\">\r\n<meta name=\"select:Post width\" content=\"500\" title=\"500px\">\r\n<meta name=\"select:Post width\" content=\"400\" title=\"400px\">\r\n<meta name=\"select:Post width\" content=\"300\" title=\"300px\">\r\n\r\n<meta name=\"if:Spooky\" content=\"1\" />\r\n<meta name=\"if:Inverted Controls\" content=\"0\" />\r\n<meta name=\"if:Infinite Scroll\" content=\"0\" />\r\n<meta name=\"if:Load More\" content=\"0\" />\r\n<meta name=\"if:Display Search Box\" content=\"1\" />\r\n<meta name=\"if:Display Avatar\" content=\"1\" />\r\n<meta name=\"if:Circular Avatar\" content=\"1\" />\r\n<meta name=\"if:Display Navigation\" content=\"1\" />\r\n<meta name=\"if:Ask Enabled\" content=\"1\" />\r\n<meta name=\"if:Submissions Enabled\" content=\"1\" />\r\n<meta name=\"if:Hover For Info\" content=\"0\" />\r\n<meta name=\"if:Display Captions\" content=\"1\" />\r\n<meta name=\"if:Display Tags\" content=\"1\" />\r\n \r\n<meta name=\"if:Display Link One\" content=\"1\" />\r\n<meta name=\"if:Display Link Two\" content=\"1\" />\r\n<meta name=\"if:Display Link Three\" content=\"1\" />\r\n<meta name=\"if:Display Link Four\" content=\"1\" />\r\n<meta name=\"if:Display Link Five\" content=\"1\" />\r\n<meta name=\"if:Display Link Six\" content=\"1\" />\r\n\r\n<meta name=\"text:Link One Title\" content=\"LINK ONE\" />\r\n<meta name=\"text:Link One Url\" content=\"http://\"/>\r\n<meta name=\"text:Link Two Title\" content=\"LINK TWO\"/>\r\n<meta name=\"text:Link Two Url\" content=\"http://\"/>\r\n<meta name=\"text:Link Three Title\" content=\"LINK THREE\" />\r\n<meta name=\"text:Link Three Url\" content=\"http://\" />\r\n<meta name=\"text:Link Four Title\" content=\"LINK FOUR\" />\r\n<meta name=\"text:Link Four Url\" content=\"http://\" />\r\n<meta name=\"text:Link Five Title\" content=\"LINK FIVE\" />\r\n<meta name=\"text:Link Five Url\" content=\"http://\" />\r\n<meta name=\"text:Link Six Title\" content=\"LINK SIX\" />\r\n<meta name=\"text:Link Six Url\" content=\"http://\" />\r\n\r\n<meta name=\"text:Border radius\" content=\"10px\"/>\r\n<meta name=\"text:Subtitle\" content=\"Subtitle\" />\r\n\r\n<!-- END DEFAULT VARIABLES -->\r\n\r\n<style type=\"text/css\">\r\n \r\n/* CSS */\r\n \r\n/*-- GENERAL --*/\r\n \r\nbody {\r\nmargin:0;\r\npadding:0;\r\nwidth:100%;\r\nheight:100%;\r\nword-wrap:break-word;\r\ncolor:{color:Text};\r\nfont-family:{font:Body font};  \r\nfont-size:{select:Body font size};\r\nline-height: calc({select:Body font size} + 7px);\r\nbackground-color: {color:Background};\r\nbackground-image:url({image:Background});\r\nbackground-attachment: fixed;\r\nbackground-repeat: repeat;\r\n}\r\n \r\n/* Headings */ \r\n \r\nh1 {\r\nmargin:0;\r\npadding:0;\r\npadding-bottom:5px;\r\ncolor:{color:Title};\r\nfont-family:{select:Title font};\r\nfont-size:{select:Title font size};\r\nline-height:calc({select:Title font size} + 7px);\r\n}\r\n\r\nh2 {\r\nfont-family:{font:Body font};\r\nfont-size:150%;\r\nfont-weight:normal;\r\n}\r\n\r\n/* Paragraph */\r\n\r\np {\r\npadding:0 10px;\r\n}\r\n\r\np ul, p ol, p li { \r\nmargin:5px 10px; \r\npadding:0;\r\n}\r\n\r\n/* Links */\r\n \r\na {\r\ncolor:{color:Link};\r\ntext-decoration:none;\r\ntransition:all .3s linear;    \r\n-webkit-transition:all .5s linear;\r\n-o-transition:all .5s linear;\r\n-moz-transition:all .5s linear;   \r\n}\r\n \r\na:hover {\r\ncolor:{color:Link Hover};\r\n}\r\n\r\n/* Bold and italic */\r\n \r\nb, strong {color:{color:Bold};}\r\n \r\ni, em {color:{color:Italic};}\r\n\r\n/* Blockquote */\r\n \r\nblockquote {\r\npadding:0 0 2px 5px;\r\nmargin:0 0 2px 10px;\r\nborder-left: 1px dotted #555555;\r\n}\r\n\r\n/* Tumblr controls */\r\n \r\niframe.tmblr-iframe {\r\ntop:4px!important;\r\nright:40px!important;\r\nopacity:0.8;\r\ntransform:scale(0.6);\r\ntransform-origin:100% 0;\r\n-webkit-transform:scale(0.8);\r\n-webkit-transform-origin:100% 0;\r\n-o-transform:scale(0.8);\r\n-o-transform-origin:100% 0;\r\n-moz-transform:scale(0.8);\r\n-moz-transform-origin:100% 0;\r\n-ms-transform:scale(0.8);\r\n-ms-transform-origin:100% 0;\r\nz-index:100000!important;\r\n{block:ifInvertedControls}\r\nfilter:invert(100%) hue-rotate(180deg);\r\n-webkit-filter:invert(100%) hue-rotate(180deg);\r\n-moz-filter:invert(100%) hue-rotate(180deg);\r\n-o-filter:invert(100%) hue-rotate(180deg);\r\n-ms-filter:invert(100%) hue-rotate(180deg);\r\n{/block:ifInvertedControls}\r\n}\r\n \r\niframe.tmblr-iframe:hover {\r\nopacity:1!important;\r\n}\r\n\r\n.tmblr-iframe--app-cta-button {\r\ndisplay: none!important;\r\n}\r\n\r\n/* Webkit scrollbar */\r\n \r\n::-webkit-scrollbar {\r\nwidth: 9px;\r\nheight:0;\r\n}\r\n \r\n::-webkit-scrollbar-button:start:decrement,\r\n::-webkit-scrollbar-button:end:increment {\r\nheight:0;\r\ndisplay: block;\r\nbackground-color: {color:Scrollbar background};\r\n}\r\n \r\n::-webkit-scrollbar-track-piece {\r\nbackground-color: {color:Scrollbar background};\r\n}\r\n \r\n::-webkit-scrollbar-thumb:vertical {\r\nheight:0;\r\nbackground-color: {color:Scrollbar};\r\nborder:4px solid {color:Scrollbar background};\r\n}\r\n \r\n/* Tooltips */\r\n \r\n#s-m-t-tooltip {\r\nmax-width:300px;\r\nmargin-left:10px;\r\nmargin-top:10px;\r\npadding:2px 4px;\r\nfont-size:12px;\r\nline-height:15px;\r\ncolor:{color:Sidebar icon};\r\nbackground:{color:Sidebar background};\r\nborder:1px solid {color:Borders};\r\nborder-radius:{text:Border radius};\r\nz-index:10000;\r\n}\r\n\r\n/* Fix */\r\n \r\niframe, img, embed, object, video {\r\nmax-width:100%;\r\nborder:none;\r\n}\r\n \r\n.video * {\r\ndisplay:block;\r\nmin-width:100%;\r\n}\r\n \r\ninput, textarea, select, a { outline:none; }\r\n\r\n/*--- MENU ---*/\r\n \r\n#menu {\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:60px;\r\nheight:100%;\r\nbackground:{color:Accent};\r\nborder-bottom:1px solid {color:Borders};\r\nz-index:1000;\r\n}\r\n\r\n/* Main links */\r\n\r\n#main-links {\r\nposition:fixed;\r\nmargin-top:10px;\r\nmargin-left:10px;\r\nwidth:50px;\r\nline-height:30px;\r\nlist-style:none;\r\n}\r\n \r\n#main-links a {\r\ndisplay:block;\r\nmargin-top:15px;\r\nwidth:37px;\r\nheight:30px;\r\npadding:5px 0 5px 13px;\r\nborder-top-left-radius:20px;\r\nborder-bottom-left-radius:20px;\r\n-webkit-transition:all .5s linear;\r\n-o-transition:all .5s linear;\r\n-moz-transition:all .5s linear; \r\n}\r\n\r\n#main-links span {\r\nfont-size:15px;\r\ncolor:{color:Menu icon};\r\ncursor:pointer;\r\ntransition:all .3s linear;    \r\n-webkit-transition:all .5s linear;\r\n-o-transition:all .5s linear;\r\n-moz-transition:all .5s linear; \r\n}\r\n\r\n#main-links a:hover,\r\n#main-links a.selected,\r\n#open-sidebar.selected,\r\n#open-search.selected {\r\ncolor:{color:Accent}!important;\r\nbackground:{color:Panel background}!important;\r\n}\r\n\r\n#main-links a:hover span, \r\n#main-links a.selected span,\r\n#open-sidebar.selected, \r\n#open-search.selected {\r\ncolor:{color:Accent}!important;\r\n}\r\n\r\n#main-links li.selected a { cursor:default }\r\n\r\na#open-sidebar {\r\ndisplay:none!important;\r\n}\r\n\r\n/* Search box */\r\n \r\n#search-panel {\r\nposition:fixed;\r\ntop:0;\r\nleft:60px;\r\nwidth:calc(100vw - 150px);\r\nheight:calc(100vh - 100px);\r\npadding:50px;\r\nfont-size:13px;\r\nline-height:16px;\r\ncolor:{color:Panel text};\r\nbackground:{color:Panel background};\r\ndisplay:none;\r\nz-index:100000;\r\n}\r\n\r\n#search {\r\nposition:fixed;\r\ntop:50%;\r\nleft:150px;\r\nwidth:calc(100vw - 150px);\r\nheight:auto;\r\n-webkit-transform:translateY(-50%);\r\n-moz-transform:translateY(-50%);\r\n-ms-transform:translateY(-50%);\r\ntransform:translateY(-50%);\r\n}\r\n\r\n#search h2 { \r\nmargin-left:auto;\r\nmargin-right:auto;\r\nmargin-bottom:30px; \r\nborder-bottom:none; \r\ncolor:{color:Title};\r\ntext-align:center;\r\nfont-size:30px;\r\n}\r\n\r\n#search h2::after {\r\ncontent: '';\r\ndisplay:block;\r\nmargin-top:15px;\r\nmargin-left:auto;\r\nmargin-right:auto;\r\nwidth:40px;\r\nheight:2px;\r\nbackground:{color:Accent};\r\n}\r\n\r\n.requiro {\r\nmargin:0 auto;\r\nwidth:50%;\r\nheight:50px;\r\nline-height:50px;\r\ncursor:pointer;\r\ncolor:{color:Panel text};\r\nborder-bottom:1px solid {color:Accent};\r\npadding:5px 10px;\r\nz-index:100;\r\n}\r\n\r\n.requiro span {\r\nposition:absolute;\r\nmargin-left:-10px;\r\ncolor:{color:Panel text};\r\n}\r\n\r\ninput:focus::-webkit-input-placeholder {\r\ncolor:transparent;\r\n}\r\n\r\ninput:focus:-moz-placeholder {\r\ncolor:transparent;\r\n}\r\n\r\ninput:focus::-moz-placeholder {\r\ncolor:transparent;\r\n}\r\n\r\ninput:focus:-ms-input-placeholder { \r\ncolor:transparent;\r\n}\r\n\r\n.requiro input{\r\noutline:none;\r\nborder:0;\r\nwidth:100%;\r\nmargin:0;\r\npadding:0; \r\nbackground:transparent;\r\nfont-size:16px;\r\n}\r\n    \r\n.requiro input[type=text]{\r\ncolor:{color:Panel text};}\r\ninput::-webkit-input-placeholder{\r\ncolor:{color:Panel text};}\r\ninput::-moz-placeholder{\r\ncolor:{color:Panel text};}\r\ninput:-moz-placeholder{\r\ncolor:{color:Panel text};}\r\ninput:-ms-input-placeholder{\r\ncolor:{color:Panel text};}\r\n \r\n/* Close button */\r\n\r\n#close-sidebar, \r\n#close-search {\r\nposition:absolute;\r\ntop:0;\r\nright:9px;\r\nwidth:70px;\r\nheight:70px;\r\nline-height:70px;\r\ntext-align:center;\r\nbackground:{color:Accent};\r\nborder-bottom-left-radius:35px;\r\nz-index:100;\r\ncursor:pointer;\r\n}\r\n\r\n#close-sidebar span, #close-search span {\r\ncolor:{color:Menu icon};\r\nfont-size:20px;\r\n}\r\n\r\n/*-- SIDEBAR --*/\r\n\r\n#sidebar {\r\nposition:fixed;\r\ntop:0;\r\nright:0;\r\nwidth:30vw;\r\nheight:100vh;\r\nfont-size:{select:Body font size};\r\nline-height: calc({select:Body font size} + 7px);\r\nbackground:{color:Sidebar background};\r\nbackground-image:url({image:Sidebar background});\r\nz-index:10000;\r\noverflow:hidden;\r\n}\r\n\r\n/*-- Sidebar image --*/\r\n\r\n#sidebar-image {\r\nmargin-top:0;\r\nmargin-left:0;\r\nwidth:100%;\r\nheight:auto;\r\n{block:ifSpooky}\r\nmin-height:190px;\r\n{block:ifSpooky}\r\nmax-height:30vh;\r\noverflow:hidden;\r\n}\r\n\r\n#frame {\r\nposition:fixed;\r\ntop:0;\r\nwidth:100%\r\nz-index:10;\r\n}\r\n\r\n/* Blog title */\r\n \r\n.blog-title {\r\nmargin-top:20px;\r\nmargin-left:20px;\r\nwidth:calc(100% - 40px);\r\nheight:60px;\r\nline-height:30px;\r\nletter-spacing:2px;\r\nfont-family:{select:Title font};\r\nfont-size:{select:Blog title font size};\r\ncolor:{color:Blog title};\r\n}\r\n\r\n.blog-title:hover {\r\ncolor:{color:Hover};\r\n}\r\n\r\n.blog-title span {\r\nfont-family:{font:Body font};  \r\nfont-size:{select:Body font size};\r\nletter-spacing:0;\r\n}\r\n\r\n/* Avatar */\r\n \r\n.avatar {\r\nmargin-right:20px;\r\nfloat:left;\r\nwidth:60px;\r\nheight:60px;\r\nborder-radius:{text:Border radius};\r\nborder:1px solid {color:Accent};\r\n{block:ifCircularAvatar}\r\nborder-radius:100px;\r\n{/block:ifCircularAvatar}\r\n-webkit-transition:all .5s linear;\r\n-o-transition:all .5s linear;\r\n-moz-transition:all .5s linear;  \r\n}\r\n\r\n.avatar:hover {\r\nborder:1px solid {color:Hover};\r\n}\r\n \r\n.avatar img {\r\nwidth:100%;\r\nheight:100%;\r\nborder-radius:{text:Border radius};\r\n{block:ifCircularAvatar}\r\nborder-radius:100px;\r\n{/block:ifCircularAvatar}\r\n}\r\n\r\n/* Description */\r\n \r\n.description {\r\nmargin-top:20px;\r\nmargin-left:20px ;\r\nwidth:calc(100% - 50px);\r\nmax-height:25vh;\r\npadding-right:10px;\r\ncolor:{color:Description};\r\ntext-align:justify;\r\noverflow-y:auto;\r\nfont-family:{font:Body font};  \r\nfont-size:{select:Body font size};\r\nline-height: calc({select:Body font size} + 7px);\r\n}\r\n\r\n.divider {\r\nmargin-top:20px;\r\nmargin-left:20px ;\r\nwidth:calc(100% - 40px);\r\n{block:ifnotSpooky}\r\nborder-bottom:1px solid {color:Accent};\r\n{/block:ifnotSpooky}\r\n}\r\n\r\n/* Links */\r\n\r\n.links {\r\nmargin-top:20px;\r\nmargin-left:20px;\r\nwidth:calc(100% - 40px);\r\nheight:auto;\r\nmax-height:30vh;\r\nline-height:24px;\r\n}\r\n \r\n.links a {\r\ndisplay:inline-block;\r\nmargin-top:10px;\r\nmin-width:calc(50% - 30px);\r\ntext-transform:uppercase;\r\ntext-align:right;\r\ncolor:{color:Sidebar link};\r\n}\r\n\r\n.links a:nth-child(odd) {\r\nmargin-right:55px;\r\n}\r\n\r\n.links a:hover {\r\ncolor:{color:Hover};\r\n}\r\n\r\n.links span {\r\nfloat:left;\r\ncolor:{color:Accent};\r\nfont-size:12px;\r\nmargin-right:5px;\r\npadding:0 5px;\r\ntext-align:center;\r\ncolor:{color:Menu icon};\r\nbackground:{color:Accent};\r\nborder-radius:calc({text:Border radius} - 2px);\r\n}\r\n\r\n/*---------------------------- MAIN CONTAINER ----------------------------*/\r\n \r\n#container {\r\nmargin-top:0;\r\nmargin-left:60px;\r\nwidth:calc(70vw - 70px);\r\nmin-height:600px;\r\nz-index:10;\r\n}\r\n\r\n/*------ POSTS AND ENTRIES -----*/\r\n \r\n#posts {\r\ndisplay:block;\r\nposition:relative;\r\nmargin-top:30px;\r\nmargin-left:auto;\r\nmargin-right:auto;\r\nwidth:calc({select:Post width}px + 72px);\r\nmax-width:calc(70vw - 25px);\r\n{block:PermalinkPage}\r\nwidth:562px!important;\r\n{/block:PermalinkPage}\r\n}\r\n \r\n.entry {\r\nfloat:left;\r\ndisplay:block;\r\nmargin:20px;\r\nwidth:{select:Post width}px;\r\npadding:15px;\r\npadding-bottom:10px;\r\nbackground:{color:Post background};\r\nborder:1px solid {color:Borders};  \r\nborder-radius:{text:Border radius};\r\noverflow:hidden;\r\n}\r\n \r\n.entry img { max-width:100%; }\r\n\r\n/* -------- RESPONSIVE DESIGN VALUES, editing is not recommended -------- */\r\n\r\n@media only screen and (max-width:750px) {\r\n    \r\na#open-sidebar {\r\ndisplay:block!important;\r\n}\r\n\r\n#sidebar {\r\nposition:fixed;\r\ntop:0;\r\nright:0;\r\nwidth:calc(100vw - 70px)!important;\r\nheight:100vh;\r\nfont-size:{select:Body font size};\r\nline-height: calc({select:Body font size} + 7px);\r\nbackground:{color:Sidebar background};\r\nbackground-image:{image:Sidebar background};\r\nz-index:10000;\r\ndisplay:none;\r\n}\r\n\r\n#container {\r\nwidth:calc(100vw - 70px)!important;\r\n}\r\n\r\n#posts { \r\nmargin:20px 0;\r\nwidth:calc(100vw - 60px)!important;\r\nmax-width:calc(100vw - 60px)!important;\r\n{block:PermalinkPage}\r\nwidth:calc(100vw - 60px)!important;\r\nmax-width:calc(100vw - 60px)!important;\r\n{/block:PermalinkPage}\r\n}\r\n\r\n.entry {\r\nfloat:left;\r\ndisplay:block;\r\nmargin:25px!important;\r\nwidth:calc(100vw - 152px)!important;\r\nmin-width:300px;\r\nz-index:100;\r\n{block:PermalinkPage}\r\nwidth:calc(100vw - 152px)!important;\r\n{/block:PermalinkPage}\r\n}\r\n\r\n.blog-title {\r\nfont-size:calc({select:Blog title font size} - 5px)!important;\r\n}\r\n\r\n#pager {\r\nmargin-left:0;\r\nwidth:100vw!important;\r\n{block:PermalinkPage}\r\nwidth:100vw!important;\r\n{/block:PermalinkPage}\r\nmin-width:300px;\r\n}\r\n\r\n#sidebar-image {\r\n{block:ifSpooky}\r\nmax-height:120px!important;\r\n{block:ifSpooky}\r\n}\r\n    \r\n}\r\n\r\n/* End responsive values */\r\n\r\n\r\n/* -- POST STYLES -- */\r\n \r\n/* Quote posts */\r\n \r\n.quote {\r\nmargin:5px;\r\npadding:10px;\r\nfont-family:{select:Title font};\r\nfont-size:200%;\r\nline-height:130%;\r\ncolor:{color:Italic};\r\nheight:auto;\r\ntext-align:center;\r\nletter-spacing:1px;\r\n}\r\n \r\n.source {\r\nmargin-top:5px;\r\nmargin-bottom:10px;\r\nfont-family:{font:Body font};\r\nfont-size:15px;\r\nheight:25px;\r\nline-height:25px;\r\ntext-align:left;\r\noverflow:hidden;\r\n}\r\n\r\n.source span {\r\nfloat:left;\r\nmargin-right:10px;\r\ncolor:{color:Link};\r\npadding:5px;\r\npadding-right:10px;\r\nfont-size:15px;\r\nborder-right:1px solid {color:Borders};\r\n}\r\n \r\n/* Link posts */\r\n \r\n.linktitle {  \r\nwidth:calc(100% - 10px);\r\ncolor:{color:Title};\r\nfont-family:{select:Title font};\r\nfont-size:200%;\r\nline-height:150%;\r\nbackground:{color:Borders};\r\nborder-radius:{text:Border radius};\r\npadding:5px;\r\n{block:ifEntryBorderTransparent}\r\nbackground:transparent;\r\nborder:1px solid transparent;\r\n{/block:ifEntryBorderTransparent}\r\n}\r\n \r\n.linktitle a {\r\ncolor:{color:Link};\r\n}\r\n \r\n.linktitle span {\r\ncolor:{color:Icon};\r\n}\r\n \r\n.linktitle:hover {\r\ncolor:{color:Hover};\r\n}\r\n \r\n/* Audio posts */\r\n \r\n.album img {\r\nfloat:left;\r\nmargin-top:0;\r\nwidth:70px;\r\nheight:70px;\r\nmargin-left:5px;\r\nmargin-right:10px;\r\nfloat:left;\r\nz-index:10;\r\nborder:1px solid {color:Borders};\r\nborder-radius:100%;\r\n}\r\n\r\n.play {\r\nposition:absolute;\r\nmargin:22px 25px;\r\nwidth:31px;\r\nheight:29px;\r\npadding-top:2px;\r\nline-height:31px;\r\noverflow:hidden;\r\nbackground:#fff;\r\nborder-radius:100%;\r\n}\r\n\r\n.audio {\r\nwidth:160px;\r\nmin-height:80px;\r\nmargin-top:10px;\r\nz-index:10;\r\nfont-size:12px;\r\nline-height:25px;\r\noverflow:hidden;\r\n}\r\n\r\n.audio h1{\r\nfont-size:20px;\r\nborder-bottom:1px solid transparent;\r\n}\r\n\r\n/* Ask posts */\r\n \r\n.question {\r\nwidth:100%;\r\nheight:auto;\r\nline-height:20px;\r\ncolor:{color:Answer};\r\n}\r\n\r\n.questionin {\r\nmargin-left:45px;\r\nwidth:calc(100% - 65px);\r\nmin-height:24px;\r\nline-height:24px;\r\npadding:5px;\r\npadding-left:10px;\r\npadding-right:10px;\r\nborder:1px solid {color:Borders};\r\nborder-top-right-radius:{text:Border radius};\r\nborder-bottom-right-radius:{text:Border radius};\r\n}\r\n \r\n.question img {\r\nwidth:28px;\r\npadding:3px;\r\nborder:1px solid {color:Borders};\r\nmargin-right:4px;\r\nborder-top-left-radius:{text:Border radius};\r\nborder-bottom-left-radius:{text:Border radius};\r\n}\r\n \r\n.answer {\r\nmargin-top:5px;\r\nwidth:calc(100% - 10px);\r\npadding:5px;\r\n}\r\n \r\n/* Chat posts */\r\n \r\n.chat ul {\r\ndisplay:block;\r\nlist-style:none;\r\nmargin-left:-40px;\r\n}\r\n \r\n/* Chat lines style */\r\n.chat li {\r\npadding:3px;\r\ndisplay:block;\r\n}\r\n \r\n/* Odd lines style */\r\n.chat .odd {\r\ncolor:{color:Chat 1};\r\n}\r\n \r\n/* Even lines style */\r\n.chat .even {\r\ncolor:{color:Chat 2};\r\n}\r\n \r\n/* -- POST INFO -- */\r\n \r\n.info {\r\nheight:auto;\r\nmargin-top:15px;\r\nmargin-left:0;\r\nmargin-bottom:-5px;\r\nwidth:100%;\r\nline-height:20px;\r\nfont-size:12px;\r\ncolor:{color:Text};\r\nborder-bottom-left-radius:{text:Border radius};\r\nborder-bottom-right-radius:{text:Border radius};\r\n{block:IndexPage}\r\n{block:ifHoverForInfo}\r\nopacity:0;\r\nposition:absolute;\r\nbottom:0;\r\nbackground:{color:Post background};\r\n{/block:ifHoverForInfo}\r\n{/block:IndexPage}\r\n{block:PermalinkPage}\r\nborder-radius:0;\r\n{/block:PermalinkPage}\r\n}\r\n \r\n.entry:hover .info {\r\n{block:ifHoverForInfo}\r\nopacity:1;\r\n{/block:ifHoverForInfo}\r\n}\r\n\r\n.info a {\r\nfont-size:12px;\r\n}\r\n\r\n.info a:hover {\r\ncolor:{color:Hover};\r\n}\r\n\r\n.info big a {\r\ncolor:{color:Bold};\r\nfont-size:14px;  \r\n}\r\n \r\n/* Tags */\r\n \r\n.tags {\r\nmargin-top:5px;\r\nmargin-left:0;\r\nline-height:20px;\r\n}\r\n \r\n.tags a {\r\nmargin-right:5px;\r\nmargin-bottom:5px;\r\nbackground:{color:Post background};\r\n}\r\n\r\n.tags span {\r\nmargin-top:5px;\r\nmargin-right:10px;\r\nfont-size:14px;\r\ncolor:{color:Text};\r\nvertical-align:middle;\r\n}\r\n \r\n/*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/\r\n \r\n.post_buttons {\r\nwidth:45px;\r\nheight:19px;\r\nmargin-left:calc(100% - 70px);\r\nmargin-top:-20px;\r\npadding-top:2px;\r\ntext-align:center;\r\nz-index:100;\r\nlist-style:none;\r\n{block:PermalinkPage}\r\npadding-right:15px;\r\n{/block:PermalinkPage}\r\n}\r\n \r\n.post_buttons span {\r\nfont-size:12px;\r\ncolor:{color:Post buttons};\r\n}\r\n\r\n.perma {\r\nposition:absolute;\r\nwidth:20px;\r\nmargin-left:-30px;\r\nmargin-top:-20px;\r\n}\r\n \r\n.rblg {\r\nposition:absolute;\r\nmargin-top:0;\r\nmargin-left:-5px;\r\n}\r\n\r\n.like { \r\nposition:relative;\r\n}\r\n \r\n.like .like_button {\r\nposition:absolute;\r\nmargin-top:-21px;\r\nmargin-left:15px;\r\nopacity:0;\r\n}\r\n \r\n.like .like_button.liked {\r\nopacity:1;\r\n}\r\n \r\n/*-- PERMALINK PAGE --*/\r\n\r\n.postnotes {\r\nmargin:10px 0;\r\nwidth:100%;\r\nfont-size:12px;\r\ncolor:{color:Text};\r\nline-height:20px;\r\ntext-align:left;\r\noverflow:hidden;\r\n}\r\n \r\nol.notes {\r\ndisplay:block;\r\npadding:0;\r\nmargin:10px 0;\r\nwidth:100%;\r\nlist-style-type:none;\r\n}\r\n \r\nol.notes li.note {\r\npadding:10px;\r\nborder-bottom:1px solid {color:Borders};\r\n}\r\n \r\nol.notes li.note img.avatar {\r\nvertical-align:-5px;\r\nmargin-right:10px;\r\nwidth:15px;\r\nheight:15px;\r\n}\r\n\r\nli.more_notes_link_container {\r\ntext-transform:uppercase;\r\nfont-size:12px;\r\n}\r\n\r\n/*-- PAGINATION --*/\r\n\r\n#pager {\r\nmargin-top:20px;\r\nmargin-left:auto;\r\nmargin-right:auto;\r\nwidth:calc({select:Post width}px + 72px);\r\nheight:70px;\r\n{block:PermalinkPage}\r\nwidth:562px!important;\r\n{/block:PermalinkPage}\r\n}\r\n \r\n#pagination {\r\nmargin:auto;\r\nwidth:500px;\r\nheight:30px;\r\ntext-align:center;\r\n{block:ifInfiniteScroll}\r\ndisplay:none;\r\n{/block:ifInfiniteScroll}\r\n}\r\n\r\n.pagicon, .next, .load-more {\r\ndisplay:inline;\r\nvertical-align:middle;\r\n}\r\n\r\n.pagicon a, .next, .load-more {\r\nfont-size:12px;\r\npadding:8px 10px;\r\nmargin:10px;\r\ncolor:{color:Pagination};\r\nbackground:{color:Accent};\r\nborder:1px solid {color:Borders};\r\nborder-radius:{text:Border radius};\r\n}\r\n \r\n.pagicon a:hover, .next:hover, .load-more:hover {\r\ncolor:{color:Hover};\r\n}\r\n \r\n.pagicon span, .next span, .load-more span {\r\ncolor:{color:Pagination};\r\nfont-size:11px;\r\nmargin:5px;\r\ntext-decoration:none;\r\nvertical-align:middle;\r\n}\r\n \r\n.pagicon:hover span, .next:hover span, .load-more:hover span {\r\ncolor:{color:Hover};\r\n}\r\n\r\n/* -- INFINITE SCROLL -- */\r\n \r\n#infscr-loading {\r\ndisplay:none!important;\r\n}\r\n\r\n#iscroll {\r\nmargin:auto;\r\nwidth:500px;\r\nheight:30px;\r\ntext-align:center;\r\n}\r\n\r\n{block:ifLoadMore}\r\n.load-more {\r\nheight:40px;\r\n}\r\n{/block:ifLoadMore}\r\n\r\n/*-- THEME CREDIT --*/\r\n \r\n#credit {\r\nposition:fixed;\r\nright:10px;\r\ntop:10px;\r\nwidth:30px;\r\nz-index:10000;\r\n}\r\n\r\n/* END CSS */\r\n \r\n{CustomCSS}\r\n \r\n</style>\r\n\r\n</head>\r\n \r\n<!-- HTML -->\r\n \r\n<body>\r\n\r\n{block:IfDisplaySearchBox}  \r\n\r\n<div id=\"search-panel\">\r\n\r\n<div id=\"close-search\"><span class=\"sf sf-cross-o\"></span></div>\r\n\r\n<div class=\"panel-image\"></div>\r\n\r\n<div id=\"search\">\r\n\r\n<h2> Search the blog </h2>\r\n\r\n<form class=\"requiro\" action=\"/search\" method=\"get\"><input type=\"text\" name=\"q\" placeholder=\"Enter your search query\" value=\"\"/><span class=\"sf sf-search-o\"></span></form>\r\n\r\n</div>\r\n<!-- End search -->\r\n\r\n</div>\r\n<!-- End search-panel -->\r\n{/block:IfDisplaySearchBox}  \r\n \r\n \r\n<div id=\"menu\">\r\n \r\n<div id=\"main-links\">\r\n\r\n<a id=\"open-sidebar\"><span class=\"sf sf-list-o\"></span></a>\r\n\r\n{block:ifSpooky}\r\n<a  href=\"/\" title=\"HOME\"><span class=\"sf sf-bat-o\"></span></a>\r\n{/block:ifSpooky}\r\n{block:ifnotSpooky}\r\n<a  href=\"/\" title=\"HOME\"><span class=\"sf sf-home-o\"></span></a>\r\n{/block:ifnotSpooky}\r\n\r\n{block:ifAskEnabled}\r\n{block:ifSpooky}\r\n<a href=\"/ask\" title=\"ASK\"><span class=\"sf sf-brain-o\"></span></a>\r\n{/block:ifSpooky}\r\n{block:ifnotSpooky}\r\n<a href=\"/ask\" title=\"ASK\"><span class=\"sf sf-envelope-2-o\"></span></a>\r\n{/block:ifnotSpooky}\r\n{/block:ifAskEnabled}\r\n\r\n{block:ifSubmissionsEnabled}\r\n{block:ifSpooky}\r\n<a href=\"/submit\" title=\"SUBMIT\"><span class=\"sf sf-skull-1-o\"></span><br></a>\r\n{/block:ifSpooky}\r\n\r\n{block:ifnotSpooky}\r\n<a href=\"/submit\" title=\"SUBMIT\"><span class=\"sf sf-pencil-o\"></span></a>\r\n{/block:ifnotSpooky}\r\n{/block:ifSubmissionsEnabled}\r\n\r\n{block:ifSpooky}\r\n<a href=\"/archive\" title=\"ARCHIVE\"><span class=\"sf sf-spider-o\"></span></a>\r\n{/block:ifSpooky}\r\n\r\n{block:ifnotSpooky}\r\n<a href=\"/archive\" title=\"ARCHIVE\"><span class=\"sf sf-clock-3-o\"></span></a>\r\n{/block:ifnotSpooky}\r\n\r\n{block:IfDisplaySearchBox}  \r\n<a id=\"open-search\"><span class=\"sf sf-search-o\"></span></a>\r\n{/block:IfDisplaySearchBox}  \r\n\r\n</div> \r\n<!--End main-links --> \r\n \r\n</div>\r\n<!-- End menu -->\r\n \r\n<div id=\"sidebar\">\r\n\r\n<div id=\"sidebar-image\">\r\n<img src=\"{image:Sidebar image}\">\r\n\r\n{block:ifSpooky}\r\n<div id=\"frame\"><img src=\"https://i.imgur.com/HyDgWPN.png\"></div>\r\n{/block:ifSpooky}\r\n\r\n</div> \r\n<!-- End Sidebar image -->\r\n\r\n<div class=\"blog-title\">\r\n\r\n<div class=\"avatar\"><img src=\"{image:Avatar}\"></div>  \r\n\r\n{Title}<br>\r\n<span> {text:Subtitle} </span>\r\n\r\n</div> \r\n<!-- End blog-title -->\r\n\r\n<div class=\"description-box\">\r\n<div class=\"description\">\r\n{Description}\r\n</div>\r\n<!--End description-->\r\n</div>\r\n<!--End description-box -->\r\n\r\n<div class=\"divider\">\r\n{block:ifSpooky}\r\n<img src=\"https://i.imgur.com/17snlAh.png\">\r\n{/block:ifSpooky}\r\n</div>\r\n<!--End divider -->\r\n \r\n<div class=\"links\">\r\n{block:IfDisplayLinkOne}\r\n<a href=\"{text:Link One Url}\"><span>01</span> {text:Link One Title} </a>\r\n{/block:IfDisplayLinkOne}\r\n{block:IfDisplayLinkTwo}  \r\n<a href=\"{text:Link Two Url}\"><span>02</span> {text:Link Two Title} </a>\r\n{/block:IfDisplayLinkTwo}\r\n{block:IfDisplayLinkThree}\r\n<a href=\"{text:Link Three Url}\"><span>03</span> {text:Link Three Title} </a>\r\n{/block:IfDisplayLinkThree}\r\n{block:IfDisplayLinkFour}\r\n<a href=\"{text:Link Four Url}\"><span>04</span> {text:Link Four Title} </a>\r\n{/block:IfDisplayLinkFour}\r\n{block:IfDisplayLinkFive}\r\n<a href=\"{text:Link Five Url}\"><span>05</span> {text:Link Five Title} </a>\r\n{/block:IfDisplayLinkFive}\r\n{block:IfDisplayLinkSix}\r\n<a href=\"{text:Link Six Url}\"><span>06</span> {text:Link Six Title} </a>\r\n{/block:IfDisplayLinkSix}\r\n</div>\r\n<!--End links-->\r\n\r\n</div>\r\n<!--End sidebar -->\r\n\r\n\r\n<div id=\"container\">\r\n\r\n<!-- POSTS -->\r\n \r\n<div id=\"posts\">\r\n \r\n{block:Posts}\r\n \r\n<div class=\"entry\">\r\n\r\n<div class=\"content\">\r\n\r\n<!-- Text -->\r\n{block:Text}\r\n{block:Title}\r\n<a href=\"{Permalink}\">\r\n<h1>{Title}</h1></a>\r\n{/block:Title}\r\n{Body}\r\n{/block:Text}\r\n \r\n<!-- Photo -->\r\n{block:Photo}\r\n{block:IndexPage}\r\n{LinkOpenTag}\r\n<img src=\"{PhotoURL-500}\" alt=\"{PhotoAlt}\" width=\"680px\"/>\r\n{LinkCloseTag}\r\n{/block:IndexPage}\r\n{block:PermalinkPage}\r\n{LinkOpenTag}\r\n<img src=\"{PhotoURL-500}\" alt=\"{PhotoAlt}\" width=\"680px\"/>\r\n{LinkCloseTag}\r\n{/block:PermalinkPage}\r\n{/block:Photo}\r\n\r\n<!-- Photoset -->\r\n{block:Photoset}\r\n<div class=\"photo-slideDisplay\" id=\"photoset_{PostID}\" data-layout=\"{PhotosetLayout}\">{block:Photos}<div class=\"photo-data\"><div class=\"pxu-photo\"><img src=\"{PhotoURL-500}\" width=\"{PhotoWidth-500}\" height=\"{PhotoHeight-500}\" data-highres=\"{PhotoURL-HighRes}\" data-width=\"{PhotoWidth-HighRes}\" data-height=\"{PhotoHeight-HighRes}\"></div><a class=\"tumblr-box\" rel=\"post-{PostID}\" href=\"{PhotoURL-HighRes}\"></a></div>{/block:Photos}</div>\r\n{/block:Photoset}\r\n \r\n<!-- Quote -->\r\n{block:Quote}\r\n<div class=\"source\">\r\n<span class=\"sf sf-quotation-mark\"></span>\r\n{block:Source}\r\n{Source}\r\n{/block:Source}\r\n</div>\r\n<!--End source-->\r\n<div class=\"quote\">\r\n{Quote}\r\n</div>\r\n<!--End quote-->\r\n{/block:Quote}\r\n \r\n<!-- Link -->\r\n{block:Link}\r\n<div id=\"linktitle\">\r\n<a href=\"{URL}\"\r\nclass=\"linkpost\"\r\ntarget=\"_blank\">\r\n{Name} &raquo; </a>\r\n</div>\r\n{block:Description}\r\n{Description}\r\n{/block:Description}\r\n{/block:Link}\r\n \r\n<!-- Chat -->\r\n{block:Chat}\r\n<div class=\"chat\">\r\n<ul>\r\n{block:Lines}\r\n<li class=\"{Alt}\">\r\n{block:Label}<b>{Label}</b>{/block:Label}\r\n{Line}\r\n</li>\r\n{/block:Lines}\r\n</ul>\r\n</div>\r\n{/block:Chat}\r\n \r\n<!-- Audio -->\r\n{block:Audio}\r\n<div class=\"album\">\r\n{block:AlbumArt}\r\n<img src=\"{AlbumArtURL}\">\r\n{block:AlbumArt}\r\n</div>\r\n<!--End album-->\r\n<div class=\"play\">\r\n{block:AudioPlayer}\r\n{AudioPlayer}\r\n{/block:AudioPlayer}\r\n</div>\r\n<div class=\"audio\">\r\n{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}\r\n{block:Artist}{Artist}{/block:Artist}<br>\r\n<!--End play-->\r\n{block:PlayCount}\r\n{FormattedPlayCount}\r\n{/block:PlayCount}\r\n</div>\r\n<!--End audio-->\r\n{/block:Audio}\r\n \r\n<!-- Video -->\r\n{block:Video}\r\n<div class=\"video\">{Video-500}</div>\r\n{/block:Video}\r\n \r\n<!-- Ask -->\r\n{block:Answer}\r\n<div class=\"question\">\r\n<img src=\"{AskerPortraitURL-48}\"\r\nalign=\"left\"></div>\r\n<div class=\"questionin\"> \r\n{Asker}: {Question}</div>\r\n<div class=\"answer\">\r\n{Answer}</div>\r\n{/block:Answer}\r\n\r\n<!-- Caption -->\r\n{block:IndexPage}\r\n{block:IfDisplayCaptions}\r\n{block:Caption}\r\n{Caption}\r\n{/block:Caption}\r\n{/block:IfDisplayCaptions}  \r\n{/block:IndexPage}\r\n{block:PermalinkPage}\r\n{block:Caption}\r\n{Caption}\r\n{/block:Caption}\r\n{/block:PermalinkPage}  \r\n\r\n</div>\r\n<!--End content-->\r\n\r\n<!-- Date -->  \r\n{block:Date}\r\n\r\n<div class=\"info\">\r\n\r\n<big><a href=\"/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}\"> {shortmonth} {dayofmonth} {year}</a> \r\n\r\n{block:NoteCount}\r\n&bull; \r\n<a href=\"{Permalink}\">\r\n{NoteCountWithLabel}</a>\r\n{/block:NoteCount}\r\n    \r\n</big><br>\r\n\r\n<!-- Reblogged from -->\r\n{block:RebloggedFrom}\r\nvia <a href=\"{ReblogParentURL}\"> \r\n{ReblogParentName}</a> \r\n{/block:RebloggedFrom}\r\n \r\n{block:ContentSource}\r\n&bull; source\r\n<a href=\"{SourceURL}\"\r\ntarget=blank> {SourceTitle} </a>\r\n{/block:ContentSource}\r\n \r\n<!-- Tags -->\r\n{block:IndexPage}\r\n{block:IfDisplayTags}\r\n{block:HasTags}\r\n<div class=\"tags\">\r\n<span class=\"sf sf-tags-o\"></span>\r\n{block:Tags}\r\n<a href=\"{TagURL}\">{Tag}</a>\r\n{/block:Tags}\r\n</div>\r\n<!-- End tags -->\r\n{/block:HasTags}\r\n{/block:IfDisplayTags}\r\n{/block:IndexPage}\r\n{block:PermalinkPage}\r\n{block:HasTags}\r\n<div class=\"tags\">\r\n<span class=\"sf sf-tags-o\"></span>\r\n{block:Tags}\r\n<a href=\"{TagURL}\">{Tag}</a>\r\n{/block:Tags}\r\n</div>\r\n<!-- End tags -->\r\n{/block:HasTags}\r\n{/block:PermalinkPage}\r\n\r\n<!-- Permalink, reblog and like buttons -->\r\n<ul class=\"post_buttons\">\r\n \r\n<li class=\"rblg\"><a href=\"{ReblogUrl}\"><span class=\"sf sf-refresh-o\"></span></a></li>\r\n \r\n<li class=\"like\">\r\n<span class=\"sf sf-heart-o\"></span>\r\n{LikeButton size=\"15\"}\r\n</li>\r\n \r\n{block:IndexPage}\r\n<div class=\"perma\"><a href=\"{Permalink}\"><span class=\"sf sf-aero-cursor-o\"></span></a></div>\r\n{/block:IndexPage}\r\n \r\n</ul>\r\n<!-- End post_buttons -->\r\n \r\n</div>\r\n<!--End info-->\r\n{/block:Date}\r\n \r\n<!-- Permalink page -->\r\n {block:PermalinkPage}\r\n<!-- Post notes-->\r\n{block:PostNotes}\r\n<div class=\"postnotes\">\r\n<h2>Post notes:</h2>\r\n{PostNotes}\r\n</div>\r\n{/block:PostNotes}\r\n{/block:PermalinkPage}\r\n \r\n<!-- Other -->\r\n{block:ContentSource}\r\n<!-- {SourceURL}\r\n{block:SourceLogo}\r\n<img src=\"{#000LogoURL}\"\r\nwidth=\"{LogoWidth}\"\r\nheight=\"{LogoHeight}\"\r\nalt=\"{SourceTitle}\" />\r\n{/block:SourceLogo}\r\n{block:NoSourceLogo}\r\n{SourceLink}\r\n{/block:NoSourceLogo} -->\r\n{/block:ContentSource}\r\n\r\n</div>\r\n<!--End entry-->\r\n \r\n{/block:Posts}\r\n\r\n</div>\r\n<!-- End posts -->\r\n\r\n{block:Pagination}\r\n\r\n<div id=\"pager\">\r\n\r\n<div id=\"pagination\">\r\n{block:PreviousPage}\r\n<div class=\"pagicon\">\r\n<a href=\"{PreviousPage}\"><span class=\"sf sf-arrow-left\"></span> NEWER </a>\r\n</div>\r\n{/block:PreviousPage}\r\n \r\n<div class=\"pagicon\">\r\n<a href=\"#\"><span class=\"sf sf-arrow-up\"></span> TOP </a>\r\n</div>\r\n \r\n{block:NextPage}\r\n<a class=\"next\" href=\"{NextPage}\"> OLDER <span class=\"sf sf-arrow-right\"></span></a>\r\n{/block:NextPage}\r\n</div>\r\n<!--End pagination-->\r\n\r\n<div id=\"iscroll\">\r\n{block:ifLoadMore}\r\n<span class=\"pagicon\">\r\n<a href=\"#\"><span class=\"sf sf-arrow-up\"></span> TOP </a>\r\n</span>\r\n\r\n<a href=\"#\" class=\"load-more\"> MORE <span class=\"sf sf-plus-o\"></span></a>\r\n{/block:ifLoadMore}\r\n</div>\r\n\r\n</div>\r\n<!--End pager-->\r\n\r\n{/block:Pagination}\r\n\r\n</div>\r\n<!--End container-->\r\n \r\n<!-- CREDIT (DO NOT REMOVE) -->\r\n<div id=\"credit\"><a href=\"https://www.hunterthemes.tumblr.com\">\r\n<img src=\"https://66.media.tumblr.com/b29d8873c09628252057b9408a7c4a88/tumblr_plbuq65td51uo5urho1_100.png\" title=\"theme by hunter themes\"></a></div>\r\n  \r\n</body>\r\n\r\n<!------------------------------ SCRIPTS ------------------------------>\r\n\r\n<!-- Saturn icons font -->\r\n \r\n<link href=\"//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css\" rel=\"stylesheet\">\r\n\r\n<!--Jquery-->\r\n\r\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>\r\n\r\n<!-- Style my tooltips -->\r\n \r\n<script src=\"https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js\"></script>\r\n\r\n<script>\r\n(function($){\r\n$(document).ready(function(){\r\n$(\"a[title]\").style_my_tooltips({\r\ntip_follows_cursor:true,\r\ntip_delay_time: 90,\r\ntip_fade_speed: 600,\r\nattribute:\"title\"\r\n});\r\n});\r\n})(jQuery);\r\n</script>\r\n\r\n<script>\r\n$(function(){\r\n    $(\"#main-links a\").each(function(){\r\n    if ($(this).attr(\"href\") == window.location.pathname){\r\n    $(this).addClass(\"selected\");\r\n    }\r\n    });\r\n});\r\n</script>\r\n\r\n<script>\r\n$(document).ready(function(){\r\n\r\n$(\"#open-sidebar\").click(function(){\r\n$(\"#sidebar\").fadeToggle(100);\r\n$(\"#open-sidebar\").toggleClass('selected')\r\n});\r\n\r\n$(\"#close-sidebar\").click(function(){\r\n$(\"#sidebar\").fadeToggle(100);\r\n$(\"#open-sidebar\").removeClass('selected')\r\n});\r\n\r\n$(\"#open-search\").click(function(){\r\n$(\"#search-panel\").fadeToggle(100);\r\n$(\"#open-search\").toggleClass('selected')\r\n});\r\n\r\n$(\"#close-search\").click(function(){\r\n$(\"#search-panel\").fadeToggle(100);\r\n$(\"#open-search\").removeClass('selected')\r\n});\r\n\r\n});\r\n</script>\r\n\r\n<!-- Minimal soundcloud player by @shythemes -->\r\n\r\n<script>\r\n$(document).ready(function(){\r\n   var color = '#acd7bb'; // color of play button (hex) \r\n   $('.soundcloud_audio_player').each(function(){\r\n       $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });\r\n   });\r\n});\r\n</script>\r\n\r\n<!-- Resize videos by @shythemes -->\r\n\r\n</script><script src =\"//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js\"></script>\r\n\r\n<!-- PXU photoset & responsive photosets -->\r\n\r\n<link href=\"//static.tumblr.com/qudkd6d/OcDnl99gb/style.css\" rel=\"stylesheet\" type=\"text/css\"/>\r\n<script src=\"//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js\"></script>\r\n<link href=\"//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css\" rel=\"stylesheet\" type=\"text/css\"/>\r\n\r\n{block:IndexPage}\r\n<script src=\"https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js\"></script>\r\n\r\n{block:ifInfiniteScroll}\r\n<script src=\"//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js\"></script>\r\n{/block:ifInfiniteScroll}\r\n\r\n{/block:IndexPage}\r\n\r\n<script>\r\n$(document).ready(function(){\r\n   $('.photo-slideshow').pxuPhotoset({\r\n       lightbox: true,\r\n       rounded: false,\r\n       gutter: '1px',\r\n       photoset: '.photo-slideshow',\r\n       photoWrap: '.photo-data',\r\n       photo: '.pxu-photo'\r\n   });\r\n   {block:IndexPage}\r\n   var $container = $('#posts');\r\n   $container.masonry({ itemSelector: '.entry' });\r\n   $container.imagesLoaded(function(){\r\n       $container.masonry();\r\n       $container.find('.entry').animate({ opacity: 1, zIndex: 1 });\r\n   });\r\n   {block:ifInfiniteScroll}\r\n   $container.infinitescroll({\r\n       itemSelector: '.entry',\r\n       navSelector: '.pagicon',\r\n       nextSelector: '.next',\r\n       loadingImg: '',\r\n       loadingText: '<em></em>',\r\n       bufferPx: 2000,\r\n       extraScrollPx: 12000,\r\n       errorCallback: function() {\r\n            $('.load-more').fadeOut();\r\n        }\r\n   },\r\n   function( newElements ) {\r\n       var $newElems = $( newElements );\r\n       $newElems.find('.photo-slideshow').pxuPhotoset({\r\n           lightbox: true,\r\n           rounded: false,\r\n           gutter: '1px',\r\n           photoset: '.photo-slideshow',\r\n           photoWrap: '.photo-data',\r\n           photo: '.pxu-photo'\r\n       },\r\n       function(){\r\n           $container.masonry();\r\n       });\r\n       $newElems.imagesLoaded(function(){\r\n           $container.masonry( 'appended', $newElems );\r\n           $newElems.animate({ opacity: 1, zIndex: 1 });\r\n       });\r\n   });\r\n   \r\n       {block:ifLoadMore}\r\n    $(window).unbind('.infscr');\r\n    $('.load-more').click(function() {\r\n        $container.infinitescroll('retrieve');\r\n        return false\r\n    });\r\n    {/block:ifLoadMore}    \r\n   \r\n   {/block:ifInfiniteScroll}\r\n   {/block:IndexPage}\r\n});\r\n</script>\r\n\r\n</html>\r\n \r\n<!-- END HTML -->
Password
Anyone with the link will still need this password to view.
Self Destruct