API tools faq
paste
Advertisement
danateruel

Jaguar "Rawr" Theme

danateruel
Jul 15th, 2012
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.04 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. "Jaguar "Rawr" "
  3. base code by: -shrooms
  4. edited by: danateruel/chictutorials
  5. Please don't remove the credits! ;>
  6. If you ever remove the credits, I will report you to a tumblr staff A.S.A.P
  7. So don't you ever remove it.
  8. -->
  9.  
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  12. <head>
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script>
  17. $(document).ready(function() {
  18. //
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21. var popURL = $(this).attr('href'); //Get Popup href to define size
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i42.tinypic.com/2dbs879.png" class="btn_close" title="Close" alt="Close" /></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. //Apply Margin to Popup
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39. $('#fade, a.close').remove(); //fade them both out
  40. });
  41. return false;
  42. });
  43. });
  44. </script>
  45.  
  46. <!--Title Bar Maker-->
  47. <script type="text/javascript">
  48.  
  49. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  50. function tb8_makeArray(n){
  51. this.length = n;
  52. return this.length;
  53. }
  54.  
  55. tb8_messages = new tb8_makeArray(1);
  56. tb8_messages[0] = "Hɛℓℓσ Jαɢʋαяƨ!";
  57. tb8_rptType = 'infinite';
  58. tb8_rptNbr = 5;
  59. tb8_speed = 80;
  60. tb8_delay = 2000;
  61. var tb8_counter=1;
  62. var tb8_currMsg=0;
  63. var tb8_tekst ="";
  64. var tb8_i=0;
  65. var tb8_TID = null;
  66. function tb8_pisi(){
  67. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  68. document.title = tb8_tekst;
  69. tb8_sp=tb8_speed;
  70. tb8_i++;
  71. if (tb8_i==tb8_messages[tb8_currMsg].length){
  72. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  73. }
  74. if (tb8_currMsg == tb8_messages.length){
  75. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  76. clearTimeout(tb8_TID);
  77. return;
  78. }
  79. tb8_counter++;
  80. tb8_currMsg = 0;
  81. }
  82. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  83. }
  84. tb8_pisi()
  85. </script>
  86.  
  87. <title>{Title}</title>
  88. <meta name="color:Background" content="#B1BFC9"/>
  89. <meta name="color:Link" content="#000"/>
  90. <meta name="color:Text" content="#000"/>
  91. <meta name="color:Title" content="#000"/>
  92. <meta name="color:Hover" content="#D8D8D8"/>
  93. <meta name="color:Scrollbar" content="#FFF"/>
  94. <meta name="color:Content Border" content="#000000"/>
  95. <meta name="image:Background" content=""/>
  96. <meta name="image:Sidebar" content=""/>
  97. <meta name="color:Content" content="#ffffff"/>
  98. <meta name="if:show sidebar image" content="0"/>
  99. <meta name="if:infinite scrolling" content="0"/>
  100. <meta name="if:show title" content="0"/>
  101. <meta name="if:tiny cursor" content="1"/>
  102.  
  103. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  104. <style type="text/css">
  105.  
  106. #hoversidebar {text-align: center;font-size: 11px;position:fixed;left:20px;top:-478px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:1999; }
  107.  
  108. #hoversidebar:hover {top:-10px;}
  109.  
  110. #description {padding: 20px 0 5px 0;background: #000; height:450px; overflow:auto; border:1px solid #fff;;width:320px; font-size: 13px; color: #fff;}
  111.  
  112. #hovertab {margin-left:100px; font-family:"caviardreams";font-size: 25px; color: #fff; text-shadow: 1px 2px 1px #D6D6D6; height:40px;padding: 0 0 8px 0;background:#000; border:1px solid #fff; width: 100px; }
  113.  
  114. #fade { /*--Transparent background layer--*/
  115. display: none; /*--hidden by default--*/
  116. background: #000;
  117. position: fixed; left: 0; top: 0;
  118. width: 100%; height: 100%;
  119. opacity: .80;
  120. z-index: 9999;
  121. }
  122. .popup_block{
  123. display: none; /*--hidden by default--*/
  124. background: #FFA500;
  125. padding: 10px;
  126. border: 4px solid #EBDDE2;
  127. float: left;
  128. font-size: 8px;
  129. position: fixed;
  130. top: 50%; left: 50%;
  131. z-index: 99999;
  132. /*--CSS3 Box Shadows--*/
  133. -webkit-box-shadow: 0px 0px 20px #000;
  134. -moz-box-shadow: 0px 0px 20px #000;
  135. box-shadow: 0px 0px 20px #000;
  136. /*--CSS3 Rounded Corners--*/
  137. -webkit-border-radius: 5px;
  138. -moz-border-radius: 5px;
  139. border-radius: 5px;
  140. }
  141. img.btn_close {
  142. float: right;
  143. margin: -20 -20px 0 0;
  144. }
  145. /*--Making IE6 Understand Fixed Positioning--*/
  146. *html #fade {
  147. position: absolute;
  148. }
  149. *html .popup_block {
  150. position: absolute;
  151. }
  152.  
  153. {block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
  154. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:content}; }
  155. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  156. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;} {/block:ifFadedImages}
  157. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;} {/block:ifInvertedFade}
  158. body {margin:0px;background-color: {color:Background};background-image:url({image:Background});background-attachment: fixed;background-repeat: repeat;}body, div, p, textarea, submit, input{font-family: cambria;font-size: 10px;line-height:10px;letter-spacing:0px;
  159. color:{color:Text};}
  160.  
  161. p {margin:0px;margin-top:0px;}
  162. a:link, a:active, a:visited{color: {color:Link};text-decoration: none;-webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; }
  163. a:hover {color:{color:Hover};text-decoration: underline;font-style: normal;letter-spacing: 0px;
  164. -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; }
  165. div#birds{ background: {color:content};margin: auto; position:relative; width: 730px; overflow:auto;
  166. overflow-y:hidden;border: 5px solid {color:content};margin-top: 35px;height:600px; -moz-border-radius: 25px 25px;border-radius: 25px 25px / 25px 25px;border: 1.2px solid {color:Content Border};
  167. padding: 10px;}
  168.  
  169. div#cauliflower{ float:center; position:relative; background-color: white;width:500px; height:600px;
  170. padding-left:6px;overflow:scroll; overflow-x:hidden;float: right;}
  171. div#creeps{overflow:hidden; float:left; width:500px;margin-left:0px; margin-bottom:4px; padding-bottom: 2px;padding:0px;background-color: white;}
  172. #creeps .perma a{color:{Color:Links};}
  173. #creeps .perma{width:500px; position: absolute; font-family: "littlefont"; font-size: 8px; line-height: 12px; text-align: center;overflow:hidden; opacity: 0.0; background-color:#fff;text-decoration: bold;}
  174. #creeps:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  175. div#blood{ position:fixed !important; width: 225px; height:600px; padding-left: 1px; padding-top: 1px;padding-bottom: 1px;font-size: 10px; line-height:15px; letter-spacing:0px;text-align: center; margin-bottom: 5px; background-color: {color:content}; float: left;}
  176. div#fly{ position: fixed;text-align:center;margin-top:616px;z-index:100;line-height: 8px;padding: 1px; background-color: transparent;width: 428px;height:auto;font-family: "littlefont"; font-size: 8px;margin-left:170px;}
  177.  
  178. #postnotes{ text-align: justify;}
  179. #postnotes blockquote{ border: 0px;}
  180. .title{font-family: cambria; font-size: 13px; line-height: 13px; color: {color:Title}; font-weight: normal;}
  181. blockquote{ padding:0px 0px 2px 2px; margin:0px 0px 2px 10px; border-left: 1px solid black;}
  182. .blogtitle{font-family: "amatic sc"; font-size: 30px; line-height: 19px; text-shadow: 2px 2px 2px {color:shadow};color: {color:Title}; font-weight: normal;}
  183. .video embed, .post div.video object {width:500px !important; height:390px !important;}
  184. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  185.  
  186. a img{border: 0px;}
  187. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  188. .user_7 .label, .user_8 .label, .user_9 .label {
  189. color:#000;}
  190. .notes img{width:10px; position:relative; top:3px;}
  191. </style>
  192.  
  193. <title>{Title}</title>
  194.  
  195. <link rel="shortcut icon" href="{Favicon}">
  196. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  197. <meta name="viewport" content="width=820" />
  198.  
  199. <style>
  200. #toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  201. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  202. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  203.  
  204. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  205. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  206. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  207. <script type="text/javascript">
  208. $(document).ready(function() {
  209. $().UItoTop({ easingType: 'easeOutQuart' });
  210. });
  211. </script>
  212.  
  213. </head>
  214. <body>
  215.  
  216.  
  217.  
  218.  
  219. <div id="birds"><div id="trench"><div id="blood">
  220. <br>
  221. {block:ifshowtitle}<div class="blogtitle"><a href="/">{title}</a></div>{/block:ifshowtitle}
  222. <br>
  223. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=223px></a>{/block:ifshowsidebarimage}
  224. <br>
  225. {Description}
  226. <br><br>{block:ifnotinfinitescrolling}
  227. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  228. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  229. {/block:ifnotinfinitescrolling}
  230. </div>
  231.  
  232. <div id="fly">theme by <a href="http://chictutorials.tumblr.com/">danateruel</a></div>
  233.  
  234. <div id="cauliflower">
  235. {block:Posts}
  236. <div id="creeps">
  237.  
  238. {block:IndexPage}
  239. <div class="perma">
  240. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  241. {/block:IndexPage}
  242.  
  243. {block:Text}
  244. {block:Title}<span class="title">{Title}</span>{/block:Title}
  245. <span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>{/block:Text}
  246. {block:Link}
  247. <a href="{URL}" class="title">{Name}</a>
  248. {block:Description}{Description}{/block:Description}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  249. {block:Link}
  250.  
  251. {block:Photo}<center>
  252. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:500px"/></a>{LinkCloseTag}</center>
  253. {/block:Photo}
  254.  
  255. {block:Quote}
  256. {Quote}</span>
  257. {block:Source}<strong>{Source}</strong>{/block:Source}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  258. {/block:Quote}
  259.  
  260. {block:Photoset}<center>{Photoset-500}</center>
  261. <span class="permalink"><a href="{permalink}"> </a></span>
  262. {/block:Photoset}
  263.  
  264. {block:Chat}
  265. {block:Title}<span class="title">{Title}</span>{/block:Title}
  266. <ul class="chat">
  267. {block:Lines}
  268. <li class="user_{UserNumber}">
  269. {block:Label}
  270. <span class="label">{Label}</span>
  271. {/block:Label}
  272.  
  273. {Line}
  274. </li>
  275. {/block:Lines}<div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  276. {/block:Chat}
  277.  
  278. {block:Audio}
  279. <center><div style="width:495px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  280. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  281. {/block:Audio}
  282.  
  283. {block:Video}<center>
  284. <div class="video">{Video-500}</div></center><div align="right"><a href="{Permalink}"><span style="font-size: 11px;"> </span></a></div>
  285. {block:Video}
  286.  
  287. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  288.  
  289. {block:PostNotes}{PostNotes}
  290. {/block:PostNotes}
  291. </div>
  292.  
  293. {/block:Posts}
  294. </div></div>
  295. </div>
  296.  
  297. </html>
  298.  
  299. <div id="hoversidebar">
  300.  
  301. <div id="description">
  302. <begin>July 2012:</begin><center>
  303. <div style="width: 100%; text-align: center; padding-<br>bottom:7px;"><table width="100%" border="0" cellspacing="0" cellpadding="1" style="font-family:trebuchet ms; font-size: 7pt; line-height: 13px; color: #FF00FF;"><tr><td colspan="7" align="center"><div align="center"><b></b></div></td></tr><tr>
  304. <td><div align="center">Sun</div></td>
  305. <td><div align="center">Mon</div></td>
  306. <td><div align="center">Tue</div></td>
  307. <td><div align="center">Wed</div></td>
  308. <td><div align="center">Thu</div></td>
  309. <td><div align="center">Fri</div></td>
  310. <td><div align="center">Sat</div></td>
  311. </tr>
  312. <tr>
  313. <td><div align="center">1</div></td>
  314. <td><div align="center">2</div></td>
  315. <td><div align="center">3</div></td>
  316. <td><div align="center">4</div></td>
  317. <td><div align="center">5</div></td>
  318. <td><div align="center">6</div></td>
  319. <td><div align="center">7</div></td>
  320. </tr>
  321. <td><div align="center">8</div></td>
  322. <td><div align="center">9</div></td>
  323. <td><div align="center">10</div></td>
  324. <td><div align="center">11</div></td>
  325. <td><div align="center">12</div></td>
  326. <td><div align="center">13</div></td>
  327. <td><div align="center">14</div></td>
  328. </tr>
  329. <td><div align="center">15</div></td>
  330. <td><div align="center">16</div></td>
  331. <td><div align="center">17</div></td>
  332. <td><div align="center">18</td>
  333. <td><div align="center">19</div></td>
  334. <td><div align="center">20</div></td>
  335. <td><div align="center">21</div></td>
  336. </tr>
  337. <td><div align="center">22</div></td>
  338. <td><div align="center">23</div></td>
  339. <td><div align="center">24</div></td>
  340. <td><div align="center">25</div></td>
  341. <td><div align="center">26</div></td>
  342. <td><div align="center">27</div></td>
  343. <td><div align="center">28</div></td>
  344. </tr>
  345. <td><div align="center">29</div></td>
  346. <td><div align="center">30</div></td>
  347. </tr>
  348. </table></center>
  349. <br><br>
  350. <begin>Daily Thoughts</begin><br><br>
  351. <img src="http://i44.tinypic.com/zlbuc.gif" /> 07.15.12 I made a new theme, do you like it? <br><br>
  352. <img src="http://i44.tinypic.com/zlbuc.gif" /> 07.16.12 Had my first iPhone<br><br>
  353. <img src="http://i44.tinypic.com/zlbuc.gif" /> 06.27.12 I'm so tired, im just going to sit on tumblr all day long<br><br>
  354. <div class="header2">The quote she lives by</div><br>
  355.  
  356. <h3>"May the odds be ever in your favor"</h3><br>
  357.  
  358. -Effie Trinket, Hunger Games
  359.  
  360.  
  361.  
  362.  
  363.  
  364. </div>
  365. <div id="hovertab"><center><br><div style="margin-top:10px;">HOVER</div></center></div>
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!