Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- octomoosey @ tumblr -->
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#000"/>
- <meta name="color:hex" content="#fff"/>
- <meta name="color:hextext" content="#fff"/>
- <meta name="color:text" content="#fff"/>
- <meta name="color:border" content="#fff"/>
- <meta name="color:description" content="#fff"/>
- <meta name="color:bold" content="#eee" />
- <meta name="color:italic" content="#f2992e" />
- <meta name="color:title" content="#f2992e" />
- <meta name="color:scrollbar" content="#f2992e" />
- <meta name="color:firstletter" content="#f2992e" />
- <meta name="color:link" content="#f2992e"/>
- <meta name="color:linkhover" content="#b8b8b8"/>
- <meta name="color:info" content="#f2992e"/>
- <meta name="color:infohover" content="#b8b8b8"/>
- <meta name="color:tags" content="#f2992e"/>
- <meta name="color:tagshover" content="#b8b8b8"/>
- <meta name="image:background" content="https://static.tumblr.com/kllbcnj/tjcnrqgad/techtheme4.gif" />
- <meta name="image:border" content="https://static.tumblr.com/b20b8c758b27bb596bf3e3146bd6c672/uopakca/gmbnrmyz4/tumblr_static_3af8v46n9gao48ggco08kc00k.gif" />
- <meta name="text:link 1" content="link 1"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="link 2"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5" content="link 5"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="if:greyscale" content="1"/>
- <meta name="if:crosshair" content="1"/>
- <meta name="if:title" content="1"/>
- <meta name="font:body font" content="Gibson">
- <meta name="text:text size" content="11px" />
- <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <meta name="image:background" content=""/>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- border: 0px none #ffffff;
- border-radius: 50px;
- }
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s
- linear;opacity: 0.2;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- {block:ifcrosshair}
- body, a, a:hover{
- cursor:crosshair;}
- {/block:ifcrosshair}
- body {
- background-color:{color:background};
- background-image: url('{image:background}');
- background-position: top center;
- background-repeat: no-repeat;
- background-attachment: fixed;
- line-height:110%;
- color:{color:text};
- font-family:{font:body font};
- font-size: {text:text size};}
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- a:hover {
- color:{color:linkhover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- blockquote {
- padding:2px 7px;
- margin:3px 0 3px 8px;
- border-left:1px dashed {color:border};
- background-color:transparent;}
- blockquote img {
- max-width:100%;
- height:auto;}
- b, strong {
- text-transform:uppercase;
- color:{color:bold};
- font-size:14px;}
- i, em {
- font-family: 'Fjalla One', sans-serif;
- color:{color:italic};
- letter-spacing:1.5px;
- font-size:14px;}
- small,sup,sub {
- font-size:{text:Text Size}}
- big {
- font-size:12px;}
- pre {
- color:{color:pretext};
- background-color:{color:pre};
- font-size:10px;
- padding:20px;
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */}
- img {
- max-width:100%;
- height:auto;}
- {block:IfGreyscale}
- img {
- -webkit-filter:grayscale(100%);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- img:hover {
- -webkit-filter:none;}
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .html_photoset:hover {
- -webkit-filter: none;}
- {/block:IfGreyscale}
- {block:IfTitle}
- .title {
- font-family: 'Fjalla One', sans-serif;
- position:fixed;
- left: 50%;
- top:580px;
- margin-left: 140px;
- text-align:right;
- font-size:20px;
- letter-spacing:2px;
- color:{color:title};}
- {/block:IfTitle}
- h1 {
- font-family: 'Fjalla One', sans-serif;
- font-size: 20px;
- line-height: 15px;
- letter-spacing:5px;
- font-weight:normal;
- color:{color:text};}
- h1:first-letter {
- font-family: 'Fjalla One', sans-serif;
- font-size: 30px;
- line-height: 15px;
- margin-right:5px;
- color:{color:firstletter};
- text-transform:uppercase;}
- h2 {
- font-family: 'Fjalla One', sans-serif;
- font-size: 20px;
- line-height: 15px;
- letter-spacing:6px;
- font-weight:normal;
- color:{color:text};}
- h2:first-letter {
- font-family: 'Fjalla One', sans-serif;
- font-size: 30px;
- line-height: 15px;
- letter-spacing:0px;
- color:{color:firstletter};
- margin-right:5px;
- text-transform:uppercase;}
- #entries {
- position:fixed;
- width:440px;
- background:transparent;
- height:400px;
- left: 50%;
- top:150px;
- margin-left: -135px;
- z-index:999;
- position:relative;
- overflow-y:scroll;}
- .posts {
- width: 400px;
- padding: 10px;
- margin-left:10px;
- margin-bottom:30px;
- text-align:justify;}
- #description {
- z-index:99999999999;
- font-family: 'Fjalla One', sans-serif;
- position:fixed;
- left: 50%;
- top:420px;
- width:150px;
- margin-left: -340px;
- text-align:right;
- font-size:11px;
- line-height:120%;
- color:{color:description};}
- #pagination {
- font-family:{font:body font};}
- .container {
- position:fixed;
- left: 50%;
- top:20px;
- width:450px;
- margin-left: -340px;
- -webkit-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- height: 500px;
- -webkit-perspective: 500px;
- perspective: 500px;
- z-index: 10;
- overflow: hidden;}
- .container .honeycomb {
- display: block;
- position: absolute;
- margin-left: -200px;
- padding-left: 18px;
- left: 50%;
- text-align: center;
- height: 450px;
- width: 200px;
- -ms-transform: rotateX(45deg) rotateY(0deg);
- -webkit-transform: rotateX(45deg) rotateY(0deg);
- transform: rotateX(45deg) rotateY(0deg);
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -ms-transform-origin: center 65%;
- -webkit-transform-origin: center 65%;
- transform-origin: center 65%;
- z-index: 5;}
- .container .honeycomb .column {
- display: block;
- float: left;
- width: 62px;}
- .container .honeycomb .column:nth-child(odd) { margin-top: 36px; }
- .container .honeycomb .hex {
- display: block;
- position: relative;
- float: left;
- margin: 0;
- height: 72px;
- width: 62px;
- color: #fff;
- text-decoration: none;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- -webkit-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
- opacity: 0.5;}
- .container .honeycomb .hex:hover {
- opacity: 1;
- -ms-transform: translateZ(20px);
- -webkit-transform: translateZ(20px);
- transform: translateZ(20px);
- -webkit-transition-duration: 200ms;
- transition-duration: 200ms;}
- .container .honeycomb .hex:hover .content {
- filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
- opacity: 1;
- -ms-transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);
- -webkit-transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);
- transform: rotateX(-90deg) translateZ(-40px) translateY(-50px);}
- .container .honeycomb .hex .wrapper {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;}
- .container .honeycomb .hex .wrapper .color-1 { background: {color:hex}; }
- .container .honeycomb .hex .wrapper .color-1:before { border-right-color: {color:hex}; }
- .container .honeycomb .hex .wrapper .color-1:after { border-left-color: {color:hex}; }
- .container .honeycomb .hex .content {
- display: block;
- position: absolute;
- top: 40px;
- left: -80px;
- text-align: center;
- color:{color:hextext};
- width: 200px;
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
- opacity: 0;
- -moz-transition: all 0.3s ease-out 0.1s;
- -o-transition: all 0.3s ease-out 0.1s;
- -webkit-transition: all 0.3s ease-out;
- -webkit-transition-delay: 0.1s;
- -webkit-transition: all 0.3s ease-out 0.1s;
- transition: all 0.3s ease-out 0.1s;
- -ms-transform: rotateX(-90deg) translateZ(-40px) translateY(-30px);
- -webkit-transform: rotateX(-90deg) translateZ(-40px) translateY(-30px);
- transform: rotateX(-90deg) translateZ(-40px) translateY(-30px);
- pointer-events: none;
- -webkit-font-smoothing: antialiased;
- text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8);
- font-size: 18px;}
- .hexagon {
- display: block;
- position: absolute;
- width: 36px;
- height: 62px;
- background-color: {color:hex};}
- .hexagon:before,
- .hexagon:after {
- content: "";
- position: relative;
- float: left;
- border-top: 31px solid transparent;
- border-bottom: 31px solid transparent;}
- .hexagon:before {
- border-right: 18px solid {color:hex};
- left: -18px;}
- .hexagon:after {
- border-left: 18px solid {color:hex};
- right: -18px;
- }
- .hidden { display: none; }
- #askurl {
- font-size:12px;
- letter-spacing:3px;
- margin-left:0px;
- margin-right:5px;}
- #question {
- font-family: 'Fjalla One', sans-serif;
- border:1px solid {color:text};
- padding:5px;
- font-style: italic;
- margin-top:8px;
- font-size: 11px;
- margin-left:0px;
- text-align:center;}
- #quote {
- font-size:16px;
- font-family: 'Fjalla One', sans-serif;
- text-align: center;
- font-weight: 300;
- letter-spacing: 1.5px;
- line-height: 130%;
- padding-bottom: 10px;}
- #cover {
- position: relative;
- z-index: 1;
- height: 80px;
- float:left;
- margin:4px;
- box-shadow:0px 0px 5px #000;}
- #button {
- width:20px;
- height:30px;
- overflow: hidden;
- position: relative;
- z-index: 99;
- margin: 15px 24px 13px 16px;}
- #buttons {
- background-color: #fff;
- position: absolute;
- z-index: 99;
- margin-top: 15px;
- margin-left: 15px;
- opacity: 0;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;}
- #post:hover #buttons {
- opacity:1;}
- #musicinfo {
- margin-left: 110px;
- font-size:10px;
- min-height:70px;
- text-align:left;
- position: relative;}
- .note {
- color:#fff;
- text-transform:uppercase;
- width:498px;
- font-style:normal;
- letter-spacing:0px;
- font-size: 10px;
- text-align:left;
- line-height:100%;
- margin-left:-15px;}
- .note li {
- list-style-type:none;
- padding:10px ;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .note img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- .tags {
- text-align:left;
- letter-spacing:1px;
- font-size:8px;
- margin-top:5px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;}
- .tags a {
- color:{color:tags};}
- .tags a:hover {
- color:{color:tagshover};}
- #permalink {
- font-size:9px;
- line-height:11px;
- text-align:left;
- margin-top:5px;
- letter-spacing:1px;
- padding-top:8px;
- padding-bottom:5px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;}
- #permalink a {
- color:{color:info};}
- #permalink a:hover {
- color:{color:infohover};}
- </style></head>
- <body>
- <div class="container">
- <div class="honeycomb">
- <div class="hexes-1 column">
- <a class="hex" href="/"><div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">home</span> </a>
- <a class="hex" href="/ask"><div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">queries</span> </a>
- <a class="hex" href="/submit"><div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">submit</span> </a>
- <a class="hex" href="/archive"><div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">archive</span> </a>
- <a class="hex" href="https://octomoosey.tumblr.com/"><div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">theme</span> </a>
- </div>
- <div class="hexes-2 column">
- {block:iflink1}<a class="hex" href="{text:link 1 url}">
- <div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">{text:link 1}</span> </a> {/block:iflink1}
- {block:iflink2}<a class="hex" href="{text:link 2 url}">
- <div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">{text:link 2}</span> </a> {/block:iflink2}
- {block:iflink3}<a class="hex" href="{text:link 3 url}">
- <div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">{text:link 3}</span> </a> {/block:iflink3}
- {block:iflink4}<a class="hex" href="{text:link 4 url}">
- <div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">{text:link 4}</span> </a> {/block:iflink4}
- {block:iflink5}<a class="hex" href="{text:link 5 url}">
- <div class="wrapper">
- <div class="hexagon color-1"></div></div>
- <span class="content">{text:link 5}</span> </a> {/block:iflink5}
- </div></div></div>
- <div id="description">{description}<br><br>{block:Pagination}
- <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><big>⇜</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><big>⇝</big></a>
- {/block:NextPage}
- {/block:Pagination}</div></div>
- <div class="title">{title}</div>
- </div></div></div>
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}{/block:Quote}
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
- {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<br><br>
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
- {block:Video}{Video-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
- {block:Answer}<div id="askurl">incoming transmission - {Asker}:</div>
- <div id="question">❝ {Question} ❞</div>{Answer}{/block:Answer}
- {block:Date}
- <div id="permalink"><img src="{image:border}"><br><br>
- <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{Permalink}">{12Hour}:{Minutes}</a> {block:NoteCount}<a href="{Permalink}">{NoteCount}n</a>{/block:NoteCount}
- <br>
- {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{ReblogRootURL}">source</a>{/block:ContentSource} <a href="{ReblogURL}">reblog</a>{/block:permalinkpage}
- </div>
- {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- {block:PostNotes}
- <div class="note">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment