API tools faq
paste
aksiane

Theme 3

aksiane
Mar 8th, 2014
3,676
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--Theme by killluaa.tumblr.com
  6.  
  7. Image in popup navigation menu is resized to 99px X 99px
  8.  
  9. Rules:
  10. Please don't steal my code.
  11. Please keep the credit.
  12. You can edit the theme as much as you want (the code is kind of messy though so I am sorry)
  13. No matter how much you edit the theme, still keep the credit.
  14. -->
  15.  
  16. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="if:cool scrollbar" content="1"/>
  22. <meta name="if:tiny cursor" content="1"/>
  23. <meta name="if:posts on left" content="1"/>
  24. <meta name="if:posts on right" content="0"/>
  25. <meta name="if:music player" content="1"/>
  26. <meta name="if:info box" content="1"/>
  27. <meta name="if:post fade" content="0"/>
  28. <meta name="if:250px" content="0"/>
  29. <meta name="if:400px" content="1"/>
  30. <meta name="if:500px" content="0"/>
  31. <meta name="if:show captions" content="1"/>
  32. <meta name="if:show tags" content="1"/>
  33.  
  34. <meta name="image:background" content=""/>
  35. <meta name="image:side image" content="http://static.tumblr.com/pxbnumn/zfPn1xm04/untitled-1.png"/>
  36. <meta name="image:navigate popup" content="http://static.tumblr.com/pxbnumn/SJRn1zdax/12.gif"/>
  37.  
  38. <meta name="text:side image position" content="left:510px; bottom:0px;" />
  39. <meta name="text:side image width" content="250px" />
  40. <meta name="text:navigate pixel" content="https://31.media.tumblr.com/7ca5fcf682b2c75da78e7e4743e83930/tumblr_inline_mm9lrdRIt31qz4rgp.gif" />
  41. <meta name="text:music pixel" content="http://static.tumblr.com/pxbnumn/WZ0n1xo8w/tumblr_inline_mm9lrpwbqw1qz4rgp1.gif" />
  42. <meta name="text:body text size" content="10px" />
  43. <meta name="text:title text size" content="13px" />
  44. <meta name="text:music player code" content="paste music player code here" />
  45. <meta name="text:music player title" content="title of song here" />
  46. <meta name="text:post bg color" content="rgba(255, 255, 255, 0.5)" />
  47. <meta name="text:sidebar bg color" content="rgba(255, 255, 255, 0.7)" />
  48. <meta name="text:link1" content="Link 1" />
  49. <meta name="text:link1 url" content="/" />
  50. <meta name="text:link2" content="Link 2" />
  51. <meta name="text:link2 url" content="/" />
  52. <meta name="text:link3" content="Link 3" />
  53. <meta name="text:link3 url" content="/" />
  54.  
  55. <meta name="text:infobox title1" content="title 1" />
  56. <meta name="text:infobox content1" content="content 1" />
  57. <meta name="text:infobox title2" content="title 2" />
  58. <meta name="text:infobox content2" content="content 2" />
  59. <meta name="text:infobox title3" content="title 3" />
  60. <meta name="text:infobox content3" content="content 3" />
  61. <meta name="text:infobox title4" content="title 4" />
  62. <meta name="text:infobox content4" content="content 4" />
  63.  
  64. <meta name="color:background" content="#fff"/>
  65. <meta name="color:body text" content="#727272"/>
  66. <meta name="color:sidebar text" content="#000"/>
  67. <meta name="color:link" content="#a6b8d6"/>
  68. <meta name="color:link hover" content="#add1dd"/>
  69. <meta name="color:tooltip text color" content="#fff"/>
  70. <meta name="color:tooltip bg color" content="#7b7b7b"/>
  71. <meta name="color:bold" content="#6999bf"/>
  72. <meta name="color:italic" content="#b3d6da"/>
  73. <meta name="color:underline" content="#a3bfc1"/>
  74. <meta name="color:text selection" content="#b9b9b9"/>
  75. <meta name="color:scrollbar" content="#e0e0e0"/>
  76. <meta name="color:scrollbar bg" content="#8e8e8e"/>
  77. <meta name="color:border" content="#e6e6e6"/>
  78. <meta name="color:blockquote" content="#bfbfbf"/>
  79. <meta name="color:infobox bg" content="#fff"/>
  80. <meta name="color:navigate popup title bg" content="#000"/>
  81. <meta name="color:navigate popup title text" content="#fff"/>
  82. <meta name="color:link box color on hover" content="#bee6d6"/>
  83. <meta name="color:photo post permalink" content="#fff"/>
  84. <meta name="color:audio post player" content="#c5e1ec"/>
  85. <meta name="color:quote bg" content="#ededed"/>
  86.  
  87. <meta name="font:body" content="Gibson" />
  88. <meta name="font:title" content="Calluna Sans" />
  89.  
  90. <style type="text/css">
  91.  
  92. {block:ifcoolscrollbar}
  93. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar};}
  94. ::-webkit-scrollbar {width: 7px; height: 4px; background-color: {color:scrollbar bg}; border:3px solid #fff;}
  95. {/block:ifcoolscrollbar}
  96.  
  97. ::-moz-selection {
  98. background: {color:text selection};}
  99. ::selection {
  100. background: {color:text selection};}
  101.  
  102. iframe#tumblr_controls {-webkit-filter: invert(100%); opacity:0.4;}
  103.  
  104. body {
  105. font-size: {text:body text size};
  106. font-family: {font:body};
  107. color: {color:body text};
  108. background-color: {color:background};
  109. background-image: url('{image:Background}');
  110. background-attachment: fixed;
  111. {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/mycursor.png), progress !important;{/block:iftinycursor}
  112. }
  113.  
  114. a {
  115. text-decoration: none;
  116. color: {color:link};
  117. -webkit-transition: color 0.5s ease-out;
  118. -moz-transition: color 0.5s ease-out;
  119. -ms-transition: color 0.5s ease-out;
  120. -o-transition: color 0.5s ease-out;
  121. transition: color 0.5s ease-out;
  122. }
  123.  
  124. a:hover{
  125. color: {color:link hover};
  126. {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}
  127. {block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}
  128. }
  129.  
  130. #s-m-t-tooltip {
  131. max-width: 200px;
  132. padding: 3px 5px;
  133. margin: 15px 11px;
  134. font-size: 10px;
  135. line-height: 11px;
  136. letter-spacing: 1px;
  137. z-index: 999;
  138. border-width:3px;
  139. background-color: {color:tooltip bg color};
  140. opacity:.8;
  141. color: {color:tooltip text color};
  142. z-index: 1000000;
  143. }
  144.  
  145. strong {
  146. font-style: bold;
  147. color:{color:bold};
  148. }
  149.  
  150. i, em {
  151. font-style: italic;
  152. color:{color:italic};
  153. }
  154.  
  155. u {
  156. text-decoration:underline;
  157. color:{color:underline};
  158. }
  159.  
  160. ul {
  161. list-style-type: circle;
  162. }
  163.  
  164. blockquote {
  165. border-left: 3px solid {color:blockquote};
  166. padding-left: 10px;
  167. margin-left: 10px;
  168. }
  169.  
  170. pre {
  171. padding: 3px 3px 3px 10px;
  172. background-color: #ededed;
  173. border:3px double {color:border};
  174. overflow: auto;
  175. height: auto;
  176. max-height: 200px;
  177. word-break: normal !important;
  178. word-wrap: normal !important;
  179. white-space: !important;
  180. }
  181.  
  182. .thesidebar {
  183. position:fixed;
  184. {block:ifpostsonleft}
  185. {block:if250px}left:340px;{/block:if250px}
  186. {block:if400px}left:530px;{/block:if400px}
  187. {block:if500px}left:640px;{/block:if500px}
  188. {/block:ifpostsonleft}
  189. {block:ifpostsonright}
  190. left:60px;
  191. {/block:ifpostsonright}
  192.  
  193. top: 190px;
  194. z-index:200;
  195. width:200px;
  196. height:135px;
  197. background:{text:sidebar bg color};
  198. border:1px solid {color:border};
  199. padding:10px;
  200. }
  201.  
  202. .bigtitle {
  203. font-size:{text:title text size};
  204. padding-bottom:8px;
  205. border-bottom:4px double {color:border};
  206. color:{color:sidebar text};
  207. text-decoration:none;
  208. display:block;
  209. letter-spacing:1px;
  210. }
  211.  
  212. .buttons {
  213. text-align:right;
  214. margin-top:-12px;
  215. margin-right:5px;
  216. }
  217.  
  218. .themusic {
  219. width:20px;
  220. height:20px;
  221. display:inline-block;
  222. overflow:hidden;
  223. text-align:left;
  224. -webkit-transition: all 0.7s ease-out;
  225. -moz-transition: all 0.7s ease-out;
  226. -ms-transition: all 0.7s ease-out;
  227. -o-transition: all 0.7s ease-out;
  228. transition: all 0.7s ease-out;
  229. }
  230.  
  231. .themusic:hover {
  232. width:75px;
  233. }
  234.  
  235. .themusic:hover .theplayercont {
  236. opacity:1;
  237. }
  238.  
  239. .theplayercont {
  240. position:absolute;
  241. margin-left:5px;
  242. width:50px;
  243. height:20px;
  244. opacity:0;
  245. overflow:hidden;
  246. -webkit-transition: opacity 0.7s ease-out;
  247. -moz-transition: opacity 0.7s ease-out;
  248. -ms-transition: opacity 0.7s ease-out;
  249. -o-transition: opacity 0.7s ease-out;
  250. transition: opacity 0.7s ease-out;
  251. }
  252.  
  253. .theplayer {
  254. position:absolute;
  255. left:0px;
  256. margin-top:1px;
  257. }
  258.  
  259. .desc {
  260. {block:ifinfobox}width:83px; float:right; height:82px; padding:5px; background:{color:infobox bg}; opacity:.8; margin-top:5px; border:1px solid {color:border};{/block:ifinfobox}
  261. {block:ifnotinfobox}width:200px;{/block:ifnotinfobox}
  262. color: {color:sidebar text};
  263. display:block;
  264. overflow:auto;
  265. }
  266.  
  267. .infobox table {
  268. width:93px;
  269. height:83px;
  270. border:1px solid {color:border};
  271. padding: 1px 5px;
  272. background:{color:infobox bg};
  273. margin-top:5px;
  274. opacity:.8;
  275. float:left;
  276. overflow:hidden;
  277. font-size:{text:body text size};
  278. text-align:center;
  279. }
  280.  
  281. .infobox tr {
  282. height:20px;
  283. overflow:hidden;
  284. }
  285.  
  286. .infobox tr:hover .infotitle {
  287. opacity:0;
  288. z-index:240;
  289. }
  290.  
  291. .infobox tr:hover .infocontent {
  292. opacity:1;
  293. }
  294.  
  295. .infotitle {
  296. position:relative;
  297. font-style:bold;
  298. font-family:{font:title};
  299. opacity:1;
  300. z-index:251;
  301. -webkit-transition: all 0.5s ease-out;
  302. -moz-transition: all 0.5s ease-out;
  303. -ms-transition: all 0.5s ease-out;
  304. -o-transition: all 0.5s ease-out;
  305. transition: all 0.5s ease-out;
  306. }
  307.  
  308. .infocontent {
  309. position:relative;
  310. z-index:250;
  311. margin-top:-12px;
  312. opacity:0;
  313. -webkit-transition: all 0.5s ease-out;
  314. -moz-transition: all 0.5s ease-out;
  315. -ms-transition: all 0.5s ease-out;
  316. -o-transition: all 0.5s ease-out;
  317. transition: all 0.5s ease-out;
  318. }
  319.  
  320. .content {
  321. position:relative;
  322. margin-top:35px;
  323. margin-bottom:35px;
  324. {block:ifpostsonleft}margin-left:10px;{/block:ifpostsonleft}
  325.  
  326. {block:ifpostsonright}
  327. left:330px;
  328. {/block:ifpostsonright}
  329.  
  330. {block:If500px}width:520px;{/block:If500px}
  331. {block:If400px}width:420px;{/block:If400px}
  332. {block:If250px}width:270px;{/block:If250px}
  333. }
  334.  
  335. .stuff {
  336. position:relative;
  337. {block:If500px}width:500px;{/block:If500px}
  338. {block:If400px}width:400px;{/block:If400px}
  339. {block:If250px}width:250px;{/block:If250px}
  340. padding:10px;
  341. margin:15px;
  342. border: 1px solid {color:border};
  343. z-index:1000;
  344. overflow: auto;
  345. background: {text:post bg color};
  346. {block:ifpostfade}
  347. -webkit-filter: grayscale(100%);
  348. -moz-filter: grayscale(100%);
  349. -o-filter: grayscale(100%);
  350. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  351. filter: gray;
  352. {/block:ifpostfade}
  353. -webkit-transition: all 0.7s ease-out;
  354. -moz-transition: all 0.7s ease-out;
  355. -ms-transition: all 0.7s ease-out;
  356. -o-transition: all 0.7s ease-out;
  357. transition: all 0.7s ease-out;
  358. }
  359.  
  360. .stuff:hover {
  361. {block:ifpostfade}
  362. -webkit-filter: grayscale(0%);
  363. -moz-filter: grayscale(0%);
  364. -o-filter: grayscale(0%);
  365. filter: none;
  366. {/block:ifpostfade}
  367. }
  368.  
  369. .thetitle {
  370. font-family:{font:title};
  371. font-size: {text:title text size};
  372. text-align:center;
  373. text-transform: uppercase;
  374. padding-bottom: 5px;
  375. border-bottom: 4px double {color:border};
  376. letter-spacing:1px;
  377. margin-bottom:5px;
  378. }
  379.  
  380. .thecap {
  381. {block:ifnotshowcaptions}
  382. display:none;
  383. {/block:ifnotshowcaptions}
  384. }
  385.  
  386. .thephoto {
  387. position:relative;
  388. top:0px;
  389. left:0px;
  390. }
  391.  
  392. .thephoto img{
  393. border:1px solid {color:border};
  394. margin-top:20px;
  395. margin-bottom:20px;
  396. padding:5px;
  397. {block:If500px}width:458px;{/block:If500px}
  398. {block:If400px}width:358px;{/block:If400px}
  399. {block:If250px}width:208px;{/block:If250px}
  400. -webkit-transition: all 0.7s ease-out;
  401. -moz-transition: all 0.7s ease-out;
  402. -ms-transition: all 0.7s ease-out;
  403. -o-transition: all 0.7s ease-out;
  404. transition: all 0.7s ease-out;
  405. transition-delay: 0.5s;
  406. -webkit-transition-delay: 0.5s;
  407. }
  408.  
  409. .stuff:hover .thephoto img {
  410. width:100%;
  411. margin:0px 0px 10px 0px;
  412. border:none;
  413. padding:0px;
  414. transition-delay: 0.0s;
  415. -webkit-transition-delay: 0.0s;
  416. }
  417.  
  418. .photoperm {
  419. position:absolute;
  420. bottom:0px;
  421. margin:23px 15px;
  422. height:15px;
  423. padding:10px;
  424. text-transform:lowercase;
  425. background:{color:photo post permalink};
  426. {block:If500px}width:445px;{/block:If500px}
  427. {block:If400px}width:345px;{/block:If400px}
  428. {block:If250px}width:195px;{/block:If250px}
  429. border:4px double {color:border};
  430. opacity:0;
  431. -webkit-transition: all 0.5s ease-out;
  432. -moz-transition: all 0.5s ease-out;
  433. -ms-transition: all 0.5s ease-out;
  434. -o-transition: all 0.5s ease-out;
  435. transition: all 0.5s ease-out;
  436. transition-delay: 0.0s;
  437. -webkit-transition-delay: 0.0s;
  438. }
  439.  
  440. .stuff:hover .photoperm {
  441. opacity:.8;
  442. transition-delay: 0.7s;
  443. -webkit-transition-delay: 0.7s;
  444. }
  445.  
  446. #link {
  447. letter-spacing: 1px;
  448. -webkit-transition: all 0.5s ease-out;
  449. -moz-transition: all 0.5s ease-out;
  450. -ms-transition: all 0.5s ease-out;
  451. -o-transition: all 0.5s ease-out;
  452. transition: all 0.5s ease-out;
  453. }
  454.  
  455. #link:hover {
  456. letter-spacing: 3px;
  457. }
  458.  
  459. .noart {
  460. background:#fff;
  461. width:60px;
  462. height:60px;
  463. position:relative; top:0px; left:0px;
  464. z-index:1001;
  465. padding-right:5px;
  466. border-right: 5px solid {color:border};
  467. }
  468.  
  469. .tumblr_audio_player {
  470. {block:If500px}width:500px;{/block:If500px}
  471. {block:If400px}width:400px;{/block:If400px}
  472. {block:If250px}width:250px;{/block:If250px}
  473. height:60px;
  474. position:absolute;
  475. z-index:1005;
  476. opacity:0;
  477. -webkit-transition: all 0.5s ease-out;
  478. -moz-transition: all 0.5s ease-out;
  479. -ms-transition: all 0.5s ease-out;
  480. -o-transition: all 0.5s ease-out;
  481. transition: all 0.5s ease-out;
  482. }
  483.  
  484. .audiocolor {
  485. {block:If500px}width:500px;{/block:If500px}
  486. {block:If400px}width:400px;{/block:If400px}
  487. {block:If250px}width:250px;{/block:If250px}
  488. height:60px;
  489. position:absolute;
  490. z-index:1004;
  491. top:10px;
  492. left:10px;
  493. opacity:0;
  494. background:{color:audio post player};
  495. -webkit-transition: all 0.5s ease-out;
  496. -moz-transition: all 0.5s ease-out;
  497. -ms-transition: all 0.5s ease-out;
  498. -o-transition: all 0.5s ease-out;
  499. transition: all 0.5s ease-out;
  500. }
  501.  
  502. .stuff:hover .tumblr_audio_player {
  503. opacity:.5;
  504. }
  505.  
  506. .stuff:hover .audiocolor {
  507. opacity:1;
  508. }
  509.  
  510. .aquote {
  511. border:3px double{color:border};
  512. padding:5px;
  513. background:{color:quote bg};
  514. font-family:{font:title};
  515. font-size:{text:title text size};
  516. {block:If500px}width:484px;{/block:If500px}
  517. {block:If400px}width:384px;{/block:If400px}
  518. {block:If250px}width:234px;{/block:If250px}
  519. display:block;
  520. }
  521.  
  522. .perm {
  523. {block:If500px}width:490px;{/block:If500px}
  524. {block:If400px}width:390px;{/block:If400px}
  525. {block:If250px}width:240px;{/block:If250px}
  526. height:12px;
  527. padding:5px;
  528. background:#ededed;
  529. margin-top:-24px;
  530. opacity:0;
  531. text-align:center;
  532. text-transform:lowercase;
  533. -webkit-transition: all 0.5s ease-out;
  534. -moz-transition: all 0.5s ease-out;
  535. -ms-transition: all 0.5s ease-out;
  536. -o-transition: all 0.5s ease-out;
  537. transition: all 0.5s ease-out;
  538. }
  539.  
  540. .stuff:hover .perm{
  541. margin-top:8px;
  542. opacity:1;
  543. }
  544.  
  545. ol.notes {
  546. padding: 0px;
  547. margin: 15px 0px;
  548. list-style-type: none;
  549. }
  550.  
  551. ol.notes li.note {
  552. padding: 5px;
  553. }
  554.  
  555. ol.notes li.note img.avatar {
  556. vertical-align: -4px;
  557. margin-right: 10px;
  558. width: 16px;
  559. height: 16px;
  560. }
  561.  
  562. ol.notes li.note span.action {
  563. font-weight: normal;
  564. }
  565.  
  566. ol.notes li.note .answer_content {
  567. font-weight: normal;
  568. }
  569.  
  570. ol.notes li.note blockquote {
  571. border-color: {color:blockquote};
  572. padding: 4px 10px;
  573. margin: 10px 0px 0px 25px;
  574. }
  575.  
  576. ol.notes li.note blockquote a {
  577. text-decoration: none;
  578. }
  579.  
  580. #fade {
  581. display:none;
  582. background: #000;
  583. position: fixed; left: 0; top: 0;
  584. width: 100%; height: 100%;
  585. opacity: .80;
  586. z-index: 9999;
  587. }
  588.  
  589. .popup_block{
  590. display: none;
  591. background: #fff;
  592. padding: 10px;
  593. float: left;
  594. position: fixed;
  595. top: 50%; left: 50%;
  596. z-index: 99999;
  597. -webkit-box-shadow: 0px 0px 20px #000;
  598. -moz-box-shadow: 0px 0px 20px #000;
  599. box-shadow: 0px 0px 20px #000;
  600. }
  601.  
  602. img.btn_close {
  603. float: right;
  604. margin: -55px -55px 0 0;
  605. }
  606.  
  607. *html #fade {
  608. position: absolute;
  609. }
  610.  
  611. *html .popup_block {
  612. position: absolute;
  613. }
  614.  
  615. .thepic img {
  616. position:relative;
  617. z-index:100000;
  618. width:99px;
  619. height:99px;
  620. border:3px double {color:border};
  621. padding:5px;
  622. }
  623.  
  624. .navititle {
  625. width:93px;
  626. padding:3px;
  627. background:{color:navigate popup title bg};
  628. opacity:.6;
  629. color:{color:navigate popup title text};
  630. position:absolute;
  631. bottom:25px;
  632. margin-left:8px;
  633. z-index:100001;
  634. text-align:center;
  635. font-family:{font:title};
  636. font-style:bold;
  637. letter-spacing:2px;
  638. }
  639.  
  640. .linkcont {
  641. position:absolute;
  642. left:126px;
  643. top:10px;
  644. }
  645.  
  646. .thelinkys {
  647. border-bottom:1px solid {color:border};
  648. padding:3px 3px 3px 5px;
  649. display:block;
  650. width:112px;
  651. height:12px;
  652. color:{color:body text};
  653. letter-spacing:2px;
  654. -webkit-transition: all 0.5s ease-out;
  655. -moz-transition: all 0.5s ease-out;
  656. -ms-transition: all 0.5s ease-out;
  657. -o-transition: all 0.5s ease-out;
  658. transition: all 0.5s ease-out;
  659. }
  660.  
  661. .thelinkys:hover {
  662. letter-spacing:4px;
  663. color:{color:body text};
  664. }
  665.  
  666. .boxyeah {
  667. width:8px;
  668. height:8px;
  669. border:1px dotted {color:border};
  670. background:#fff;
  671. margin-right:5px;
  672. display:inline-block;
  673. -webkit-transition: all 0.5s ease-out;
  674. -moz-transition: all 0.5s ease-out;
  675. -ms-transition: all 0.5s ease-out;
  676. -o-transition: all 0.5s ease-out;
  677. transition: all 0.5s ease-out;
  678. }
  679.  
  680. .thelinkys:hover .boxyeah {
  681. background:{color:link box color on hover};
  682. }
  683.  
  684. {CustomCSS}
  685. </style>
  686.  
  687.  
  688. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  689. <script src="http://static.tumblr.com/pxbnumn/jedn81o74/jquery.style-my-tooltips.js"></script>
  690. <script>
  691. (function($){
  692. $(document).ready(function(){
  693. $("[title]").style_my_tooltips({
  694. tip_follows_cursor:true,
  695. tip_delay_time:0,
  696. tip_fade_speed:300,
  697. attribute:"title"
  698. });
  699. });
  700. })(jQuery);
  701. </script>
  702.  
  703. <script type="text/javascript"
  704. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  705.  
  706. <script>
  707.  
  708.  
  709.  
  710. $(document).ready(function() {
  711.  
  712. //
  713.  
  714.  
  715.  
  716. //When you click on a link with class of poplight and the href starts with a #
  717.  
  718. $('a.poplight[href^=#]').click(function() {
  719. var popID = $(this).attr('rel'); //Get Popup Name
  720. var popURL = $(this).attr('href'); //Get Popup href to define size
  721.  
  722. //Pull Query & Variables from href URL
  723.  
  724. var query= popURL.split('?');
  725. var dim= query[1].split('&');
  726. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  727. //Fade in the Popup and add close button
  728.  
  729. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) });
  730.  
  731. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  732.  
  733. var popMargTop = ($('#' + popID).height() + 80) / 2;
  734. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  735.  
  736. //Apply Margin to Popup
  737.  
  738. $('#' + popID).css({
  739. 'margin-top' : -popMargTop,
  740. 'margin-left' : -popMargLeft
  741. });
  742.  
  743. //Fade in Background
  744.  
  745. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  746. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  747.  
  748. return false;
  749. });
  750.  
  751. //Close Popups and Fade Layer
  752.  
  753. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  754.  
  755. $('#fade , .popup_block').fadeOut(function() {
  756.  
  757. $('#fade, a.close').remove(); //fade them both out
  758.  
  759. });
  760. return false;
  761. });
  762.  
  763. });
  764.  
  765. </script>
  766.  
  767. </head>
  768.  
  769.  
  770. <body>
  771.  
  772. <div class="thesidebar">
  773. <a title="refresh" href="/" class="bigtitle"><b>{Title}</b></a>
  774. <div class="buttons">
  775. <a title="navigate" href="#?w=235" rel="popup_navi" class="poplight"><img src="{text:navigate pixel}" width="20" height="20"></a>
  776. {block:ifmusicplayer}
  777. <span class="themusic">
  778. <img src="{text:music pixel}" width="20" height="20" title="{text:music player title}">
  779. <span class="theplayercont" title="{text:music player title}">
  780. <span class="theplayer">{text:music player code}</span>
  781. </span>
  782. </span>
  783. {/block:ifmusicplayer}
  784. </div>
  785.  
  786. {block:ifinfobox}
  787. <div class="infobox">
  788. <table>
  789. <tr>
  790. <td style="border-bottom:1px solid {color:border}"><div class="infotitle">{text:infobox title1}</div><div class="infocontent">{text:infobox content1}</div></td>
  791. </tr>
  792.  
  793. <tr>
  794. <td style="border-bottom:1px solid {color:border}"><div class="infotitle">{text:infobox title2}</div><div class="infocontent">{text:infobox content2}</div></td>
  795. </tr>
  796.  
  797. <tr>
  798. <td style="border-bottom:1px solid {color:border}"><div class="infotitle">{text:infobox title3}</div><div class="infocontent">{text:infobox content3}</div></td>
  799. </tr>
  800.  
  801. <tr>
  802. <td><div class="infotitle">{text:infobox title4}</div><div class="infocontent">{text:infobox content4}</div></td>
  803. </tr>
  804. </table>
  805. </div>
  806. {/block:ifinfobox}
  807.  
  808. <div class="desc">
  809. {Description}
  810. </div>
  811.  
  812. </div>
  813. <img src="{image:side image}" width="{text:side image width}" style="position:fixed; {text:side image position} z-index:100;">
  814.  
  815. <div class="content">
  816. {block:Posts}
  817.  
  818. <div class="stuff">
  819.  
  820. {block:Text}
  821. {block:Title}<div class="thetitle">{Title}</div>{/block:Title}
  822. {Body}
  823.  
  824. {block:indexpage}
  825. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  826. {/block:indexpage}
  827.  
  828. {/block:Text}
  829.  
  830. {block:Photo}
  831. <center>
  832. {block:indexpage}<div class="thephoto">{/block:indexpage}
  833. {block:If500px}<img src="{PhotoURL-500}">{/block:If500px}
  834. {block:If400px}<img src="{PhotoURL-400}">{/block:If400px}
  835. {block:If250px}<img src="{PhotoURL-250}">{/block:If250px}
  836.  
  837. {block:indexpage}
  838. <div class="photoperm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  839. {/block:indexpage}
  840. {block:indexpage}</div>{/block:indexpage}
  841. </center>
  842.  
  843. {block:indexpage}<center>{/block:indexpage}{block:caption}<div class="thecap" {block:indexpage}{block:ifshowcaptions}style="border-top: 1px solid {color:border};"{/block:ifshowcaptions}{/block:indexpage}>{caption}</div>{/block:caption}{block:indexpage}</center>{/block:indexpage}
  844. {block:ifnotshowcaptions}
  845. {block:PermalinkPage}
  846. {block:caption}{caption}{/block:caption}
  847. {/block:PermalinkPage}
  848. {/block:ifnotshowcaptions}
  849. {/block:Photo}
  850.  
  851. {block:Photoset}
  852. {block:If500px}{Photoset-500}{/block:If500px}
  853. {block:If400px}{Photoset-400}{/block:If400px}
  854. {block:If250px}{Photoset-250}{/block:If250px}
  855. {block:caption}<div class="thecap">{caption}</div>{/block:caption}
  856. {block:ifnotshowcaptions}
  857. {block:PermalinkPage}
  858. {block:caption}{caption}{/block:caption}
  859. {/block:PermalinkPage}
  860. {/block:ifnotshowcaptions}
  861.  
  862. {block:indexpage}
  863. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  864. {/block:indexpage}
  865.  
  866. {/block:Photoset}
  867.  
  868. {block:Audio}
  869. <div class="noart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60" style="position:absolute; top:0px; left:0px; padding-right:5px; border-right: 5px solid {color:border};">{/block:AlbumArt}</div>
  870. <div style="position:relative; top:-60px; left:70px; padding-left:5px; padding-top: 5px;margin-bottom:-53px; width:{block:If500px}425{/block:If500px}{block:If400px}325{/block:If400px}{block:If250px}175{/block:If250px}px;">
  871. <strong>Track: </strong>{block:TrackName}{TrackName}{/block:TrackName}<br>
  872. <strong>Artist: </strong>{block:Artist}{Artist}{/block:Artist}<br>
  873. <strong>Album: </strong>{block:Album}{Album}{/block:Album}<br>
  874. <strong>Plays: </strong>{PlayCount}<br>
  875. </div>
  876. <div class="audiocolor">{AudioPlayer}</div>
  877. {block:caption}<div class="thecap">{caption}</div>{/block:caption}
  878. {block:ifnotshowcaptions}
  879. {block:PermalinkPage}
  880. {block:caption}{caption}{/block:caption}
  881. {/block:PermalinkPage}
  882. {/block:ifnotshowcaptions}
  883.  
  884. {block:indexpage}
  885. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  886. {/block:indexpage}
  887.  
  888. {/block:Audio}
  889.  
  890. {block:Link}
  891. <a href="{URL}" target="{Target}"><div class="thetitle" id="link">{Name}</div></a>
  892. {block:Description}{Description}{/block:Description}
  893.  
  894. {block:indexpage}
  895. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  896. {/block:indexpage}
  897.  
  898. {/block:Link}
  899.  
  900. {block:Chat}
  901. {block:Title}<div class="thetitle">{Title}</div>{/block:Title}
  902. <div style="border-bottom:1px solid {color:border};"></div>
  903. {block:Lines}
  904. <div style="border-bottom:1px solid {color:border}; padding:7px 0px;">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  905. {/block:Lines}
  906.  
  907. {block:indexpage}
  908. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  909. {/block:indexpage}
  910.  
  911. {/block:Chat}
  912.  
  913. {block:Quote}
  914. <center><div class="aquote"><big>{Quote}</div></big></center>
  915. {block:source}<center><br><div style="border-top: 1px solid {color:border}; padding-top:7px;">{source}</div></center>{/block:source}
  916.  
  917. {block:indexpage}
  918. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  919. {/block:indexpage}
  920.  
  921. {/block:Quote}
  922.  
  923. {block:Video}
  924. {block:If500px}{Video-500}{/block:If500px}
  925. {block:If400px}{Video-400}{/block:If400px}
  926. {block:If250px}{Video-250}{/block:If250px}
  927. {block:caption}<div class="thecap">{caption}</div>{/block:caption}
  928. {block:ifnotshowcaptions}
  929. {block:PermalinkPage}
  930. {block:caption}{caption}{/block:caption}
  931. {/block:PermalinkPage}
  932. {/block:ifnotshowcaptions}
  933.  
  934. {block:indexpage}
  935. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  936. {/block:indexpage}
  937.  
  938. {/block:Video}
  939.  
  940. {block:Answer}
  941. <table style="{block:if400px}width:400px;{/block:if400px}{block:if500px}width:500px;{/block:if500px}{block:if250px}width:250px;{/block:if250px}height:40px; overflow:auto; border:3px double {color:border}; background:{color:quote bg};">
  942. <tr>
  943. <td style="width:40px;"><img src="{AskerPortraitURL-40}"></td>
  944. <td style="padding-left:10px;">{Asker}: {Question}</td>
  945. </tr>
  946. </table>
  947. {Answer}
  948.  
  949. {block:indexpage}
  950. <div class="perm"><a href="{permalink}">Posted {TimeAgo}</a> &middot; <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">Reblog?</a>{block:HasTags}{block:ifshowtags} &middot; <span style="color:{color:link}; {block:iftinycursor}cursor: url(https://dl.dropboxusercontent.com/u/96214022/Theme%20Stuff/Cursors/tinyhand.gif), progress !important;{/block:iftinycursor}{block:ifnottinycursor}cursor: help;{/block:ifnottinycursor}" title="{block:Tags}#{Tag} {/block:Tags}">tags</span>{/block:ifshowtags}{/block:HasTags}</div>
  951. {/block:indexpage}
  952.  
  953. {/block:Answer}
  954.  
  955. {block:PermalinkPage}
  956. {block:Date}<div style="margin-top: 15px; border-top:1px solid {color:border}; border-bottom:1px solid {color:border}; text-align:center; padding:10px 0px; line-height:150%; font-style:{font:title}"><big>Posted on: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes}{CapitalAmPm} -- {TimeAgo}{block:NoteCount} -- {NoteCountWithLabel}{/block:NoteCount}<br>
  957. {block:RebloggedFrom}
  958. Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  959. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>
  960. {/block:RebloggedFrom}
  961. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </big></div>{/block:Date}
  962. {block:PostNotes}{PostNotes}{/block:PostNotes}
  963. {/block:PermalinkPage}
  964. </div>
  965.  
  966. {/block:Posts}
  967.  
  968. {block:Pagination}
  969. <div class="stuff" style="margin-top: 25px;">
  970. <center style="letter-spacing: 7px; font-size: 12px;">
  971. {block:PreviousPage}<a href="{PreviousPage}">&#9664;</a>{/block:PreviousPage}
  972. {block:JumpPagination length="5"}
  973. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  974. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  975. {/block:JumpPagination}
  976. {block:NextPage}<a href="{NextPage}">&#9654;</a>{/block:NextPage}
  977. </center>
  978. </div>
  979. {/block:Pagination}
  980.  
  981. </div>
  982.  
  983. <div id="popup_navi" class="popup_block">
  984. <div class="thepic">
  985. <img src="{image:navigate popup}">
  986. <div class="navititle">Links &#9730;</div>
  987. </div>
  988.  
  989. <div class="linkcont">
  990. <a href="/ask"><div class="thelinkys" style="border-top:1px solid {color:border};"><span class="boxyeah"></span>Message</div></a>
  991. <a href="/archive"><div class="thelinkys"><span class="boxyeah"></span>Archive</div></a>
  992. <a href="{text:link1 url}"><div class="thelinkys"><span class="boxyeah"></span>{text:link1}</div></a>
  993. <a href="{text:link2 url}"><div class="thelinkys"><span class="boxyeah"></span>{text:link2}</div></a>
  994. <a href="{text:link3 url}"><div class="thelinkys"><span class="boxyeah"></span>{text:link3}</div></a>
  995. <a href="http://killluaa.tumblr.com/"><div class="thelinkys"><span class="boxyeah"></span>Theme</div></a>
  996. </div>
  997. </div>
  998.  
  999. </body>
  1000.  
  1001. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!