Advertisement
Guest User

First Theme (3 Columns)

a guest
Nov 12th, 2012
2,181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 22.19 KB | None | 0 0
  1. <!--
  2. FIRST THEME BY wreckedblog/yogurtly.
  3. DO NOT REMOVE THE CREDIT!
  4. If you plan on re-placing the credit, just message me & tell me. I'll most likely agree :) but I'd just like to know.
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <script language=JavaScript>
  12. <!--
  13. var message="Hahahhahaha NO!";
  14. ///////////////////////////////////
  15. function clickIE4(){
  16. if (event.button==2){
  17. alert(message);
  18. return false;}}
  19. function clickNS4(e){
  20. if (document.layers||document.getElementById&&!document.all){
  21. if (e.which==2||e.which==3){
  22. alert(message);
  23. return false;}}}
  24. if (document.layers){
  25. document.captureEvents(Event.MOUSEDOWN);
  26. document.onmousedown=clickNS4;}
  27. else if (document.all&&!document.getElementById){
  28. document.onmousedown=clickIE4;}
  29. document.oncontextmenu=new Function("alert(message);return false")
  30. // -->
  31. </script>
  32.  
  33.  
  34. <script src="http://static.tumblr.com/is5f0mm/0cxlrpwye/rainbow_links.txt" type="text/javascript"></script>
  35. <script type="text/javascript"
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37. <script>
  38. $(document).ready(function() {
  39. //
  40. $('a.poplight[href^=#]').click(function() {
  41. var popID = $(this).attr('rel'); //Get Popup Name
  42. var popURL = $(this).attr('href'); //Get Popup href to define size
  43. var query= popURL.split('?');
  44. var dim= query[1].split('&');
  45. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  46. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  47. var popMargTop = ($('#' + popID).height() + 80) / 2;
  48. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  49. //Apply Margin to Popup
  50. $('#' + popID).css({
  51. 'margin-top' : -popMargTop,
  52. 'margin-left' : -popMargLeft
  53. });
  54. $('body').append('<div id="fade"></div>');
  55. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  56. return false;
  57. });
  58. $('a.close, #fade').live('click', function() {
  59. $('#fade , .popup_block').fadeOut(function() {
  60. $('#fade, a.close').remove(); //fade them both out
  61. });
  62. return false;
  63. });
  64. });
  65. </script>
  66. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  67. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70.  
  71. <meta name="color:Background" content="#FFFFFF"/>
  72. <meta name="color:Text" content="#130C11"/>
  73. <meta name="color:Hover" content="#130C11"/>
  74. <meta name="color:Text" content="#000000"/>
  75. <meta name="color:Title" content="#000000"/>
  76. <meta name="color:Link" content="#000000"/>
  77.  
  78.  
  79. <meta name="image:sidebar" content="1"/>
  80. <meta name="image:SidebarBackground" content=""/>
  81. <meta name="image:Background" content="1"/>
  82. <meta name="if:show photo" content="0"/>
  83. <meta name="text:FAQ" content= >
  84. <meta name="text:Custom Link One Title" content= >
  85. <meta name="text:Custom Link One" content="http://" />
  86. <meta name="text:Custom Link Two Title" content= >
  87. <meta name="text:Custom Link Two" content="http://" />
  88. <meta name="text:Custom Link Three Title" content= >
  89. <meta name="text:Custom Link Three" content="http://" />
  90. <meta name="text:Custom Link Four Title" content= >
  91. <meta name="text:Custom Link Four" content="http://" />
  92. <meta name="text:Custom Link Five Title" content= >
  93. <meta name="text:Custom Link Five" content="http://" />
  94.  
  95.  
  96. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  97.  
  98. <script type="text/javascript">
  99.  
  100. // <![CDATA[
  101.  
  102. var bgcolour="#ffffff"; // background colour
  103.  
  104. var fgcolour="#000000"; // foreground colour
  105.  
  106. var speed=100; // speed of bubbling, lower is faster
  107.  
  108. var shades=10; // number of shades of bubble
  109.  
  110. /****************************
  111.  
  112. * Bubbling Text Effect *
  113.  
  114. *(c) 2003-6 mf2fm web-design*
  115.  
  116. * http://www.mf2fm.com/rv *
  117.  
  118. * DON'T EDIT BELOW THIS BOX *
  119.  
  120. ****************************/
  121.  
  122. var bubbcol=new Array();
  123.  
  124. var bubbler, bubbtxt;
  125.  
  126. var bubbchr=new Array();
  127.  
  128. window.onload=function() { if (document.getElementById) {
  129.  
  130. for (bubbler=0; bubbler<=shades; bubbler++) {
  131.  
  132. bubbtxt="#";
  133.  
  134. for (var i=1; i<6; i+=2) {
  135.  
  136. var bg=parseInt(bgcolour.substring(i,i+2),16);
  137.  
  138. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  139.  
  140. }
  141.  
  142. bubbcol[bubbler+1]=bubbtxt;
  143.  
  144. }
  145.  
  146. bubbler=document.getElementById("bubble");
  147.  
  148. bubbtxt=bubbler.firstChild.nodeValue;
  149.  
  150. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  151.  
  152. for (var i=0; i<bubbtxt.length; i++) {
  153.  
  154. var bubbi=document.createElement("span");
  155.  
  156. bubbi.setAttribute("id", "bubb"+i);
  157.  
  158. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  159.  
  160. bubbler.appendChild(bubbi);
  161.  
  162. }
  163.  
  164.  
  165.  
  166. bubbler=setInterval ("bubbling()", speed);
  167.  
  168. }}
  169.  
  170.  
  171.  
  172. function dechex(dec) {
  173.  
  174. var hex=dec.toString(16);
  175.  
  176. if (dec<16) return "0"+hex;
  177.  
  178. else return hex;
  179.  
  180. }
  181.  
  182.  
  183.  
  184. function bubbling() {
  185.  
  186. for (var i=0; i<bubbtxt.length; i++) {
  187.  
  188. var bubbme=document.getElementById("bubb"+i);
  189.  
  190. if (bubbchr[i]) {
  191.  
  192. bubbme.style.color=bubbcol[bubbchr[i]];
  193.  
  194. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  195.  
  196. }
  197.  
  198. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  199.  
  200. }
  201.  
  202. }
  203.  
  204. // ]]>
  205.  
  206. </script>
  207.  
  208.  
  209. <style type="text/css">
  210. #fade { /*--Transparent background layer--*/
  211. display: none; /*--hidden by default--*/
  212. background: #000;
  213. position: fixed; left: 0; top: 0;
  214. width: 100%; height: 100%;
  215. opacity: .80;
  216. z-index: 9999;
  217. }
  218. .popup_block{
  219. display: none; /*--hidden by default--*/
  220. background: #fcfbf8;
  221. padding: 10px;
  222. border: 5px solid #f2e7e2;
  223. float: left;
  224. font-size: 10;
  225. position: fixed;
  226. top: 50%; left: 50%;
  227. z-index: 99999;
  228. /*--CSS3 Box Shadows--*/
  229. -webkit-box-shadow: 0px 0px 20px #000;
  230. -moz-box-shadow: 0px 0px 20px #000;
  231. box-shadow: 0px 0px 20px #000;
  232. /*--CSS3 Rounded Corners--*/
  233. -webkit-border-radius: 5px;
  234. -moz-border-radius: 5px;
  235. border-radius: 5px;
  236. }
  237. img.btn_close {
  238. float: right;
  239. margin: -20 -20px 0 0;
  240. }
  241. /*--Making IE6 Understand Fixed Positioning--*/
  242. *html #fade {
  243. position: absolute;
  244. }
  245. *html .popup_block {
  246. position: absolute;
  247. }
  248.  
  249. #titexcel {
  250. position: absolute;
  251. right: 3px;
  252. top: 26px;
  253. }
  254.  
  255. @font-face {
  256.  
  257. font-family: "kg luck of the irish";
  258.  
  259. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  260.  
  261. }
  262.  
  263.  
  264. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content={MetaDescription}/>{/block:Description}
  265. {block:ifinfinitescrolling}<script type=text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  266. <script type=text/javascript”>
  267. //
  268. function desabilitaMenu(e)
  269. {
  270. if (window.Event)
  271. {
  272. if (e.which == 2 || e.which == 3)
  273. return false;
  274. }
  275. else
  276. {
  277. event.cancelBubble = true
  278. event.returnValue = false;
  279. return false;
  280. }
  281. }
  282. document.oncontextmenu = desabilitaMenu;
  283. document.onmousedown = desabilitaBotaoDireito;
  284. document.onmouseup = desabilitaBotaoDireito;
  285. </script>
  286. {/block:Ifnorightclick}
  287.  
  288.  
  289. #tumblr_controls{
  290. position:fixed !important;
  291. }
  292.  
  293. .wrapper{
  294. margin: 0px auto;
  295. width: 802px;
  296. }
  297.  
  298. .header{
  299. float: left;
  300. width: 100%;
  301. }
  302.  
  303. .left{
  304. float: left;
  305. margin-right: 20px;
  306. width: 802px;
  307. }
  308.  
  309. .right{
  310. float: right;
  311. width: 200px;
  312. background-color: {color:Background};
  313. }
  314.  
  315. body {
  316. padding: 0px;
  317. margin-top: 20px;
  318. letter-spacing: -1.9px;
  319. color:{color:text};
  320. font-family: 'Lato', sans-serif;
  321. font-size: 13px;
  322. background-color: {color:Background};
  323. background-image:url({image:Background});
  324. background-attachment: fixed;
  325. background-repeat: repeat;
  326. }
  327.  
  328. a:link, a:active, a:visited{
  329. color: {color:Link};
  330. text-decoration: none;
  331. -webkit-transition: color 0.4s ease-out;
  332. -moz-transition: color 0.4s ease-out;
  333. }
  334.  
  335. a:hover{
  336. color:{color:Hover};
  337. -webkit-transition: color 0.4s ease-out;
  338. -moz-transition: color 0.4s ease-out;
  339. text-shadow:6px 0 1.5px #d8d8d8, -6px 0 1.5px #a4a4a4
  340. }
  341.  
  342. .entry {
  343. margin:2px;
  344. padding: 1px;
  345. float:left;
  346. background-color: {color:Background};
  347. font-family: 'ruluko', sans-serif;
  348. font-size: 13px;
  349. line-height:13px;
  350. {block:IndexPage}
  351. {block:if1column}
  352. width:400px;
  353. {/block:if1column}
  354. {block:ifnot1column}
  355. {block:ifnot3columns}
  356. width:250px;
  357. {/block:ifnot3columns}
  358. {/block:ifnot1column}
  359. {block:ifnot1column}
  360. {block:if3columns}
  361. width:250px;
  362. margin:4px;
  363. {/block:if3columns}
  364. {/block:ifnot1column}
  365. {/block:IndexPage}
  366. {block:PermalinkPage}
  367. width:450px;
  368. margin-left: 0px;
  369. {/block:PermalinkPage}
  370. }
  371.  
  372. .Lihover {
  373. width: 80px;
  374. margin-left: 5px;
  375. background-color: #cccccc;
  376. display: block;
  377. height: 18px;
  378. line-height: 18px;
  379. font-family: consolas;
  380. font-size: 12px;
  381. color: #545455;
  382. text-transform: uppercase;
  383. border: 1px solid #000;
  384. text-decoration: none;
  385. text-align: center;
  386. margin-top: 12px;
  387. margin-bottom: 10px;
  388. padding-left:-10px;
  389. border-top-right-radius:130px;
  390. border-bottom-right-radius:20px;
  391. border-top-left-radius:20px;
  392. border-bottom-left-radius:130px;
  393. -webkit-transition: all 0.5s ease;
  394. -moz-transition: all 0.5s ease;
  395. -o-transition: all 0.5s ease;
  396. }
  397.  
  398.  
  399.  
  400. .Lihover:hover {
  401. display : block;
  402. width: 80px;
  403. text-transform:uppercase;
  404. letter-spacing: 2px;
  405. opacity: 1;
  406. font-size: 11px;
  407. border:1px dashed;
  408. font-family: 'Ruluko', sans-serif;
  409. line-height: 18px;
  410. text-align: center;
  411. vertical-align : middle;
  412. background-color:#cccccc;
  413. padding-left : 0px;
  414. padding-bottom : 0px;
  415. -webkit-border-radius:10px;
  416. moz-border-radius:10px;
  417. -o-border-radius:10px;
  418. border-radius:5px;
  419. -webkit-transition: all 0.2s linear;
  420. -webkit-transition: all 0.2s linear;
  421. -moz-transition: all 0.2s linear;
  422. transition: all 0.2s linear;
  423. }
  424.  
  425. div#ew{
  426.     z-index:999999999999999;
  427.     position: absolute;
  428. width:232.5px;
  429. height:auto;
  430. top:333px;
  431. opacity:.7;
  432. left: 8px;
  433. padding:2px;
  434. background-color:white;
  435. border: #aaa solid 1px;
  436. -o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  437.  
  438. div#ew:hover{
  439.     z-index:999999999999999;
  440. -webkit-transition: all .6s ease-in-out;
  441. opacity:1;
  442. background: white;
  443. }
  444.  
  445. .entry #permalink {
  446. position: absolute;
  447. margin-top: 9px;
  448. margin-left: 300px;
  449. opacity: 0;
  450. -webkit-transition: all .5s ease;
  451. -moz-transition: all .5s ease;
  452. -o-transition: all .5s ease;
  453. transition: all .5s ease;
  454. }
  455.  
  456. .entry:hover #permalink {
  457. margin-top: 9px;
  458. margin-left: 6px;
  459. opacity: 1;
  460. }
  461.  
  462.  
  463. .countreblog {
  464. letter-spacing:1px;
  465. font-family: 'Short Stack', cursive;
  466. font-size:11px;
  467. color: #000000;
  468. line-height:15px;
  469. margin: 2px;
  470. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  471. background-repeat:repeat;
  472. border:1px solid rgba(0,0,0,0.1);
  473. padding:2px 5px;
  474. -webkit-border-radius:2px;
  475. moz-border-radius:2px;
  476. -o-border-radius:2px;
  477. border-radius:2px;
  478. }
  479.  
  480.  
  481. .countreblog a { color: #ffffff; }
  482.  
  483. select {
  484. font-size: 9px;
  485. width: 100px;
  486.  
  487.  
  488. }
  489. option {
  490. font-size: 9px;
  491.  
  492. text-align: left;
  493.  
  494. }
  495. input[type=button]
  496. {
  497. font-size: 9px;
  498. }
  499.  
  500. .likep {
  501. width: 21px;
  502. height: 20px;
  503. overflow: hidden;
  504. position: relative;
  505. z-index: 9999999;
  506. position: absolute;
  507. margin-top: 26px;
  508. margin-left: 5px;
  509. }
  510. .rep {
  511. width: 24px;
  512. height: 20px;
  513. overflow: hidden;
  514. position: relative;
  515. z-index: 9999999;
  516. position: absolute;
  517. margin-top: 26px;
  518. margin-left: 31px;
  519. }
  520. .likep a:hover {
  521. background-position: 0px 0px;
  522. }
  523. .likep a {
  524. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  525. background-position: 0px 0px;
  526. display: block;
  527. z-index: 9999999;
  528. webkit-transition: all 0s linear;
  529. -webkit-transition: all 0s linear;
  530. -moz-transition: all 0s linear;
  531. transition: all 0s linear;
  532. }
  533. .likep img {
  534. width: 21px;
  535. height: 20px;
  536. webkit-transition: all 0.2s linear;
  537. -webkit-transition: all 0.2s linear;
  538. -moz-transition: all 0.2s linear;
  539. transition: all 0.2s linear;
  540. }
  541. .rep img{
  542. width: 24px;
  543. height: 20px;
  544. line-height: 30px;
  545. display: inline;
  546. }
  547.  
  548. iframe#tumblr_controls {
  549. top: 0% !important;
  550. right:0% !important;
  551. position: fixed !important;
  552. }
  553.  
  554. .noteslabel { position: absolute;
  555. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  556. height: 20px;
  557. font-size: 11px;
  558. line-height: 20px;
  559. color: #fff;
  560. position: absolute;
  561. margin-top: 26px;
  562. margin-left: 60px;
  563. padding-left: 4px;
  564. padding-right: 4px;
  565. -moz-border-radius: 2px;
  566. border-radius: 2px;
  567. font-weight: bold;
  568. }
  569. .noteslabel a{
  570. color: #fff;
  571. }
  572. .textperma {
  573. color: {color:text};
  574. padding-top: 2px;
  575. padding-bottom: 2px;
  576. text-align: right;
  577.  
  578. }
  579.  
  580. div#adios{
  581.     font-family: "kg luck of the irish";
  582.     font-size:30px;
  583. }
  584.  
  585. div#pll{
  586.     font-family: "Short Stack";
  587. }
  588.  
  589.  
  590. div#img1{
  591.     margin-bottom:4px;
  592. }
  593.  
  594. div#sidebarr2{
  595.     margin-top:140px;
  596. }
  597.  
  598. div#description{
  599.     margin-bottom:-32px;
  600. }
  601.  
  602. div#sidebar{
  603. z-index:999999999999999;
  604. position:absolute !important;
  605. position:fixed !important;
  606. font-family: 'Ruluko', sans-serif;
  607. font-size: 12px;
  608. background:url({image:SidebarBackground});
  609. width:250px;
  610. height:100%;
  611. margin-left:-100px;
  612. padding:2px;
  613. top:0px;
  614. z-index:10;
  615. overflow:hidden;
  616. {block:if1column}
  617. margin-left:130px;
  618. {/block:if1column}
  619. {block:ifnot3columns}
  620. {block:ifnot1column}
  621. left: 80px;
  622. {/block:ifnot1column}
  623. {/block:ifnot3columns}
  624. {block:if3columns}
  625. margin-left:30px;
  626. {/block:if3columns}
  627. padding:2px;
  628.  
  629. }
  630.  
  631.  
  632.  
  633.  
  634. #posts {
  635. width: 800px;
  636. margin-left:160px;
  637. margin-top:-15px;
  638. float:left;
  639. font-family: 'Ruluko', sans-serif;
  640. }
  641.  
  642.  
  643. .title{
  644. font-family: 'Ruluko', sans-serif;
  645. font-size: 16px;
  646. line-height:11px;
  647. color: black;
  648. font-weight: normal;
  649. }
  650.  
  651. div#stunner{
  652. font-family: "kg luck of the irish";
  653. font-size: 35px;
  654. line-height: 42px;
  655. -webkit-transition: all .4s ease;
  656. -moz-transition: all .4s ease;
  657. -o-transition: all .4s ease;
  658. transition: all .4s ease;
  659. }
  660.  
  661. div#stunner:hover{
  662. text-shadow:6px 0 1.5px #d8d8d8, -6px 0 1.5px #a4a4a4;
  663. -webkit-transition: all .2s ease;
  664. -moz-transition: all .2s ease;
  665. -o-transition: all .2s ease;
  666. transition: all .2s ease;
  667. }
  668.  
  669. #burp{
  670. position:fixed !important;
  671. width:auto;
  672. height:auto;
  673. right:2px;
  674. top:26px;
  675. }
  676.  
  677. #sidebar2{
  678. z-index:999999999999999;
  679. width:90px;
  680. margin-left: 820px;
  681. z-index:10;
  682. position:fixed !important;
  683. bottom:0px;
  684. height:100%;
  685. z-index:10;
  686. background-color: black;
  687. opacity: 0.8;
  688. background-image:url({image:SidebarBackground});
  689.  
  690.  
  691. }
  692.  
  693. #links {
  694. position:fixed !important;
  695. width: 100px;
  696. height: auto;
  697. margin-top: 4px;
  698. margin-left: 70px;
  699. font-family: {font:text font};
  700. font-size: {text:text font size}px;
  701. line-height:16px;
  702. text-align: center;
  703. margin-bottom: 5px;
  704. color: black;
  705. padding:1px;
  706. }
  707.  
  708. div#ohana{
  709.     margin-top:150px;
  710. }
  711.  
  712.  
  713.  
  714.  
  715. </style>
  716.  
  717. {block:IndexPage}
  718. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  719. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  720.  
  721. <script type="text/javascript">
  722. $(window).load(function () {
  723. var $content = $('#posts');
  724. $content.masonry({itemSelector: '.entry'}),
  725. $content.infinitescroll({
  726. navSelector : 'div#pagination',
  727. nextSelector : 'div#pagination a#nextPage',
  728. itemSelector : '.entry',
  729. loading: {
  730. finishedMsg: '',
  731. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  732. },
  733. bufferPx : 600,
  734. debug : false,
  735. },
  736. // call masonry as a callback.
  737. function( newElements ) {
  738. var $newElems = $( newElements );
  739. $newElems.hide();
  740. // ensure that images load before adding to masonry layout
  741. $newElems.imagesLoaded(function(){
  742. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  743.  
  744.  
  745. });
  746. });
  747. });
  748. </script>
  749.  
  750. {/block:IndexPage}
  751.  
  752. <title>{title}</title>
  753.  
  754. <link rel="shortcut icon" href="{Favicon}">
  755. <meta name="viewport" content="width=820" />
  756.  
  757. </head>
  758. <body>
  759.  
  760.  
  761.  
  762. <div id="03" class="popup_block">
  763.  
  764. <center><font size="4"><div id="adios">LINKS</div></font></center>
  765.  
  766. <center>
  767. <div id="pll">
  768. <font size="4">
  769. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  770.  
  771. -
  772.  
  773. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  774.  
  775. -
  776.  
  777. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  778.  
  779. -
  780.  
  781. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  782.  
  783. -
  784.  
  785. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" class="links1">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}
  786.  
  787.    
  788.        
  789.             </font>
  790.         </div>
  791.     </center>
  792. </div>
  793.  
  794. <div class="wrapper">
  795. <div class="header">
  796. </div>
  797. <div id="sidebar">
  798. <div id="img1">
  799. <div id="description">
  800. <div id="ohana">
  801. <center>
  802.  
  803. <center><div id="stunner"><div id="ohana"><span id="bubble">{title}</div>
  804. </span></div>
  805.  
  806. {block:ifshowphoto}
  807. <center><div id="img1"><img src="{image:sidebar}" width=240px height=auto></center>
  808. </div>
  809. {/block:ifshowphoto}
  810. <br> <br>
  811. <center><div id="description"><div id="ew">{Description}<br>
  812.     </div</div></div></br>
  813.     </div></div></div></div>
  814.  
  815. <div id="sidebar2">
  816. <div id="sidebarr2">
  817.  
  818. <div class="Lihover"><a href="tumblr.com">Home</a> </div>
  819.  
  820. <div class="Lihover"><a href="#?w=500" rel="02" class="poplight">Message</a></div>
  821. <div class="Lihover"><a href="#?w=500" rel="03" class="poplight">Links</a></div>
  822.  
  823. <div class="Lihover"><a href="http://www.yogurtly.tumblr.com" target="_blank">Theme</a></div>
  824. </div>
  825. </div>
  826.  
  827.  
  828.  
  829.  
  830. </center>
  831.  
  832.  
  833. <div class="left">
  834.  
  835. <div id="posts">
  836.  
  837. {block:Posts}
  838. <div class="entry">
  839.  
  840.  
  841. {block:Text}
  842. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  843. <span class="entrytext"><center>{Body}</center></span>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCount}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Text}
  844.  
  845. {block:Link}
  846. <a href="{URL}" class="title">{Name}</a><br>
  847. {block:Description}{Description}{/block:Description}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCount}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  848. {block:Link}
  849.  
  850.  
  851. {block:Photo}
  852. {block:IndexPage}
  853. <div id="permalink">
  854. <span class="countreblog"><a href="{ReblogURL}" target="_blank">reblog</a></span>
  855. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>
  856. {/block:IndexPage}
  857.  
  858. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="210"/></a></div>{LinkCloseTag}{/block:IndexPage}
  859. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a>{LinkCloseTag}{/block:PermalinkPage}
  860. {/block:Photo}
  861.  
  862. {block:Photoset}
  863. {block:IndexPage}
  864. <center>
  865. {Photoset-340}</center>
  866. {/block:IndexPage}
  867. {block:PermalinkPage}
  868. <center>
  869. {Photoset-550}</center>
  870. {/block:PermalinkPage}
  871. {/block:Photoset}
  872.  
  873. {block:Quote}
  874. <center>{Quote} </center></span>
  875. {block:Source}<strong>-{Source}</strong> <br> <br>{/block:Source}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  876. {/block:Quote}
  877.  
  878. {block:Chat}
  879. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  880. <ul class="chat">
  881. {block:Lines}
  882. <li class="user_{UserNumber}">
  883. {block:Label}
  884. <span class="label">{Label}</span>
  885. {/block:Label}
  886.  
  887. {Line}
  888. </li>
  889. {/block:Lines}
  890. </ul>
  891.  
  892. {/block:Lines}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCount}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  893. {/block:Chat}
  894.  
  895. {block:Audio}
  896. <center><div style="width:340px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  897. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  898. {/block:Audio}
  899.  
  900. {block:Video}
  901. {block:IndexPage}
  902. <center>
  903. {Video-340}</center>
  904. {/block:IndexPage}
  905. {block:PermalinkPage}
  906. <center>
  907. {Video-550}</center>
  908. {/block:PermalinkPage}
  909. {block:Video}
  910.  
  911.  
  912. {block:Answer}
  913.  
  914. <div style="border-radius:5px; border: 1px dashed #ddd; margin: 3px; margin-top: 3px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #ddd;">
  915.  
  916. <div style="overflow: auto;"><img src="{AskerPortraitURL-40}" style="float: left;" /><b>{Asker} whispered:</b> {Question} </div></div><br><br>
  917.  
  918.  
  919. {Answer}
  920.  
  921.  
  922. {block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  923.  
  924. {/block:Answer}
  925.  
  926.  
  927. {block:PermalinkPage}
  928. <center>
  929. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  930.  
  931.  
  932. {/block:PermalinkPage}
  933.  
  934.  
  935. {block:PostNotes}{PostNotes}
  936. {/block:PostNotes}
  937. </div>
  938.  
  939.  
  940. {/block:Posts}
  941. </div>
  942. </div>
  943. {block:IndexPage}
  944. {block:Pagination}
  945. <div id="pagination">
  946. {block:NextPage}
  947. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  948. {/block:NextPage}
  949. {block:PreviousPage}
  950. <a href="{PreviousPage}">&larr;&nbsp;</a>
  951. {/block:PreviousPage}
  952. </div>
  953. {/block:Pagination}
  954. {/block:IndexPage}
  955. </div>
  956.  
  957. </body>
  958.  
  959.  
  960. <div style="position:fixed;left:0px;bottom:0px;font-family: 'Squada One', cursive;">
  961. {block:ifshowsidedecorationphoto}<div style="position:fixed; bottom:2px; right:10px;">
  962. <img src="{image:side decoration}" border="0" alt=""></a></div>{/block:ifshowsidedecorationphoto}
  963. </div>
  964.  
  965. <div id="02" class="popup_block">
  966.  
  967. <Center>
  968. {Text:FAQ}<iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/yogurtly.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  969. </center></div>
  970.  
  971. </div></div></div></div></div></div></div></div></div></div>
  972.  
  973.  
  974.  
  975.  
  976. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement