API tools faq
paste
Advertisement
shanelanne

Gener theme codes by 1nnocents

shanelanne
Apr 15th, 2013
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <style>
  4. .shakeimage{position:relative}
  5. </style>
  6. <script language="JavaScript1.2">
  7. //configure shake degree (where larger # equals greater shake)
  8. var rector=3
  9. ///////DONE EDITTING///////////
  10. var stopit=0
  11. var a=1
  12. function init(which){
  13. stopit=0
  14. shake=which
  15. shake.style.left=0
  16. shake.style.top=0}
  17. function rattleimage(){
  18. if ((!document.all&&!document.getElementById)||stopit==1)
  19. return
  20. if (a==1){shake.style.top=parseInt(shake.style.top)+rector+"px"}
  21. else if (a==2){shake.style.left=parseInt(shake.style.left)+rector+"px"}
  22. else if (a==3){shake.style.top=parseInt(shake.style.top)-rector+"px"}
  23. else{shake.style.left=parseInt(shake.style.left)-rector+"px"}
  24. if (a<4)
  25. a++
  26. else
  27. a=1
  28. setTimeout("rattleimage()",50)}
  29. function stoprattle(which){
  30. stopit=1
  31. which.style.left=0
  32. which.style.top=0}
  33. </script>
  34.  
  35.  
  36. {block:ifminicursor}
  37. <style type="text/css">body, a:hover a:link {cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;}</style>
  38. {/block:ifminicursor}
  39.  
  40. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  41. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50.  
  51. <head>
  52.  
  53. <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
  54. <script type="text/javascript" src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  55. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>
  56.  
  57.  
  58. <meta name="image:Background" content=""/>
  59.  
  60. <meta name="color:Background" content="#fff" />
  61. <meta name="color:Text" content="#4c4c4c" />
  62. <meta name="color:Link Hover" content="#808080" />
  63. <meta name="color:Italic" content="#4c4c4c" />
  64. <meta name="color:Link" content="#e6e6e6" />
  65. <meta name="color:Content BG" content="#ffffff" />
  66. <meta name="color:Content Border" content="#ebebeb" />
  67. <meta name="color:Permalink BG" content="#f8f1e8" />
  68. <meta name="color:Posts Border" content="#ebebeb" />
  69.  
  70. <meta name="text:Link One Title" content="home" />
  71. <meta name="text:Link One" content="" />
  72. <meta name="text:Link Two Title" content="ask" />
  73. <meta name="text:Link Two" content="" />
  74. <meta name="text:Link Three Title" content="submit" />
  75. <meta name="text:Link Three" content="" />
  76. <meta name="text:Link Four Title" content="faq" />
  77. <meta name="text:Link Four" content="" />
  78.  
  79.  
  80. <meta name="font:Body" content="garamond">
  81. <meta name="if:Mini Cursor" content="1">
  82. <meta name="if:Strike Through Link" content="0">
  83. <meta name="if:Underline Link" content="1">
  84. <meta name="if:Show Captions" content="0">
  85. <meta name="if:Custom Title Font" content="1">
  86. <meta name="if:Shaking Images" content="0">
  87. <meta name="if:Faded Images" content="0">
  88.  
  89. <!-- THEME BY 1NNOCENTS PLEASE DON'T MESSAGE ME ABOUT HTML XOXO LOVE YOU ALL YOU KNOW I DO! ALSO, PLEASE DON'T DELETE OR MOVE THE CREDIT OR I WILL CURSE YOU AND YOUR BLOGS -->
  90.  
  91. <style type="text/css">
  92.  
  93. {block:iffadedimages}img{
  94. -webkit-transition: opacity 0.8s linear;
  95. opacity: 0.60;
  96. }
  97. img:hover{
  98. -webkit-transition: opacity 0.8s linear;
  99. opacity: 1;
  100. }{/block:iffadedimages}
  101.  
  102. 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;}
  103.  
  104. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  105.  
  106. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  107.  
  108. #biter
  109.  
  110. #bite a {display:block}
  111.  
  112. #bite .death {margin-top:-108px;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;}
  113.  
  114. #bite:hover .death {margin-top:-40px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  115.  
  116. #bite:hover .food {margin-top:-135px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  117.  
  118. @font-face { font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf'); }
  119.  
  120. body {
  121. background-color:{color:Background};
  122. background-image: url('{image:Background}');
  123. color:{color:Text};
  124. font-family: {font:Body};
  125. font-size: 10px;
  126. margin: 0px;
  127. padding: 0px;}
  128.  
  129. a:link, a:active {
  130. text-decoration:none;
  131. color: {color:Link}; }
  132.  
  133. a:visited {
  134. text-decoration:none;
  135. color: {color:Link}; }
  136.  
  137. a:hover {
  138. {block:ifstrikethroughlink}text-decoration:line-through{/block:ifstrikethroughlink};
  139. {block:ifunderlinelink}text-decoration:underline{/block:ifunderlinelink};
  140. color: {color:Link Hover};
  141. }
  142.  
  143. b, strong, .strong {color:{color:Bold};}
  144.  
  145. blockquote {
  146. border-left:2px solid {color:Text};
  147. padding-left:6px; }
  148.  
  149. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  150.  
  151. i, em, .em {color:{color:Italic};}
  152.  
  153. .contentwhole {
  154. width:250px;
  155. margin-left:500px;
  156. height:100%;}
  157.  
  158. .content {
  159. width: 250px;
  160. height: auto;
  161. padding:10px;
  162. margin-top:20px;
  163. background-color: {color:Content BG};
  164. border:1px solid {color:Content Border};}
  165.  
  166. .info {
  167. width:250px;
  168. height:10px;
  169. float:center;
  170. padding-top:0px;
  171. margin-top:5px;
  172. opacity:0.8;
  173. text-align:center;
  174. font-size:8px;
  175. font-family:{font:sidebar};
  176. letter-spacing:1px;
  177. background-color: {color:Permalink BG};
  178. background-image:url('{image:Permalink BG}');
  179. color:{color:Link};
  180. border-top: 1px solid {color:Posts Border};
  181. border-bottom: 1px solid {color:Posts Border};
  182. text-transform:uppercase;
  183. transition-duration: 0.6s;
  184. -moz-transition-duration: 0.6s;
  185. -webkit-transition-duration: 0.6s;
  186. -o-transition-duration: 0.6s; }
  187.  
  188. .info a {
  189. font-size:9px; }
  190.  
  191. .info:hover {
  192. opacity:1.0;
  193. transition-duration: 0.6s;
  194. -moz-transition-duration: 0.6s;
  195. -webkit-transition-duration: 0.6s;
  196. -o-transition-duration: 0.6s; }
  197.  
  198. #pagination {
  199. font-size:11px;
  200. margin:0px;
  201. text-align:center;}
  202.  
  203. /* SIDEBAR */
  204.  
  205.  
  206. #sidebar {
  207. width:180px;
  208. position:fixed;
  209. top:390px;
  210. text-align:left;
  211. background-color:transparent;
  212. padding: 10px;
  213. left:290px;
  214. height:auto;}
  215.  
  216. #titlee {
  217. {block:ifcustomtitlefont} font-family: "paulpan"; {/block:ifcustomtitlefont}
  218. font-size: 35px;
  219. }
  220. #buzz {
  221. position:fixed;
  222. top:200px;
  223. right:100px;
  224. background-color:transparent:
  225. font-size:10px;}
  226.  
  227. div.navigate a{
  228.  
  229. background: {color:SidebarLinkBGcolor}; color: {color:SidebarLinkColor}; letter-spacing: 0px; display:block; padding:0px 0;
  230. border: 0px solid #000000;
  231. width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1;
  232. }
  233.  
  234.  
  235. div.navigate a:hover{
  236. font-weight: bold; letter-spacing: 1px; background: {color:SidebarLinkBGcolorhover}; display:block; padding:0px 0; border: 0px solid #000000; z-index:2; color: {color:SidebarLinkColorHover};
  237. }
  238.  
  239.  
  240. </style>
  241. <script type="text/javascript" scr="http://proto.jp/js/tumblrAutoPager.js"></script>
  242. <div id="sidebar">
  243. <div align="center">
  244. <div id="bite"><div id="titlee">
  245. <h4><center>{Title}</center></h4></div>
  246.  
  247. <div class="death">
  248. <div align="center">
  249. {Description}<br> <div id="pagination">
  250. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  251. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  252. </div>
  253. </div>
  254. </div>
  255. <div class="food">
  256. <div class="center">
  257. <a href="{text:Link One}"style="text-decoration:none">{text:Link One Title}</a> <a href="{text:Link Two}"style="text-decoration:none">{text:Link Two Title}</a> <a href="{text:Link three}"style="text-decoration:none">{text:Link three Title}</a> <a href="{text:Link four}"style="text-decoration:none">{text:Link four Title}</a> <a href="http://1nnocents.tumblr.com" style="text-decoration:none">theme</a> </div>
  258. </div>
  259.  
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265.  
  266. <!-- blocking ctrl+u --> <body onkeydown="return false">
  267.  
  268. <!-- disable right click start -->
  269.  
  270. <script language=JavaScript>
  271. <!--
  272.  
  273. //Disable right mouse click Script
  274. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  275. //For full source code, visit http://www.dynamicdrive.com
  276.  
  277. var message="Function Disabled!";
  278.  
  279. ///////////////////////////////////
  280. function clickIE4(){
  281. if (event.button==2){
  282. alert(message);
  283. return false;
  284. }
  285. }
  286.  
  287. function clickNS4(e){
  288. if (document.layers||document.getElementById&&!document.all){
  289. if (e.which==2||e.which==3){
  290. alert(message);
  291. return false;
  292. }
  293. }
  294. }
  295.  
  296. if (document.layers){
  297. document.captureEvents(Event.MOUSEDOWN);
  298. document.onmousedown=clickNS4;
  299. }
  300. else if (document.all&&!document.getElementById){
  301. document.onmousedown=clickIE4;
  302. }
  303.  
  304. document.oncontextmenu=new Function("return false")
  305.  
  306. // -->
  307. </script>
  308.  
  309. <!-- end disable right click -->
  310.  
  311. <div class="contentwhole">
  312. <div class="autopagerize_page_element">
  313. {block:Posts}
  314.  
  315. <div class="content">
  316. {block:Text}
  317. {block:Title}
  318. <a href="{Permalink}" class="ttitle">{Title}</a>
  319. {/block:Title}
  320. {Body}
  321. {/block:Text}
  322.  
  323. {block:Photo}
  324. {block:ifshakingimages}<a href="{ReblogURL}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"
  325. /></a>{/block:ifshakingimages}
  326. {block:ifnotshakingimages}<a href="{ReblogURL}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" class="photo"/></a>{/block:ifnotshakingimages}
  327. <center>{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}</center>
  328. {/block:Photo}
  329.  
  330. {block:Photoset}
  331. {Photoset-250}
  332. <center>{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}</center>
  333. {/block:Photoset}
  334.  
  335. {block:Quote}
  336. {Quote}<p>
  337. {block:Source}- {Source}{/block:Source}
  338. {/block:Quote}
  339.  
  340. {block:Link}
  341. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  342. {block:Description} {Description} {/block:Description}
  343. {/block:Link}
  344.  
  345. {block:Chat}
  346. {block:Title} {Title} {/block:Title}
  347. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  348.  
  349. {/block:Lines}
  350. {/block:Chat}
  351.  
  352.  
  353. {block:Audio}
  354. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  355. <p>
  356. {block:AlbumArt}
  357. <img src="{AlbumArtURL}" width="100px" />
  358. {/block:AlbumArt}
  359. <p>{block:ifshowcaptions}
  360. {block:Caption}
  361. {Caption}
  362. {/block:Caption}{/block:ifshowcaptions}
  363. {/block:Audio}
  364.  
  365.  
  366. {block:Video}
  367. {Video-500}
  368. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  369. {/block:Video}
  370.  
  371. {block:Answer}
  372. {Asker} asked: {Question}<p>
  373. {Answer}
  374. {/block:Answer}
  375.  
  376.  
  377. {block:PermalinkPage}
  378. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  379. {block:PostNotes}
  380. {PostNotes}
  381. {/block:PostNotes}
  382. {/block:PermalinkPage}
  383.  
  384. <div class="info">
  385. {block:Date}posted on <a href="{Permalink}">{Month} {DayofMonth}, {Year}</a>{/block:date}
  386. </div> <!--END INFO -->
  387.  
  388. </div> <!-- END CONTENT -->
  389.  
  390. {/block:Posts}
  391.  
  392. <a style="position:fixed; bottom:5px; right:5px;" href="http://1nnocents.tumblr.com">CREDIT</a>
  393. </div>
  394. </div> <!-- END CONTENT WHOLE -->
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!