Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme #1

By: a guest on Sep 18th, 2012  |  syntax: None  |  size: 13.82 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <I (SAWAH) made this so if you take of the cred I will kill you 8) >
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="http://bouncy-bubbles.net/goodies/favicons/favi25.ico" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8.  
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:Background" content="#FCF2DD"/>
  12. <meta name="color:Sidebar" content="#FAF3ED"/>
  13. <meta name="color:Text" content="#000000"/>
  14. <meta name="color:Title" content="#D198A6"/>
  15. <meta name="color:Link" content="#D48E8E"/>
  16. <meta name="color:Link Hover" content="#000000"/>
  17. <meta name="color:Permalink" content="#F5F5F5"/>
  18.  
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content=""/>
  21.  
  22. <meta name="text:Link1 Url" content="/" />
  23. <meta name="text:Link1 Title" content="Link 1" />
  24. <meta name="text:Link2 Url" content="/" />
  25. <meta name="text:Link2 Title" content="Link 2" />
  26. <meta name="text:Link3 Url" content="/" />
  27. <meta name="text:Link3 Title" content="Link 3" />
  28. <meta name="text:Link4 Url" content="/" />
  29. <meta name="text:Link4 Title" content="Link 4" />
  30. <meta name="text:Link5 Url" content="/" />
  31. <meta name="text:Link5 Title" content="Link 5" />
  32.  
  33. <style type="text/css">
  34.  
  35. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:ronda; font-size:11px;}
  36.  
  37. a{color: {color:link}; text-decoration: none;}
  38.  
  39. a:hover{ color:{color:Link Hover};}
  40.  
  41. a img{border:0}
  42.  
  43. #entries{margin-left:395px; width:512px}
  44.  
  45. #sidebarimg {margin-bottom:3px; padding:5px;}
  46.  
  47. #sidebarimg img {max-width:272px; height: auto;}
  48.  
  49.  div#sidebar{
  50. width:389px;
  51. z-index:1;
  52. position:fixed !important;
  53. text-align:center;
  54. margin-top:4px;
  55. padding-bottom:10px;
  56. height:515px;
  57. background-color: #fff;
  58. font-family: 'Coming Soon', cursive;
  59.  
  60.  
  61. font-size: 11.5px;
  62. padding-top:12px;
  63. margin-left:0px;
  64. border: dashed 1px #000000;
  65.  
  66.  
  67.  
  68. opacity: 0.8;
  69. border-radius: 20px 20px 20px 20px;
  70. -moz-border-radius: 20px 20px 20px 20px;
  71. -webkit-border-radius: 20px 20px 20px 20px;
  72. -webkit-transition: all 0.7s linear;
  73. -moz-transition: all 0.7s linear;
  74. transition: all 0.7s linear;
  75. }
  76.  
  77.  
  78. div#sidebar:{
  79. width:260px;
  80. z-index:1;
  81. position:fixed !important;
  82. text-align:center;
  83. margin-top:4px;
  84. padding-bottom:10px;
  85. height:515px;
  86. background-color: #fff;
  87. font-family: 'Coming Soon', cursive;
  88.  
  89.  
  90. font-size: 11.5px;
  91. padding-top:12px;
  92. margin-left:0px;
  93. border:1px solid #000000;
  94. opacity: 0.8;
  95. border-radius: 0px 0px 0px 0px;
  96. -moz-border-radius: 0px 0px 0px 0px;
  97. -webkit-border-radius: 0px 0px 0px 0px;
  98. -webkit-transition: all 0.7s linear;
  99. -moz-transition: all 0.7s linear;
  100. transition: all 0.7s linear;
  101. }
  102.  
  103. @font-face {font-family: "strawberry lemonade";src: url('http://static.tumblr.com/zd3agdn/No0m9e00n/kgstrawberrylimeade.ttf');}
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  div#title{
  110. position: fixed !important;
  111. margin-top: 128px; /**edit this**/
  112. margin-left: -78px; /**edit this**/
  113. color:#050505; /**edit this**/
  114. text-shadow: 3px 1px 2px #000;
  115. font-family: "elegant light"; /**edit this**/
  116. font-size: 67px; /**edit this**/
  117. line-height:10px;
  118. background-color: transparent;
  119. text-transform: normal;
  120.  -webkit-transform: rotate(-90deg);
  121. -moz-transform: rotate(-90deg);}
  122.  
  123. @font-face { font-family: "origin"; src: url('http://static.tumblr.com/zd3agdn/SFom98m87/origin-regular.ttf'); }
  124.  
  125. @font-face {font-family: "fineliner script";src: url('http://static.tumblr.com/zd3agdn/x8mm8r94b/fineliner_script.otf');}
  126.  .links {
  127. height:50px;
  128. width:50px;
  129. background-color: #ffffff;
  130. font-family: 'origin'
  131. font-size:11px;
  132. margin:1px;
  133. float:right;
  134. text-align: center;
  135. line-height: 52px;  
  136. border-radius: 7px;
  137. text-transform:uppercase;
  138. border: 1px dotted #6f6f6f;
  139. }
  140.  
  141.  
  142.  #links:hover {
  143. border: 2px dotted;
  144. font-size:10px;
  145. }
  146. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  147.  
  148.  
  149. #description {font-family:'Happy Monkey'; font-size:17px; text-align:center; margin-bottom: 2px; padding:5px; text-align:center; color:{color:Text};}
  150.  
  151. #pagination {font-size:42px; text-align: center; font-family:'ronda'; text-align:center;}
  152.  
  153. #pagination a{color:{color:Link}}
  154.  
  155. #permalink{background-color:none; color:{color:text};font-family: ronda; width: 495px; margin-bottom:2px; margin-top:8px; font-size:9px; padding:3px; text-transform: uppercase; margin-left:2px; text-align:center; font-style: none;}
  156.  
  157. #permalink a{color: {color:Link};}
  158.  
  159. #permalink a:hover{color: {color:Link Hover}}
  160.  
  161. #posts{background-color:transparent; margin-bottom:10px; margin-top:10px; padding:7px; overflow:hidden; padding:3px}
  162.  
  163. #h1{font-family:ronda; color:{color:Text}; font-size:18px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;}
  164.  
  165. #source {text-align:right; font-size:09px;}
  166.  
  167. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  168.      
  169. p{margin-top:5px; margin-bottom:5px; }
  170.  
  171. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:{color:Entries}; border-left:3px solid {color:Link};}
  172.  
  173. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  174.  
  175. .question{background: {color:Entries}; font-size: 9px; font-weight:bold; color: {color:Text}; padding: 10px;}
  176.  
  177. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Text};margin-bottom:0px;
  178. padding: 7px;}
  179.  
  180. .asker{text-transform: lowercase; padding-bottom:0px; font-size: 11px;}
  181.  
  182. .answer{padding:4px;}
  183.  
  184. .chat {line-height: 12px; list-style: none }
  185. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  186. .person1 {background-color:{color:Background}; color: {color:text}; }
  187. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  188. .person2 {color: {color:Text} }
  189. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  190.  
  191. .quote{font-family:{font:Title}; font-size:13px; color: {color:Text}; font-style:italic;}
  192.  
  193. .audio{background-color:{color:Entries}; height:35px; overflow:hidden;}
  194.  
  195. i, em {color: {color:Link};}
  196. b, strong {color: {color:Title};}
  197.  
  198. ::selection {
  199. color:{color:Text};
  200. background-color: {color:Link};
  201. }
  202.  
  203. ::-moz-selection {
  204. color:{color:Text};
  205. background-color: {color:Link};
  206. }
  207.  
  208. ::-webkit-selection {
  209. color:{color:Text};
  210. background-color:{color:Link};
  211. }
  212.  
  213. </style>
  214. <style type="text/css">{CustomCSS}</style>
  215. </head>
  216.   <script type="text/javascript">
  217. // <![CDATA[
  218. var colour="#00ff3c";
  219. var sparkles=50;
  220.  
  221. /******************************
  222. *  Tinkerbell Magic Sparkle   *
  223. * (c) 2005 mf2fm web-design   *
  224. *  http://www.mf2fm.com/rv    *
  225. * Generated at pnoyonline.com *
  226. * tumblr layouts - pnoyonline *
  227. * DON'T EDIT BELOW THIS BOX   *
  228. ****************************/
  229. var x=ox=400;
  230. var y=oy=300;
  231. var swide=800;
  232. var shigh=600;
  233. var sleft=sdown=0;
  234. var tiny=new Array();
  235. var star=new Array();
  236. var starv=new Array();
  237. var starx=new Array();
  238. var stary=new Array();
  239. var tinyx=new Array();
  240. var tinyy=new Array();
  241. var tinyv=new Array();
  242.  
  243. window.onload=function() { if (document.getElementById) {
  244.   var i, rats, rlef, rdow;
  245.   for (var i=0; i<sparkles; i++) {
  246.     var rats=createDiv(3, 3);
  247.     rats.style.visibility="hidden";
  248.     document.body.appendChild(tiny[i]=rats);
  249.     starv[i]=0;
  250.     tinyv[i]=0;
  251.     var rats=createDiv(5, 5);
  252.     rats.style.backgroundColor="transparent";
  253.     rats.style.visibility="hidden";
  254.     var rlef=createDiv(1, 5);
  255.     var rdow=createDiv(5, 1);
  256.     rats.appendChild(rlef);
  257.     rats.appendChild(rdow);
  258.     rlef.style.top="2px";
  259.     rlef.style.left="0px";
  260.     rdow.style.top="0px";
  261.     rdow.style.left="2px";
  262.     document.body.appendChild(star[i]=rats);
  263.   }
  264.   set_width();
  265.   sparkle();
  266. }}
  267.  
  268. function sparkle() {
  269.   var c;
  270.   if (x!=ox || y!=oy) {
  271.     ox=x;
  272.     oy=y;
  273.     for (c=0; c<sparkles; c++) if (!starv[c]) {
  274.       star[c].style.left=(starx[c]=x)+"px";
  275.       star[c].style.top=(stary[c]=y)+"px";
  276.       star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  277.       star[c].style.visibility="visible";
  278.       starv[c]=50;
  279.       break;
  280.     }
  281.   }
  282.   for (c=0; c<sparkles; c++) {
  283.     if (starv[c]) update_star(c);
  284.     if (tinyv[c]) update_tiny(c);
  285.   }
  286.   setTimeout("sparkle()", 40);
  287. }
  288.  
  289. function update_star(i) {
  290.   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  291.   if (starv[i]) {
  292.     stary[i]+=1+Math.random()*3;
  293.     if (stary[i]<shigh+sdown) {
  294.       star[i].style.top=stary[i]+"px";
  295.       starx[i]+=(i%5-2)/5;
  296.       star[i].style.left=starx[i]+"px";
  297.     }
  298.     else {
  299.       star[i].style.visibility="hidden";
  300.       starv[i]=0;
  301.       return;
  302.     }
  303.   }
  304.   else {
  305.     tinyv[i]=50;
  306.     tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  307.     tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  308.     tiny[i].style.width="2px";
  309.     tiny[i].style.height="2px";
  310.     star[i].style.visibility="hidden";
  311.     tiny[i].style.visibility="visible"
  312.   }
  313. }
  314.  
  315. function update_tiny(i) {
  316.   if (--tinyv[i]==25) {
  317.     tiny[i].style.width="1px";
  318.     tiny[i].style.height="1px";
  319.   }
  320.   if (tinyv[i]) {
  321.     tinyy[i]+=1+Math.random()*3;
  322.     if (tinyy[i]<shigh+sdown) {
  323.       tiny[i].style.top=tinyy[i]+"px";
  324.       tinyx[i]+=(i%5-2)/5;
  325.       tiny[i].style.left=tinyx[i]+"px";
  326.     }
  327.     else {
  328.       tiny[i].style.visibility="hidden";
  329.       tinyv[i]=0;
  330.       return;
  331.     }
  332.   }
  333.   else tiny[i].style.visibility="hidden";
  334. }
  335.  
  336. document.onmousemove=mouse;
  337. function mouse(e) {
  338.   set_scroll();
  339.   y=(e)?e.pageY:event.y+sdown;
  340.   x=(e)?e.pageX:event.x+sleft;
  341. }
  342.  
  343. function set_scroll() {
  344.   if (typeof(self.pageYOffset)=="number") {
  345.     sdown=self.pageYOffset;
  346.     sleft=self.pageXOffset;
  347.   }
  348.   else if (document.body.scrollTop || document.body.scrollLeft) {
  349.     sdown=document.body.scrollTop;
  350.     sleft=document.body.scrollLeft;
  351.   }
  352.   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  353.     sleft=document.documentElement.scrollLeft;
  354.     sdown=document.documentElement.scrollTop;
  355.   }
  356.   else {
  357.     sdown=0;
  358.     sleft=0;
  359.   }
  360. }
  361.  
  362. window.onresize=set_width;
  363. function set_width() {
  364.   if (typeof(self.innerWidth)=="number") {
  365.     swide=self.innerWidth;
  366.     shigh=self.innerHeight;
  367.   }
  368.   else if (document.documentElement && document.documentElement.clientWidth) {
  369.     swide=document.documentElement.clientWidth;
  370.     shigh=document.documentElement.clientHeight;
  371.   }
  372.   else if (document.body.clientWidth) {
  373.     swide=document.body.clientWidth;
  374.     shigh=document.body.clientHeight;
  375.   }
  376. }
  377.  
  378. /******************************
  379. * tumblr-layouts.tumblr.com   *
  380. ****************************/
  381.  
  382. function createDiv(height, width) {
  383.   var div=document.createElement("div");
  384.   div.style.position="absolute";
  385.   div.style.height=height+"px";
  386.   div.style.width=width+"px";
  387.   div.style.overflow="hidden";
  388.   div.style.backgroundColor=colour;
  389.   return (div);
  390. }
  391. // ]]>
  392. </script>
  393.  
  394. <body>
  395. <div id="sidebar">
  396. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  397. <div id="links"><a href="{text:Link1 Url}">{text:Link1 Title}</a> ♥  <a href="{text:Link2 Url}">{text:Link2 Title}</a> ♥  <a href="{text:Link3 Url}">{text:Link3 Title}</a> ♥  <a href="{text:Link4 Url}">{text:Link4 Title}</a> ♥  <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
  398. <div id="description">{block:Description}{Description}{/block:Description}</div>
  399.  <script type="text/javascript" src="http://static.tumblr.co
  400. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"></a>  {/block:PreviousPage}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>
  401. </div>
  402.  
  403. <div id="entries">
  404. {block:Posts}
  405. <div id="posts">
  406.  
  407. {block:Text}
  408. <div class="postalign">
  409. {block:Title}
  410. <div id="h1">{Title}</div>
  411. {/block:Title}
  412. {Body}
  413. </div>
  414. {/block:Text}
  415.  
  416.  
  417. {block:Photo}
  418. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  419. <div class="postalign">{block:Caption}{Caption}{/block:Caption}</div>
  420. {/block:Photo}
  421.  
  422. {block:Photoset}
  423. <center>{Photoset-500}</center><div class="postalign">{block:Caption}{Caption}{/block:Caption}
  424. </div>
  425. {/block:Photoset}
  426.  
  427.  
  428. {block:Quote}
  429. <div class="postalign">
  430. <div class="quote">{Quote}</div>
  431. {block:Source}
  432. <div id="source">— {Source}</div>
  433. </div>
  434. {/block:Source}
  435. {/block:Quote}
  436.  
  437. {block:Answer}<div class="postalign">
  438. <div class="ask">
  439. <div class="asker"><i>{Asker}</i> asked:</div> {Question}</div>
  440. <div class="answer">{Answer}</div>
  441. </div>
  442. {/block:Answer}
  443.  
  444. {block:Link}
  445. <div class="postalign">
  446. <div id="h1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  447.  
  448. {block:Description}
  449. {Description}
  450. {/block:Description}
  451. </div>
  452. {/block:Link}
  453.  
  454. {block:Chat}<div class="postalign">{block:Title}<div id="h1">{Title}</div>{/block:Title}
  455. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}
  456. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  457. </div>{/block:Chat}
  458.  
  459. {block:Video}{Video-500}<div class="postalign">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  460.  
  461. {block:Audio}{block:AlbumArt}<div class="postalign"><img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  462. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  463. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  464. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br clear="all" /></div> {/block:Audio}
  465.  
  466.  
  467. {/block:Posts}
  468.  
  469.     {block:PostNotes}
  470. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  471.     {/block:PostNotes}
  472.  
  473. <!-- THEME MADE BY THISBENSONANON -->
  474.  
  475. </div>
  476. </div>
  477. </body>
  478. <div style="position:fixed; top:-1px; left:5px; font-family: Happy Monkey; font-size:10px; text-decoration:none;">
  479. <a href="http://thisbensonanon.tumblr.com/">credit</a></div></html>
create a new version of this paste RAW Paste Data