API tools faq
paste
Advertisement
ravenbestler

Theme 5

ravenbestler
Jan 24th, 2013
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4.  
  5.  
  6. <!--Make sure that you change the posts to 15 posts per page or infinite scroll will not work-->
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css'>
  9.  
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  12.  
  13.  
  14. <script type="text/javascript">
  15. WebFontConfig = {
  16. google: { families: [ 'Antic::latin' ] }
  17. };
  18. (function() {
  19. var wf = document.createElement('script');
  20. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  21. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  22. wf.type = 'text/javascript';
  23. wf.async = 'true';
  24. var s = document.getElementsByTagName('script')[0];
  25. s.parentNode.insertBefore(wf, s);
  26. })(); </script>
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29. <head><meta name="color:Content" content="#7cb9e8"/>
  30. <meta name="color:Body font" content="#000000"/>
  31. <meta name="color:Links" content="#000000"/>
  32. <meta name="color:Link hover" content="#008000"/>
  33. <meta name="color:Background" content="#b284be"/>
  34. <meta name="image:Background image" content=" "/>
  35. <meta name="image:Sidebar photo" content=""/>
  36. <meta name="if:Show blog title" content="1"/>
  37. <meta name="if:Show links" content="1"/>
  38. <meta name="if:Cute font" content="0"/>
  39. <meta name="if:Rainbow hover links" content="0"/>
  40.  
  41. <meta name="text:Link one URL" content="" />
  42. <meta name="text:Link one title" content="Link 1" />
  43. <meta name="text:Link two URL" content="" />
  44. <meta name="text:Link two title" content="Link 2" />
  45. <meta name="text:Link three URL" content="" />
  46. <meta name="text:Link three title" content="Link 3" />
  47. <meta name="text:Link four URL" content="" />
  48. <meta name="text:Link four title" content="Link 4" />
  49.  
  50.  
  51. <title>Title Goes Here</title>
  52. {block:ifRainbowhoverlinks}<script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>{/block:ifRainbowhoverlinks}
  53.  
  54. <link rel="shortcut icon" href="{Favicon}">
  55. {block:Description}
  56.  
  57. <meta name="description" content="{MetaDescription}"/>
  58. {/block:Description}
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  61.  
  62.  
  63. <link rel="stylesheet" type="text/css"href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. img{
  69. -webkit-transition: opacity 0.8s linear;
  70. opacity: 0.8;
  71. }
  72. img:hover{
  73. -webkit-transition: opacity 0.8s linear;
  74. opacity: 1;
  75. }
  76.  
  77. #tumblr_controls{
  78. position:fixed !important;
  79. z-index:99999999999;
  80. }
  81.  
  82.  
  83. body {
  84. color: {color:Body font};
  85. background:{color:Background}
  86. url({image:background image});
  87. background-attachment: fixed;
  88. background-repeat: repeat;
  89. font-family: {block:ifCutefont}'short';font-size: 10px;{/block:ifCutefont}{block:ifnotCutefont}calibri; font-size: 12px;{/block:ifnotCutefont};
  90.  
  91. line-height: 110%;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb:vertical {
  95. background-color:{color:Link Hover};
  96. height:auto;-webkit-border-radius:10px;
  97. }
  98.  
  99. ::-webkit-scrollbar-thumb:horizontal {
  100. background-color:{color:Link Hover};
  101. height:6px !important;-webkit-border-radius:10px;
  102. }
  103.  
  104. ::-webkit-scrollbar {
  105. height:6px;
  106. width:6px;
  107. background-color:{color:Background};
  108. -webkit-border-radius:10px;
  109. }
  110.  
  111.  
  112.  
  113.  
  114. @font-face{
  115. font-family:"short";
  116. src: url('http://static.tumblr.com/9nfl7hr/XQom5w68s/shortstack-regular.ttf');
  117. }
  118.  
  119.  
  120. @font-face { font-family: "small font"; src: url('http://static.tumblr.com/9nfl7hr/NuEm61n3e/slkscr.ttf'); }
  121.  
  122. #infscr-loading {
  123. position: absolute;
  124. bottom: 0;
  125. left: 25%;}
  126.  
  127. a { -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  128.  
  129. a:link, a:active, a:visited{
  130. color:{color:Links};
  131. text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;
  132. }
  133.  
  134.  
  135. a:hover {
  136. color:{color:Link hover};
  137. text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;
  138. }
  139.  
  140.  
  141. .chatz {padding:3px; }
  142.  
  143. .chatz ul {padding:3px; background-color:#ebebeb; border-top: 1px solid #7d7d7d; margin-bottom:-12px;}
  144.  
  145.  
  146.  
  147.  
  148. .asss {align:right; background: #d5d0d0; margin:6px 0px 5px 66px;padding:10px; position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  149.  
  150. .asss p {margin:1px 0px;}
  151.  
  152. .asss span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #d5d0d0;}
  153.  
  154. .asssborder {float: left; margin: 1px 4px 0 0; padding: 2px; background: #f7f7f7;}
  155.  
  156.  
  157.  
  158. ul {
  159. display: block;
  160. list-style-type: disc;
  161. -webkit-margin-before: 1em;
  162. -webkit-margin-after: 1em;
  163. -webkit-margin-start: 0px;
  164. -webkit-margin-end: 0px;
  165. -webkit-padding-start: 20px;
  166. }
  167.  
  168.  
  169.  
  170. #tumblr_controls{
  171. position:fixed; z-index:9999999999;
  172. }
  173.  
  174.  
  175. #content {
  176. width: 780px;
  177. float: left;
  178. margin-top:-5px;
  179. margin-left: 276px;
  180. padding-left:3px;
  181. padding-top:8px;
  182. background-color: {color:Content};
  183.  
  184. }
  185. #contain {
  186. width: 1060px;
  187. margin: 0px auto;
  188. }
  189.  
  190. #sidebar { -khtml-border-top-right-radius: 65px;
  191. -moz-border-top-right-radius: 65px;
  192. -webkit-border-top-right-radius: 65px;
  193. border-top-right-radius: 65px;
  194. -khtml-border-top-left-radius: 65px;
  195. -moz-border-top-left-radius: 65px;
  196. -webkit-border-top-left-radius: 65px;
  197. border-top-left-radius: 65px;
  198. padding: 2px;
  199. border:1px solid #7cb9e8;
  200. width: 260px;
  201. overflow: hidden;
  202. text-align: center;
  203. position: fixed;
  204. bottom: 0px;
  205. background-color:{color:Content};
  206. height: auto;
  207. -webkit-transition: all 0.3s ease-in-out;
  208. -moz-transition: all 0.3s ease-in-out;
  209. -o-transition: all 0.3s ease-in-out;
  210. }
  211.  
  212.  
  213. #sidebar2 { -khtml-border-bottom-right-radius: 65px;
  214. -moz-border-bottom-right-radius: 65px;
  215. -webkit-border-bottom-right-radius: 65px;
  216. border-bottom-right-radius: 65px;
  217. -khtml-border-bottom-left-radius: 65px;
  218. -moz-border-bottom-left-radius: 65px;
  219. -webkit-border-bottom-left-radius: 65px;
  220. border-bottom-left-radius: 65px;
  221. padding: 2px;
  222. border:1px solid #7cb9e8;
  223. width: 260px;
  224. padding-bottom:6px;
  225. overflow: hidden;
  226. text-align: center;
  227. position: fixed;
  228. top: -170px;
  229. background-color:{color:Content};
  230. height: 190px;
  231. -webkit-transition: all 0.3s ease-in-out;
  232. -moz-transition: all 0.3s ease-in-out;
  233. -o-transition: all 0.3s ease-in-out;
  234. }
  235.  
  236. #sidebar2:hover {top:0px;
  237. -webkit-transition: all 0.3s ease-in-out;
  238. -moz-transition: all 0.3s ease-in-out;
  239. -o-transition: all 0.3s ease-in-out;}
  240. #hov {display:block; opacity:1;
  241. -webkit-transition: all 0.3s ease-in-out;
  242. -moz-transition: all 0.3s ease-in-out;
  243. -o-transition: all 0.3s ease-in-out;}
  244.  
  245. #sidebar2:hover #hov {opacity:0;
  246. -webkit-transition: all 0.3s ease-in-out;
  247. -moz-transition: all 0.3s ease-in-out;
  248. -o-transition: all 0.3s ease-in-out;}
  249.  
  250. h3 {font-family: 'Antic'; font-size: 20px; line-height: 100%;}
  251.  
  252. .title {font-family: 'Antic'; font-size: 20px; line-height: 100%; }
  253.  
  254.  
  255. ol.notes img {
  256. width: 16px;
  257. display: inline;
  258. position: relative;
  259. top: 3px;
  260. }
  261.  
  262. .entry {
  263. overflow: hidden;
  264. float: left; padding:2px;
  265. {block:indexpage}
  266. width: 250px;
  267. margin-left:4px;
  268. margin-top:4px;
  269. {/block:indexpage}
  270. {block:permalinkpage}
  271. width: 510px;
  272. margin-left:4px;
  273. margin-top:4px;
  274. {/block:permalinkpage}
  275. display: block;
  276.  
  277. border: 1px solid #7cb9e8;
  278. background:{color:Content};
  279.  
  280. }
  281.  
  282.  
  283.  
  284. .entry img {
  285. display: block;
  286. {block:indexpage}
  287. max-width: 250px;
  288. {/block:indexpage}
  289. }
  290.  
  291.  
  292.  
  293. .entry:hover img {
  294.  
  295. }
  296.  
  297.  
  298.  
  299.  
  300.  
  301. #pagination{
  302. display:none;
  303. }
  304.  
  305.  
  306.  
  307. .clear {
  308. clear: both;
  309. }
  310.  
  311.  
  312. .drawer {
  313. list-style: none;}
  314. #topmenu {
  315. margin: 5px;
  316. }
  317.  
  318.  
  319.  
  320. blockquote, q {
  321. quotes: "«" "»" "'" "'";
  322. padding: 3px;
  323. margin: 0px 5px;
  324. border-left: solid #7d7d7d 2px;
  325. }
  326.  
  327.  
  328. li.drawer a {
  329. margin: 0px 5px;}
  330.  
  331.  
  332.  
  333. .wrapy {align:right;background: #d5d0d0; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
  334.  
  335. .wrapy p {margin:1px 0px;}
  336.  
  337. .wrapy span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #d5d0d0;}
  338.  
  339. .moar {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f7f7f7}
  340.  
  341.  
  342.  
  343. .text {
  344. padding: 2px;
  345. }
  346.  
  347.  
  348. .askb {float: left; margin: 0px;padding: 0px 5px 5px 0px; background: #eee}
  349.  
  350.  
  351.  
  352. .blogtitle {display:block; height:120px; overflow:hidden; text-overflow:ellipsis;}
  353.  
  354. .blogtitle a {
  355. font-family: 'Megrim';
  356. font-size: 34px;
  357. line-height: 86%;
  358. color:{color:Links};
  359. -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;
  360.  
  361. }
  362.  
  363.  
  364. .blogtitle a:hover {
  365. color:{color:Link hover}; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  366.  
  367.  
  368. .linkz {text-align:center; padding-top:5px; margin-top:5px; border-top:1px solid #7cb9e8;
  369. -webkit-transition: all 0.3s ease-in-out;
  370. -moz-transition: all 0.3s ease-in-out;
  371. -o-transition: all 0.3s ease-in-out;}
  372.  
  373. .linkz a {
  374. -webkit-transition: all 0.3s ease-in-out;
  375. -moz-transition: all 0.3s ease-in-out;
  376. -o-transition: all 0.3s ease-in-out;
  377. display:inline-block;
  378. width: 80px;
  379. padding:2px;
  380. height: 23px;
  381. overflow:hidden;
  382. font-family:'megrim';
  383. line-height: 20px;
  384. opacity: .9;
  385. position:relative;
  386. font-size: 17px;
  387. margin-top:-5px;
  388. margin-right:0px;
  389. text-transform: lowercase;
  390. text-align:center;
  391. color: {color:Links};
  392.  
  393. }
  394.  
  395. .linkz a:hover {
  396. font-weight:normal;
  397. color: {color:Link hover};
  398. opacity: 0.7;
  399. border-top: 0px solid;
  400. -webkit-transition: all 0.3s ease-in-out;
  401. -moz-transition: all 0.3s ease-in-out;
  402. -o-transition: all 0.3s ease-in-out;
  403. -webkit-transform: rotate(10deg);
  404.  
  405. }
  406.  
  407. .perma2 {
  408. text-align:center;
  409. width: 100%;
  410. font-size: 9px;
  411. font-family: 'small font';
  412. opacity:.9;
  413. line-height: 15px;
  414. height:0px;
  415. letter-spacing:-1px;
  416. overflow:hidden;
  417. -webkit-transition: all 0.4s ease-in-out;
  418. -moz-transition: all 0.4s ease-in-out;
  419. -o-transition: all 0.4s ease-in-out;}
  420.  
  421. .perma2 a {color:{color:Body font};}
  422.  
  423. .entry:hover .perma2 {
  424. z-index:999999;
  425. height:15px;
  426. margin-top:-15px;
  427. background-color:{color:Content};
  428. width: 100%;
  429. -webkit-transition: all 0.4s ease-in-out;
  430. -moz-transition: all 0.4s ease-in-out;
  431. -o-transition: all 0.4s ease-in-out;
  432. }
  433.  
  434. .clearfix {
  435. clear: both;
  436. }
  437.  
  438.  
  439. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  440. padding-bottom : 0px;}
  441.  
  442. #oneout {
  443. -moz-box-shadow: 0px 0px 0px 0px ;
  444. -webkit-box-shadow: 0px 0px 0px 0px ;
  445. box-shadow: 0px 0px 0px 0px ;
  446.  
  447.  
  448. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  449. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  450.  
  451.  
  452. z-index:1000;
  453. position: fixed;
  454. top: 134px;
  455. left: 1px;
  456. width: 18px;
  457. padding: 40px 0;
  458. text-align: center;
  459.  
  460. -webkit-transition-duration: 0.3s;
  461. -moz-transition-duration: 0.3s;
  462. -o-transition-duration: 0.3s;
  463. transition-duration: 0.3s;
  464. -webkit-border-radius: 0 5px 5px 0;
  465. -moz-border-radius: 0 5px 5px 0;
  466. border-radius: 0 5px 5px 0;}
  467.  
  468.  
  469. #oneout_inner {
  470.  
  471. -moz-box-shadow: 0px 0px 1px 0px ;
  472. -webkit-box-shadow: 0px 0px 1px 0px ;
  473. box-shadow: 0px 0px 1px 0px ;
  474.  
  475. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  476. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  477.  
  478. top: 114px;
  479. left: -250px;
  480. position: fixed;
  481. background: ;
  482. width: 230px;
  483. padding: 10px;
  484. background: #FFFFFF;
  485. height: auto;
  486. -webkit-transition-duration: 0.3s;
  487. -moz-transition-duration: 0.3s;
  488. -o-transition-duration: 0.3s;
  489. transition-duration: 0.3s;
  490. text-align: left;
  491. -webkit-border-radius: 0 0 5px 0;
  492. -moz-border-radius: 0 0 5px 0;
  493. border-radius: 0 0 5px 0;}
  494.  
  495. #oneout:hover {
  496. z-index:1000;
  497. left: 250px;}
  498.  
  499. #oneout:hover #oneout_inner {
  500. z-index:1000;
  501. left: 0px;}
  502.  
  503.  
  504. .onetitle {
  505. display: block;
  506. writing-mode: lr-tb;
  507. -webkit-transform: rotate(-90deg);
  508. -moz-transform: rotate(-90deg);
  509. -ms-transform: rotate(-90deg);
  510. -o-transform: rotate(-90deg);
  511. transform: rotate(-90deg);
  512. position: absolute;
  513. left: -11px;
  514. top: 3px;
  515. font-family:Lucida Sans;
  516. font-size: 16px;
  517. font-weight: normal;
  518. text-transform: uppercase;
  519. letter-spacing: -1px;}
  520.  
  521.  
  522. </style>
  523. <script type="text/javascript">
  524. // <![CDATA[
  525. var colours=new Array("#008000", "#008000", "#008000", "#008000", "#008000"); // colours for top, right, bottom and left borders and background of bubbles
  526. var bubbles=66; // how many bubbles are moving at any given time
  527.  
  528. /****************************
  529. * JavaScript Bubble Bath *
  530. *(c)2010-12 mf2fm web-design*
  531. * http://www.mf2fm.com/rv *
  532. * DON'T EDIT BELOW THIS BOX *
  533. ****************************/
  534. var swide=800;
  535. var shigh=600;
  536. var bubb=new Array();
  537. var bubbx=new Array();
  538. var bubby=new Array();
  539. var bubbs=new Array();
  540. var boddie;
  541.  
  542. function addLoadEvent(funky) {
  543. var oldonload=window.onload;
  544. if (typeof(oldonload)!='function') window.onload=funky;
  545. else window.onload=function() {
  546. if (oldonload) oldonload();
  547. funky();
  548. }
  549. }
  550.  
  551. addLoadEvent(bubba);
  552.  
  553. function bubba() { if (document.getElementById) {
  554. var i, rats, div;
  555. boddie=document.createElement("div");
  556. boddie.style.position="fixed";
  557. boddie.style.top="0px";
  558. boddie.style.left="0px";
  559. boddie.style.overflow="visible";
  560. boddie.style.width="1px";
  561. boddie.style.height="1px";
  562. boddie.style.backgroundColor="transparent";
  563. document.body.appendChild(boddie);
  564. set_width();
  565. for (i=0; i<bubbles; i++) {
  566. rats=createDiv("3px", "3px");
  567.  
  568. div=createDiv("auto", "auto");
  569. rats.appendChild(div);
  570. div=div.style;
  571. div.top="1px";
  572. div.left="0px";
  573. div.bottom="1px";
  574. div.right="0px";
  575. div.borderLeft="1px solid "+colours[3];
  576. div.borderRight="1px solid "+colours[1];
  577.  
  578. div=createDiv("auto", "auto");
  579. rats.appendChild(div);
  580. div=div.style;
  581. div.top="0px";
  582. div.left="1px";
  583. div.right="1px";
  584. div.bottom="0px"
  585. div.borderTop="1px solid "+colours[0];
  586. div.borderBottom="1px solid "+colours[2];
  587.  
  588. div=createDiv("auto", "auto");
  589. rats.appendChild(div);
  590. div=div.style;
  591. div.left="1px";
  592. div.right="1px";
  593. div.bottom="1px";
  594. div.top="1px";
  595. div.backgroundColor=colours[4];
  596. if (navigator.appName=="Microsoft Internet Explorer") div.filter="alpha(opacity=50)";
  597. else div.opacity=0.5;
  598.  
  599. boddie.appendChild(rats);
  600. bubb[i]=rats.style;
  601. }
  602. bubble();
  603. }}
  604.  
  605. function bubble() {
  606. var c;
  607. for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
  608. bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
  609. bubb[c].top=(bubby[c]=shigh)+"px";
  610. bubb[c].width="3px";
  611. bubb[c].height="3px"
  612. bubb[c].visibility="visible";
  613. bubbs[c]=3;
  614. break;
  615. }
  616. for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  617. setTimeout("bubble()", 40);
  618. }
  619.  
  620. function update_bubb(i) {
  621. if (bubby[i]) {
  622. bubby[i]-=bubbs[i]/2+i%2;
  623. bubbx[i]+=(i%5-2)/5;
  624. if (bubby[i]>0 && bubbx[i]>0 && bubbx[i]<swide) {
  625. if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
  626. bubb[i].width=bubbs[i]+"px";
  627. bubb[i].height=bubbs[i]+"px";
  628. }
  629. bubb[i].top=bubby[i]+"px";
  630. bubb[i].left=bubbx[i]+"px";
  631. }
  632. else {
  633. bubb[i].visibility="hidden";
  634. bubby[i]=0;
  635. return;
  636. }
  637. }
  638. }
  639.  
  640. window.onresize=set_width;
  641. function set_width() {
  642. var sw_min=999999;
  643. var sh_min=999999;
  644. if (document.documentElement && document.documentElement.clientWidth) {
  645. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  646. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  647. }
  648. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  649. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  650. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  651. }
  652. if (document.body.clientWidth) {
  653. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  654. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  655. }
  656. if (sw_min==999999 || sh_min==999999) {
  657. sw_min=800;
  658. sh_min=600;
  659. }
  660. swide=sw_min;
  661. shigh=sh_min;
  662. }
  663.  
  664. function createDiv(height, width) {
  665. var div=document.createElement("div");
  666. div.style.position="absolute";
  667. div.style.height=height;
  668. div.style.width=width;
  669. div.style.overflow="hidden";
  670. div.style.backgroundColor="transparent";
  671. return (div);
  672. }
  673. // ]]>
  674. </script>
  675. </head>
  676. <body>
  677.  
  678. <div id="oneout">
  679. <span class="onetitle">
  680.  
  681.  
  682. TITLE HERE
  683.  
  684. </span>
  685. <div id="oneout_inner">
  686. <center>
  687.  
  688. Text Here
  689.  
  690. <br></center>
  691. </div>
  692. </div>
  693.  
  694.  
  695. <div id="contain">
  696.  
  697.  
  698. <div id="sidebar2">
  699.  
  700.  
  701. {block:ifShowblogtitle}
  702. <div class="blogtitle">
  703. <a href="/" title="Refresh">
  704. {Title}</a>&nbsp;
  705. </div>{/block:IfShowblogtitle}
  706.  
  707. {block:ifShowlinks}
  708.  
  709. <div class="linkz">
  710.  
  711. <center>
  712. <a href="/ask">Ask</a>
  713.  
  714. <a href="{text:Link one URL}">{text:Link one title}</a>
  715.  
  716. <a href="{text:Link two URL}">{text:Link two title}</a>
  717.  
  718. <a href="{text:Link three URL}">{text:Link three title}</a>
  719.  
  720. <a href="{text:Link four URL}">{text:Link four title}</a>
  721.  
  722. <a href="http://ravenbestler.tumblr.com/">Theme</a><br><div id="hov">Hover for links</div>
  723.  
  724. </center>
  725. </div>
  726.  
  727.  
  728. {/block:ifShowlinks}
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736. </div>
  737.  
  738.  
  739. <div id="sidebar">
  740.  
  741.  
  742. <a href="/"><img src="{image:Sidebar photo}" width="260" style="-khtml-border-top-right-radius: 65px;
  743. -moz-border-top-right-radius: 65px;
  744. -webkit-border-top-right-radius: 65px;
  745. border-top-right-radius: 65px;
  746. -khtml-border-top-left-radius: 65px;
  747. -moz-border-top-left-radius: 65px;
  748. -webkit-border-top-left-radius: 65px;
  749. border-top-left-radius: 65px; "/></a>
  750.  
  751.  
  752. <p>{Description}</p>
  753.  
  754.  
  755.  
  756. </div>
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763. <div id="content">
  764.  
  765. {block:Posts}
  766.  
  767. <div class="entry">
  768.  
  769.  
  770.  
  771. {block:Text}
  772. <div class="text">
  773. {block:Title}
  774. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  775. {/block:Title}
  776. {Body}
  777. {block:IndexPage}
  778. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  779. {/block:IndexPage}
  780. </div>
  781. {/block:Text}
  782.  
  783.  
  784.  
  785. {block:Photo}
  786. {block:indexpage}
  787. <img src="{PhotoURL-HighRes}" width="100%"/>
  788. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  789. {/block:Indexpage}
  790. {block:Permalinkpage}
  791. <center></center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" width="100%"/></a>
  792. {/block:Permalinkpage}
  793. {/block:Photo}
  794.  
  795.  
  796.  
  797. {block:Photoset}
  798. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  799. {block:IndexPage}
  800. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  801. {/block:IndexPage}
  802. {block:permalinkpage}
  803. {Photoset-500}
  804. {/block:permalinkpage}
  805. {/block:Photoset}
  806.  
  807.  
  808.  
  809.  
  810. {block:Quote}
  811. <div class="text">
  812. <div class="title"> "{Quote}" </div>
  813. {block:Source}
  814. <div style="text-align:right">- {Source}</div>
  815. {/block:Source}
  816. {block:IndexPage}
  817. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  818. {/block:IndexPage}
  819. </div>{/block:Quote}
  820.  
  821.  
  822.  
  823.  
  824. {block:Link}
  825. <div class="text">
  826. <div class="title"><a href="{URL}" class="link" {Target}>{Name}&nbsp;&nbsp;»</a> </div>
  827. {block:Description}
  828. <div class="description">{Description}</div>
  829. {/block:Description}
  830. <p>
  831. {block:IndexPage}
  832. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  833. {/block:IndexPage}
  834.  
  835. </div>{/block:Link}
  836.  
  837.  
  838.  
  839.  
  840. {block:Chat}
  841. <div class="text">
  842. {block:Title}
  843. <div class="title"><a href="{Permalink}">{Title}</a></div>
  844. {/block:Title}
  845. <div class="chatz">
  846. {block:Lines}
  847. <ul><b>{block:Label}{Label}</b>{/block:Label}
  848. {Line} </ul>
  849. {/block:Lines}</div>
  850.  
  851. {block:IndexPage}<br>
  852. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  853. {/block:IndexPage}
  854. </div>{/block:Chat}
  855.  
  856.  
  857.  
  858.  
  859. {block:Video}
  860. {block:IndexPage}{Video-250}{/block:IndexPage}
  861. {block:IndexPage}<br>
  862. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  863. {/block:IndexPage}
  864. {block:permalinkpage}
  865. {Video-500}
  866. {/block:permalinkpage}
  867. {/block:Video}
  868.  
  869.  
  870.  
  871.  
  872. {block:Audio}
  873. <div class="text">
  874. {AudioPlayerGrey}
  875. {block:Caption}
  876. {Caption}
  877. {/block:Caption}
  878. {block:IndexPage}
  879. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  880. {/block:IndexPage}
  881. </div>{/block:Audio}
  882.  
  883.  
  884.  
  885.  
  886. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="asssborder"><div class="asss"><span></span>{Asker}: {Question}&nbsp;</div>{Answer} {block:IndexPage}
  887. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  888. {/block:IndexPage}{/block:Answer}
  889.  
  890.  
  891.  
  892.  
  893.  
  894. {block:PermalinkPage}<br>
  895. {block:Date}
  896. {block:Caption}{Caption}{/block:Caption}<br><hr>
  897. <center>
  898. Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} & tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  899. {/block:Date}</div><br><br>
  900. {/block:PermalinkPage}
  901.  
  902.  
  903.  
  904. </div>
  905.  
  906. {/block:Posts}
  907.  
  908. </div>
  909.  
  910. <div class="clear"></div>
  911. </div>
  912.  
  913. {block:Pagination}
  914. <ul id="pagination">
  915. {block:PreviousPage}
  916. <li><a href="{PreviousPage}"></a></li>
  917. {/block:PreviousPage}
  918. {block:JumpPagination length="5"}
  919. {block:CurrentPage}
  920. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  921. {/block:CurrentPage}
  922. {block:JumpPage}
  923. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  924. {/block:JumpPage}
  925. {/block:JumpPagination}
  926. {block:NextPage}
  927. <li><a id="nextPage" href="{NextPage}"></a></li>
  928. {/block:NextPage}
  929. </ul>
  930. {/block:Pagination}
  931. {block:IndexPage}
  932.  
  933.  
  934. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  935.  
  936.  
  937. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  938.  
  939.  
  940.  
  941.  
  942. {block:IndexPage}
  943. <script type="text/javascript">
  944. $(window).load(function () {
  945. $('#content').masonry(),
  946. $('.masonryWrap').infinitescroll({
  947. navSelector : '#pagination',
  948. nextSelector : '#pagination a#nextPage',
  949. itemSelector : ".entry, .clear",
  950. bufferPx : 200,
  951. loadingText : "<em></em>",
  952. },
  953. function() { $('#content').masonry({ appendedContent: $(this) }); }
  954. );
  955. });
  956. </script>
  957. {/block:IndexPage}
  958.  
  959.  
  960.  
  961.  
  962. </body>
  963.  
  964. </div>
  965. </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!