Advertisement
ramisaaaaa

Untitled

May 27th, 2012
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.09 KB | None | 0 0
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5. <html lang="en">
  6. <head>
  7.  
  8.  
  9. <title>{title}</title>
  10.  
  11. <script type="text/javascript">
  12. // <![CDATA[
  13. var bgcolour="{color:sidebanner 2}"; // background colour
  14. var fgcolour="{color:sidebanner 1}"; // foreground colour
  15. var speed=100; // speed of bubbling, lower is faster
  16. var shades=10; // number of shades of bubble
  17.  
  18. /****************************
  19. * Bubbling Text Effect *
  20. *(c) 2003-6 mf2fm web-design*
  21. * http://www.mf2fm.com/rv *
  22. * DON'T EDIT BELOW THIS BOX *
  23. ****************************/
  24. var bubbcol=new Array();
  25. var bubbler, bubbtxt;
  26. var bubbchr=new Array();
  27. window.onload=function() { if (document.getElementById) {
  28. for (bubbler=0; bubbler<=shades; bubbler++) {
  29. bubbtxt="#";
  30. for (var i=1; i<6; i+=2) {
  31. var bg=parseInt(bgcolour.substring(i,i+2),16);
  32. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  33. }
  34. bubbcol[bubbler+1]=bubbtxt;
  35. }
  36. bubbler=document.getElementById("bubble");
  37. bubbtxt=bubbler.firstChild.nodeValue;
  38. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  39. for (var i=0; i<bubbtxt.length; i++) {
  40. var bubbi=document.createElement("span");
  41. bubbi.setAttribute("id", "bubb"+i);
  42. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  43. bubbler.appendChild(bubbi);
  44. }
  45. bubbler=setInterval ("bubbling()", speed);
  46. }}
  47.  
  48. function dechex(dec) {
  49. var hex=dec.toString(16);
  50. if (dec<16) return "0"+hex;
  51. else return hex;
  52. }
  53.  
  54. function bubbling() {
  55. for (var i=0; i<bubbtxt.length; i++) {
  56. var bubbme=document.getElementById("bubb"+i);
  57. if (bubbchr[i]) {
  58. bubbme.style.color=bubbcol[bubbchr[i]];
  59. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  60. }
  61. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  62. }
  63. }
  64. // ]]>
  65. </script>
  66.  
  67.  
  68.  
  69. <!-- DEFAULT VARIABLES -->
  70. <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  71. <meta name="color:background" content="#fff"/>
  72. <meta name="color:text" content="#000"/>
  73. <meta name="color:title" content="#000"/>
  74. <meta name="color:text shadow" content="#ffffff"/>
  75. <meta name="color:link" content="#777"/>
  76. <meta name="color:hover" content="#ccc"/>
  77. <meta name="image:sidebar" content="1"/>
  78. <meta name="if:show photo" content="0"/>
  79. <meta name="if:infinite scrolling" content="0"/>
  80. <meta name="text:sidebanner" content="lol sidebanner" />
  81. <meta name="color:sidebanner 1" content="#000000"/>
  82. <meta name="color:sidebanner 2" content="#CCCCCC"/>
  83.  
  84.  
  85. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  86.  
  87. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93.  
  94. 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;}
  95.  
  96. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  97.  
  98. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  99.  
  100. #biter
  101.  
  102. #bite a {display:block}
  103.  
  104. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  105.  
  106. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  107.  
  108.  
  109.  
  110. img{
  111. -webkit-transition: opacity 0.2s linear;
  112. opacity: 0.60s;
  113. }
  114. img:hover{
  115. -webkit-transition: opacity 0.8s linear;
  116. opacity: 1;
  117. }
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  125.  
  126. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  127.  
  128. {block:iftinycursor}body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}{/block:iftinycursor}
  129.  
  130.  
  131.  
  132. body {
  133. margin:0px;
  134. background-color: {color:Background};
  135. background-image:url({image:Background});
  136. background-attachment: fixed;
  137. background-repeat: repeat;}
  138. body, div, p, textarea, submit, input{
  139. font-family: verdana;
  140. text-transform:uppercase;
  141. font-size: 7.5px;
  142. line-height:10px;
  143. letter-spacing:0px;
  144. color:{color:Text};
  145. }
  146.  
  147.  
  148.  
  149. p {
  150. margin:0px;
  151. margin-top:0px;
  152. }
  153.  
  154.  
  155. a:link, a:active, a:visited{
  156. color: {color:Link};
  157. text-decoration: none;
  158. -webkit-transition: color 0.3s ease-out;
  159. -moz-transition: color 0.3s ease-out;
  160. transition: color 0.3s ease-out;
  161. }
  162.  
  163. a:hover {
  164. color:{color:Hover};
  165. text-decoration: italic;
  166. font-style: none;
  167. text-shadow:1px 1px 5px {color:text shadow}
  168. }
  169.  
  170. .nav a {
  171. height: 10px;
  172. padding:3px;
  173. padding-top:4px;
  174. margin-top:1px;
  175. margin-left:0px;
  176. display:block;
  177. font-family:verdana;
  178. font-size:8px;
  179. text-align: left;
  180. text-transform:uppercase;
  181. text-decoration:none;
  182. color:{color:text links};
  183. background-color:#fff;
  184. -webkit-transition: all 0.2s ease-out;
  185. -moz-transition: all 0.2s ease-out;
  186. transition: all 0.2s ease-out;
  187.  
  188. }
  189.  
  190. .nav a:hover{
  191. color: {color:hover text links};
  192. background-color:{color:hover background links};
  193. text-align: left;
  194. border-left:8px solid #dadada;
  195. -webkit-transition: all 0.3s ease-out;
  196. -moz-transition: all 0.3s ease-out;
  197. transition: all 0.3s ease-out;
  198. font-style:italic;
  199. text-decoration:none;
  200. -webkit-border-radius: 10px;
  201. -moz-border-radius: 10px;
  202. border-radius: 0px;
  203. }
  204.  
  205. div#center{
  206. margin:auto;
  207. position:relative;
  208. width:800px;
  209. background-color:;
  210. overflow:auto;
  211. overflow-y:hidden;
  212. }
  213.  
  214. div#content{
  215. float:right;
  216. width:330px;
  217. padding-left: 2px;
  218. padding-right: 2px;
  219. padding-top: 2px;
  220. padding-bottom: 2px;
  221. background-color:#dadada;
  222. margin-right: 340px;
  223. }
  224.  
  225. div#entry{
  226. background-color:#dadada;
  227. margin-top:px;
  228. padding-top:0px;
  229. padding-bottom:2px;
  230. }
  231.  
  232. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  233.  
  234.  
  235. #entry .perma a{
  236. color:#000;
  237. }
  238.  
  239.  
  240. #entry .perma{
  241. position:absolute;
  242. margin-top:40px;
  243. width:330px;
  244. height:14px;
  245. padding-bottom:2px;
  246. padding-top:3px;
  247. background-color:#ffffff;
  248. overflow:hidden;
  249. font-size:17px;
  250. font-family: COMING SOON;
  251. font-color: #0000000
  252. letter-spacing:-1px;
  253. line-height:13px;
  254. text-align: center;
  255. opacity:0.0;
  256. -webkit-transition: all 0.2s linear;
  257. -webkit-transition: all 0.2s linear;
  258. -moz-transition: all 0.2s linear;
  259. transition: all 0.2s linear;
  260. }
  261.  
  262. #entry:hover .perma{
  263. margin-top:1px;
  264. overflow:visible;
  265. -webkit-transition: all 0.4s linear; opacity: 0.8;
  266. -webkit-transition: all 0.4s linear;
  267. -moz-transition: all 0.4s linear;
  268. transition: all 0.4s linear;
  269. }
  270.  
  271.  
  272.  
  273. @font-face {font-family: "verdana";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  274.  
  275. div#sidebar{
  276. position:fixed !important;
  277. width: 210px;
  278. height:700px;
  279. margin-top: 0px;
  280. margin-left: 500px;
  281. padding: 3px;
  282. line-height:11px;
  283. letter-spacing:0px;
  284. margin-bottom: 6px;
  285. background-color:#ccc;
  286. }
  287.  
  288. div#sidebanner{
  289. position:fixed !important;
  290. width: auto;
  291. height: auto;
  292. margin-top: 250px;
  293. margin-left: -90px;
  294. background-color: transparent;
  295. font-family: sweetiepie;
  296. font-size: 45px;
  297. line-height: 40px;
  298. text-align: center;
  299. text-shadow: 1px 1px 1px #888;
  300. -webkit-transform: rotate(-90deg);
  301. -moz-transform: rotate(-90deg);
  302. }
  303.  
  304.  
  305. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  306.  
  307.  
  308.  
  309. #postnotes{
  310. text-align: justify;}
  311.  
  312. #postnotes blockquote{
  313. border: 0px;}
  314.  
  315. .title{
  316. font-family: coming soon;
  317. font-size: 13px;
  318. line-height: 15px;
  319. color: {color:Title};
  320. letter-spacing: 0px;
  321. font-weight: normal;
  322. padding:0px 0px 0px 0px;
  323. }
  324.  
  325. .blogtitle{
  326. font-family: coming soon;
  327. font-size: 40px;
  328. line-height: 15px;
  329. color: {color:Title};
  330. letter-spacing: 0px;
  331. font-weight: normal;
  332. padding:10px 10px 10px 10px;
  333. }
  334.  
  335. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  336.  
  337. blockquote{
  338. padding:0px 0px 2px 5px;
  339. margin:0px 0px 2px 1px;
  340. border-left: 1px solid #555555;
  341. }
  342.  
  343. blockquote p, ul{
  344. margin:0px;
  345. padding:0px;
  346. }
  347.  
  348.  
  349. a img{border: 0px;}
  350.  
  351. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  352.  
  353. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  354. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  355.  
  356. .notes img{width:10px; position:relative; top:3px;}
  357.  
  358. .permalink{
  359. display: block;
  360. font-size: 10px;
  361. text-align: right;
  362. text-decoration: none;
  363. }
  364.  
  365.  
  366. small{font-size: 90%;}
  367.  
  368. </style>
  369.  
  370.  
  371. <link rel="shortcut icon" href="{Favicon}">
  372. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  373. <meta name="viewport" content="width=820" />
  374.  
  375. </head>
  376. <body>
  377.  
  378. <div id="cage">
  379. <div id="center">
  380. <div id="sidebar">
  381.  
  382. <center>
  383. {block:ifshowblogtitle}<span class=blogtitle><a href="/">
  384. </a></span><br>{/block:ifshowblogtitle}
  385. <center>
  386.  
  387. <div class="blogtitle"><center><a href="/"></a></center></div>
  388.  
  389. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=210px></a>{/block:ifshowphoto}
  390. <center>
  391. {description}
  392.  
  393. </div>
  394.  
  395. <div id="sidebanner"><span id="bubble">{text:sidebanner}</span></div>
  396.  
  397.  
  398. <div id="content">
  399. {block:Posts}
  400. <div id="entry">
  401.  
  402. {block:Text}
  403. {block:Title}<span class="title">{Title}</span>{/block:Title}
  404. <span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}"></span></a></div>{/block:Text}
  405.  
  406. {block:Link}
  407. <a href="{URL}" class="title">{Name}</a>
  408. {block:Description}{Description}{/block:Description}<div align="right"><a href="{Permalink}"></span></a></div>
  409. {block:Link}
  410.  
  411. {block:Photo}
  412. {block:IndexPage}
  413. <center>
  414. <div class="perma">
  415. <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>
  416. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=330px/></a></center>{/block:IndexPage}
  417. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  418. {block:IndexPage}</a>{/block:IndexPage}
  419. {block:PermalinkPage}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=330px/></center>{LinkCloseTag}
  420. {/block:PermalinkPage}
  421.  
  422. {/block:Photo}
  423. {LinkCloseTag}
  424.  
  425. {/block:Photo}
  426.  
  427. {block:Quote}
  428. <span class="entrytext">{Quote}</span>
  429. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  430. <P ALIGN=Right><a href="{Permalink}"></a></span>
  431. {/block:Quote}
  432.  
  433. {block:Chat}
  434. {block:Title}<span class="title">{Title}</span>{/block:Title}
  435. <ul class="chat">
  436. {block:Lines}
  437. <li class="user_{UserNumber}">
  438. {block:Label}
  439. <span class="label">{Label}</span>
  440. {/block:Label}
  441.  
  442. {Line}
  443. </li>
  444. {/block:Lines}
  445. </ul>
  446. <div align="right"><a href="{Permalink}"></a></span>
  447. {/block:Chat}
  448.  
  449.  
  450. {block:Audio}
  451. <center><div style="width:170px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  452. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  453. <div align="right"><a href="{Permalink}">Reblog</a><a href="{ReblogURL}" target="_blank"></a></span>
  454. {/block:Audio}
  455.  
  456. {block:Video}<center>
  457. <div class="video">{Video-250}</div><BR>
  458. {block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}</center>
  459. <div class="perma">
  460. <div align="right"><a href="{Permalink}">{timeago}</a>Reblog<a href="{ReblogURL}" target="_blank"></a></span></div>
  461. {block:Video}
  462.  
  463. {block:PostNotes}
  464. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  465. <div id="postnotes">{PostNotes}</div>
  466.  
  467. {/block:PostNotes}
  468. </div>
  469.  
  470. {/block:Posts}
  471. </div></div>
  472.  
  473. </div>
  474. </center>
  475. </body>
  476. </html>
  477. <div style="position:fixed; bottom:2px; left:2px;">
  478. <a href="http://icy-me0ws.tumblr.com/">credit</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement