API tools faq
paste
Advertisement
lifegonewild

dannyworsnopbeard / theme 4

lifegonewild
Dec 18th, 2012
359
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.  
  6. <!--
  7. theme by http://dannyworsnop.tumblr.com/
  8. lol holla @ me
  9. IF YOU REMOVE CREDIT I WILL STAB YOU TO DEATH
  10. -->
  11.  
  12. <SCRIPT TYPE="text/javascript">
  13. //Disable right click script
  14. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  15. var message="";
  16. ///////////////////////////////////
  17. function clickIE() {if (document.all) {(message);return false;}}
  18. function clickNS(e) {if
  19. (document.layers||(document.getElementById&&!document.all)) {
  20. if (e.which==2||e.which==3) {(message);return false;}}}
  21. if (document.layers)
  22. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  23. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  24. document.oncontextmenu=new Function("return false")
  25. </script>
  26.  
  27.  
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <script type="text/javascript"
  35. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36.  
  37. <script type="text/javascript"
  38. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39. <link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'>
  40.  
  41. <title>{title}</title>
  42.  
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="/rss">
  45.  
  46. <meta name="description" content="{metadescription}" />
  47.  
  48. <meta name="color:Background" content="#eeeeee"/>
  49.  
  50. <meta name="color:Text" content="#000000"/>
  51. <meta name="color:Hover" content="#5d5d5d"/>
  52. <meta name="color:Link" content="#000000"/>
  53. <meta name="color:Posts" content="#ffffff"/>
  54. <meta name="image:Background" content="1"/>
  55. <meta name="image:Side picture" content="1"/>
  56. <meta name="text:Link 1 Title" content="link">
  57. <meta name="text:Link 1" content="http://">
  58. <meta name="text:Link 2 Title" content="link">
  59. <meta name="text:Link 2" content="http://">
  60. <meta name="text:Link 3 Title" content="link">
  61. <meta name="text:Link 3" content="http://">
  62. <meta name="text:Link 4 Title" content="link">
  63. <meta name="text:Link 4" content="http://">
  64. <meta name="text:Link 5 Title" content="link">
  65. <meta name="text:Link 5" content="http://">
  66.  
  67. <style type="text/css">
  68.  
  69. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  70.  
  71. ::-webkit-scrollbar-thumb { background-color:black; }
  72.  
  73. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  74.  
  75. #tumblr_controls{
  76. position:fixed !important;
  77. }
  78.  
  79. .wrapper{
  80. margin: 0px auto;
  81. width: 900px;
  82. }
  83.  
  84. .header{
  85. float: left;
  86. width: 100%;
  87. }
  88.  
  89. .left{
  90. float: left;
  91. margin-right: 20px;
  92. width: 802px;
  93. }
  94.  
  95. .right{
  96. float: right;
  97. width: 200px;
  98. background-color: {color:Background};
  99. }
  100.  
  101. body {
  102. padding: 0px;
  103. margin: 0px;
  104. color:{color:text};
  105. font-family: consolas;
  106. font-size: 11px;
  107. line-height:11px;
  108. background-color: {color:Background};
  109. background-image:url({image:Background});
  110. background-attachment: fixed;
  111. background-repeat: repeat
  112. text-align: justify;
  113. }
  114.  
  115. a:link, a:active, a:visited{
  116. color:{color:link};
  117. text-decoration: none;
  118. -webkit-transition: color 0.4s ease-out;
  119. -moz-transition: color 0.4s ease-out;
  120. }
  121.  
  122. a:hover{
  123. color:{color:Hover};
  124. -webkit-transition: color 0.4s ease-out;
  125. -moz-transition: color 0.4s ease-out;
  126. }
  127.  
  128. .entry {
  129. float:left;
  130. margin:5px;
  131. padding: 20px;
  132. text-align: justify;
  133. background-color: {color:Posts};
  134. padding-top:5px;
  135. padding-left:5px;
  136. padding-right:5px;
  137. padding-bottom:3px;
  138. margin-top; 0px;
  139. border:1px solid rgba(0,0,0,0.1);
  140. {block:IndexPage}
  141. width:280px;
  142. -webkit-transition-duration: .8s;
  143. {/block:IndexPage}
  144. {block:PermalinkPage}
  145. width:590px;
  146. {/block:PermalinkPage}
  147. }
  148.  
  149. .entry .permalink{
  150. font-family: consolas;
  151. position: absolute;
  152. bottom:5px;
  153. margin-left: 0px;
  154. opacity: 0;
  155. -webkit-transition: all .6s ease;
  156. -moz-transition: all .6s ease;
  157. -o-transition: all .6s ease;
  158. transition: all .6s ease;
  159. }
  160. .entry:hover .permalink{
  161. margin-left:10px;
  162. opacity: 0.8;
  163. -webkit-transition: all .6s ease;
  164. -moz-transition: all .6s ease;
  165. -o-transition: all .6s ease;
  166. transition: all .6s ease;
  167. }
  168.  
  169. .entry .permalink2{
  170. position: absolute;
  171. bottom:5px;
  172. margin-left: 200px;
  173. opacity: 0;
  174. -webkit-transition: all .8s ease;
  175. -moz-transition: all .8s ease;
  176. -o-transition: all .8s ease;
  177. transition: all .8s ease;
  178. }
  179. .entry:hover .permalink2{
  180. right:15px;
  181. opacity: 0.8;
  182. -webkit-transition: all .6s ease;
  183. -moz-transition: all .6s ease;
  184. -o-transition: all .6s ease;
  185. transition: all .6s ease;
  186. transform:rotate(360deg);
  187. }
  188.  
  189. .permalink {
  190. color: #000000;
  191. height:auto;
  192. width:auto;
  193. letter-spacing:0px;
  194. text-transform:uppercase;
  195. text-align:center;
  196. font-family:consolas;
  197. font-size:12px;
  198. line-height:15px;
  199. margin: 0px;
  200. opacity:1;
  201. background:white;
  202. background-repeat:repeat;
  203. padding:0px 3px;
  204. }
  205.  
  206. .permalink2 {
  207. color: #000000;
  208. height:auto;
  209. width:auto;
  210. letter-spacing:0px;
  211. text-transform:lowercase;
  212. text-align:center;
  213. font-family:consolas;
  214. font-size:12px;
  215. line-height:15px;
  216. margin: 0px;
  217. opacity:0.6;
  218. background:white;
  219. background-repeat:repeat;
  220. padding:0px 3px;
  221. transform:rotate(360deg);
  222. -moz-transform:rotate(360deg);
  223. -webkit-transform:rotate(360deg);
  224. -ms-transform:rotate(360deg);
  225. -o-transform:rotate(360deg);
  226. }
  227.  
  228.  
  229. #credit{
  230. position:fixed !important;
  231. right:3px;
  232. top:26px;
  233. font-family: arial;
  234. font-size: 10px;
  235. line-height:12px;
  236. vertical-align: middle;
  237. overflow: hidden;
  238. padding:1px;
  239. -webkit-border-radius:2px;
  240. moz-border-radius:2px;
  241. -o-border-radius:2px;
  242. border-radius:2px;
  243. z-index: 1000;}
  244.  
  245. #credit a{
  246. color: #fff;}
  247.  
  248.  
  249. #sidebar{
  250. z-index:999999999999999;
  251. position:fixed !important;
  252. width:340px;
  253. margin-top:5px;
  254. margin-left:155px;
  255. padding:5px;
  256. z-index:10;
  257. height:50px;
  258. background: {color:Posts};
  259. overflow:hidden;
  260. text-align:center;
  261. border:1px solid rgba(0,0,0,0.1);
  262. }
  263.  
  264. #linksbar{
  265. z-index:999999999999999;
  266. position:fixed !important;
  267. width:230px;
  268. background:{color:Posts};
  269. margin-top:5px;
  270. margin-left:510px;
  271. padding:5px;
  272. z-index:10;
  273. height:50px;
  274. overflow:hidden;
  275. text-align:center;
  276. border:1px solid rgba(0,0,0,0.1);
  277. }
  278.  
  279.  
  280. #posts {
  281. width: 605px;
  282. margin-top:-35px;
  283. margin-left:45px;
  284. padding:105px;
  285. }
  286.  
  287.  
  288. .textperma{
  289. display: block;
  290. text-transform: lowercase;
  291. text-align: right;
  292. border-right:20px solid rgba(0,0,0,0.1);
  293. padding: 0px;
  294. padding-right:2px;
  295. margin: 2px;
  296. -webkit-transition-duration:0.8s;
  297. }
  298.  
  299. .textperma:hover{
  300. border-right:30px solid rgba(0,0,0,0.2);
  301. -webkit-transition-duration:0.8s;
  302. }
  303.  
  304. .title{
  305. font-family: consolas;
  306. font-size: 15px;
  307. line-height: 15px;
  308. color: {color:text};
  309. font-weight: normal;
  310. text-transform:uppercase;
  311. }
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318. </style>
  319.  
  320. {block:IndexPage}
  321. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  322. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  323.  
  324. <script type="text/javascript">
  325. $(window).load(function () {
  326. var $content = $('#posts');
  327. $content.masonry({itemSelector: '.entry'}),
  328. $content.infinitescroll({
  329. navSelector : 'div#pagination',
  330. nextSelector : 'div#pagination a#nextPage',
  331. itemSelector : '.entry',
  332. loading: {
  333. finishedMsg: '',
  334. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  335. },
  336. bufferPx : 600,
  337. debug : false,
  338. },
  339. // call masonry as a callback.
  340. function( newElements ) {
  341. var $newElems = $( newElements );
  342. $newElems.hide();
  343. // ensure that images load before adding to masonry layout
  344. $newElems.imagesLoaded(function(){
  345. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  346.  
  347.  
  348. });
  349. });
  350. });
  351. </script>
  352.  
  353.  
  354.  
  355. {/block:IndexPage}
  356.  
  357. <title>{title}</title>
  358.  
  359. <link rel="shortcut icon" href="{Favicon}">
  360. <meta name="viewport" content="width=820" />
  361.  
  362.  
  363. </head>
  364.  
  365. <body>
  366.  
  367. <div class="wrapper">
  368. <div class="header">
  369. </div>
  370. <div id="credit">
  371. <a href="http://dannyworsnop.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a>
  372. </div>
  373.  
  374. <div id="sidebar">
  375. <br>{Description}
  376. </div>
  377.  
  378.  
  379.  
  380. <div id="linksbar">
  381. <center>
  382. <br><select onchange='location=this.options[this.selectedIndex].value;' style='width:200px;background-color:{color:Posts};;border:#ccc 1px solid;font-size:12px;font-family:consolas; border-radius:5px;'>
  383.  
  384. <option><center>navigation</center></option>
  385.  
  386. <option value="/">home</option>
  387. <option value="/ask">message</option>
  388. <option value="{text:Link 1}">{text:Link 1 Title}</option>
  389. <option value="{text:Link 2}">{text:Link 2 Title}</option>
  390. <option value="{text:Link 3}">{text:Link 3 Title}</option>
  391. <option value="{text:Link 4}">{text:Link 4 Title}</option>
  392. <option value="{text:Link 5}">{text:Link 5 Title}</option>
  393.  
  394.  
  395. </select></option>
  396. </center>
  397. <cente>
  398.  
  399. </center>
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407. </div>
  408.  
  409. <div style="margin-left:760px; top:0px; height:100%; position: fixed; background-image:url({image:Side picture}); width:70px; ">
  410. </div>
  411. <div style="margin-left:75px; top:0px; height:100%; position: fixed; background-image:url({image:Side picture}); width:70px; ">
  412. </div>
  413.  
  414.  
  415. <div class="content">
  416.  
  417. <div class="left">
  418.  
  419. <div id="posts">
  420.  
  421. {block:Posts}
  422. <div class="entry">
  423.  
  424. {block:Text}
  425. {block:Title}<span class="title">{Title}</span>{/block:Title}
  426. <div class="caption"><span class="entrytext">{Body}</span></div>
  427. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  428. {/block:Text}
  429.  
  430. {block:Link}
  431. <a href="{URL}" class="title">{Name}</a>
  432. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  433. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  434. {block:Link}
  435.  
  436.  
  437. {block:Photo}
  438. {block:IndexPage}
  439. <div class="permalink">
  440. <span class="countreblog"><a href="{ReblogURL}" target="_blank"><font color="#000000">reblog</font></a></span></div>
  441. <div class="permalink2">
  442. <span class="countreblog"><a href="{Permalink}"><font color="#000000">{notecount}</font></a></span>
  443. </div>
  444. {/block:IndexPage}
  445. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="280"/></a></div>{LinkCloseTag}
  446. {/block:IndexPage}
  447. {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
  448. {/block:Photo}
  449.  
  450.  
  451.  
  452. {block:Photoset}
  453. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  454. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  455. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  456. {/block:Photoset}
  457.  
  458. {block:Quote}
  459. {Quote}</span>
  460. {block:Source}{Source}{/block:Source}
  461. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  462. {/block:Quote}
  463.  
  464. {block:Chat}
  465. {block:Title}<span class="title">{Title}</span>{/block:Title}
  466. <ul class="chat">
  467. {block:Lines}
  468. <li class="user_{UserNumber}">
  469. {block:Label}
  470. <span class="label">{Label}</span>
  471. {/block:Label}
  472.  
  473. {Line}
  474. </li>
  475. {/block:Lines}
  476. </ul>
  477. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  478. {/block:Chat}
  479.  
  480. {block:Audio}
  481. <div style="width:250px; height:28px;">{AudioPlayerWhite}</div>
  482. {block:IndexPage}
  483. <div class="caption">
  484. {caption}</div>{/block:IndexPage}
  485. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  486. {/block:Audio}
  487.  
  488. {block:Video}
  489. <center>
  490. {block:IndexPage}
  491. {Video-250}
  492. {/block:IndexPage}
  493. </center>
  494. {block:PermalinkPage}
  495. <center>{Video-500}</center>
  496. {/block:PermalinkPage}
  497. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  498. {block:Video}
  499.  
  500. {block:Answer}
  501. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  502. <strong>{Asker}: {Question}</strong>
  503. <div class="caption">
  504. <br><p>{Answer}</div>
  505. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a></span></div></div>{/block:IndexPage}
  506. {/block:Answer}
  507.  
  508. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  509.  
  510. {block:PermalinkPage}
  511. {block:Date}
  512. {block:Caption}{Caption}{/block:Caption}<center>
  513. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br>
  514. {block:NoteCount}{NoteCount} notes{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  515. {/block:Date}
  516.  
  517. {/block:PermalinkPage}
  518.  
  519. {block:PostNotes}{PostNotes}
  520. {/block:PostNotes}
  521. </div>
  522.  
  523.  
  524. {/block:Posts}
  525. </div>
  526. </div>
  527. {block:IndexPage}<br>
  528. {block:Pagination}
  529. <div id="pagination">
  530. {block:NextPage}
  531. <a id="nextPage" href="{NextPage}">next</a>
  532. {/block:NextPage}
  533. {block:PreviousPage}
  534. <a href="{PreviousPage}">back</a>
  535. {/block:PreviousPage}
  536. </div>
  537. {/block:Pagination}
  538. {/block:IndexPage}
  539. </div>
  540.  
  541.  
  542. </body>
  543.  
  544.  
  545. </div></div>
  546. </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!