API tools faq
paste
Advertisement
Guest User

theme

a guest
Sep 20th, 2014
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.86 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- octomoosey @ tumblr -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8. <script type='text/javascript'>
  9. //<![CDATA[
  10. var rate = 50;
  11. if (document.getElementById)
  12. window.onerror=new Function("return true")
  13.  
  14. var objActive; // The object which event occured in
  15. var act = 0; // Flag during the action
  16. var elmH = 0; // Hue
  17. var elmS = 128; // Saturation
  18. var elmV = 255; // Value
  19. var clrOrg; // A color before the change
  20. var TimerID; // Timer ID
  21. if (document.all) {
  22. document.onmouseover = doRainbowAnchor;
  23. document.onmouseout = stopRainbowAnchor;
  24. }
  25. else if (document.getElementById) {
  26. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  27. document.onmouseover = Mozilla_doRainbowAnchor;
  28. document.onmouseout = Mozilla_stopRainbowAnchor;
  29. }
  30. function doRainbow(obj)
  31. {
  32. if (act == 0) {
  33. act = 1;
  34. if (obj)
  35. objActive = obj;
  36. else
  37. objActive = event.srcElement;
  38. clrOrg = objActive.style.color;
  39. TimerID = setInterval("ChangeColor()",100);
  40. }
  41. }
  42. function stopRainbow()
  43. {
  44. if (act) {
  45. objActive.style.color = clrOrg;
  46. clearInterval(TimerID);
  47. act = 0;
  48. }
  49. }
  50. function doRainbowAnchor()
  51. {
  52. if (act == 0) {
  53. var obj = event.srcElement;
  54. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  55. obj = obj.parentElement;
  56. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  57. break;
  58. }
  59. if (obj.tagName == 'A' && obj.href != '') {
  60. objActive = obj;
  61. act = 1;
  62. clrOrg = objActive.style.color;
  63. TimerID = setInterval("ChangeColor()",100);
  64. }
  65. }
  66. }
  67. function stopRainbowAnchor()
  68. {
  69. if (act) {
  70. if (objActive.tagName == 'A') {
  71. objActive.style.color = clrOrg;
  72. clearInterval(TimerID);
  73. act = 0;
  74. }
  75. }
  76. }
  77. function Mozilla_doRainbowAnchor(e)
  78. {
  79. if (act == 0) {
  80. obj = e.target;
  81. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  82. obj = obj.parentNode;
  83. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  84. break;
  85. }
  86. if (obj.nodeName == 'A' && obj.href != '') {
  87. objActive = obj;
  88. act = 1;
  89. clrOrg = obj.style.color;
  90. TimerID = setInterval("ChangeColor()",100);
  91. }
  92. }
  93. }
  94. function Mozilla_stopRainbowAnchor(e)
  95. {
  96. if (act) {
  97. if (objActive.nodeName == 'A') {
  98. objActive.style.color = clrOrg;
  99. clearInterval(TimerID);
  100. act = 0;
  101. }
  102. }
  103. }
  104. function ChangeColor()
  105. {
  106. objActive.style.color = makeColor();
  107. }
  108. function makeColor()
  109. {
  110. // Don't you think Color Gamut to look like Rainbow?
  111. // HSVtoRGB
  112. if (elmS == 0) {
  113. elmR = elmV; elmG = elmV; elmB = elmV;
  114. }
  115. else {
  116. t1 = elmV;
  117. t2 = (255 - elmS) * elmV / 255;
  118. t3 = elmH % 60;
  119. t3 = (t1 - t2) * t3 / 60;
  120. if (elmH < 60) {
  121. elmR = t1; elmB = t2; elmG = t2 + t3;
  122. }
  123. else if (elmH < 120) {
  124. elmG = t1; elmB = t2; elmR = t1 - t3;
  125. }
  126. else if (elmH < 180) {
  127. elmG = t1; elmR = t2; elmB = t2 + t3;
  128. }
  129. else if (elmH < 240) {
  130. elmB = t1; elmR = t2; elmG = t1 - t3;
  131. }
  132. else if (elmH < 300) {
  133. elmB = t1; elmG = t2; elmR = t2 + t3;
  134. }
  135. else if (elmH < 360) {
  136. elmR = t1; elmG = t2; elmB = t1 - t3;
  137. }
  138. else {
  139. elmR = 0; elmG = 0; elmB = 0;
  140. }
  141. }
  142. elmR = Math.floor(elmR).toString(16);
  143. elmG = Math.floor(elmG).toString(16);
  144. elmB = Math.floor(elmB).toString(16);
  145. if (elmR.length == 1) elmR = "0" + elmR;
  146. if (elmG.length == 1) elmG = "0" + elmG;
  147. if (elmB.length == 1) elmB = "0" + elmB
  148. elmH = elmH + rate;
  149. if (elmH >= 360)
  150. elmH = 0;
  151. return '#' + elmR + elmG + elmB;
  152. }
  153. //]]>
  154. </script>
  155. <style>a:hover{text-shadow: #000 0 0 5px}</style>
  156. <title>{Title}</title>
  157. <link rel="shortcut icon" href="{Favicon}">
  158. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  159. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  160.  
  161. <meta name="color:background" content="#000000"/>
  162. <meta name="color:text" content="#a1a0a0"/>
  163. <meta name="color:description" content="#a1a0a0"/>
  164. <meta name="color:link" content="#c10a0a"/>
  165. <meta name="color:link hover" content="#989898" />
  166. <meta name="color:bold" content="#ffffff" />
  167. <meta name="color:italic" content="#ffffff" />
  168. <meta name="color:border" content="#ffffff" />
  169. <meta name="color:scrollbar" content="#ffffff" />
  170. <meta name="color:postbg" content="#000000" />
  171. <meta name="color:blockquote" content="#121212" />
  172. <meta name="color:tags" content="#c10a0a"/>
  173.  
  174. <meta name="image:sidebar" content="https://31.media.tumblr.com/d5ad73b3d16a9b126984b5ef64b04445/tumblr_inline_n375h6ib381rp2lgk.gif"/>
  175. <meta name="image:background" content="https://31.media.tumblr.com/70630e0368449d8b55bb34038943e3ae/tumblr_inline_n375gwIX2B1rp2lgk.jpg"/>
  176.  
  177. <meta name="text:link 1" content="link 1"/>
  178. <meta name="text:link 1 url" content="/"/>
  179. <meta name="text:link 2" content="link 2"/>
  180. <meta name="text:link 2 url" content="/"/>
  181. <meta name="text:link 3" content="link 3"/>
  182. <meta name="text:link 3 url" content="/"/>
  183. <meta name="text:link 4" content="link 4"/>
  184. <meta name="text:link 4 url" content="/"/>
  185. <meta name="text:link 5" content="link 5"/>
  186. <meta name="text:link 5 url" content="/"/>
  187. <meta name="text:link 6" content="link 6"/>
  188. <meta name="text:link 6 url" content="/"/>
  189. <meta name="text:link 7" content="link 7"/>
  190. <meta name="text:link 7 url" content="/"/>
  191. <meta name="text:link 8" content="link 8"/>
  192. <meta name="text:link 8 url" content="/"/>
  193.  
  194. <meta name="if:tinycursor" content="1"/>
  195. <meta name="if:greyscale" content="1"/>
  196. <meta name="text:text size" content="11px" />
  197. <meta name="if:showsubmit" content="0"/>
  198.  
  199. <link href='http://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>
  200.  
  201. <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
  202.  
  203. <style type="text/css">*, body, a, a:hover {cursor: url('http://media.tumblr.com/219a3d21a2bc30963a35eea6b239f666/tumblr_inline_mu8zn7ECjk1rhr4pg.png'), auto;}
  204.  
  205.  
  206. ::-webkit-scrollbar {height: 3px;width: 3px;}
  207. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  208. ::-webkit-scrollbar-track{background-color:{color:postbg};}
  209.  
  210. {block:iftinycursor}
  211. body, a, a:hover{
  212. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  213. {/block:iftinycursor}
  214.  
  215. iframe#tumblr_controls {
  216. right:3px !important;
  217. position: fixed !important;
  218. -webkit-transition: opacity 0.7s
  219. linear;opacity: 0.2;
  220. -webkit-transition: all 0.8s ease-out;
  221. -moz-transition: all 0.8s ease-out;
  222. transition: all 0.8s ease-out;}
  223.  
  224. iframe#tumblr_controls:hover{
  225. -webkit-transition: opacity 0.7s linear;
  226. opacity: 1;
  227. -webkit-transition: all 0.4s ease-out;
  228. -moz-transition: all 0.4s ease-out;
  229. transition: all 0.4s ease-out;}
  230.  
  231. body {
  232. background-color:{color:background};
  233. background-image: url('{image:background}');
  234. background-position: right bottom;
  235. background-repeat: no-repeat;
  236. background-attachment: fixed;
  237. margin:0px;
  238. color:{color:text};
  239. font-family:'Fenix', serif;
  240. font-size: {text:Text Size};
  241. line-height:120%;}
  242.  
  243.  
  244. a:link, a:active, a:visited {
  245. text-decoration: none;
  246. color: {color:link};
  247. -moz-transition-duration:.6s;
  248. -webkit-transition-duration:.6s;
  249. -o-transition-duration:.6s;}
  250.  
  251. a:hover {
  252. color: {color:link hover};
  253. -moz-transition-duration:.6s;
  254. -webkit-transition-duration:.6s;
  255. -o-transition-duration:.6s;}
  256.  
  257. h1 {
  258. background-color: transparent;
  259. font-family:'Fondamento', cursive;
  260. font-size: 15px;
  261. line-height: 10px;
  262. letter-spacing: 2px;
  263. text-align: center;
  264. color: {color:title};
  265. line-height:120%;}
  266.  
  267. blockquote {
  268. padding:2px 7px;
  269. margin:3px 0 3px 10px;
  270. border-left:2px solid {color:border};
  271. background-color:{color:blockquote};}
  272.  
  273. blockquote img {
  274. max-width:100%;}
  275.  
  276. b, strong {
  277. color:{color:bold};}
  278.  
  279. i, em {
  280. color:{color:italic};}
  281.  
  282. p {
  283. margin-top:5px;
  284. margin-bottom:5px;}
  285.  
  286. ol {
  287. list-style:normal;}
  288.  
  289. ul {
  290. list-style:square;}
  291.  
  292. small,sup,sub {
  293. font-size:{text:Text Size}}
  294.  
  295. big {
  296. font-size:12px;}
  297.  
  298. {block:IfGreyscale}
  299.  
  300. img {
  301. -webkit-filter:grayscale(100%);
  302. -webkit-transition: all 0.9s ease-in-out;
  303. -moz-transition: all 0.9s ease-in-out;
  304. -o-transition: all 0.9s ease-in-out;
  305. -ms-transition: all 0.9s ease-in-out;
  306. transition: all 0.9s ease-in-out;}
  307.  
  308. img:hover {
  309. -webkit-filter:none;}
  310.  
  311. .html_photoset {
  312. -webkit-filter: grayscale(100%);
  313. -webkit-transition: all 0.9s ease-in-out;
  314. -moz-transition: all 0.9s ease-in-out;
  315. -o-transition: all 0.9s ease-in-out;
  316. -ms-transition: all 0.9s ease-in-out;
  317. transition: all 0.9s ease-in-out;}
  318.  
  319. .html_photoset:hover {
  320. -webkit-filter: none;}
  321.  
  322. {/block:IfGreyscale}
  323.  
  324. #pcontainer {
  325. background-color:{color:postbg};
  326. width:600px;
  327. height:360px;
  328. padding: 30px;
  329. top:190px;
  330. margin-left: 280px;
  331. position:relative;
  332. overflow-y:scroll;
  333. overflow-x:hidden;
  334. border:4px double {color:border};}
  335.  
  336. #content {
  337. margin-left:30px;
  338. width:400px;
  339. margin-top: 40px;}
  340.  
  341. #sidebar {
  342. margin-left: 500px;
  343. line-height:10px;
  344. width: 180px;
  345. position: fixed;
  346. top: -140px;
  347. text-align: center; }
  348.  
  349. #title {
  350. font-size:12px;
  351. margin-bottom:3px;
  352. padding-top:5px;
  353. font-weight:bold;
  354. font-family:'Fondamento', cursive;
  355. letter-spacing:1px; }
  356.  
  357. #sidebar img {
  358. width:180px;
  359. padding-top:-150px;
  360. padding-bottom:-40px;}
  361.  
  362. #description {
  363. width:200px;
  364. color:{color:description};}
  365.  
  366. #linkbar {
  367. position:fixed;
  368. left:430px;
  369. top:180px;
  370. width:430px;
  371. text-align: center;}
  372.  
  373. #links {
  374. padding:20px;
  375. letter-spacing:0px;}
  376.  
  377. #links a {
  378. padding:5px;
  379. margin-right:0px;
  380. text-shadow: 0 px px {color:link};}
  381.  
  382. #pagination {
  383. position:fixed;
  384. top:120px;
  385. left:540px;
  386. width: 180px;
  387. border-top:1px
  388. solid #eee;
  389. padding: 3px;
  390. font-size: 9px;
  391. line-height: 21px;
  392. text-shadow: 0 px px {color:link};
  393. text-align: center;
  394. margin-top: 10px;
  395. letter-spacing:1px;
  396. text-transform: lowercase;
  397. font-style: italic;
  398. font-family: times;}
  399.  
  400. #posts {
  401. width:520px;
  402. padding:10px;
  403. margin-left:-9px;
  404. padding-bottom:0px;}
  405.  
  406. .audio {
  407. width:400px;
  408. padding-bottom:10px;
  409. background-color:{color:#000000};}
  410.  
  411. .albumart {
  412. float:left;
  413. padding:0px 10px 10px 0px;}
  414.  
  415. .albumart img {
  416. width:65px;
  417. height:65px;}
  418.  
  419. .playercontainer {
  420. text-align:left;
  421. padding:10px;
  422. background-color:#000000;
  423. width:380px;}
  424.  
  425. .audioinfo {
  426. padding:10px;
  427. color:{color:text};}
  428.  
  429. #question {
  430. margin-left:0px;
  431. padding:10px;
  432. border-bottom:1px dotted {color:line};
  433. font-style:normal;
  434. text-align:center;
  435. color:{color:text};
  436. line-height:150%;}
  437.  
  438. #answer {
  439. font-style:normal;}
  440.  
  441. #answer img {
  442. max-width:100%;}
  443.  
  444. #info {
  445. text-align:right;
  446. margin-top:8px;
  447. margin-bottom:50px;
  448. text-transform:uppercase;
  449. font-size:8px;
  450. font-style:none;
  451. border-top:1px solid {color:line};}
  452.  
  453. #info a {
  454. color:{color:tags};}
  455.  
  456. #info a:hover {
  457. color:{color:text};}
  458.  
  459. #tags {
  460. font-family:cambria;
  461. letter-spacing:0px;
  462. text-transform:lowercase;
  463. font-size:9px;
  464. font-style:italic;
  465. margin-top:2px;
  466. text-align:right;
  467. float:right;}
  468.  
  469. #tags a {
  470. display:inline-block;
  471. padding:-3px;
  472. text-align:right;
  473. color:{color:tags};}
  474.  
  475. #tags a:hover {
  476. color:{color:text};}
  477.  
  478. .note {
  479. text-transform:uppercase;
  480. font-style:normal;
  481. letter-spacing:0px;
  482. font-size: 10px;
  483. text-align:left;
  484. line-height:90%;
  485. margin-left:-40px;}
  486.  
  487. .note li {
  488. list-style-type:none;
  489. border-bottom:1px solid {color:border};
  490. padding:10px 25px 10px 25px;
  491. text-align:left;
  492. margin:0px;
  493. -moz-transition-duration:0.5s;
  494. -webkit-transition-duration:0.5s;
  495. -o-transition-duration:0.5s;}
  496.  
  497. .note img.avatar {
  498. margin-right: 10px;
  499. width: 16px;
  500. height: 16px;}
  501.  
  502.  
  503. {CustomCSS}
  504.  
  505. </style></head>
  506. <body>
  507.  
  508. <div id="content">
  509.  
  510. <div id="sidebar">
  511.  
  512. <img src="{image:Sidebar}" />
  513.  
  514. <div id="description">{description}</div>
  515.  
  516. </div>
  517.  
  518. <div id="pagination">
  519. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Game Over</a> / {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">Press Start</a>{/block:NextPage}{/block:Pagination}
  520. </div>
  521.  
  522. <div id="linkbar">
  523. <div id="links">
  524. <a href="/">Again</a>
  525. <a href="/ask">Inquire</a>
  526. {block:Ifshowsubmit}<a href="/submit">submit</a>{/block:Ifshowsubmit}
  527. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  528. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  529. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  530. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  531. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  532. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  533. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  534. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  535. </div></div>
  536.  
  537. <div id="pcontainer">
  538.  
  539. <div id="content"><div id="posts">
  540. {block:Posts}
  541.  
  542.  
  543. {block:Quote}"<i>{Quote}</i>"&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  544. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  545. {block:Text}{Body}{/block:Text}
  546.  
  547. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  548.  
  549. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  550.  
  551. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  552. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  553.  
  554. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  555.  
  556. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  557.  
  558. {block:Answer}
  559. <div id="question"><img src="{AskerPortraitURL-40}" style="padding:5px; border:1px solid #ccc;"><br><br><a href="{askerURL}"><b>{Asker}</b></a> whispered:<br><br>"{Question}"</div><div id="answer">{Answer}</div>{/block:answer}
  560.  
  561. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  562. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  563. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  564. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  565. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  566.  
  567.  
  568.  
  569. <div id="info">
  570. <br>level passed on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> at <a href="{Permalink}">{12Hour}:{Minutes} </a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} ©<a href="{SourceURL}"> {SourceLink}</a> {/block:ContentSource} + <a href="{Permalink}">{NoteCountWithLabel}</a> + <a href="{ReblogURL}">restart</a> <br>
  571. {block:HasTags}<div id="tags">{block:Tags} + <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  572. {/block:Posts}
  573. <div class="note">
  574. {block:PostNotes}{PostNotes}{/block:PostNotes}
  575. </div>
  576.  
  577. {/block:Posts}</div></div>
  578.  
  579. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://octomoosey.tumblr.com/">© OCTOMOOSEY</a></center></div>
  580.  
  581. </div> </div> </div> </div>
  582.  
  583.  
  584.  
  585. </body></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!