API tools faq
paste
Advertisement
NitrogenFixation

ur welcome my child <3

NitrogenFixation
Jan 27th, 2015
229
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.31 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5.  
  6. <!--
  7. Theme 22 - One Dream
  8. code by magnusthemes
  9.  
  10. follow the terms of use or i'll shoot you with a dominator!
  11. -->
  12.  
  13. <head>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,300italic,400italic,700,700italic,500,500italic' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300' rel='stylesheet' type='text/css'>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  26.  
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <meta name="color:background" content="#222222"/>
  32. <meta name="color:text" content="#888888"/>
  33. <meta name="color:bold" content="#cccccc" />
  34. <meta name="color:italic" content="#aaaaaa" />
  35. <meta name="color:links" content="#cc3434"/>
  36. <meta name="color:links hover" content="#aaaaaa" />
  37.  
  38. <meta name="color:scrollbar" content="#cc3434" />
  39. <meta name="color:scrollbar background" content="#222222" />
  40. <meta name="color:tooltips" content="#fff" />
  41. <meta name="color:tooltips background" content="#cc3434" />
  42. <meta name="color:text selection" content="#fff"/>
  43. <meta name="color:text selection background" content="#cc3434"/>
  44.  
  45. <meta name="color:post container" content="#161616" />
  46. <meta name="color:posts" content="#222222"/>
  47. <meta name="color:permalinks and asks" content="#333333" />
  48. <meta name="color:chat text" content="#aaaaaa" />
  49. <meta name="color:chat even" content="#161616" />
  50. <meta name="color:chat odd" content="#2c2c2c" />
  51. <meta name="color:borders" content="#cc3434" />
  52. <meta name="color:post title" content="#cccccc" />
  53.  
  54. <meta name="color:title bar" content="#000" />
  55. <meta name="color:blog title" content="#fff" />
  56. <meta name="color:sidebar" content="#161616" />
  57. <meta name="color:description" content="#aaaaaa" />
  58. <meta name="color:pagination" content="#ffffff">
  59. <meta name="color:pagination bg" content="#161616">
  60. <meta name="color:pagination hover" content="#cc3434" />
  61. <meta name="color:search bar" content="#222" />
  62.  
  63. <meta name="image:background" content="http://static.tumblr.com/828fa66618dd8575e87e133ce5d34142/p0knose/sJJnimvat/tumblr_static_8gkik9qo3ww8k4oggsggskow0.png"/>
  64. <meta name="image:header" content="http://static.tumblr.com/f80b7b83fa72622f30021f2359a52f2b/p0knose/Ooonimv3k/tumblr_static_5kdq6ysiugkcc40kkswkcck4o.png" />
  65. <meta name="image:sidebar" content="http://static.tumblr.com/fdbb915b7058d7de76e1280ffe7ede8a/p0knose/dsenip07l/tumblr_static_3723atb6nrggog0gk8ssgw88o.png" />
  66.  
  67. <meta name="if:fixed header" content="1" />
  68. <meta name="if:custom text selection" content="1" />
  69. <meta name="if:white audio player" content="0" />
  70. <meta name="if:white lightbox" content="0" />
  71. <meta name="if:white tumblr controls" content="0" />
  72. <meta name="if:white icons" content="0" />
  73. <meta name="if:show captions" content="1" />
  74. <meta name="if:fading images" content="1" />
  75. <meta name="if:monochrome images" content="0" />
  76.  
  77. <meta name="text:font size" content="11" />
  78. <meta name="text:billy code" content="" />
  79. <meta name="text:link 1" content=""/>
  80. <meta name="text:link 1 url" content=""/>
  81. <meta name="text:link 2" content=""/>
  82. <meta name="text:link 2 url" content=""/>
  83. <meta name="text:link 3" content=""/>
  84. <meta name="text:link 3 url" content=""/>
  85. <meta name="text:link 4" content=""/>
  86. <meta name="text:link 4 url" content=""/>
  87. <meta name="text:link 5" content="" />
  88. <meta name="text:link 5 url" content="" />
  89. <meta name="text:link 6" content="" />
  90. <meta name="text:link 6 url" content="" />
  91.  
  92. <style type="text/css">
  93.  
  94. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  95.  
  96. /* fontawesome */
  97. [class*="fontawesome-"]:before {
  98. font-family: 'FontAwesome', sans-serif;
  99. }
  100.  
  101. /* CUSTOM THINGIES */
  102.  
  103. ::-webkit-scrollbar {height:6px; width:6px;}
  104. ::-webkit-scrollbar-track-piece {
  105. background-color:{color:scrollbar background};
  106. box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.6);
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb {
  110. width:6px; height:6px;
  111. border-radius:3px;
  112. box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
  113. background-color:{color:scrollbar};
  114. border:1px solid {color:scrollbar background};
  115. }
  116.  
  117. {block:ifcustomtextselection}
  118. ::selection {color:{color:text selection}; background:{color:text selection background};}
  119. ::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
  120. ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
  121. {/block:ifcustomtextselection}
  122.  
  123. @font-face {
  124. font-family: 'tinytots';
  125. src: url('https://dl.dropboxusercontent.com/u/79121635/tinytots.ttf');
  126. }
  127.  
  128. #s-m-t-tooltip{
  129. max-width:300px;
  130. line-height:150%;
  131. z-index:999999999999999999999999999999999999999999999999999;
  132. margin:24px 14px 7px 12px;
  133. padding:2px 5px;
  134. text-transform:uppercase;
  135. background:{color:tooltips background};
  136. border-radius:0px;
  137. box-shadow:0px 0px 3px #232323;
  138. font-size:8px;
  139. font-family:'tinytots', monospace;
  140. color:{color:tooltips};
  141. }
  142.  
  143. iframe#tumblr_controls {
  144. right:3px !important;
  145. position:fixed !important;
  146. opacity: 0.25;
  147. {block:ifwhitetumblrcontrols}
  148. -webkit-filter:invert(100%);
  149. -moz-filter:invert(100%);
  150. -o-filter:invert(100%);
  151. filter:invert(100%);
  152. {/block:ifwhitetumblrcontrols}
  153. transition: all 0.4s ease-in-out;
  154. -webkit-transition: all 0.4s ease-in-out;
  155. -moz-transition: all 0.4s ease-in-out;
  156. -o-transition: all 0.4s ease-in-out;
  157. }
  158.  
  159. iframe#tumblr_controls:hover {opacity: 0.6;}
  160.  
  161. {block:ifwhitelightbox}
  162. #tumblr_lightbox {background:rgba(255, 255, 255, 0.8)!important;}
  163. #tumblr_lightbox img {opacity:0;}
  164. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity: 1!important;}
  165. {/block:ifwhitelightbox}
  166.  
  167. /* BORING BASICS */
  168.  
  169. body{
  170. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  171. word-wrap:break-word;
  172. overflow:auto;
  173. background-attachment: fixed;
  174. background-repeat: repeat;
  175. background-color: {color:background};
  176. margin-left:0px;
  177. margin-top:0px;
  178. color:{color:text};
  179. font-family: 'Roboto', helvetica neue, sans-serif;
  180. font-weight:300;
  181. letter-spacing:0.5px;
  182. font-size:{text:font size}px;
  183. line-height:120%;
  184. }
  185.  
  186. a{
  187. text-decoration:none;
  188. color:{color:links};
  189. transition:0.2s;
  190. -webkit-transition:0.2s;
  191. -moz-transition:0.2s;
  192. -o-transition:0.2s;
  193. -ms-transition:0.2s;
  194. }
  195.  
  196. a:hover {
  197. color:{color:links hover};
  198. }
  199.  
  200. i, italic, em{
  201. color:{color:italic};
  202. text-transform:italic;
  203. }
  204.  
  205. b, bold, strong{
  206. color:{color:bold};
  207. font-weight:bold;
  208. font-weight:strong;
  209. }
  210.  
  211. img{
  212. border:none;
  213. }
  214.  
  215. blockquote {
  216. margin:10px 0px;
  217. margin-left:10px;
  218. display:block;
  219. border-left:2px solid {color:borders};
  220. padding:0px 10px;
  221. }
  222.  
  223. blockquote img {max-width:100%!important;}
  224.  
  225. pre, code {
  226. background:{color:permalinks and asks};
  227. padding:10px;
  228. display:block;
  229. }
  230.  
  231. /* CONTAINER */
  232.  
  233. #all {
  234. margin:0 auto;
  235. padding:0px;
  236. width:900px;
  237. background-attachment:fixed;
  238. }
  239.  
  240. /* POSTS */
  241.  
  242. #content {
  243. line-height:150%;
  244. padding:20px;
  245. background:{color:post container};
  246. {block:ifnotfixedheader}margin:0px auto;{/block:ifnotfixedheader}
  247. {block:iffixedheader}margin:230px auto;{/block:iffixedheader}
  248. margin-bottom:0;
  249. padding-bottom:40px;
  250. width:560px;
  251. }
  252.  
  253. .posts{
  254. background: {color:Posts};
  255. margin: 10px;
  256. padding: 0px;
  257. width:540px;
  258. }
  259.  
  260. .posts img, .posts iframe {
  261. max-width:100%;
  262. transition:0.6s;
  263. -webkit-transition:0.6s;
  264. -moz-transition:0.6s;
  265. -o-transition:0.6s;
  266. {block:ifmonochromeimages}{block:indexpage}
  267. filter:grayscale(100%);
  268. -webkit-filter:grayscale(100%);
  269. -moz-filter:grayscale(100%);
  270. -o-filter:grayscale(100%);
  271. }
  272.  
  273. .posts img:hover, .posts iframe:hover {
  274. filter:grayscale(0%);
  275. -webkit-filter:grayscale(0%);
  276. -moz-filter:grayscale(0%);
  277. -o-filter:grayscale(0%);
  278. {/block:indexpage}{/block:ifmonochromeimages}
  279. }
  280.  
  281. {block:iffadingimages}{block:indexpage}
  282. .posts img, .posts iframe {opacity:0.6;}
  283. .posts img:hover, .posts iframe:hover {opacity:1;}
  284. {/block:indexpage}{/block:iffadingimages}
  285.  
  286. .container {padding:20px;}
  287.  
  288. #quote{
  289. padding-top:5px;
  290. padding-bottom:5px;
  291. text-align:center;
  292. font-size:17px;
  293. font-family:'Yanone Kaffeesatz', sans-serif;
  294. letter-spacing:1px;
  295. margin-bottom:15px;
  296. line-height:150%;
  297. }
  298.  
  299. #link{
  300. text-align:left;
  301. padding-right:20px;
  302. padding-top:10px;
  303. padding-bottom:0;
  304. padding-left:10px;
  305. border-left:20px solid {color:borders};
  306. background:{color:permalinks and asks};
  307. font-size:15px;
  308. }
  309.  
  310. .jrc {
  311. transition:0.6s;
  312. -webkit-transition:0.6s;
  313. -moz-transition:0.6s;
  314. -o-transition:0.6s;
  315. }
  316.  
  317. .linkz:hover .jrc {color:{color:borders}; margin-left:20px;}
  318.  
  319. #permalink{
  320. width:520px;
  321. padding:5px 10px;
  322. margin-bottom:10px;
  323. margin-top:10px;
  324. font-family:'tinytots', monospace;
  325. line-height:150%;
  326. font-size:8px;
  327. height:auto;
  328. text-align:center;
  329. background-color:{color:permalinks and asks};
  330. }
  331.  
  332. #permalink span {font-family:'tinytots', monospace; font-size:8px; text-transform:uppercase;}
  333. #permalink a {color:{color:text}; border-bottom:1px solid transparent;}
  334. #permalink a:hover {color:{color:links hover}; border-color:{color:links};}
  335.  
  336. .jrc {
  337. margin-top:5px;
  338. font-size:15px;
  339. color:{color:post title};
  340. text-align:center;
  341. letter-spacing:1px;
  342. font-family:'Yanone Kaffeesatz', sans-serif;
  343. line-height:150%;
  344. padding-bottom:10px;
  345. margin-bottom:5px;
  346. }
  347.  
  348. .askerp, .askerp:hover {
  349. width:60px;
  350. height:60px;
  351. opacity:1;
  352. display:inline-block;
  353. border:5px solid {color:permalinks and asks};
  354. position:absolute;
  355. }
  356.  
  357. .question:before {
  358. content:"";
  359. width: 0px;
  360. height: 0px;
  361. border-style: solid;
  362. border-width: 10px 10px 10px 0;
  363. border-color: transparent {color:permalinks and asks} transparent transparent;
  364. display:inline-block;
  365. position:absolute;
  366. margin-left:-25px;
  367. margin-top:12.5px;
  368. }
  369.  
  370. .question {
  371. padding:10px 15px;
  372. display:inline-block;
  373. min-height:50px;
  374. width:385px;
  375. background:{color:permalinks and asks};
  376. margin-left:85px;
  377. }
  378.  
  379. #musicinfo{
  380. color:{color:music info text};
  381. margin-left:130px;
  382. background:{color:permalinks and asks};
  383. height:100px;
  384. font-weight:normal;
  385. padding:10px 25px;
  386. overflow:hidden;
  387. width:320px;
  388. }
  389.  
  390. .audiocaption {margin-top:10px;}
  391.  
  392. .albumart {
  393. position: absolute;
  394. z-index: 1;
  395. border:10px solid {color:permalinks and asks};
  396. width:100px;
  397. height:100px;
  398. background:url(https://31.media.tumblr.com/fa182522396c55f897993fa608cf2f95/tumblr_inline_n0ox2rjHwU1rshr70.jpg);
  399. background-size:100px 100px;
  400. background-position:fixed;
  401. background-repeat:no-repeat;
  402. }
  403.  
  404. .tplayer {
  405. width: 20px;
  406. height: 30px;
  407. overflow: hidden;
  408. position: absolute;
  409. z-index: 1000;
  410. margin-top:0;
  411. margin-left:38px;
  412. transition:0.4s;
  413. -webkit-transition:0.4s;
  414. -moz-transition:0.4s;
  415. -o-transition:0.4s;
  416. -ms-transition:0.4s;
  417. }
  418.  
  419. .playercontainer {
  420. {block:ifnotwhiteaudioplayer}
  421. background-color: #000;
  422. {/block:ifnotwhiteaudioplayer}
  423. {block:ifwhiteaudioplayer}
  424. background-color:#fff;
  425. {/block:ifwhiteaudioplayer}
  426. position: absolute;
  427. opacity:0.6;
  428. z-index: 1000;
  429. margin:10px;
  430. width:100px;
  431. height:30px;
  432. padding:0;
  433. transition:0.4s;
  434. -webkit-transition:0.4s;
  435. -moz-transition:0.4s;
  436. -o-transition:0.4s;
  437. -ms-transition:0.4s;
  438. }
  439.  
  440. .playercontainer:hover {opacity:0.8; height:100px;}
  441. .playercontainer:hover .tplayer {margin-top:35px;}
  442.  
  443.  
  444. .label {
  445. background-color:{color:chat even};
  446. margin-bottom:5px;
  447. padding:10px;
  448. color:{color:chat text};
  449. }
  450.  
  451. .label:nth-of-type(odd) {
  452. background-color:{color:chat even};
  453. }
  454.  
  455. .label:nth-of-type(even) {
  456. background-color:{color:chat odd};
  457. }
  458.  
  459. /* NOTES */
  460.  
  461. ol.notes{
  462. width:520px;
  463. max-height:200px;
  464. overflow:auto;
  465. padding-left:10px;
  466. padding-right:10px;
  467. padding-top:10px;
  468. padding-bottom:10px;
  469. list-style-type:none;
  470. font-size:9px;
  471. background-color:{color:permalinks and asks};
  472. }
  473.  
  474. ol.notes::-webkit-scrollbar {width:5px; height:5px;}
  475. ol.notes::-webkit-scrollbar-track-piece {background:transparent;}
  476. ol.notes li.note{border-bottom:1px dotted #555; padding:2px; font-size:9px;}
  477. ol.notes li.note:nth-last-of-type(1) {border:0;}
  478. ol.notes li.note img{padding:0px !important;}
  479. ol.notes li.note img.avatar{margin-right:5px; width:0px; height:0px;}
  480. ol.notes li.note a img.avatar{padding:0px; border-width:0px; border:none;}
  481. ol.notes li.note img{padding:0px; border-width:0px; border:none;}
  482. ol.notes li.note span.action{font-weight:bold; color:{color:text};}
  483. ol.notes li.note.answer_content{font-weight:normal;}
  484. ol.notes li.note.blockquote{padding:1px 1px;margin:1px 0px 0px 1px;}
  485. ol.notes li.note.blockquote a{text-decoration:none;}
  486.  
  487. #jan {bottom:5px; right:5px; position:fixed; z-index:99999;}
  488.  
  489. /* HEADER */
  490.  
  491. #header {
  492. border-bottom:10px solid #000;
  493. {block:iffixedheader}position:fixed;{/block:iffixedheader}
  494. {block:ifnotfixedheader}position:relative;{/block:ifnotfixedheader}
  495. top:0;
  496. width:860px;
  497. padding:20px;
  498. height:190px;
  499. z-index:99999;
  500. }
  501.  
  502. #image {
  503. margin-top:10px;
  504. margin-left:-20px;
  505. overflow:hidden;
  506. width:900px;
  507. height:200px;
  508. }
  509.  
  510. #titlebar {
  511. font-size:10px;
  512. font-weight:normal;
  513. font-family:'tinytots', monospace;
  514. vertical-align:middle;
  515. letter-spacing:1px;
  516. color:#fff;
  517. padding:0 10px;
  518. text-align:center;
  519. z-index:999999;
  520. position:fixed;
  521. top:0;
  522. width:880px;
  523. line-height:30px;
  524. height:30px;
  525. text-transform:uppercase;
  526. background:#000;
  527. }
  528.  
  529. /* LINKS */
  530.  
  531. .link {position:absolute; margin-left:-5px; margin-top:-190px;}
  532.  
  533. .link a {
  534. margin-right:10px;
  535. display:inline-block;
  536. width:20px;
  537. font-size:15px;
  538. height:20px;
  539. padding:10px;
  540. padding-left:14px; padding-top:14px;
  541. {block:ifwhiteicons}background:rgba(0, 0, 0, 0.5);{/block:ifwhiteicons}{block:ifnotwhiteicons}background:rgba(255, 255, 255, 0.5);{/block:ifnotwhiteicons}
  542. border-radius:100%;
  543. -moz-border-radius:100%;
  544. overflow:hidden;
  545. }
  546.  
  547. .link a:hover, .links_head a:hover {color:{color:icons hover};}
  548.  
  549. /* MENU */
  550.  
  551. .links_head {
  552. cursor:pointer;
  553. margin-left:170px;
  554. margin-top:-190px;
  555. z-index:99999999;
  556. position:absolute;
  557. border-radius:100%;
  558. display:block;
  559. width:20px;
  560. height:20px;
  561. {block:ifwhiteicons}background:rgba(0, 0, 0, 0.5);{/block:ifwhiteicons}{block:ifnotwhiteicons}background:rgba(255, 255, 255, 0.5);{/block:ifnotwhiteicons}
  562. padding:10px;
  563. padding-left:14px; padding-top:14px;
  564. }
  565.  
  566. .links_head a {
  567. cursor:pointer;
  568. margin-left:170px;
  569. z-index:99999999;
  570. position:absolute;
  571. margin-top:-190px;
  572. border-radius:100%;
  573. display:block;
  574. color:{color:icons};
  575. font-size:15px;
  576. width:20px;
  577. height:20px;
  578. {block:ifwhiteicons}background:rgba(0, 0, 0, 0.5);{/block:ifwhiteicons}{block:ifnotwhiteicons}background:rgba(255, 255, 255, 0.5);{/block:ifnotwhiteicons}
  579. padding:10px;
  580. padding-left:14px; padding-top:14px;
  581. }
  582.  
  583. .links_head span {color:{color:icons}; font-size:15px;}
  584. .links_head:hover span {color:{color:icons hover};}
  585.  
  586. .mb {
  587. display:block;
  588. width:110px;
  589. color:{color:icons};
  590. height:20px;
  591. padding:0 5px;
  592. line-height:20px;
  593. background:white;
  594. opacity:.5;
  595. margin-bottom:5px;
  596. -webkit-transition: all 0.5s ease;
  597. -moz-transition: all 0.5s ease;
  598. -o-transition: all 0.5s ease;
  599. }
  600.  
  601. .mb:hover {
  602. opacity:.999;
  603. color:{color:icons hover};
  604. -webkit-transition: all 0.5s ease;
  605. -moz-transition: all 0.5s ease;
  606. -o-transition: all 0.5s ease;
  607. }
  608.  
  609. .links_body {
  610. font-size:8px;
  611. font-family:'tinytots', monospace;
  612. display:none;
  613. padding:12px;
  614. margin-top:-110px;
  615. margin-left:135px;
  616. width:120px;
  617. text-align:center;
  618. text-transform:uppercase;
  619. }
  620.  
  621. #triangle {
  622. width:0;
  623. height:0;
  624. {block:ifwhiteicons}border-top:42px solid rgba(0, 0, 0, 0.5);{/block:ifwhiteicons}{block:ifnotwhiteicons}border-top:42px solid rgba(255, 255, 255, 0.5);{/block:ifnotwhiteicons}
  625. border-right:42px solid transparent;
  626. position:absolute;
  627. margin-top:-33px;
  628. margin-left:25px;
  629. opacity:1;
  630. -webkit-transform:rotate(45deg);
  631. -moz-transform:rotate(45deg);
  632. -o-transform: rotate(45deg);
  633. }
  634.  
  635. /* MUSIC */
  636.  
  637. #bubble-music {
  638. position:absolute;
  639. margin-left:230px;
  640. margin-top:-190px;
  641. width:30px;
  642. height:30px;
  643. padding:7px;
  644. color:#fff;
  645. {block:ifwhiteicons}background:rgba(0, 0, 0, 0.5);{/block:ifwhiteicons}{block:ifnotwhiteicons}background:rgba(255, 255, 255, 0.5);{/block:ifnotwhiteicons}
  646. border-radius:100%;
  647. -moz-border-radius:100%;
  648. overflow:hidden;
  649. -webkit-transition: all 0.5s ease-out;
  650. -moz-transition: all 0.5s ease-out;
  651. -ms-transition:all 0.5s ease-out;
  652. -o-transition:all 0.5s ease-out;
  653. transition: all 0.5s ease-out;
  654. }
  655.  
  656. #bubble-music:hover {
  657. border-radius:9px;
  658. -moz-border-radius:9px;
  659. width:140px;
  660. height:30px;
  661. }
  662.  
  663. .music_embed {
  664. margin:-23px 0 0 70px;
  665. z-index:1;
  666. color:{color:links};
  667. font-size:8px;
  668. text-transform:uppercase;
  669. font-family:'tinytots', consolas, monospace;
  670. -webkit-transition: all 0.5s ease-out;
  671. -moz-transition: all 0.5s ease-out;
  672. transition: all 0.5s ease-out
  673. }
  674.  
  675. #bubble-music:hover .music_embed {
  676. margin:-23px 0 0 34px;
  677. opacity:1;
  678. }
  679.  
  680. /* PAGINATION */
  681.  
  682. #pagination {
  683. border-top:2px solid {color:borders};
  684. font-size: 10px;
  685. text-align: center;
  686. padding:5px;
  687. background-color:{color:pagination bg};
  688. letter-spacing:3px;
  689. bottom:0px;
  690. width:610px;
  691. left:50%;
  692. margin-left:-310px;
  693. position:fixed;
  694. color:{color:pagination};
  695. z-index:9999
  696. }
  697.  
  698. #pagination a{
  699. color:{color:pagination};
  700. background-color:transparent;
  701. text-decoration:none;
  702. }
  703.  
  704. #pagination a:hover{
  705. color:{color:pagination hover};
  706. background-color:transparent;
  707. text-decoration:none;
  708. }
  709.  
  710. /* SIDEBAR */
  711.  
  712. #sidebar {
  713. color:{color:description};
  714. position:fixed;
  715. top:250px;
  716. margin-left:15px;
  717. font-family:'tinytots', monospace;
  718. font-size:8px;
  719. width:100px;
  720. line-height:150%;
  721. height:230px;
  722. padding:10px;
  723. background:{color:sidebar};
  724. }
  725.  
  726. #sidebar img {
  727. width:100px;
  728. height:230px;
  729. position:absolute;
  730. }
  731.  
  732. /* DESCRIPTION BOX */
  733.  
  734. #descbar {
  735. color:{color:description};
  736. position:fixed;
  737. font-size:10px;
  738. font-family:'tinytots', monospace;
  739. top:250px;
  740. margin-left:765px;
  741. line-height:130%;
  742. width:100px;
  743. height:200px;
  744. letter-spacing:0px;
  745. padding:7.5px 10px;
  746. background:{color:sidebar};
  747. }
  748.  
  749. .desc {text-align:justify; width:100px; padding-right:10px; max-height:200px; overflow:auto;}
  750. .desc::-webkit-scrollbar {width:3px; height:3px;}
  751. .desc::-webkit-scrollbar-track-piece {background:transparent;}
  752.  
  753. #searchdiv {
  754. top:470px;
  755. width:110px;
  756. margin-left:765px;
  757. background:{color:sidebar};
  758. height:20px;
  759. padding:5px;
  760. position:fixed;
  761. }
  762.  
  763. /* SEARCH BAR */
  764.  
  765. .sb input {
  766. margin-bottom:10px;
  767. background:{color:search bar};
  768. display:inline-block;
  769. font-size: 8px;
  770. font-family:'tinytots', consolas, monospace;
  771. border: 0px;
  772. text-transform: uppercase;
  773. margin-top: 0px;
  774. color: {color:text};
  775. letter-spacing: 0.5px;
  776. padding: 4px 8px;
  777. }
  778.  
  779. #sub {width: 64px; display: inline-block; margin: 0px; height:12px; margin-bottom:10px; margin-right:-2px;}
  780.  
  781. #sbt {
  782. text-transform:uppercase;
  783. font-size:8px;
  784. font-family:'tinytots', consolas, monospace;
  785. width: 27px;
  786. display: inline-block;
  787. margin-left: 1px;
  788. height:20px;
  789. vertical-align:bottom;
  790. }
  791.  
  792. {CustomCSS}
  793.  
  794. </style>
  795.  
  796. <!-- SCRIPTS FOR MENU -->
  797. <script type="text/javascript" src="http://static.tumblr.com/p0knose/v93n3vdfa/jquery.min.js"></script>
  798.  
  799. <script type="text/javascript">
  800. $(document).ready(function(){
  801. $(".links_body").hide();
  802. $(".links_head").click(function(){
  803. $(this).next(".links_body").slideToggle('fast');
  804. }); });
  805. </script>
  806.  
  807. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  808. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  809. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  810.  
  811. <script>
  812. (function($){
  813. $(document).ready(function(){
  814. $("a[title]").style_my_tooltips({
  815. tip_follows_cursor:true,
  816. tip_delay_time:0,
  817. tip_fade_speed:0,
  818. attribute:"title"
  819. });
  820. });
  821. })(jQuery);
  822. </script>
  823.  
  824. </head>
  825. <body>
  826.  
  827. <div id="jan"><a href="http://magnusthemes.tumblr.com" title="theme by magnusthemes"><img src="http://static.tumblr.com/p0knose/WGInhv5r9/untitled-1.png"/></a></div>
  828.  
  829. <div id="all">
  830.  
  831. <!-- PAGINATION -->
  832. {block:Pagination}
  833. <div id="pagination">
  834. {block:PreviousPage}<a href="{PreviousPage}" title="retreat!">←</a>&nbsp;&nbsp;{/block:PreviousPage}
  835. {block:JumpPagination length="5"}
  836. {block:CurrentPage}<span class="current_page">✖</span>&nbsp;&nbsp;{/block:CurrentPage}
  837. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  838. {/block:JumpPagination}
  839. {block:NextPage}<a href="{NextPage}" title="onwards!">→</a>{/block:NextPage}
  840. </div>{/block:Pagination}
  841. <!-- PAGINATION -->
  842.  
  843. <div id="sidebar">
  844. <img src="{image:sidebar}"/>
  845.  
  846. </div><!-- SIDEBAR -->
  847.  
  848. <div id="descbar"><div class="desc">
  849. {Description} </div>
  850. </div><!-- DESCBAR -->
  851.  
  852. <div id="searchdiv">
  853. <form action="/search" method="get" class="sb">
  854. <input type="text" name="q" value="" id="sub"/>
  855. <input type="submit" value="go" id="sbt"/>
  856. </form>
  857. </div>
  858.  
  859. <div id="titlebar">{Title}</div>
  860.  
  861. <div id="header">
  862. <img src="{image:header}" id="image" />
  863.  
  864. <div class="link">
  865. {block:ifwhiteicons}
  866. <a href="/" title="home"><img src="http://static.tumblr.com/p0knose/s5Znepmlz/home_lg.png"/></a>
  867. <a href="/ask" title="message"><img src="http://static.tumblr.com/p0knose/LmJnepmmx/mail_lg.png"/></a>
  868. <a href="/archive" title="archive"><img src="http://static.tumblr.com/p0knose/5Minepmwf/calday_lg.png"/></a>
  869. {/block:ifwhiteicons}
  870. {block:ifnotwhiteicons}
  871. <a href="/" title="home"><img src="http://static.tumblr.com/p0knose/7pFniozul/home.png"/></a>
  872. <a href="/ask" title="message"><img src="http://static.tumblr.com/p0knose/fvrniozvm/mail.png"/></a>
  873. <a href="/archive" title="archive"><img src="http://static.tumblr.com/p0knose/n9uniq5bt/calday.png"/></a>
  874. {/block:ifnotwhiteicons}
  875. </div>
  876.  
  877. <a class="links_head" title="more">
  878. {block:ifwhiteicons}<img src="http://static.tumblr.com/p0knose/RWHnepmux/add_lg.png"/>{/block:ifwhiteicons}
  879. {block:ifnotwhiteicons}<img src="http://static.tumblr.com/p0knose/8w6niozts/add.png"/>{/block:ifnotwhiteicons}
  880. </a>
  881. <div class="links_body">
  882. <div id="triangle"></div>
  883. {block:iflink1}<a href="{text:link 1 url}" class="mb">{text:link 1}</a>{/block:iflink1}
  884. {block:iflink2}<a href="{text:link 2 url}" class="mb">{text:link 2}</a>{/block:iflink2}
  885. {block:iflink3}<a href="{text:link 3 url}" class="mb">{text:link 3}</a>{/block:iflink3}
  886. {block:iflink4}<a href="{text:link 4 url}" class="mb">{text:link 4}</a>{/block:iflink4}
  887. {block:iflink5}<a href="{text:link 5 url}" class="mb">{text:link 5}</a>{/block:iflink5}
  888. {block:iflink6}<a href="{text:link 6 url}" class="mb">{text:link 6}</a>{/block:iflink6}
  889. </div>
  890.  
  891. <!-- LATEST THEME -->
  892. {block:ifbillycode}
  893. <div id="bubble-music">
  894. {block:ifwhiteicons}<img style="margin:8px; opacity:0.8;" src="http://i.imgur.com/ViL4ANr.gif">{/block:ifwhiteicons}
  895. {block:ifnotwhiteicons}<img style="margin:8px; opacity:0.8;" src="http://i.imgur.com/Vbk63pK.gif">{/block:ifnotwhiteicons}
  896. <div class="music_embed">
  897. {text:billy code}
  898. </div>
  899. </div>
  900. {/block:ifbillycode}
  901. <!-- LATEST THEME -->
  902.  
  903. </div><!-- HEADER -->
  904.  
  905.  
  906. <!-- POSTS -->
  907. <div id="content">
  908. <div id="background">
  909. {block:Posts}
  910. <div class="posts">
  911. <div class="container">
  912.  
  913. {block:Text}
  914. {block:Title}
  915. <div id="link">
  916. <div class="jrc">{Title}</div>
  917. </div>
  918. {/block:Title}
  919. {Body}
  920. {/block:Text}
  921.  
  922. {block:Photo}
  923. {LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}
  924. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  925. {block:ifnotshowcaptions}{block:permalinkpage}
  926. {block:Caption}{Caption}{/block:Caption}
  927. {/block:permalinkpage}{/block:ifnotshowcaptions}
  928. {/block:Photo}
  929.  
  930. {block:Photoset}
  931. {Photoset-500}
  932. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  933. {block:ifnotshowcaptions}{block:permalinkpage}
  934. {block:Caption}{Caption}{/block:Caption}
  935. {/block:permalinkpage}{/block:ifnotshowcaptions}
  936. {/block:Photoset}
  937.  
  938. {block:Quote}
  939. <div id="quote">“{Quote}”
  940. </div>
  941. <div style="text-align:right; padding-top:10px; margin-top:-10px;">{block:Source} —{Source}{/block:Source}</div>
  942. {/block:Quote}
  943.  
  944. {block:Link}
  945. <a href="{URL}" class="linkz" {Target}><div id="link"><div class="jrc">
  946. {Name} →</div></div></a>
  947. {block:Description}{Description}{/block:Description}
  948. {/block:Link}
  949.  
  950. {block:Chat}
  951. <div id="link"><div class="jrc">{block:Title}<t>{Title}</t>{/block:Title}</div></div>
  952. {block:Lines}<div class="label">
  953. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/></div>
  954. {/block:Lines}
  955. {/block:Chat}
  956.  
  957. {block:Audio}
  958.  
  959. <div class="playercontainer">
  960. <div class="tplayer">
  961. {block:AudioPlayer}
  962.  
  963. {block:ifnotwhiteaudioplayer}
  964. {AudioPlayerBlack}
  965. {/block:ifnotwhiteaudioplayer}
  966.  
  967. {block:ifwhiteaudioplayer}
  968. {AudioPlayerWhite}
  969. {/block:ifwhiteaudioplayer}
  970.  
  971. {/block:AudioPlayer}
  972. </div>
  973. </div>
  974.  
  975. {block:AlbumArt}
  976. <div class="albumart">
  977. <img src="{AlbumArtURL}" style="opacity:1;">
  978. </div>
  979. {/block:AlbumArt}
  980.  
  981. <div id="musicinfo"><table style="height:100px; overflow:auto;"><td style="vertical-align:middle;">
  982. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  983. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  984. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  985. <b>Plays:</b> {PlayCount}
  986. </td></table></div>
  987. <div class="audiocaption">
  988. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  989. {block:ifnotshowcaptions}{block:permalinkpage}
  990. {block:Caption}{Caption}{/block:Caption}
  991. {/block:permalinkpage}{/block:ifnotshowcaptions}
  992. </div>
  993. {/block:Audio}
  994.  
  995. {block:Video}
  996. {Video-500}
  997. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  998. {block:ifnotshowcaptions}{block:permalinkpage}
  999. {block:Caption}{Caption}{/block:Caption}
  1000. {/block:permalinkpage}{/block:ifnotshowcaptions}
  1001. {/block:Video}
  1002.  
  1003. {block:Answer}
  1004. <div id="ask">
  1005. <img class="askerp" style="opacity:1;" src="{AskerPortraitURL-64}"/>
  1006. <div class="question"><b>{Asker} inquired:</b><br>{Question}</div>
  1007. <div class="text" style="margin:5px 0;">{Answer}</div>
  1008. </div>
  1009. {/block:Answer}
  1010. </div><!-- CONTAINER -->
  1011.  
  1012. <div id="permalink">
  1013.  
  1014. <span>
  1015. {block:Date}
  1016. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year} {12Hour}:{Minutes}{AmPm}</a>
  1017. {/block:Date}
  1018.  
  1019. {block:NoteCount}
  1020. | <a href="{Permalink}">{NoteCountWithLabel}</a>
  1021. {/block:NoteCount}
  1022.  
  1023. {block:RebloggedFrom}
  1024. | <a href="{ReblogRootURL}">source</a> | <a href="{ReblogParentURL}">from</a>
  1025. {/block:RebloggedFrom}
  1026.  
  1027. | <a href="{ReblogURL}">reblog</a></span>
  1028.  
  1029. {block:permalinkpage}
  1030. {block:HasTags}<br>
  1031. {block:Tags}
  1032. #<a href="{TagURL}">{Tag}</a>
  1033. {/block:Tags}
  1034. {/block:HasTags}{/block:permalinkpage}
  1035.  
  1036. </div><!-- PERMALINK -->
  1037.  
  1038. <div class="notes">
  1039. {block:PostNotes}
  1040. <a name="notes">{PostNotes}</a>
  1041. {/block:PostNotes}
  1042. </div><!-- NOTES -->
  1043.  
  1044. </div><!-- POSTS -->
  1045. {/block:Posts}</div>
  1046. <!-- POSTS -->
  1047. </div>
  1048. </div>
  1049.  
  1050. </body>
  1051. </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!