API tools faq
paste
Advertisement
octomoosey

from perdition [ dark ]

octomoosey
Nov 14th, 2014
6,487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:background" content="#000"/>
  12. <meta name="color:postbg" content="#fff"/>
  13. <meta name="color:text" content="#000"/>
  14. <meta name="color:title" content="#b0a4a4"/>
  15. <meta name="color:description" content="#d1cfcf"/>
  16. <meta name="color:link" content="#529ecc"/>
  17. <meta name="color:linkhover" content="#b8b8b8"/>
  18. <meta name="color:line" content="#000"/>
  19. <meta name="color:bold" content="#529ecc" />
  20. <meta name="color:italic" content="#529ecc" />
  21. <meta name="color:pre" content="#000" />
  22. <meta name="color:pretext" content="#fff" />
  23. <meta name="color:hoverbg" content="#fff" />
  24. <meta name="color:hovertext" content="#000" />
  25. <meta name="color:hoverborder" content="#529ecc" />
  26.  
  27. <meta name="image:background" content="https://static.tumblr.com/86jccts/0F5nf18kn/iceblack2.gif"/>
  28. <meta name="image:postborderleft" content="https://static.tumblr.com/86jccts/1munf18lw/falling-snow3.gif"/>
  29. <meta name="image:postborderright" content="https://static.tumblr.com/86jccts/1munf18lw/falling-snow3.gif"/>
  30. <meta name="image:sidebar1" content=""/>
  31. <meta name="image:sidebar2" content=""/>
  32.  
  33. <meta name="if:greyscale" content="1"/>
  34. <meta name="font:body font" content="Gibson">
  35. <meta name="text:text size" content="11px" />
  36.  
  37. <meta name="text:link 1" content="link 1"/>
  38. <meta name="text:link 1 url" content="/"/>
  39. <meta name="text:link 2" content="link 2"/>
  40. <meta name="text:link 2 url" content="/"/>
  41. <meta name="text:link 3" content="link 3"/>
  42. <meta name="text:link 3 url" content="/"/>
  43. <meta name="text:link 4" content="link 4"/>
  44. <meta name="text:link 4 url" content="/"/>
  45. <meta name="text:link 5" content="link 5"/>
  46. <meta name="text:link 5 url" content="/"/>
  47.  
  48. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  49. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  50. <script type="text/javascript" src="https://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  51.  
  52. <style type="text/css">
  53.  
  54. body {
  55. background-color:{color:background};
  56. background-image: url('{image:background}');
  57. background-position: right bottom;
  58. background-repeat: no-repeat;
  59. background-attachment: fixed;
  60. line-height:110%;
  61. color:{color:text};
  62. font-family:{font:body font};
  63. font-size: {text:text size};}
  64.  
  65. a {
  66. text-decoration:none;
  67. outline:none;
  68. -moz-outline-style:none;
  69. color:{color:link};
  70. -webkit-transition: all 0.7s ease;
  71. -moz-transition: all 0.7s ease;
  72. -o-transition: all 0.7s ease;}
  73.  
  74. a:hover {
  75. color:{color:linkhover};
  76. -webkit-transition: all 0.7s ease;
  77. -moz-transition: all 0.7s ease;
  78. -o-transition: all 0.7s ease;}
  79.  
  80. blockquote {
  81. padding:2px 7px;
  82. margin:3px 0 3px 8px;
  83. border-left:1px dashed {color:line};}
  84.  
  85. blockquote img {
  86. max-width:100%;}
  87.  
  88. b, strong {
  89. color:{color:bold};}
  90.  
  91. i, em {
  92. color:{color:italic};}
  93.  
  94. small,sup,sub {
  95. font-size:{text:Text Size}}
  96.  
  97. big {
  98. font-size:12px;}
  99.  
  100. pre {
  101. color:{color:pretext};
  102. background-color:{color:pre};
  103. font-size:10px;
  104. padding:20px;
  105. white-space: pre-wrap; /* css-3 */
  106. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  107. white-space: -pre-wrap; /* Opera 4-6 */
  108. white-space: -o-pre-wrap; /* Opera 7 */
  109. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  110.  
  111. {block:IfGreyscale}
  112.  
  113. img {
  114. -webkit-filter:grayscale(100%);
  115. -webkit-transition: all 0.9s ease-in-out;
  116. -moz-transition: all 0.9s ease-in-out;
  117. -o-transition: all 0.9s ease-in-out;
  118. -ms-transition: all 0.9s ease-in-out;
  119. transition: all 0.9s ease-in-out;}
  120.  
  121. img:hover {
  122. -webkit-filter:none;}
  123.  
  124. .html_photoset {
  125. -webkit-filter: grayscale(100%);
  126. -webkit-transition: all 0.9s ease-in-out;
  127. -moz-transition: all 0.9s ease-in-out;
  128. -o-transition: all 0.9s ease-in-out;
  129. -ms-transition: all 0.9s ease-in-out;
  130. transition: all 0.9s ease-in-out;}
  131.  
  132. .html_photoset:hover {
  133. -webkit-filter: none;}
  134.  
  135. {/block:IfGreyscale}
  136.  
  137. img {
  138. max-width:100%;}
  139.  
  140. h1 {
  141. font-size:18px;
  142. font-family:'Lato', sans-serif;
  143. font-weight: 300;
  144. text-align: right;
  145. letter-spacing: 2px;
  146. line-height: 130%;
  147. color:{color:text};}
  148.  
  149. #entries {
  150. top:0px;
  151. margin-left:50px;
  152. width: 580px;
  153. padding-bottom:30px;
  154. background:transparent;}
  155.  
  156. #post {
  157. background:{color:postbg};
  158. line-height:19.6000003814697px;
  159. width:400px;
  160. padding:40px;
  161. margin-top:30px;
  162. margin-bottom:0px;
  163. text-align: left;
  164. margin-left: 70px;}
  165.  
  166. #post img {
  167. max-width: 100%;}
  168.  
  169. #hoverbg {
  170. position:fixed;
  171. left:0px;
  172. top:0px;
  173. width:120px;
  174. background-color:{color:background};
  175. background-image: url('{image:hoverbg}');
  176. background-position: left top;
  177. background-repeat: no-repeat;
  178. background-attachment: fixed;}
  179.  
  180. #hoverbg2 {
  181. position:fixed;
  182. left:600px;
  183. top:0px;
  184. width:120px;
  185. background-color:{color:background};
  186. background-image: url('{image:hoverbg}');
  187. background-position: left top;
  188. background-repeat: no-repeat;
  189. background-attachment: fixed;}
  190.  
  191. #side {
  192. position:fixed;
  193. left:750px;
  194. top:100px;
  195. width:250px;
  196. background:transparent;}
  197.  
  198. #title {
  199. text-align: left;
  200. text-transform:lowercase;
  201. font-weight:200;
  202. font-size: 29px;
  203. margin-top:18px;
  204. height: 40px;
  205. color:{color:title};
  206. letter-spacing:4px;}
  207.  
  208. #subtitle {
  209. color:{color:description};
  210. text-transform:lowercase;}
  211.  
  212. #description {
  213. line-height:100%;
  214. padding-top:10px;
  215. padding-bottom:10px;
  216. width: 250px;
  217. color:{color:description};
  218. text-align: center;
  219. font-size: 11px;
  220. letter-spacing: 1px;}
  221.  
  222. .menu {
  223. position:fixed;
  224. height: 0;
  225. z-index: 9999999999999;
  226. left: -95px;
  227.  
  228. -webkit-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  229. -khtml-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  230. -moz-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  231. -ms-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  232. -o-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  233. transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
  234.  
  235. .menu:hover {
  236. left: 0;}
  237.  
  238. .hover {
  239. padding: 10px;
  240. background:{color:hoverbg};
  241. color: {color:hovertext};
  242. line-height: 40px;
  243. position: absolute;
  244. margin-top: 300px;
  245. z-index: 9999999999;
  246. width: 70px;
  247. height: 70px;
  248. text-align: center;
  249. margin-left: 50px;
  250.  
  251. -webkit-border-radius: 50%;
  252. -khtml-border-radius: 50%;
  253. -moz-border-radius: 50%;
  254. -ms-border-radius: 50%;
  255. -o-border-radius: 50%;
  256. border-radius: 50%;
  257.  
  258. -webkit-transform: rotate(90deg);
  259. -khtml-transform: rotate(90deg);
  260. -moz-transform: rotate(90deg);
  261. -ms-transform: rotate(90deg);
  262. -o-transform: rotate(90deg);
  263. transform: rotate(90deg);
  264.  
  265. -webkit-transition:all 0.7s ease-out;
  266. -khtml-transition:all 0.7s ease-out;
  267. -moz-transition:all 0.7s ease-out;
  268. -ms-transition:all 0.7s ease-out;
  269. -o-transition:all 0.7s ease-out;
  270. transition:all 0.7s ease-out;}
  271.  
  272. .menu:hover .hover {
  273. margin-left: 93px;
  274. opacity: 0;
  275. visibility: hidden;
  276.  
  277. -webkit-filter: blur(3px);
  278. -khtml-filter: blur(3px);
  279. -moz-filter: blur(3px);
  280. -ms-filter: blur(3px);
  281. -o-filter: blur(3px);
  282. filter: blur(3px);}
  283.  
  284. .menu-items {
  285. margin-top:200px;
  286. background:#000;
  287. position:relative;}
  288.  
  289. .menu-items ul {
  290. padding-left: 0;}
  291.  
  292. .menu-items li {
  293. padding: 3px 20px 3px 20px;
  294. width: 50px;
  295. border-left: 5px {color:hoverborder} solid;
  296. background:{color:hoverbg};
  297. margin-top: 5px;
  298. margin-bottom: 5px;
  299. height: 30px;}
  300.  
  301. .menu-items a {
  302. color: {color:hovertext};
  303. z-index: 9999999;
  304. position: relative;
  305. line-height: 28px;
  306. display:block;}
  307.  
  308. .border {
  309. height: 36px;
  310. width: 0;
  311. margin-left: -25px;
  312. margin-right: -120px;
  313. margin-top: -31px;
  314. background: {color:hoverborder};
  315.  
  316. -webkit-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  317. -khtml-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  318. -moz-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  319. -ms-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  320. -o-transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  321. transition:all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
  322.  
  323. .menu-items>ul>li:hover>.border {
  324. width:90px;
  325. border-right: 5px {color:hoverbg} solid;}
  326.  
  327. .info {
  328. padding-top:5px;
  329. border-top:3px solid {color:line};
  330. font-size:14px;
  331. text-align:center;
  332. margin-top:30px;
  333. line-height:15px;}
  334.  
  335. .tag {
  336. margin-top:3px;
  337. text-align:center;
  338. font-size:10px;
  339. font-style:normal;
  340. line-height:18px;}
  341.  
  342. .tag a {
  343. padding:5px;}
  344.  
  345. #asker {
  346. z-index:9999999999 !important;
  347. margin-left:20px;
  348. margin-top:0px;
  349. margin-right:10px;}
  350.  
  351. #askurl {
  352. font-size:20px;
  353. letter-spacing:3px;
  354. margin-left:70px;
  355. margin-top:-25px;
  356. margin-right:5px;}
  357.  
  358. #question {
  359. font-size: {text:text size};
  360. margin-left:70px;
  361. margin-right:40px;
  362. padding:10px;
  363. text-align:justify;}
  364.  
  365. #quote {
  366. font-size:16px;
  367. font-family:'Lato', sans-serif;
  368. text-align: center;
  369. font-weight: 300;
  370. letter-spacing: 1.5px;
  371. line-height: 130%;
  372. padding-bottom: 10px;}
  373.  
  374. #cover {
  375. position: relative;
  376. z-index: 1;
  377. height: 80px;
  378. float:left;
  379. margin:4px;
  380. box-shadow:0px 0px 5px {color:box shadow};}
  381.  
  382. #button {
  383. width:20px;
  384. height:30px;
  385. overflow: hidden;
  386. position: relative;
  387. z-index: 99;
  388. margin: 15px 24px 13px 16px;}
  389.  
  390. #buttons {
  391. background-color: #fff;
  392. position: absolute;
  393. z-index: 99;
  394. margin-top: 15px;
  395. margin-left: 15px;
  396. opacity: 0;
  397. -webkit-transition: opacity 0.5s linear;
  398. -webkit-transition: all 0.5s linear;
  399. -moz-transition: all 0.5s linear;
  400. -o-transition: all 0.5s linear;}
  401.  
  402. #post:hover #buttons {
  403. opacity:1;}
  404.  
  405. #musicinfo {
  406. margin-left: 110px;
  407. font-size:10px;
  408. min-height:70px;
  409. text-align:left;
  410. position: relative;}
  411.  
  412. .note {
  413. text-transform:uppercase;
  414. width:430px;
  415. font-style:normal;
  416. letter-spacing:0px;
  417. font-size: 10px;
  418. text-align:left;
  419. line-height:100%;
  420. margin-left:15px;}
  421.  
  422. .note li {
  423. list-style-type:none;
  424. border-bottom:1px solid {color:postbg};
  425. color:{color:postbg};
  426. padding:10px 25px 10px 25px;
  427. text-align:left;
  428. -moz-transition-duration:0.5s;
  429. -webkit-transition-duration:0.5s;
  430. -o-transition-duration:0.5s;}
  431.  
  432. .note img.avatar {
  433. margin-right: 10px;
  434. width: 16px;
  435. height: 16px;}
  436.  
  437. div#qTip {
  438. background-color:{color:background};
  439. border:1px dashed {color:description};
  440. padding: 6px;
  441. display: none;
  442. text-align: center;
  443. position: absolute;
  444. font-size:12px;
  445. line-height:10px;
  446. z-index: 9999999;
  447. color: {color:title};
  448. letter-spacing: 1px;}
  449.  
  450. </style></head><body>
  451.  
  452. <div class="menu">
  453. <div class="hover">Hover</div>
  454. <div class="menu-items">
  455. <ul>
  456. <li><a href="/">home</a><div class="border"></div>
  457. <li><a href="/ask">ask</a><div class="border"></div>
  458. <li><a href="/submit">submit</a><div class="border"></div>
  459. {block:iflink1}<li><a href="{text:link 1 url}">{text:link 1}</a><div class="border"></div>{/block:iflink1}
  460. {block:iflink2}<li><a href="{text:link 2 url}">{text:link 2}</a><div class="border"></div>{/block:iflink2}
  461. {block:iflink3}<li><a href="{text:link 3 url}">{text:link 3}</a><div class="border"></div>{/block:iflink3}
  462. {block:iflink4}<li><a href="{text:link 4 url}">{text:link 4}</a><div class="border"></div>{/block:iflink4}
  463. {block:iflink5}<li><a href="{text:link 5 url}">{text:link 5}</a><div class="border"></div>{/block:iflink5}
  464. </div>
  465. </div>
  466.  
  467. <div id="hoverbg"><img src="{image:postborderleft}"</div>
  468. <div id="hoverbg2"><img src="{image:postborderright}"</div>
  469. <div id="side">
  470. <div id="title">{title}</div>
  471.  
  472. <img src="{image:sidebar1}">
  473.  
  474. <div id="description">{Description}<p>{block:Pagination}
  475. {block:PreviousPage}<a href="{PreviousPage}"><big>⇜</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><big>⇝</big></a>
  476. {/block:NextPage}
  477. {/block:Pagination}</div>
  478.  
  479. <img src="{image:sidebar2}">
  480.  
  481. </div></div></div>
  482.  
  483. <div id="entries">
  484. {block:Posts}
  485.  
  486. <div id="post">
  487.  
  488. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  489.  
  490. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  491.  
  492. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  493.  
  494. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  495.  
  496. {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}
  497.  
  498. {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>
  499. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  500. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  501. {/block:ExternalAudio}<br><br>
  502. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  503.  
  504. {block:Video}
  505. {Video-400}
  506. {block:Caption}{Caption}{/block:Caption}
  507. {/block:Video}
  508.  
  509. {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}
  510.  
  511. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  512. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  513.  
  514. <div class="info">
  515. {block:date}<a href="{Permalink}"> posted;
  516. {block:Date}{TimeAgo}</a>{/block:Date}
  517. {block:NoteCount}
  518. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}"> - reblog</a><br>
  519.  
  520. {block:RebloggedFrom}
  521. via; <a href="{ReblogParentURL}">{ReblogParentName}</a>
  522. source; <a href="{ReblogRootURL}">{ReblogRootName}</a>
  523. {/block:RebloggedFrom}
  524. </div>
  525.  
  526. <div class="tag">{block:HasTags}{block:Tags}❅ <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  527. </div>
  528.  
  529. {block:PostNotes}
  530. <div class="note">
  531. {PostNotes}
  532. </div>
  533. {/block:PostNotes}
  534.  
  535. {/block:Posts}
  536.  
  537. </div>
  538.  
  539. {block:ContentSource}
  540. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  541. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  542. {/block:SourceLogo}
  543. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  544. {/block:ContentSource}
  545. </div>
  546.  
  547. </div>
  548.  
  549. </div>
  550. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="https://octomoosey.tumblr.com/">© OCTOMOOSEY</a></center></div>
  551.  
  552. </body>
  553. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!