API tools faq
paste
Fucking_Aj

The Depths - Theme 16 by Tullse

Fucking_Aj
Feb 15th, 2014
887
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.87 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4. ╱╭╮╱╱╱╱╱╭╮╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭━╮╱╱╭━╮
  5. ╭╯╰╮╱╱╱╱┃┃╱┃┃╱╱╱╱╱╱╱╱╱╱╭╯╭╯╱╱╰╮╰╮
  6. ╰╮╭╯╭╮╭╮┃┃╱┃┃╱╭━━╮╭━━╮╭╯╭╯╭━━╮╰╮╰╮
  7. ╱┃┃╱┃┃┃┃┃┃╱┃┃╱┃━━┫┃┃━┫┃┃┃╱┃╭━╯╱┃┃┃
  8. ╱┃╰╮┃╰╯┃┃╰╮┃╰╮┣━━┃┃┃━┫┃┃┃╱┃╰━╮╱┃┃┃
  9. ╱╰━╯╰━━╯╰━╯╰━╯╰━━╯╰━━╯╰╮╰╮╰━━╯╭╯╭╯
  10. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰╮╰╮╱╱╭╯╭╯
  11. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━╯╱╱╰━╯
  12.  
  13. -->
  14.  
  15. <html lang="en">
  16. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("a[title]").style_my_tooltips({
  25. tip_follows_cursor:true,
  26. tip_delay_time:90,
  27. tip_fade_speed:600,
  28. attribute:"title"
  29. });
  30. });
  31. })(jQuery);
  32. </script>
  33. <script type="text/javascript">
  34. <!--
  35.  
  36. // Disable Right Click Script
  37.  
  38. function IE(e)
  39. {
  40. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  41. {
  42. return false;
  43. }
  44. }
  45. function NS(e)
  46. {
  47. if (document.layers || (document.getElementById && !document.all))
  48. {
  49. if (e.which == "2" || e.which == "3")
  50. {
  51. return false;
  52. }
  53. }
  54. }
  55. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  56.  
  57. //-->
  58. </script>
  59.  
  60.  
  61. <script type="text/javascript"
  62. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63.  
  64. <!--DEFAULT VARIABLES-->
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  66. <meta name="color:background" content="#fff"/>
  67. <meta name="color:link" content="#777"/>
  68. <meta name="color:text" content="#777"/>
  69. <meta name="color:title" content="#333"/>
  70. <meta name="color:description text" content="#777"/>
  71. <meta name="color:hover" content="#fff"/>
  72. <meta name="image:sidebar" content="1"/>
  73. <meta name="image:background" content="1"/>
  74. <meta name="if:animated posts" content="1"/>
  75. <meta name="if:sidebar divider" content="1"/>
  76. <meta name="if:onecolumn" content="1"/>
  77. <meta name="if:two column" content="0"/>
  78. <meta name="if:three column" content="0"/>
  79. <meta name="color:perma button" content="#CEE3F6"/>
  80. <meta name="color:navi hover" content="#CEE3F6"/>
  81. <meta name="text:name" content="Alice" />
  82. <meta name="text:Link Two" content="" />
  83. <meta name="text:Link Three" content="" />
  84. <meta name="text:Link Four" content="" />
  85. <meta name="text:Link Five" content="" />
  86. <meta name="if:blogtitle" content="1">
  87. <meta name="if:transparentposts" content="1">
  88. <meta name="if:bgcover" content="1">
  89. <meta name="if:sidebarpic" content="0">
  90.  
  91. <meta name="if:fadedsidebar" content="1">
  92. <meta name="color:blogtitle" content="#CEE3F6"/>
  93. <meta name="image:favicon" content="1"/>
  94. <meta name="image:sidebar divider" content="https://31.media.tumblr.com/604d64213ebd8688f9f00dbbcb62b7ce/tumblr_inline_myp4dqgOxo1s0dvun.gif"/>
  95. <style type="text/css">
  96. ::-webkit-scrollbar {
  97.  
  98. height: 5px;
  99.  
  100. width: 2px;
  101.  
  102. background: #fff;
  103.  
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb {
  107.  
  108. background:{color:blogtitle};
  109.  
  110. border: 0px;
  111.  
  112. -webkit-border-radius: 5px;
  113.  
  114. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  115.  
  116. }
  117.  
  118. ::-webkit-scrollbar-corner {
  119.  
  120. background: #transparent;
  121.  
  122. }
  123. .animated {
  124. -webkit-animation-fill-mode: both;
  125. -moz-animation-fill-mode: both;
  126. -ms-animation-fill-mode: both;
  127. -o-animation-fill-mode: both;
  128. animation-fill-mode: both;
  129. -webkit-animation-duration: 1s;
  130. -moz-animation-duration: 1s;
  131. -ms-animation-duration: 1s;
  132. -o-animation-duration: 1s;
  133. animation-duration: 1s;
  134. }
  135.  
  136. .animated.hinge {
  137. -webkit-animation-duration: 2s;
  138. -moz-animation-duration: 2s;
  139. -ms-animation-duration: 2s;
  140. -o-animation-duration: 2s;
  141. animation-duration: 2s;
  142. }
  143.  
  144. @-webkit-keyframes flipInY {
  145. 0% {
  146. -webkit-transform: perspective(400px) rotateY(90deg);
  147. opacity: 0;
  148. }
  149.  
  150. 40% {
  151. -webkit-transform: perspective(400px) rotateY(-10deg);
  152. }
  153.  
  154. 70% {
  155. -webkit-transform: perspective(400px) rotateY(10deg);
  156. }
  157.  
  158. 100% {
  159. -webkit-transform: perspective(400px) rotateY(0deg);
  160. opacity: 1;
  161. }
  162. }
  163. @-moz-keyframes flipInY {
  164. 0% {
  165. -moz-transform: perspective(400px) rotateY(90deg);
  166. opacity: 0;
  167. }
  168.  
  169. 40% {
  170. -moz-transform: perspective(400px) rotateY(-10deg);
  171. }
  172.  
  173. 70% {
  174. -moz-transform: perspective(400px) rotateY(10deg);
  175. }
  176.  
  177. 100% {
  178. -moz-transform: perspective(400px) rotateY(0deg);
  179. opacity: 1;
  180. }
  181. }
  182. @-o-keyframes flipInY {
  183. 0% {
  184. -o-transform: perspective(400px) rotateY(90deg);
  185. opacity: 0;
  186. }
  187.  
  188. 40% {
  189. -o-transform: perspective(400px) rotateY(-10deg);
  190. }
  191.  
  192. 70% {
  193. -o-transform: perspective(400px) rotateY(10deg);
  194. }
  195.  
  196. 100% {
  197. -o-transform: perspective(400px) rotateY(0deg);
  198. opacity: 1;
  199. }
  200. }
  201. @keyframes flipInY {
  202. 0% {
  203. transform: perspective(400px) rotateY(90deg);
  204. opacity: 0;
  205. }
  206.  
  207. 40% {
  208. transform: perspective(400px) rotateY(-10deg);
  209. }
  210.  
  211. 70% {
  212. transform: perspective(400px) rotateY(10deg);
  213. }
  214.  
  215. 100% {
  216. transform: perspective(400px) rotateY(0deg);
  217. opacity: 1;
  218. }
  219. }
  220.  
  221. .flipInY {
  222. -webkit-backface-visibility: visible !important;
  223. -webkit-animation-name: flipInY;
  224. -moz-backface-visibility: visible !important;
  225. -moz-animation-name: flipInY;
  226. -o-backface-visibility: visible !important;
  227. -o-animation-name: flipInY;
  228. backface-visibility: visible !important;
  229. animation-name: flipInY;
  230. }
  231. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  232.  
  233. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  234.  
  235. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  236.  
  237. #s-m-t-tooltip {
  238. background: #000; /* change the background color */
  239. padding: 4px;
  240. height:8px;
  241. display: none;
  242. text-align: center;
  243. font-size:8px;
  244. position: absolute;
  245. font-family:calibri;
  246. line-height:8px;
  247. letter-spacing:1px;
  248. border-radius:5px;
  249. z-index: 9999999999999999;
  250. border:1px solid white;
  251.  
  252. color:white;
  253. text-transform:uppercase;
  254. letter-spacing: 1px;
  255. }
  256. p {
  257. margin:0px;
  258. margin-top:0px;
  259. }
  260.  
  261.  
  262. body {
  263. padding: 0px;
  264. margin: 0px;
  265. color:{color:text};
  266. font-family: ronda;
  267. line-height:7px;
  268. font-size:8px;
  269. background-color: {color:Background};
  270. background-image:url({image:Background});
  271. background-attachment: fixed;
  272. background-repeat: repeat;
  273. {block:ifbgcover}
  274. background-size:cover;
  275. {/block:ifbgcover}
  276. }
  277.  
  278.  
  279. a:link, a:active, a:visited{
  280. text-decoration: none;
  281. -webkit-transition: color 0.3s ease-out;
  282. -moz-transition: color 0.3s ease-out;
  283. transition: color 0.3s ease-out;
  284. color:{color:link};
  285. }
  286.  
  287. a:hover {
  288. text-decoration: none;
  289. font-style:;
  290. color: {color:Hover};
  291. }
  292.  
  293. div#center{
  294. margin:auto;
  295. position:relative;
  296. width:1000px;
  297. background-color:;
  298. overflow:auto;
  299. overflow-y:hidden;
  300. }
  301.  
  302.  
  303. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  304. .entry {
  305. padding:10px;
  306. border:1px dashed #ddd;
  307. float:left;
  308. display: block;
  309. margin:8px;
  310. overflow:hidden;
  311. width:220px;
  312. {block:ifthreecolumn}
  313. width:190px;
  314. {/block:ifthreecolumn}
  315. {block:ifonecolumn}
  316. width:340px;
  317. {/block:ifonecolumn}
  318. {block:PermalinkPage}
  319. width:450px;
  320. text-align:left;
  321. line-height:10px;
  322. {/block:PermalinkPage}
  323. background:white;
  324. {block:iftransparentposts}
  325. background:transparent;
  326. {/block:iftransparentposts}
  327. -webkit-box-shadow: 0px 0px 10px #fff;
  328. -moz-box-shadow: 0px 0px 10px #fff;
  329. box-shadow: 0px 0px 10px #fff;
  330. background-image:URL();
  331. {block:ifanimatedposts}
  332. -webkit-animation: flipInY 3s;
  333. -moz-animation: flipInY 3s;
  334. -ms-animation: flipInY: 3s;
  335. {/block:ifanimatedposts}
  336. }
  337.  
  338.  
  339. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  340. .entry .perma{
  341. width:auto;
  342. height:auto;
  343. margin-left:3px;
  344. position: absolute;
  345. overflow:hidden;
  346. text-align:center;
  347. bottom:6px;
  348. font-family:consolas;
  349. background:white;
  350. word-spacing:2px;
  351. letter-spacing:1px;
  352. opacity: 0.0;
  353. padding:3px;
  354. padding-bottom:1px;
  355. border-right:4px solid {color:nav};
  356. border-left:4px solid {color:nav};
  357. border-radius:5px;
  358. -webkit-transition: all .7s ease;
  359. -moz-transition: all .7s ease;
  360. -o-transition: all .7s ease;
  361. transition: all .7s ease;
  362. z-index:9;
  363. -webkit-box-shadow: 0px 0px 20px #fff;
  364. -moz-box-shadow: 0px 0px 20px #fff;
  365. box-shadow: 0px 0px 20px #fff;
  366. }
  367.  
  368. .entry:hover .perma{
  369. overflow:visible;
  370. opacity:9; transform: scale(1.05);
  371. -ms-transform: scale(1.05);
  372. -webkit-transform: scale(1.05);
  373. -o-transform: scale(1.05);
  374. -moz-transform: scale(1.05);
  375. -webkit-box-shadow: 0px 0px 20px #fff;
  376. -moz-box-shadow: 0px 0px 20px #fff;
  377. box-shadow: 0px 0px 20px #fff;
  378. }
  379. .LikeButton{
  380.  
  381. position:absolute;
  382. float:left;
  383. top:25px;
  384. left:78px;
  385. z-index:9999;
  386. background:{color:perma button};
  387. padding:12px;
  388. height: 13px;
  389. width:13px;
  390. opacity:0;
  391. border-radius:0px;
  392. -o-transition-transition: all 0.5s ease;
  393. -webkit-transition: all 0.5s ease;
  394. -moz-transition: all 0.5s ease;
  395. transition: all 0.5s ease;
  396. -webkit-box-shadow: 0px 0px 20px #fff;
  397. -moz-box-shadow: 0px 0px 20px #fff;
  398. box-shadow: 0px 0px 20px #fff;
  399. }
  400. .entry:hover .LikeButton{
  401. opacity:9;
  402. border-radius:15px;
  403. top:25px;
  404. left:138px;
  405. -o-transition-transition: all 0.5s ease;
  406. -webkit-transition: all 0.5s ease;
  407. -moz-transition: all 0.5s ease;
  408. transition: all 0.5s ease;
  409. -webkit-box-shadow: 0px 0px 20px #fff;
  410. -moz-box-shadow: 0px 0px 20px #fff;
  411. box-shadow: 0px 0px 20px #fff;
  412. }
  413.  
  414. .ReblogButton{
  415. position:absolute;
  416. float:left;
  417. z-index:9999;
  418. background:{color:perma button};
  419. padding:12px;
  420. height: 13px;
  421. width:13px;
  422. top:25px;
  423. left:78px;
  424. opacity:0;
  425. border-radius:0px;
  426. -o-transition-transition: all 0.5s ease;
  427. -webkit-transition: all 0.5s ease;
  428. -moz-transition: all 0.5s ease;
  429. -webkit-box-shadow: 0px 0px 20px #fff;
  430. -moz-box-shadow: 0px 0px 20px #fff;
  431. box-shadow: 0px 0px 20px #fff;
  432. transition: all 0.5s ease;
  433. }
  434. .entry:hover .ReblogButton{
  435. opacity:9;
  436. top:25px;
  437. left:78px;
  438. border-radius:15px;
  439. -o-transition-transition: all 0.5s ease;
  440. -webkit-transition: all 0.5s ease;
  441. -moz-transition: all 0.5s ease;
  442. transition: all 0.5s ease;
  443.  
  444. }
  445.  
  446. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  447. #posts {
  448. {block:ifonecolumn}
  449. width:470px;
  450. {/block:ifonecolumn}
  451. {block:iftwocolumn}
  452. width:550px;
  453. {/block:iftwocolumn}
  454. {block:ifthreecolumn}
  455. width:800px;
  456. {/block:ifthreecolumn}
  457. margin-top:41px;
  458. z-index:99;
  459.  
  460. margin-left:319px;
  461. right:auto;
  462. background:transparent;
  463. margin-right:auto;
  464. position:relative;
  465. overflow-y: hidden;
  466. }
  467.  
  468.  
  469. /*CUSTOMIZE SIDEBAR HERE*/
  470. #sidebar{
  471. position:fixed !important;
  472. width:140px;
  473. background:white;
  474. height:auto;
  475. border-radius:8px;
  476. {block:iffadedsidebar}
  477. opacity:.7;
  478. {/block:iffadedsidebar}
  479. opacity:1;
  480. padding:10px;
  481. color:{color:description text};
  482. font-family:ronda;
  483. font-size:8px;
  484. line-height:10px;
  485. border:1px solid #ddd;
  486. margin-top:150px;
  487. margin-left:135px;
  488. text-align:center;
  489. -webkit-box-shadow: 0px 0px 20px #fff;
  490. -moz-box-shadow: 0px 0px 20px #fff;
  491. box-shadow: 0px 0px 20px #fff;
  492. -webkit-transition: all .7s ease;
  493. -moz-transition: all .7s ease;
  494. -o-transition: all .7s ease;
  495. transition: all .7s ease;
  496. }
  497. #sidebar:hover{
  498. -webkit-box-shadow: 0px 0px 20px #fff;
  499. -moz-box-shadow: 0px 0px 20px #fff;
  500. box-shadow: 0px 0px 20px #fff;
  501. border-radius:0px;
  502. -webkit-transition: all .7s ease;
  503. -moz-transition: all .7s ease;
  504. -o-transition: all .7s ease;
  505. transition: all .7s ease;
  506. }
  507. #sidebar img{
  508. border-radius:6px;
  509. -webkit-transition: all .7s ease;
  510. -moz-transition: all .7s ease;
  511. -o-transition: all .7s ease;
  512. transition: all .7s ease;
  513. }
  514. #sidebar:hover img{
  515. border-radius:0px;
  516. -webkit-transition: all .7s ease;
  517. -moz-transition: all .7s ease;
  518. -o-transition: all .7s ease;
  519. transition: all .7s ease;
  520. }
  521. #blogtitle{
  522. position:fixed !important;
  523. width:289px;
  524. height:50px;
  525. font-family:lol;
  526. font-size:15px;
  527. color:{color:blogtitle};
  528. margin-top:130px;
  529. margin-left:65px;
  530. z-index: 16;
  531. opacity:3;
  532. background-image:sdfgh;
  533. letter-spacing: 1px;
  534. line-height:0px;
  535. text-align:center;
  536. }
  537.  
  538. #cred{
  539. width:auto;
  540. position:fixed;
  541. bottom:75px;
  542. left:0px;
  543. -webkit-transition: all .7s ease;
  544. -moz-transition: all .7s ease;
  545. -o-transition: all .7s ease;
  546. transition: all .7s ease;
  547. }
  548. #cred2{
  549. font-size:12px;
  550. font-family:arial;
  551. line-height:16px;
  552. text-align:center;
  553. height:15px;
  554. margin-top:33px;
  555. width:5px;
  556. padding:5px;
  557. padding-right:10px;
  558. background:#ffffff;
  559. margin-left:0px;
  560. position:fixed;
  561. -webkit-transition: all .7s ease;
  562. -moz-transition: all .7s ease;
  563. -o-transition: all .7s ease;
  564. transition: all .7s ease;
  565. border:1px solid #aaa;
  566. }
  567.  
  568. #cred3{
  569. text-align:center;
  570. width:100px;
  571. font-size:10px;
  572. background:#ffffff;
  573. height:5px;
  574. padding-top:10px;
  575. padding-bottom:10px;
  576. font-family:calibri;
  577. text-transform:uppercase;
  578. margin-left:-100px;
  579. margin-top:33px;
  580. position:fixed;
  581. -webkit-transition: all .7s ease;
  582. -moz-transition: all .7s ease;
  583. -o-transition: all .7s ease;
  584. transition: all .7s ease;
  585. border:1px solid #aaa;
  586. line-height:5px;
  587. }
  588.  
  589. #cred:hover #cred3{
  590. margin-left:50px;
  591. }
  592. #links{
  593. margin-left:25px;
  594. margin-top:20px;
  595. position:fixed;
  596. background-color:;
  597. height:auto;
  598. width:28px;
  599.  
  600. }
  601.  
  602. .nav a{
  603. width:1px;
  604. border-radius:170px;
  605. height:1px;
  606. line-height:0px;
  607. margin:3px; /*spacing of the links. SO much easier than the #link #link2 #link3 bullshit*/
  608. /*this is where you change how they look, in this instance, block makes it go up and down. display:inline-block; will make it go across*/
  609. background-color:#fff;
  610. padding:5px;
  611. border:1px solid #999;
  612. color:#D3A5FA;
  613. -webkit-transition: all .2s ease;
  614. -moz-transition: all .2s ease;
  615. -o-transition: all .2s ease;
  616. transition: all .2s ease;
  617. border:1px solid #ddd;
  618. font-family:calibri;
  619. font-size:0px;
  620. text-align:center;
  621. }
  622. .nav a:hover{
  623. background-color:{color:navi hover};
  624.  
  625. color:#fff;
  626. -webkit-transition: all .2s ease;
  627. -moz-transition: all .2s ease;
  628. -o-transition: all .2s ease;
  629. transition: all .2s ease;
  630. }
  631. @font-face { font-family: "lel"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  632. @font-face { font-family: 'ronda'; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  633. @font-face{font-family:Halo;src:url(http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf);}
  634. @font-face { font-family:lol; src: url(http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf);}
  635.  
  636. @font-face {font-family:fighter;src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); }
  637. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  638.  
  639.  
  640. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  641. .title{
  642. color:{color:title};
  643. font-weight: normal;
  644. font-family:calibri;
  645. font-size: 15px;
  646. line-height: 15px;
  647. letter-spacing:1px;
  648. text-transform:uppercase;
  649. text-shadow: 0 0 1px {color:title};
  650. }
  651.  
  652.  
  653. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  654. .permalink{
  655. text-transform: normal;
  656. display: block;
  657. text-align: right;
  658. text-decoration: none;
  659. }
  660.  
  661.  
  662. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  663. #infscr-loading{
  664. bottom: -70px;
  665. position: absolute;
  666. left: 50%;
  667. margin-left:-8px;
  668. width:16px;
  669. height:11px;
  670. overflow:hidden;
  671. margin-bottom: 50px;
  672. }
  673.  
  674. #postnotes{
  675. text-align: justify;}
  676.  
  677. #postnotes blockquote{
  678. border: 0px;}
  679.  
  680. blockquote{
  681. padding:0px 0px 2px 5px;
  682. margin:0px 0px 2px 10px;
  683. border-left: 1px dotted #555555;
  684. }
  685.  
  686. blockquote p, ul{
  687. margin:0px;
  688. padding:0px;
  689. }
  690.  
  691. a img{border: 0px;}
  692.  
  693.  
  694. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  695.  
  696. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  697. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  698.  
  699. .notes img{width:10px; position:relative; top:3px;}
  700. <--ses-->
  701. small{font-size: 90%;}
  702.  
  703. {CustomCSS}
  704.  
  705. </style>
  706.  
  707. {block:IndexPage}
  708. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  709. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  710.  
  711. <script type="text/javascript">
  712. $(window).load(function(){
  713. var $wall = $('#posts');
  714. $wall.imagesLoaded(function(){
  715. $wall.masonry({
  716. itemSelector: '.entry, .entry_photo',
  717. isAnimated : false
  718. });
  719. });
  720.  
  721. $wall.infinitescroll({
  722. navSelector : '#pagination',
  723. nextSelector : '#pagination a',
  724. itemSelector : '.entry, .entry_photo',
  725. bufferPx : 2000,
  726. debug : false,
  727. errorCallback: function() {
  728. $('#infscr-loading').fadeOut('normal');
  729. }},
  730. function( newElements ) {
  731. var $newElems = $( newElements );
  732. $newElems.hide();
  733. $newElems.imagesLoaded(function(){
  734. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  735. });
  736. }); $('#posts').show(500);
  737. });
  738. </script>
  739.  
  740.  
  741. {/block:IndexPage}
  742. <a href="http://tullse.tumblr.com/tagged/themes" title="if you want this theme click here!"><img src="http://i50.tinypic.com/3325qp0.png"style="position:fixed; right:2px; opacity:.5; top:27px;z-index:99; -webkit-filter: invert(100%)" ></a>
  743.  
  744. <title>{title}</title>
  745.  
  746. <link rel="shortcut icon" href="{image:Favicon}" />
  747. <meta name="viewport" content="width=820" />
  748. </head>
  749.  
  750. <body>
  751. <BODY onselectstart="return false;" ondragstart="return false;">
  752. <div class="wrapper">
  753. <div class="header">
  754. </div>
  755.  
  756. <div id="cage">
  757. <div id="center">
  758.  
  759. {block:ifblogtitle}<div id="blogtitle">
  760. &nbsp
  761. <img src="http://static.tumblr.com/vilw5yj/o9fmw06k7/30v0qp4__1_.gif">{title}<img src="http://static.tumblr.com/vilw5yj/Pu9mw06me/30v0qp4.gif"></div>{/block:ifblogtitle}
  762.  
  763. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  764.  
  765. <div id="sidebar">
  766. {block:ifsidebardivider}<img src="{image:sidebar divider}"style="padding-top:3px;">{/block:ifsidebardivider}
  767. <center>
  768. {block:ifsidebarpic}<a href="/"><img src="{image:sidebar}" width=100%></a>{/block:ifsidebarpic}
  769. {description}
  770. <div id="links">
  771. <div class="nav"><a href="/">1</a><a href="{text:link two}">2</a><a href="{text:link three}">3</a><a href="{text:link four}">4</a><a href="{text:link five}">5</a>
  772.  
  773.  
  774. </center>
  775. </div>
  776. <!------------------------------------->
  777.  
  778.  
  779. <div class="left">
  780.  
  781.  
  782. <div id="posts">
  783. {block:Posts}
  784. <div class="entry">
  785.  
  786. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext">
  787. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>
  788. {/block:Text}
  789.  
  790. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext">
  791. <center> {12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{block:Link}
  792.  
  793. {block:Answer}
  794. <div style="margin: 2px 2px 2px 2px; min-height:30px; padding: 3px; background-color: #fff; border:1px solid #eee;">
  795. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:4px; border:1px solid #eee; padding:3px; margin-left:-3px; border-left:0px; border-top:0px; margin-top:-3px;"/>
  796. <asker>{Asker}:</asker> <div style="line-height:10px;">{Question}</div></div>
  797. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center><div style="font-family:lol;font-size:15px;text-align:left;padding:10px;">{text:name} said:</div> <div style="line-height:10px;">{Answer}</center></div>
  798. <div class="permalinktext">
  799. <center>{DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a> </center></div>{/block:Answer}
  800.  
  801. {block:Photo}
  802. {block:IndexPage}
  803. <center>
  804. <div class="perma2">
  805. <a href="{reblogurl}"> <ul class="LikeButton">
  806. <li>{ReblogButton color="white" size=14}</li>
  807. </ul>
  808. <ul class="ReblogButton">
  809. <li>{LikeButton color="white" size=14}</li>
  810. </ul></a></div></a>
  811.  
  812. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  813. {/block:IndexPage}
  814. {block:PermalinkPage}
  815. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" style="border-radius:5px;" alt="{PhotoAlt}" width="100%"/></a></div>
  816.  
  817. {LinkCloseTag}
  818. {/block:PermalinkPage}
  819. {/block:Photo}
  820.  
  821. {block:Photoset}
  822. <center>
  823. {block:IndexPage}
  824. <div class="perma2">
  825. <a href="{reblogurl}"><ul class="LikeButton">
  826. <li>{ReblogButton color="white" size=14}</li>
  827. </ul>
  828. <ul class="ReblogButton">
  829. <li>{LikeButton color="white" size=14}</li>
  830. </ul></a></div></a>
  831. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  832. {/block:IndexPage}
  833. </center>
  834. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  835. {/block:Photoset}
  836.  
  837. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext">
  838. </a></div>{/block:Quote}
  839.  
  840. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  841. <ul class="chat">
  842. {block:Lines}
  843. <li class="user_{UserNumber}">
  844. {block:Label}
  845. <b><span class="label">{Label}</span></b>
  846. {/block:Label}
  847.  
  848. {Line}
  849. </li>
  850. {/block:Lines}
  851. <div class="permalinktext">
  852. <center> {<div style="background:{color:perma buttons}; font-size:9px; font-family:calibri; padding:3px;">12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a></div> </center></div>
  853. {/block:Chat}
  854.  
  855. {block:Audio}
  856. <div id="audio" style="line-height:12px;"><div class="cover"></div>{block:AlbumArt}{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  857. {block:IndexPage}
  858. <div class="permalinktext">
  859. <center> <div style="background:{color:perma buttons}; font-size:9px; font-family:calibri; padding:3px;">{12Hour}:{Minutes} {AmPm}, {DayOfWeek} with <a href="{permalink}">{notecountwithlabel}</a></div> </center>
  860. </div>
  861. {/block:IndexPage}
  862. {/block:Audio}
  863.  
  864. {block:Video}
  865. <center>
  866. {block:IndexPage}
  867. <div class="perma2">
  868. <a href="{reblogurl}"> <ul class="LikeButton">
  869. <li>{ReblogButton color="white" size=14}</li>
  870. </ul>
  871. <ul class="ReblogButton">
  872. <li>{LikeButton color="white" size=14}</li>
  873. </ul></a></div></a>
  874.  
  875. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  876. {/block:IndexPage}
  877. </center>
  878. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  879. {block:Video}
  880.  
  881.  
  882. {block:PostNotes}<div align="left">{caption}</div>
  883. <center>
  884.  
  885. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  886.  
  887. {block:HasTags}
  888. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  889. {block:RebloggedFrom}
  890. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  891. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  892.  
  893. {/block:RebloggedFrom}
  894. </center></span>
  895. <br>
  896. <div id="postnotes">{PostNotes}</div><br>
  897.  
  898. <center>{block:ContentSource}
  899. <br><a href="{SourceURL}">
  900. {lang:Source}:
  901. {block:SourceLogo}
  902. <img src="{BlackLogoURL}" width="{LogoWidth}"
  903. height="{LogoHeight}" alt="{SourceTitle}" />
  904. {/block:SourceLogo}
  905. {block:NoSourceLogo}
  906. {SourceLink}
  907. {/block:NoSourceLogo}
  908. </a>
  909. {/block:ContentSource}</center>
  910.  
  911. {/block:PostNotes}
  912. </div>
  913. {/block:Posts}
  914. </div></div>
  915.  
  916. {block:IndexPage}
  917. {block:Pagination}
  918. <div id="pagination">
  919. {block:NextPage}
  920. <a id="nextPage" href="{NextPage}"></a>
  921. {/block:NextPage}
  922. {block:PreviousPage}
  923. <a href="{PreviousPage}"></a>
  924. {/block:PreviousPage}
  925. </div>
  926. {/block:Pagination}
  927. {/block:IndexPage}
  928. </body>
  929. <div id="cred"><div id="cred2">☪</div>
  930. <div id="cred3">
  931. <a href="http://tullse.tumblr.com/" title="theme maker, tullse made this layout">Theme by Tullse ✌</a>
  932. </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!