API tools faq
paste
Advertisement
lifegonewild

theme 12 // botshay

lifegonewild
Apr 20th, 2013
436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.93 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by http://dannyworsnop.tumblr.com/
  3. lol holla @ me
  4.  
  5. inspired by ughthomas.com
  6.  
  7. IF YOU REMOVE CREDIT I WILL STAB YOU TO DEATH
  8. -->
  9.  
  10.  
  11.  
  12. <!DOCTYPE html>
  13.  
  14. <html>
  15.  
  16. <head>
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19.  
  20. <meta name="color:text" content="#000">
  21. <meta name="color:links" content="#777">
  22. <meta name="color:hover" content="#000">
  23. <meta name="image:background image" content=""/>
  24. <meta name="image:Sidebar" content=""/>
  25. <meta name="text:insert quote" content="">
  26. <meta name="text:Link1 Title" content="link 1">
  27. <meta name="text:Link1" content="http://">
  28. <meta name="text:Link2 Title" content="link 2">
  29. <meta name="text:Link2" content="http://">
  30. <meta name="text:Link3 Title" content="link 3">
  31. <meta name="text:Link3" content="http://">
  32. <meta name="text:Link4 Title" content="link 4">
  33. <meta name="text:Link4" content="http://">
  34. <meta name="text:Link2 Title" content="link 2">
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. iframe#tumblr_controls {
  40. right:3px !important;
  41. position: fixed !important;
  42. -webkit-transition: opacity 0.6s;
  43. opacity: 0.3;
  44. -webkit-transition:0.6s;
  45. -moz-transition:0.6s;
  46. transition:0.6s;
  47. -webkit-filter: invert(90%);
  48. }
  49.  
  50. iframe#tumblr_controls:hover {
  51. -webkit-transition: opacity 0.6s;
  52. opacity: 1;
  53. -webkit-transition: all 0.6s;
  54. -moz-transition: all 0.6s;
  55. transition: all 0.6s;
  56. -webkit-filter: invert(100%);
  57. }
  58.  
  59.  
  60.  
  61. body{
  62. background-color: #fff;
  63. background-position: bottom left;
  64. background-image: url('{image:background image}');
  65. background-repeat: repeat;
  66. background-attachment: fixed;
  67. color:{color:text};
  68. font-family:consolas;
  69. font-size:10px;
  70. }
  71.  
  72.  
  73. a:link, a:active, a:visited{
  74. color: {color:links};
  75. text-decoration: none;
  76. -webkit-transition: color 0.5s ease-out;
  77. -moz-transition: color 0.5s ease-out;
  78. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  79. }
  80.  
  81. a:hover{
  82. color:{color:hover};
  83. -webkit-transition-duration: .9s;
  84. -webkit-transition: color 0.3s ease-out;
  85. -moz-transition: color 0.3s ease-out;
  86. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  87. }
  88.  
  89. a:active{
  90. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  91. -webkit-transition:all 0.05s ease-in-out;
  92. -moz-transition:all 0.05s ease-in-out;
  93. -o-transition:all 0.05s ease-in-out;
  94. transition:all 0.05s ease-in-out;
  95. color: {color:links};
  96. text-decoration:underline;
  97. }
  98.  
  99.  
  100.  
  101. ::selection {
  102. background:#000;
  103. color: #777;
  104. }
  105.  
  106. ::-moz-selection {
  107. background:#aaa;
  108. color: #777;
  109. }
  110. .entry {
  111. float:left;
  112. width:250px;
  113. margin:5px;;
  114. padding:5px;
  115. padding-bottom:2.5px;
  116. text-transform:none;
  117. border:1px solid #ccc;
  118.  
  119. overflow:hidden;
  120. background:white;
  121. {block:PermalinkPage}
  122. width:500px;
  123. {/block:PermalinkPage}
  124. }
  125.  
  126.  
  127. #posts {
  128. width:730px;
  129. margin-left:325px;
  130. margin-top:98px;
  131.  
  132. {block:IndexPage}
  133. width:730px;
  134. margin-left:405px;
  135. {/block:IndexPage}
  136. {block:PermalinkPage}
  137. margin-left:405px;
  138. {/block:PermalinkPage}
  139. }
  140. #title {
  141. color:black;
  142. font-size:15px;
  143. font-style:italic;
  144. text-transform:uppercase;
  145. }
  146. .title{
  147. line-height: 12px;
  148. font-family:calibri;
  149. font-size:9px;
  150. text-transform:uppercase;
  151. color:{color:Title};
  152. font-weight: normal;
  153. }
  154.  
  155. asker{
  156. font-family:Calibri;
  157. font-size:9px;
  158. text-transform:uppercase;
  159. font-style:normal;
  160. letter-spacing:0px;
  161. line-height:14px;
  162. padding:0px;
  163. margin-right:0px;
  164. width:auto;
  165. border-bottom:1px solid #eee;
  166. -webkit-transition: all 0.5s ease-in-out;
  167. -moz-transition: all 0.5s ease-in-out;
  168. -o-transition: all 0.5s ease-in-out;
  169. -ms-transition: all 0.5s ease-in-out;
  170. transition: all 0.5s ease-in-out;
  171. }
  172.  
  173. asker:hover{
  174. font-style:italic;
  175. -webkit-transition: all 0.5s ease-in-out;
  176. -moz-transition: all 0.5s ease-in-out;
  177. -o-transition: all 0.5s ease-in-out;
  178. -ms-transition: all 0.5s ease-in-out;
  179. transition: all 0.5s ease-in-out;
  180. }
  181.  
  182. #infscr-loading{
  183. bottom: -70px;
  184. position: absolute;
  185. left: 50%;
  186. margin-left:-8px;
  187. width:16px;
  188. height:11px;
  189. overflow:hidden;
  190. margin-bottom: 50px;
  191. }
  192.  
  193.  
  194.  
  195. .entry .perma{
  196. width:250px;
  197. height: 25px;
  198. font-family:calibri;
  199. text-transform:;
  200. position: absolute;
  201. font-size: 9px;
  202. font-style:normal;
  203. line-height: 26px;
  204. text-align: center;
  205. overflow:hidden;
  206. background-color:#fff;
  207. letter-spacing:0px;
  208. text-transform:uppercase;
  209. top:0px;
  210. margin-left: 0px;
  211. padding-bottom:1px;
  212. border-radius: 0px;
  213. -webkit-transition: opacity 0.0s linear; opacity: 0.0;
  214. -webkit-transition: all 0.5s linear;
  215. -moz-transition: all 0.5s linear;
  216. transition: all 0.5s linear;
  217. }
  218.  
  219.  
  220.  
  221. .entry:hover .perma{
  222. overflow:visible;
  223. opacity:.8;
  224. top:5px;
  225. border-top-right-radius: 0px;
  226. border-bottom-left-radius: 0px;
  227. -webkit-transition: all 0.5s linear;
  228. -webkit-transition: all 0.5s linear;
  229. -moz-transition: all 0.5s linear;
  230. transition: all 0.5s linear;
  231. }
  232.  
  233.  
  234. #postnotes{
  235. text-align: justify;}
  236.  
  237. #postnotes blockquote{
  238. border: 0px;}
  239.  
  240. blockquote{
  241. padding:0px 0px 2px 5px;
  242. margin:0px 0px 2px 10px;
  243. border-left: 1px dotted #555555;
  244. }
  245.  
  246. blockquote p, ul{
  247. margin:0px;
  248. padding:0px;
  249. }
  250.  
  251. a img{border: 0px;}
  252.  
  253.  
  254. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  255.  
  256. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  257. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  258.  
  259. .notes img{width:10px; position:relative; top:3px;}
  260. <--ses-->
  261. small{font-size: 90%;}
  262.  
  263. #hello{
  264. position:fixed;
  265. margin-top:-12px;
  266. margin-left:510px;
  267. height:100px;
  268. width:430px;
  269. margin-bottom:30px;
  270. top:5px;
  271. padding:5px;
  272. z-index:9;
  273. background:white;
  274.  
  275.  
  276.  
  277. }
  278.  
  279. #mate{
  280. position:fixed;
  281. margin-top:-10px;
  282. margin-left:403px;
  283. height:98px;
  284. width:97px;
  285. margin-bottom:30px;
  286. top:5px;
  287. padding:5px;
  288. z-index:9;
  289. background:white;
  290. -webkit-transition: all 1.0s ease-in-out;
  291. -moz-transition: all 1.0s ease-in-out;
  292. -o-transition: all 1.0s ease-in-out;
  293. -ms-transition: all 1.0s ease-in-out;
  294. transition: all 1.0s ease-in-out;
  295. }
  296.  
  297. .ipod{
  298. text-align:right;
  299. font-family:consolas;
  300. font-size:12px;
  301. border-bottom:1px dashed #cccccc;
  302. padding-left:20px;
  303. line-height:20px;
  304. }
  305.  
  306. .red{
  307. text-align:center;
  308. height:35px;
  309. padding-top:10px;
  310. padding-bottom:10px;
  311. border-bottom:1px solid #ccc;
  312. padding-right:10px;
  313. }
  314.  
  315.  
  316. #links{
  317. text-align:center;
  318. margin-top:0px;
  319. }
  320.  
  321. #links a{
  322. -webkit-transition: all .5s ease;
  323. -moz-transition: all .5s ease;
  324. -o-transition: all .5s ease;
  325. transition: all .5s ease;
  326. color:{color:links};
  327. margin-left:5px;
  328. text-transform:uppercase;
  329. font-size:11px;
  330. border-left:1px solid #ccc;
  331. border-right:1px solid #ccc;
  332. border-bottom:1px solid #ccc;
  333. background:white;
  334. padding-right:10px;
  335. padding-left:10px;
  336.  
  337. }
  338. #links a:hover{
  339. -webkit-transition: all .5s ease;
  340. -moz-transition: all .5s ease;
  341. -o-transition: all .5s ease;
  342. transition: all .5s ease;
  343. color:{color:hover};
  344. background:white;
  345. padding-right:15px;
  346. padding-left:15px;
  347. }
  348.  
  349.  
  350.  
  351. #anthony{
  352. width: 1100px;
  353. height: 100%;
  354. top: 0px;
  355. left: 90px;
  356. position: fixed;
  357. background-color: #f9f9f9;
  358. z-index: -1}
  359.  
  360. #anthonyright{
  361. background-image: url('http://25.media.tumblr.com/25d2ae8941f407ee391a8e77d5ee7dcc/tumblr_mjj8z3ajCt1rctfm3o1_100.png');
  362. width: 15px;
  363. height: 100%;
  364. top: 0px;
  365. left: 1190px;
  366. position: fixed;
  367. }
  368.  
  369. #anthonyleft{
  370. background-image: url('http://24.media.tumblr.com/e327284af584dcc06439b45d10db5f3f/tumblr_mjj99bY5AX1rctfm3o1_100.png');
  371. width: 15px;
  372. height: 100%;
  373. top: 0px;
  374. left: 75px;
  375. position: fixed}
  376.  
  377. #dirt img {
  378. position:fixed;
  379. background:white;
  380. width: 90px;
  381. height:90px;
  382. margin-top:-1px;
  383. margin-left:2px;
  384. background: transparent;
  385. padding:0px;
  386. border-radius:100px;
  387. border: 4px double #aaa;
  388. }
  389.  
  390.  
  391.  
  392.  
  393. #credit{
  394. position:fixed !important;
  395. right:3px;
  396. top:30px;
  397. font-family: arial;
  398. font-size: 10px;
  399. line-height:12px;
  400. vertical-align: middle;
  401. overflow: hidden;
  402. padding:1px;
  403. -webkit-border-radius:2px;
  404. moz-border-radius:2px;
  405. -o-border-radius:2px;
  406. border-radius:2px;
  407. z-index: 1000;}
  408.  
  409. #credit a{
  410. color: #fff;}
  411. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/pwgdr2n/yAkm3iisd/a_s_black_swan.ttf');
  412. }
  413. </style>
  414.  
  415. <title>{title}</title>
  416. </head>
  417. {block:IndexPage}
  418.  
  419. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  420.  
  421. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  422. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  423.  
  424.  
  425. <script type="text/javascript">
  426. $(window).load(function () {
  427. var $content = $('#posts');
  428. $content.masonry({itemSelector: '.entry'}),
  429. $content.infinitescroll({
  430. navSelector : 'div#pagination',
  431. nextSelector : 'div#pagination a#nextPage',
  432. itemSelector : '.entry',
  433. loading: {
  434. finishedMsg: '',
  435. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  436. },
  437. bufferPx : 600,
  438. debug : false,
  439. },
  440. // call masonry as a callback.
  441. function( newElements ) {
  442. var $newElems = $( newElements );
  443. $newElems.hide();
  444. // ensure that images load before adding to masonry layout
  445. $newElems.imagesLoaded(function(){
  446. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  447.  
  448.  
  449. });
  450. });
  451. });
  452. </script>
  453.  
  454. {/block:IndexPage}
  455.  
  456.  
  457.  
  458. <body>
  459. <div id="credit">
  460. <a href="http://dannyworsnop.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  461. </div>
  462.  
  463. <div id="anthony"></div>
  464. <div id="anthonyleft"></div>
  465. <div id="anthonyright"></div>
  466.  
  467.  
  468. <div id="mate">
  469. <div id="dirt"><a href="/"><img src="{image:sidebar}"width=210px></a></div></div>
  470.  
  471.  
  472. <div id="hello">
  473.  
  474. <div class="ipod"><a href="/" title="{title}">
  475. <i>"{text:insert quote}"</i>
  476.  
  477. </a></div>
  478.  
  479.  
  480.  
  481. <div class="red">{description}</div>
  482.  
  483. <div id="links">
  484.  
  485. <a href="/">home</a>
  486.  
  487. <a href="/ask">message</a>
  488.  
  489. <a href="{text:Link1}">{text:Link1 Title}</a>
  490.  
  491. <a href="{text:Link2}">{text:Link2 Title}</a>
  492.  
  493. <a href="{text:Link3}">{text:Link3 Title}</a>
  494.  
  495. <a href="{text:Link4}">{text:Link4 Title}</a>
  496.  
  497.  
  498.  
  499.  
  500. </div>
  501.  
  502. </div></div>
  503.  
  504.  
  505.  
  506. <div id="posts">
  507. {block:Posts}
  508. <div class="entry">
  509.  
  510. {block:Answer}
  511. <img src="{AskerPortraitURL-30}" width="30" align="left"
  512. style="margin-right:4px; margin-left:7px; border:1px solid #ddd; padding:4px; background:white; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  513. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  514. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);"/>
  515.  
  516. <div style="margin-left: 2px; margin-top: 2px; min-height:25px; padding: 4px; background:white; border-top:0px solid #ddd; border-left:3px solid #ddd; width:230px; line-height:12px;">
  517.  
  518. <asker>&nbsp;{Asker}&nbsp;</asker>
  519. {Question}</div>
  520.  
  521. <div style="margin-left:0px; margin-bottom:4px; margin-top:7px; padding: 4px; background:transparent; border-top:1px solid #ddd; border-left:0px solid {color:highlight}; line-height:12px; text-align:center; width:220px; ">
  522.  
  523. {Answer}</div><div class="selask"><a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> </div>
  524. {/block:Answer}
  525.  
  526. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  527.  
  528. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  529. {/block:Text}
  530.  
  531. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  532.  
  533. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  534.  
  535. {block:Photo}
  536. {block:IndexPage}
  537. <center>
  538. <div class="perma">
  539. <a href="{ReblogURL}" target="_blank"> Reblog </a>// <a href="{permalink}">{notecountwithlabel}</a></div>
  540.  
  541. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="background:transparent; "width="250px"/></a></div>
  542.  
  543.  
  544.  
  545.  
  546.  
  547. {/block:IndexPage}
  548. {block:PermalinkPage}
  549. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  550.  
  551. {LinkCloseTag}
  552. {/block:PermalinkPage}
  553. {/block:Photo}
  554.  
  555. {block:Photoset}
  556. {block:IndexPage}
  557. <center>
  558.  
  559. <div class="perma">
  560. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  561.  
  562. {Photoset-250}</center>
  563. {/block:IndexPage}
  564. {block:PermalinkPage}
  565. <center>
  566. {Photoset-500}</center>
  567. {/block:PermalinkPage}
  568. {/block:Photoset}
  569.  
  570. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  571.  
  572. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  573.  
  574. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  575. <ul class="chat">
  576. {block:Lines}
  577. <li class="user_{UserNumber}">
  578. {block:Label}
  579. <span class="label">{Label}</span>
  580. {/block:Label}
  581.  
  582. {Line}
  583. </li>
  584. {/block:Lines}
  585. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  586. {/block:Chat}
  587.  
  588. {block:Audio}
  589. <div style="width:200px; height:30px;">
  590. {AudioPlayerBlack}
  591. </div>
  592. {block:IndexPage}<span class="permalink">
  593. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  594. </span>{/block:IndexPage}
  595. {/block:Audio}
  596.  
  597. {block:Video}
  598. {block:IndexPage}
  599. <center>
  600. <div class="perma">
  601. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  602. {Video-250}</center>
  603. {/block:IndexPage}
  604. {block:PermalinkPage}
  605. <center>
  606. {Video-400}</center>
  607. {/block:PermalinkPage}
  608. {block:Video}
  609.  
  610.  
  611. {block:PostNotes}<div align="middle">{caption}</div>
  612. <center>
  613.  
  614. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  615.  
  616. {block:HasTags}
  617. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  618. {block:RebloggedFrom}
  619. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  620. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  621.  
  622. {/block:RebloggedFrom}
  623. </center></span>
  624. <br>
  625. <div id="postnotes">{PostNotes}</div><br>
  626.  
  627. <center>{block:ContentSource}
  628. <br><a href="{SourceURL}">
  629. {lang:Source}:
  630. {block:SourceLogo}
  631. <img src="{BlackLogoURL}" width="{LogoWidth}"
  632. height="{LogoHeight}" alt="{SourceTitle}" />
  633. {/block:SourceLogo}
  634. {block:NoSourceLogo}
  635. {SourceLink}
  636. {/block:NoSourceLogo}
  637. </a>
  638. {/block:ContentSource}</center>
  639.  
  640. {/block:PostNotes}
  641. </div>
  642. {/block:Posts}
  643. </div></div>
  644.  
  645. {block:IndexPage}
  646. {block:Pagination}
  647. <div id="pagination">
  648. {block:NextPage}
  649. <a id="nextPage" href="{NextPage}"></a>
  650. {/block:NextPage}
  651. {block:PreviousPage}
  652. <a href="{PreviousPage}"></a>
  653. {/block:PreviousPage}
  654. </div>
  655. {/block:Pagination}
  656. {/block:IndexPage}
  657. </body>
  658. </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!