API tools faq
paste
Advertisement
purethought-s

Theme #22: Lonely

purethought-s
Jun 13th, 2013
1,349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.10 KB | None | 0 0
raw download clone embed print report
  1. <!--Lonely Theme by sleephy
  2.  
  3. please don't steal this
  4. and yeah
  5. hope you like it
  6. looks best on personal blogs but I guess you can use it for whatever.
  7.  
  8. -->
  9. <html lang="en">
  10. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
  11. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <head>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/xrmodho/wLUmoqg7l/scroll.js"></script>
  20.  
  21. <script>
  22. $(function(){
  23. $("[title]").mbTooltip({
  24. opacity : .90, //opacity
  25. wait:500, //before show
  26. ancor:"mouse", //"parent"
  27. cssClass:"default", // default = default
  28. timePerWord:70, //time to show in milliseconds per word
  29. hasArrow:false,
  30. color:"white",
  31. imgPath:"images/",
  32. shadowColor:"black",
  33. fade:500
  34. });
  35. })
  36.  
  37. </script>
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52.  
  53.  
  54.  
  55. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  56.  
  57.  
  58. <!-- DEFAULT VARIABLES -->
  59. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  60. <meta name="color:background" content="#fff"/>
  61. <meta name="color:text" content="#888888"/>
  62. <meta name="color:title" content="#000000"/>
  63. <meta name="color:link" content="#dddddd"/>
  64. <meta name="color:hover" content="#888888"/>
  65. <meta name="color:scrollbar" content="#888888"/>
  66. <meta name="color:blogtitle" content="#ffffff"/>
  67. <meta name="color:perma text" content="#ffffff"/>
  68. <meta name="color:perma background" content="#000000"/>
  69. <meta name="image:sidebar" content=""/>
  70. <meta name="image:sidebar background" content=""/>
  71. <meta name="image:background" content=""/>
  72. <meta name="color:SB link 1" content="#000000"/>
  73. <meta name="color:SB link 2" content="#ffffff"/>
  74. <meta name="text:Link One Title" content="submit" />
  75. <meta name="text:Link One" content="/submit" />
  76. <meta name="text:Link Two Title" content="archive" />
  77. <meta name="text:Link Two" content="/archive" />
  78. <meta name="text:Link Three Title" content="links" />
  79. <meta name="text:Link Three" content="/links" />
  80. <meta name="text:Link Four Title" content="themes" />
  81. <meta name="text:Link Four" content="/terms" />
  82. <meta name="color:TT background" content="#000000" />
  83. <meta name="color:TT border" content="#000000" />
  84. <meta name="color:TT text" content="#ffffff" />
  85. <meta name="if:small cursor" content="1" />
  86. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  87.  
  88. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  89. <style>
  90. div#qTip {
  91. padding: 3px;
  92. height:auto;
  93. font-family:calibri;
  94. font-size:8px;
  95. display: none;
  96. font-style:normal;
  97. text-align: center;
  98. position: absolute;
  99. line-height:8px;
  100. z-index: 999999999999;
  101. background: {color:TT background};
  102. color: {color:TT text};
  103. border:1px solid {color:TT Border};
  104. text-transform:uppercase;
  105. letter-spacing: 2px;
  106. }
  107. </style>
  108. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  109. <style type="text/css">
  110.  
  111. a.info span {
  112. display: none;
  113. }
  114.  
  115. a.info:hover {
  116. position: relative;
  117. }
  118.  
  119. a.info:hover span {
  120. display: block;
  121. position: absolute;
  122. border: 1px solid #ddd;
  123. background-color: #fff;
  124. }
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  132. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  133.  
  134.  
  135. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  136.  
  137. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  138.  
  139.  
  140. @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
  141.  
  142. #tumblr_controls{
  143. position:fixed !important;
  144. -webkit-filter: invert(100%)
  145. }
  146.  
  147.  
  148. iframe#tumblr_controls {right:3px !important; position: fixed
  149. !important;-webkit-transition: opacity 0.7s linear;opacity:
  150. 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s
  151. ease-out;transition: all 0.8s ease-out;
  152. }
  153.  
  154.  
  155.  
  156. @font-face {
  157. font-family: "Mossy";
  158. src: url('http://static.tumblr.com/xrmodho/348mik6lm/mossy.ttf');
  159. }
  160. @font-face {
  161. font-family: "Jane";
  162. src: url('http://static.tumblr.com/xrmodho/ODBmipt6z/janeaust.ttf');
  163. }
  164.  
  165.  
  166. #credit{
  167. display:block;background-color:transparent;border:0px double #ddd;margin-top:14px;right:0px;position:fixed;font-family: consolas;
  168. font-size: 10px;padding:6px;text-transform:uppercase;opacity:1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index:1;
  169. }
  170.  
  171. #credit:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  172.  
  173. /* Mozilla based browsers */
  174. ::-moz-selection {
  175. background-color: {color:selection 2};
  176. color: {color:selection};
  177. }
  178.  
  179. /* Works in Safari */
  180. ::selection {
  181. background-color: {color:selection 2};
  182. color: {color:selection};
  183. }
  184.  
  185. .wrapper{
  186. margin: 0px auto;
  187. margin-left: 60px;
  188. width: 802px;
  189. }
  190.  
  191. .header{
  192. float: left;
  193. width: 100%;
  194. }
  195.  
  196. .left{
  197. float: left;
  198. margin-right: 20px;
  199. width: 802;
  200. }
  201.  
  202. .right{
  203. float: right;
  204. width: 200px;
  205. background-color: #fff;
  206. }
  207.  
  208.  
  209. body {
  210. margin:0px;
  211. background-color: {color:Background};
  212. background-image:url({image:background});
  213. background-attachment: fixed;
  214. background-repeat: repeat;}
  215. body, div, p, textarea, submit, input{
  216. font-family: "Calibri";
  217. font-size: 10px;
  218. line-height:11px;
  219. color:{color:Text};
  220. }
  221.  
  222. b {font-weight: bold;
  223. color:{color:bold}
  224. }
  225. i {font-weight: italic;
  226. color:{color:italic}
  227. }
  228.  
  229. ::-webkit-scrollbar {width: 6px; height: 4px; background: transparent;
  230. border-left:0px solid #aaa; }
  231.  
  232. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};
  233. border: 0px solid #eee;}
  234.  
  235.  
  236. p {
  237. margin:0px;
  238. margin-top:0px;
  239. }
  240.  
  241. a:link, a:active, a:visited{
  242. text-decoration: none;
  243. -webkit-transition: color 0.3s ease-out;
  244. -moz-transition: color 0.3s ease-out;
  245. transition: color 0.3s ease-out;
  246. color: {color:Link};
  247. }
  248.  
  249. a:hover {
  250. color:{color:hover};
  251. text-shadow:0px 0px 2px #ddd,
  252. linear; -moz-transition: all 0.2s linear;
  253. transition: all 0.2s linear;}
  254.  
  255. @font-face{font-family: no; src: url(http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);}{block:iftinycursor}
  256. html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  257.  
  258. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }{/block:iftinycursor}
  259. #farts{
  260. height:100%;
  261. width:300px;
  262. position:fixed;
  263. margin-left:-5px;
  264. margin-top:0px;
  265. padding:20px;
  266. background-image:url({image:Sidebar Background});
  267.  
  268. }
  269. #dinks a {
  270. color:{color:SB link 1};
  271. border:5px solid {color:SB link 2};
  272. background:{color:SB link 2};
  273. padding:2px;
  274. width:140px;
  275. font-family:calibri;
  276. text-transform:uppercase;
  277. letter-spacing:3px;
  278. text-align:center;
  279. display:block;
  280. -webkit-transition: all 0.2s ease-in-out;
  281. -moz-transition: all 0.2s ease-in-out;
  282. -o-transition: all 0.2s ease-in-out;
  283. -ms-transition: all 0.2s ease-in-out;
  284. transition: all 0.2s ease-in-out;
  285. }
  286. #dinks a:hover{
  287. color:{color:SB link 2};
  288. background:{color:SB link 1};
  289. border:5px solid {color:SB link 2};
  290. padding:2px;
  291. -webkit-transition: all 0.2s ease-in-out;
  292. -moz-transition: all 0.2s ease-in-out;
  293. -o-transition: all 0.2s ease-in-out;
  294. -ms-transition: all 0.2s ease-in-out;
  295. transition: all 0.2s ease-in-out;
  296. }
  297.  
  298. #dinks{
  299. position:fixed;
  300. opacity:0;
  301. z-index:9999999;
  302. margin-left:10px;
  303. margin-top:20px;
  304. -webkit-transition: all 0.2s ease-in-out;
  305. -moz-transition: all 0.2s ease-in-out;
  306. -o-transition: all 0.2s ease-in-out;
  307. -ms-transition: all 0.2s ease-in-out;
  308. transition: all 0.2s ease-in-out; }
  309.  
  310. .desca:hover #dinks{
  311. opacity:.75;
  312. -webkit-transition: all 0.2s ease-in-out;
  313. -moz-transition: all 0.2s ease-in-out;
  314. -o-transition: all 0.2s ease-in-out;
  315. -ms-transition: all 0.2s ease-in-out;
  316. transition: all 0.2s ease-in-out;
  317. }
  318.  
  319. #farts:hover .desca{
  320. opacity:.9;
  321. -webkit-transition: all 0.2s ease-in-out;
  322. -moz-transition: all 0.2s ease-in-out;
  323. -o-transition: all 0.2s ease-in-out;
  324. -ms-transition: all 0.2s ease-in-out;
  325. transition: all 0.2s ease-in-out;
  326. }
  327.  
  328. #hello{
  329. position:fixed;opacity:.85;
  330. color:{color:blogtitle};
  331. font-family:georgia;
  332. width:170px;
  333. margin-top:380px;
  334. margin-left:77px;
  335. text-align:right;
  336. font-size:16px;
  337. font-style:italic;
  338. line-height:110%;
  339. -webkit-transition: all 0.2s ease-in-out;
  340. -moz-transition: all 0.2s ease-in-out;
  341. -o-transition: all 0.2s ease-in-out;
  342. -ms-transition: all 0.2s ease-in-out;
  343. transition: all 0.2s ease-in-out; }
  344.  
  345.  
  346. #farts:hover #hello{
  347. opacity:0;
  348.  
  349. -webkit-transition: all 0.2s ease-in-out;
  350. -moz-transition: all 0.2s ease-in-out;
  351. -o-transition: all 0.2s ease-in-out;
  352. -ms-transition: all 0.2s ease-in-out;
  353. transition: all 0.2s ease-in-out; }
  354.  
  355. .desca{
  356. opacity:0;
  357. font-family:calibri;
  358. position:fixed;
  359. letter-spacing:1px;
  360. background:#fff;
  361. padding:21px;
  362. z-index:99999999999999999999;
  363. margin-top:160px;
  364. margin-left:45px;
  365. width:175px;
  366. -webkit-transition: all 0.2s ease-in-out;
  367. -moz-transition: all 0.2s ease-in-out;
  368. -o-transition: all 0.2s ease-in-out;
  369. -ms-transition: all 0.2s ease-in-out;
  370. transition: all 0.2s ease-in-out;
  371. }
  372.  
  373. #borderask{
  374. position:fixed;
  375. background:#ddd;
  376. width:240px;
  377. height:1px;
  378.  
  379. }
  380.  
  381. #borderask2{
  382. position:fixed;
  383. background:#ddd;
  384. width:210px;
  385. height:1px;
  386.  
  387. }
  388.  
  389.  
  390. div#posts {
  391. width: 720px;
  392. top: 13px;
  393. margin-left:381px;
  394. float:center;
  395. z-index:9;
  396. font-family:calibri;
  397. {block:PermalinkPage}
  398. width:505px;
  399. height:auto;
  400. margin-top:13px;
  401. margin-left:450px;
  402. font-size: {text:Body Font Size}px;
  403. font-family:{Font:Body Font};
  404. text-align: center;
  405. {/block:PermalinkPage}
  406. }
  407.  
  408. .entry {
  409. margin:8px;
  410. font-family:calibri;
  411. {block:ifpostborders}border:1px solid #ddd;{/block:ifpostborders}
  412. padding:13px;
  413. float:center;
  414. background-color: #fff;
  415. border:0px solid #ddd;
  416.  
  417. overflow:hidden;
  418. {block:IndexPage}
  419. width:250px;
  420. {/block:IndexPage}
  421. {block:PermalinkPage}
  422. width:500px;
  423. height:auto;
  424. font-size: {text:Body Font Size}px;
  425. font-family:calibri;
  426. text-align: center;
  427. {/block:PermalinkPage}
  428. -webkit-transition: 0.4s linear;
  429. -moz-transition: all 0.4s linear;
  430. transition: all 0.4s linear;
  431. }
  432.  
  433. .perma
  434. {
  435. opacity: 0.0;
  436. filter: alpha(opacity = 0);
  437. letter-spacing:2px;
  438. width: auto;
  439. background-color:{color:perma background};
  440. height: 30px;
  441. line-height:12px;
  442. text-transform:uppercase;
  443. font-family:calibri;
  444. padding:10px;
  445. margin-left:10px;
  446. margin-top:10px;
  447. border-left:2px solid {color:perma text};
  448. border-right:2px solid {color:perma text};
  449. font-size: 8px;
  450. font-family:{Font:Body Font};
  451. position:absolute;
  452. text-align: center;
  453. display:block;
  454.  
  455. color: {color:perma text};
  456. -webkit-transition: opacity 0.4s linear;
  457. -moz-transition: all 0.4s linear;
  458. transition: all 0.4s linear;
  459.  
  460. }
  461. .entry:hover .perma {
  462.  
  463. -webkit-transition: opacity 0.4s linear;
  464. opacity: .75;
  465.  
  466. -moz-transition: all 0.4s linear;
  467. transition: all 0.4s linear;
  468. filter: alpha(opacity = 100);
  469.  
  470. }
  471.  
  472. .perma a{
  473. color:{color:permatext};
  474. }
  475.  
  476.  
  477. .title{
  478. font-family: "Calibri";
  479. font-size: 13px;
  480. line-height: 16px;
  481. color: {color:Title};
  482. text-shadow:1px 2px 2px #fff;
  483. letter-spacing: 3px;
  484. font-weight: normal;
  485. text-transform:uppercase;
  486. }
  487.  
  488. .sel{
  489. letter-spacing:0px;
  490. display: block;
  491. background:transparent;
  492. border-top: 1px solid #ddd;
  493. margin-top: 5px;
  494. padding-right:10px;
  495. font-family:"Calibri";
  496. font-size:10px;
  497. line-height:8px;
  498. padding-top:4px;
  499. text-transform:uppercase;
  500. text-align:right;
  501. color:#000;
  502. -webkit-transition: all 0.5s ease-in-out;
  503. -moz-transition: all 0.5s ease-in-out;
  504. -o-transition: all 0.5s ease-in-out;
  505. -ms-transition: all 0.5s ease-in-out;
  506. transition: all 0.5s ease-in-out;
  507. }
  508.  
  509. .sel:hover{
  510. padding-right:30px;
  511. -webkit-transition: all 0.5s ease-in-out;
  512. -moz-transition: all 0.5s ease-in-out;
  513. -o-transition: all 0.5s ease-in-out;
  514. -ms-transition: all 0.5s ease-in-out;
  515. transition: all 0.5s ease-in-out;
  516. }
  517.  
  518. .sel2{
  519. letter-spacing:0px;
  520. display: block;
  521. background-color:#FFFFFF;
  522. border-top: 0px solid #ddd;
  523. margin-top: 2px;
  524. padding-top:0px;
  525. margin-bottom:2px;
  526. font-family:"Dixel";
  527. font-size:8px;
  528. line-height:8px;
  529. text-transform:uppercase;
  530. text-align:right;
  531. color:#000;
  532. -webkit-transition: all 0.5s ease-in-out;
  533. -moz-transition: all 0.5s ease-in-out;
  534. -o-transition: all 0.5s ease-in-out;
  535. -ms-transition: all 0.5s ease-in-out;
  536. transition: all 0.5s ease-in-out;
  537. }
  538.  
  539. .sel:hover{
  540. padding-right:30px;
  541. -webkit-transition: all 0.5s ease-in-out;
  542. -moz-transition: all 0.5s ease-in-out;
  543. -o-transition: all 0.5s ease-in-out;
  544. -ms-transition: all 0.5s ease-in-out;
  545. transition: all 0.5s ease-in-out;
  546. }
  547.  
  548.  
  549.  
  550. #infscr-loading{
  551. bottom: -70px;
  552. position: absolute;
  553. left: 50%;
  554. margin-left:-8px;
  555. width:16px;
  556. height:11px;
  557. overflow:hidden;
  558. margin-bottom: 50px;
  559. }
  560.  
  561. #postnotes{
  562. text-align: justify;
  563. }
  564.  
  565. #postnotes blockquote{
  566. border: 0px;
  567. }
  568.  
  569. .titlee{
  570. border-bottom:3px double {color:sidebar border};
  571. padding:4px;
  572. font-family:"KG Eyes Wide Open";
  573. font-size:35px;
  574. line-height:17px;
  575. text-decoration:none;
  576. text-transform:none;
  577. text-align:center;
  578. color:#f7f7f7;
  579. text-shadow: 2px 0px 2px #555;
  580. }
  581.  
  582. .popuptitle{
  583. font-family:Calibri;
  584. font-size:12px;
  585. text-transform:uppercase;
  586. letter-spacing:0px;
  587. line-height:12px;
  588. }
  589.  
  590. blockquote{
  591. padding:0px 0px 2px 5px;
  592. margin:0px 0px 2px 1px;
  593. border-left: 1px solid #ddd;
  594. }
  595.  
  596. audioshit{
  597. background:#eee;}
  598.  
  599.  
  600. .audioplayerr{
  601. position:absolute;
  602. background: white;
  603. border:5px solid #fff;
  604. text-align:center;
  605. margin-left:28px;
  606. margin-top:28px;
  607. width:15px;
  608. height:15px;
  609. opacity:0.7;
  610. overflow:hidden;
  611. -webkit-transition: all 0.5s ease-in-out;
  612. -moz-transition: all 0.5s ease-in-out;
  613. -o-transition: all 0.5s ease-in-out;
  614. -ms-transition: all 0.5s ease-in-out;
  615. transition: all 0.5s ease-in-out;}
  616.  
  617. .audioplayerr:hover{
  618. opacity:1;
  619. -webkit-transition: all 0.5s ease-in-out;
  620. -moz-transition: all 0.5s ease-in-out;
  621. -o-transition: all 0.5s ease-in-out;
  622. -ms-transition: all 0.5s ease-in-out;
  623. transition: all 0.5s ease-in-out;}
  624.  
  625. .audioplayerr1{
  626. padding:1px;
  627. margin-top:-10px;
  628. margin-left:-10px;
  629. background-color: #fff;}
  630.  
  631. .audioplayerr1:hover{
  632. opacity:1;}
  633.  
  634. .albumartt{
  635. margin-left:0px;
  636. }
  637.  
  638. .albumartt img{
  639. background:#f7f7f7;
  640. border-right:2px solid {color:border};
  641. max-width:60px;
  642. float:left;
  643. padding:10px;
  644. border:1px solid #f0f0f0;
  645. }
  646.  
  647. .infooo{
  648. position:relative;
  649. background:transparent;
  650. padding-bottom:5px;
  651. font-family:Consolas;
  652. font-size:8px;
  653. letter-spacing:1px;
  654. text-transform:uppercase;
  655. height:80px;
  656. margin-top:0px;
  657. margin-left:87px;
  658. padding-left:5px;
  659. line-height:10px;}
  660.  
  661.  
  662. blockquote p, ul{
  663. margin:0px;
  664. padding:0px;
  665. }
  666.  
  667. asker{
  668. margin-left:-4px;
  669. font-family:"calibri";
  670. font-size:12px;
  671. line-height:15px;
  672. color: {color:link};
  673. text-transform:uppercase;
  674. letter-spacing:3px;
  675. border-bottom:1px solid #ddd;
  676. }
  677.  
  678. snowflake{
  679. font-family:"Snowflake";
  680. font-size:40px;
  681. color:{color:sidebar border};
  682. text-decoration:none;
  683. }
  684.  
  685. a img{border: 0px;}
  686. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  687. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label,
  688. .user_5 .label, .user_6 .label,
  689. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  690. .notes img{width:10px; position:relative; top:3px;
  691. }
  692.  
  693. small{font-size: 90%;}
  694.  
  695. .video embed, .post div.video object {width:260px !important;
  696. height:180px !important;}
  697. .video2 embed, .post div.video object {width:400px !important;
  698. height:400px !important;}
  699.  
  700. #music{
  701. position:fixed;
  702. right:5px;
  703. bottom:5px;
  704. height:auto;
  705. background-color:white;
  706. border:1px solid #ddd;
  707. padding:7px;
  708. line-height:4px;}
  709.  
  710.  
  711. #titlebar{
  712. text-shadow:2px 2px 0px #fff;
  713. font-family:no;
  714. font-size:69px;
  715. color:gray;
  716. line-height:10px;
  717. border-bottom:0px double #fff;
  718.  
  719. }
  720.  
  721.  
  722.  
  723. /*Contentbox & Following pic*/
  724.  
  725. #box {
  726. width:430px;
  727. margin:10px auto 20px auto;
  728. height:auto;
  729. }
  730.  
  731. #box img {
  732. margin:3px;
  733. background-color:#f1f1f1;
  734. border:4px solid #f1f1f1;
  735. padding:5px;
  736. opacity:0.7;
  737. -webkit-transition: all 0.4s ease;
  738. -moz-transition: all 0.4s ease;
  739. -o-transition: all 0.4s ease;
  740. }
  741.  
  742. #box img:hover {
  743. background-color:#fff;
  744. padding:5px;
  745. border:4px solid #def;
  746. opacity:1;
  747. }
  748.  
  749.  
  750. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  751.  
  752. ul#drawers a {text-decoration: none; color: #000;}
  753.  
  754. ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
  755. transition: background-color 0.2s ease-out;}
  756.  
  757. h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
  758.  
  759. li.drawer h4.open {background-color: ; border-top: 0px;}
  760.  
  761. li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  762.  
  763. li.drawer div li {list-style-type: disc;}
  764.  
  765. li.drawer div ul {-webkit-padding-start: 12px;}
  766.  
  767.  
  768. {CustomCSS}
  769.  
  770. </style>
  771.  
  772. {block:IndexPage}
  773. <script type="text/javascript"
  774. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  775. <script type="text/javascript"
  776. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  777.  
  778. <script type="text/javascript">
  779. $(window).load(function () {
  780. var $content = $('#posts');
  781. $content.masonry({itemSelector: '.entry'}),
  782. $content.infinitescroll({
  783. navSelector : 'div#pagination',
  784. nextSelector : 'div#pagination a#nextPage',
  785. itemSelector : '.entry',
  786. loading: {
  787. finishedMsg: '',
  788. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  789. },
  790. bufferPx : 600,
  791. debug : false,
  792. },
  793. // call masonry as a callback.
  794. function( newElements ) {
  795. var $newElems = $( newElements );
  796. $newElems.hide();
  797. // ensure that images load before adding to masonry layout
  798. $newElems.imagesLoaded(function(){
  799. $content.masonry( 'appended', $newElems, true,
  800. function(){$newElems.fadeIn(300);} );
  801.  
  802.  
  803. });
  804. });
  805. });
  806. </script>
  807. {/block:IndexPage}
  808.  
  809.  
  810.  
  811. <title>{title}</title>
  812.  
  813. <link rel="shortcut icon" href="{favicon}">
  814. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  815. <meta name="viewport" content="width=820" />
  816. </head>
  817. <body onkeydown="return false">
  818.  
  819. <body>
  820.  
  821.  
  822. <div id="farts"><div id="hello">{title}</div><div class="desca"><div id="dinks">
  823. <a title="refresh the page" href="/">refresh</a> &nbsp; <a href="/ask" title="{asklabel}">message </a> &nbsp; <a href="{text:Link One}" title="{text:Link One Title}">{text:Link One Title}</a> &nbsp; <a href="{text:Link Two}" title="{text:Link Two Title}">{text:Link Two Title}</a> &nbsp; <a href="{text:Link three}" title="{text:Link Three Title}">{text:Link Three Title}</a> &nbsp; <a href="{text:Link Four}" title="{text:Link Four Title}">{text:Link Four Title}</a>
  824. </div><img src="{image:sidebar}" width="175px"><br><br>{Description}
  825. </div>
  826.  
  827.  
  828.  
  829. </div>
  830.  
  831.  
  832.  
  833.  
  834.  
  835. <div class="left">
  836. <div id="posts">
  837. {block:Posts}
  838. <div class="entry">
  839.  
  840. {block:Answer}
  841. <div style="margin-left: 3px; margin-top: 2px; min-height:32px; padding: 5px; background:transparent; border-bottom:1px solid #ddd; width:245px;">
  842.  
  843. <img src="{AskerPortraitURL-30}" width="30" align="left"
  844. style="margin-right:4px; margin-left:-3px; margin-top:-3px; border:1px solid #ddd; border-radius:2px; padding:2px;"/>
  845.  
  846. <asker>&nbsp;{Asker}:<br></asker>
  847. {Question}</div>
  848.  
  849. <div style="margin-left:5px; background-color: transparent; padding:7px; text-align:center; width:245px;">{Answer}</div><div class="sel"><a id="notes{PostID}" href="{Permalink}">{TimeAgo}</a> &nbsp; </div>
  850. {/block:Answer}
  851.  
  852. {block:Text}
  853. {block:Title}<span class="title">{Title}</span>{/block:Title}
  854. <span class="entrytext">{Body}</span></a>
  855. {block:IndexPage}
  856. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  857. {/block:IndexPage}
  858. {/block:Text}
  859.  
  860. {block:Link}
  861. <a href="{URL}" class="title">{Name}</a>
  862. {block:Description}{Description}{/block:Description}
  863. {block:IndexPage}
  864. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  865. {/block:IndexPage}
  866. {block:Link}
  867.  
  868. {block:Photo}
  869. {block:IndexPage}
  870. <div class="perma" > <a title="reblog this photo" href="{ReblogURL}">reblog</a><br><a href="{permalink}" title="posted {timeago}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  871.  
  872. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  873. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><center><div id="padding"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></center></div></a>{LinkCloseTag}{/block:PermalinkPage}
  874. {/block:Photo}
  875.  
  876. {block:Photoset}
  877. {block:IndexPage}
  878. <div class="perma" > <a title="reblog this photo" href="{ReblogURL}">reblog</a><br><a href="{permalink}" title="posted {timeago}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  879. {Photoset-250}</center>
  880. {/block:IndexPage}
  881. {block:PermalinkPage}
  882. <center>
  883. {Photoset-500}</center>
  884. {/block:PermalinkPage}
  885. {/block:Photoset}
  886.  
  887.  
  888.  
  889.  
  890. {block:Quote}
  891. <span class="title">{Quote}</span><br />
  892. {block:Source}{Source}{/block:Source}
  893. {block:IndexPage}
  894. <br /><div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  895. {/block:IndexPage}
  896. {/block:Quote}
  897.  
  898. {block:Chat}
  899. {block:Title}<span class="title">{Title}</span>{/block:Title}
  900. <ul class="chat">
  901. {block:Lines}
  902. <li class="user_{UserNumber}">
  903. {block:Label}
  904. <span class="label">{Label}</span>
  905. {/block:Label}
  906.  
  907. {Line}
  908. </li>
  909. {/block:Lines}
  910. </ul>
  911. {block:IndexPage}
  912. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; </div>
  913. {/block:IndexPage}
  914. {/block:Chat}
  915.  
  916. {block:Audio}
  917. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}</div><div class="audioplayerr"><div class="audioplayerr1">{AudioPlayer}</div></div> <div class="infooo"> {block:Artist} <b><audioshit>The Artist of This Song is:</audioshit></b><br> {Artist} {/block:Artist}<br><br>{block:TrackName} <b><audioshit>The Name of the Song is:</audioshit></b><br> "{TrackName}" {/block:TrackName}</br><br> {block:PlayCount}<b><audioshit>This track has been played:</audioshit></b><br> {PlayCount} times{/block:PlayCount} </div>
  918. {block:IndexPage}
  919. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> </div>
  920. {/block:IndexPage}
  921. {/block:Audio}
  922.  
  923. {block:Video}<center>
  924. <div class="video">{Video-250}</div></center>
  925. {block:IndexPage}
  926. <div class="sel"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;/ &nbsp;<a href="{reblogurl}" target="_blank">reblog</a></div>
  927. {/block:IndexPage}
  928. {block:Video}
  929.  
  930. {block:PostNotes}<div align="middle"><br><br>{caption}</div>
  931. <center>
  932.  
  933. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  934.  
  935. {block:HasTags}
  936. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
  937. {/block:HasTags}
  938. {block:RebloggedFrom}
  939. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  940. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  941.  
  942. {/block:RebloggedFrom}
  943. </center></span>
  944. <br>
  945. <div id="postnotes">{PostNotes}</div><br>
  946.  
  947. <center>{block:ContentSource}
  948. <br><a href="{SourceURL}">
  949. {lang:Source}:
  950. {block:SourceLogo}
  951. <img src="{BlackLogoURL}" width="{LogoWidth}"
  952. height="{LogoHeight}" alt="{SourceTitle}" />
  953. {/block:SourceLogo}
  954. {block:NoSourceLogo}
  955. {SourceLink}
  956. {/block:NoSourceLogo}
  957. </a>
  958. {/block:ContentSource}</center>
  959.  
  960. {/block:PostNotes}
  961. </div>
  962. {/block:Posts}
  963. </div></div>
  964.  
  965. {block:IndexPage}
  966. {block:Pagination}
  967. <div id="pagination">
  968. {block:NextPage}
  969. <a id="nextPage" href="{NextPage}"></a>
  970. {/block:NextPage}
  971. {block:PreviousPage}
  972. <a href="{PreviousPage}"></a>
  973. {/block:PreviousPage}
  974. </div>
  975. {/block:Pagination}
  976. {/block:IndexPage}
  977.  
  978. <BODY ondragstart="return false;">
  979.  
  980.  
  981.  
  982. </div>
  983. </div>
  984. <!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]-->
  985. <img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1360725955&J=eyJ0eXBlIjoiYmxvZyIsImJsb2dpZCI6IjQ4NDE1NTQzIiwidXJsIjoiaHR0cDpcL1wvdHJ1c3R3dXJ0aHkudHVtYmxyLmNvbVwvIn0=&U=JIMBMGLKPD&K=7dd861cf88aaf03d6bce5cf8b32f679fbee5f6a8a1e245147fbbb9271ff09b14"/><!-- END TUMBLR CODE --><iframe src="http://assets.tumblr.com/analytics.html?f907319f4e80b952403e7c7976e993b1" scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0 z-index:9999;" id="ga_target"></iframe>
  986.  
  987. <script>
  988. // Makes this wait for the page to load, so that the iframe is finished before signaling.
  989. window.setTimeout(function(){
  990. var analytics_frame = document.getElementById('ga_target');
  991. analytics_frame.contentWindow.postMessage('enable_comscore', analytics_frame.src.split('/analytics.html')[0]);
  992. }, 1000);
  993. </script>
  994.  
  995.  
  996.  
  997. <script type="text/javascript">
  998. __qoptions = _qoptions = { qacct: 'p-19UtqE8ngoZbM' };
  999. </script>
  1000. <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
  1001. <noscript>
  1002. <img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif"
  1003. style="display:none; border-width:0px; height:1px; width:1px;"/>
  1004. </noscript>
  1005. </body>
  1006. </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!