API tools faq
paste
Advertisement
shotforthesky

Disaster Theme

shotforthesky
Jan 13th, 2013
575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.80 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. theme by Mimì @ thearmyinside.tumblr.com
  5. -->
  6.  
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
  11.  
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_m9h22vCHh91qepsk2.png" width="50" height"35"/></a>
  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://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.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. <meta name="color:Background" content="#ffffff"/>
  47. <meta name="color:Text" content="#808080"/>
  48. <meta name="color:Link" content="#c0c0c0"/>
  49. <meta name="color:Hover" content="#706e67"/>
  50. <meta name="color:BLink" content="#f0eeee"/>
  51. <meta name="color:BHover" content="#dbdbdb"/>
  52. <meta name="color:Border" content="#929292"/>
  53. <meta name="color:Bold" content="#4d2727"/>
  54. <meta name="color:Cursive" content="#afafaf"/>
  55. <meta name="color:Tags" content="#7c7567"/>
  56. <meta name="color:Scrollbar" content="#cacaca"/>
  57. <meta name="color:Selection" content="#dbdbdb"/>
  58. <meta name="color:BGSelection" content="#5e5e5e"/>
  59. <meta name="color:Title" content="#bbbbbb"/>
  60. <meta name="color:PTitle" content="#474133"/>
  61. <meta name="color:SideDescription" content="#888888"/>
  62. <meta name="color:Entries" content="#f7f7f7"/>
  63.  
  64. <meta name="font:Description" content="Century Gothic"/>
  65. <meta name="font:Title" content="Georgia"/>
  66. <meta name="font:PTitle" content="Georgia"/>
  67. <meta name="font:PDescription" content="Arial"/>
  68.  
  69. <meta name="image:Background" content=""/>
  70. <meta name="image:Sidebar" content=""/>
  71.  
  72. <meta name="if:Infinite Scroll" content="0"/>
  73. <meta name="if:Right Click Disabled" content="0"/>
  74. <meta name="if:SCM Music Player" content="0"/>
  75. <meta name="if:Billy Player" content="0"/>
  76. <meta name="if:Title" content="1"/>
  77. <meta name="if:Blogroll" content="1"/>
  78. <meta name="if:Hit Counter" content="0"/>
  79. <meta name="if:Users Online" content="0"/>
  80. <meta name="if:Optional Text" content="0"/>
  81.  
  82. <meta name="text:SCM Player" content=""/>
  83. <meta name="text:Billy Player" content=""/>
  84. <meta name="text:URL" content=""/>
  85. <meta name="text:Hit Counter" content=""/>
  86. <meta name="text:Users Online" content=""/>
  87. <meta name="text:Optional Text" content=""/>
  88.  
  89. <meta name="text:Link Title 1" content="Title"/>
  90. <meta name="text:Link URL 1" content="/"/>
  91. <meta name="text:Link Title 2" content="Title"/>
  92. <meta name="text:Link URL 2" content="/"/>
  93. <meta name="text:Link Title 3" content="Title"/>
  94. <meta name="text:Link URL 3" content="/"/>
  95. <meta name="text:Link Title 4" content="Title"/>
  96. <meta name="text:Link URL 4" content="/"/>
  97. <meta name="text:Link Title 5" content="Title"/>
  98. <meta name="text:Link URL 5" content="/"/>
  99. <meta name="text:Link Title 6" content="Title"/>
  100. <meta name="text:Link URL 6" content="/"/>
  101.  
  102. <title>{Title}</title>
  103. <link rel="shortcut icon" href="{Favicon}">
  104. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  105. {block:Description}
  106. <meta name="description" content="{MetaDescription}" />
  107. {/block:Description}
  108.  
  109. <style type="text/css">
  110.  
  111. #fade { /*--Transparent background layer--*/
  112. display: none; /*--hidden by default--*/
  113. background: #000;
  114. position: fixed; left: 0; top: 0;
  115. width: 100%; height: 100%;
  116. opacity: .80;
  117. z-index: 9999;
  118. }
  119. .popup_block{
  120. display: none; /*--hidden by default--*/
  121. background: #fff;
  122. padding: 20px;
  123. border: 20px solid #ddd;
  124. float: left;
  125. font-size: 1.2em;
  126. position: fixed;
  127. top: 50%; left: 50%;
  128. z-index: 99999;
  129. /*--CSS3 Box Shadows--*/
  130. -webkit-box-shadow: 0px 0px 20px #000;
  131. -moz-box-shadow: 0px 0px 20px #000;
  132. box-shadow: 0px 0px 20px #000;
  133. /*--CSS3 Rounded Corners--*/
  134. -webkit-border-radius: 10px;
  135. -moz-border-radius: 10px;
  136. border-radius: 10px;
  137. }
  138. img.btn_close {
  139. float: right;
  140. margin: -5px -5px 0 0;
  141. }
  142. /*--Making IE6 Understand Fixed Positioning--*/
  143. *html #fade {
  144. position: absolute;
  145. }
  146. *html .popup_block {
  147. position: absolute;
  148. }
  149.  
  150. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 20px;}
  151.  
  152. body {background-image: url({image:Background}); background-color:{color:Background}; background-repeat:no-repeat; background-attachment: fixed; line-height:auto; }
  153.  
  154. #sidebar {margin-left:50px; margin-top:70px; width:180px; height:auto; background-color:none; position:fixed;}
  155.  
  156. #title {transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-size:14px; text-transform:none; color:{color:Title}; font-family: 'Cinzel Decorative', cursive; margin:2px; text-align:center;}
  157.  
  158. #sidebarimg {margin-top:5px; width:180px; height:180px; opacity:0.7; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  159. #sidebarimg:hover {opacity:1; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  160.  
  161. #sideinfos {font-size:11px; font-family:{font:Description}; color:{color:SideDescription}; text-align:left; margin-top:7px; line-height:10px;}
  162.  
  163. #pagination {font-size:13px; font-family:{font:Description}; color: {color:SideDescription}; text-align:center; margin-top:5px; font-style:bold;}
  164.  
  165. a:link, a:active, a:visited {text-decoration:none; color:{color:Link}; font-style:bold; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  166. a:hover {color:{color:Hover}; text-decoration:none; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  167.  
  168. h1 {font-size:17px; font-family:{font:PTitle}; color:{color:PTitle}; text-decoration:none; text-transform:none; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; text-align:center; letter-spacing:1px; font-weight:normal; }
  169. h1:hover {color:{color:Hover}; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  170.  
  171. h2 {font-family:{font:PDescription}; font-size:12px; font-style:italic; font-weight:normal; text-align:left; text-transform:none; line-height:14px; }
  172.  
  173. #entries {width:521px; margin-top:10px; margin-left:300px; }
  174. #posts {background-color:{color:Entries}; color:{color:Text}; font-size:12px; font-family:{font:PDescription}; padding:10px; }
  175.  
  176. #scatola {position:relative; background-color:{color:Background}; width:488px; padding:6px; text-align:center; }
  177. #tags {font-size:8px; font-family:Arial; color:{color:Tags}; text-transform:uppercase; margin:2px; }
  178.  
  179. #answer {margin:15px; margin-top:10px; }
  180. #question {font:13px arial; letter-spacing:0px; margin-left:5px; }
  181. #asker a {color: {color:Link}; }
  182. #asker img {float:left; margin:10px; }
  183.  
  184. blockquote {border-left:2px {color:Background} solid; padding-left:5px; margin:0px 1px 0px 10px; }
  185. blockquote img, blockquote a img {max-width:370px; }
  186.  
  187. b, strong {color: {color:Bold}; }
  188. i, em {color: {color:Cursive}; }
  189. p {margin-top:7px; margin-bottom:7px; }
  190.  
  191. img a {border:none;}
  192.  
  193. .chat .line {padding:3px 5px 3px 5px; margin-bottom:1px; }
  194. .chat .line.odd {padding:3px 5px 3px 5px; margin-bottom:1px; }
  195.  
  196. .notes img {width:10px; position:relative; top:1px; }
  197. ol.notes, .notes li {list-style:none; margin:0px; padding:0px; font-size:11px; }
  198. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; }
  199.  
  200. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px; }
  201. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:10px!important; }
  202. ::-webkit-scrollbar {background-color: #FFFFFF; height:10px; width:10px; }
  203. ::-moz-selection {background-color:transparent; color:{color:Selection}; }
  204. ::selection {background-color:{color:BGSelection}; color:{color:Selection}; }
  205.  
  206. #audiobox {width:500px; height:110px; background-color:none }
  207. .audioinfo {font-size:12px; font-family:Arial; color:{color:PDescription}; margin-left:2px; margin-top:10px; text-align:left; }
  208.  
  209. #following { }
  210. #following img {opacity:0.7; text-align:center; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; width:40px; height:40px; }
  211. #folowing img:hover {opacity:1; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; }
  212.  
  213. #links {background-color:{color:BLink}; width:93%; height:auto; text-align:center; padding:5px; margin-top:1px; }
  214. .links {text-transform:uppercase; font-size:8px; font-family:Georgia; display:inline; width:auto; height:auto; padding: 3px 10px 3px 10px; text-align:center; margin: 10px 5px 10px 0px; color: {color:Link}; background-color:{color:BLink}; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; }
  215. .links:hover {color:{color:Hover}; background-color:{color:BHover}; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; }
  216.  
  217. #frozen {width:350px; height:auto; position:fixed; margin-top:200px; padding-top:5px; padding-bottom:5px; font-family: 'Montez', cursive; font-size:20px; color:{color:Title}; text-align:center; font-height:10px; line-height:10px; }
  218.  
  219. #credits {font-size:8px; color:{color:SideDescription}; float:left; margin-left:10px; margin-top:94%; font-family:Georgia; text-transform:none; position:fixed; }
  220.  
  221. </style>
  222. <style type="text/css">{CustomCSS}</style>
  223.  
  224. {block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  225.  
  226. </head>
  227. <body>
  228.  
  229. {block:ifSCMPlayer}{text:SCM Player}{/block:ifSCMPlayer}
  230.  
  231. <div id="credits"> Theme by <a href="http://thearmyinside.tumblr.com">Mimì</a></div>
  232.  
  233. <div id="sidebar">
  234. {block:ifTitle}<div id="title"><a href="/">{Title}</a></div>{/block:ifTitle}
  235. {block:ifSidebarImage}<div id="sidebarimg"><img src="{image:Sidebar}" style="width:180px; height:180px;"/></div>{/block:ifSidebarImage}
  236.  
  237. <center><div id="links">
  238. <div class="links"><a href="/">index</a></div>
  239. <div class="links"><a href="#?w=500" rel="02" class="poplight">message</a></div>
  240. {block:ifBlogroll}<div class="links"><a href="#?w=500" rel="03" class="poplight">blogroll</a></div>{/block:ifBlogroll}
  241. <div class="links"><a href="/archive">archive</a></div>
  242. {block:ifLinkTitle1}<div class="links"><a href="{text:Link URL 1}">{text:Link Title 1}</a></div>{/block:ifLinkTitle1}
  243. {block:ifLinkTitle2}<div class="links"><a href="{text:Link URL 2}">{text:Link Title 2}</a></div>{/block:ifLinkTitle2}
  244. {block:ifLinkTitle3}<div class="links"><a href="{text:Link URL 3}">{text:Link Title 3}</a></div>{/block:ifLinkTitle3}
  245. {block:ifLinkTitle4}<div class="links"><a href="{text:Link URL 4}">{text:Link Title 4}</a></div>{/block:ifLinkTitle4}
  246. {block:ifLinkTitle5}<div class="links"><a href="{text:Link URL 5}">{text:Link Title 5}</a></div>{/block:ifLinkTitle5}
  247. {block:ifLinkTitle6}<div class="links"><a href="{text:Link URL 6}">{text:Link Title 6}</a></div>{/block:ifLinkTitle6}
  248. </div></center>
  249.  
  250. <div id="sideinfos">{block:Description}{Description}<br>{block:ifHitCounter}{text:Hit Counter}{/block:ifHitCounter}{block:ifUsersOnline} || {text:Users Online}{/block:ifUsersOnline}<br><br>{block:ifBillyPlayer}{text:Billy Player}{/block:ifBillyPlayer}<br>{/block:Description}</div>
  251. {block:ifNotInfiniteScroll}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"> <b>-</b></a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> <b>+</b></a>{/block:NextPage}</div>{/block:ifNotInfiniteScroll}</div>
  252.  
  253. </div>
  254.  
  255. {block:ifOptionalText}<div style="float:right; margin-right:360px;">
  256. <div id="frozen">{text:Optional Text}</div></div>{/block:ifOptionalText}
  257.  
  258. <div id="entries">
  259. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  260. {block:Posts}
  261. <div id="posts">
  262. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  263. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  264. {block:Text}{Body}{/block:Text}
  265.  
  266. {block:ContentSource}
  267. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}
  268. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  269. {/block:ContentSource}
  270.  
  271. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  272. {block:Description}<p>{Description}</p>{/block:Description}
  273. {/block:Link}
  274.  
  275. <p style="margin-top:3px;">{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  276. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  277. {block:Photoset}<center>{Photoset-500}</center>
  278. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}</p>
  279.  
  280. {block:Chat}<ul class="chat">{block:Lines}<li class)"user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  281.  
  282. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  283.  
  284. {block:Answer}
  285. <div id="question"><img src="{AskerPortraitURL-40}" border="5" style="float:left; margin:5px; border-color:{color:Border};"/><b>{Asker}</b> asked: <br>{Question}</div><br>
  286. <div id="answer">{Answer}</div>{/block:Answer}
  287.  
  288. {block:Audio}
  289. <div style="width:500px; text-align:center; background-color:white;">{AudioPlayerWhite}</div>
  290. <div style="margin-top:6px; margin-bottom:1px;">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} - {Artist}{/block:Artist}</div>
  291. <div style="margin-top:1px; margin-bottom:1px;">{PlayCountWithLabel}</div>
  292. <div style="margin-top:10px;">{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  293.  
  294. {block:Date}<div id="scatola"><div id="tags"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a>&nbsp;-&nbsp; <a style="" href="{Permalink}">{NoteCount} notes</a> {block:RebloggedFrom}&nbsp; - &nbsp; <a style="" href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp; -&nbsp; <a style="" href="{ReblogRootURL}" title="{ReblogRootName}">original</a>{/block:RebloggedFrom}<br>
  295. {block:HasTags}{block:Tags}&nbsp # <a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>{/block:Date}</div><br>
  296.  
  297. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  298. {block:PostNotes}{PostNotes}{/block:PostNotes}
  299. </div>
  300.  
  301. {block:ifRightClickDisabled}<script language=JavaScript>
  302. <!--
  303.  
  304. //Disable right mouse click Script
  305. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  306. //For full source code, visit http://www.dynamicdrive.com
  307.  
  308. var message="Function Disabled!";
  309.  
  310. ///////////////////////////////////
  311. function clickIE4(){
  312. if (event.button==2){
  313. alert(message);
  314. return false;
  315. }
  316. }
  317.  
  318. function clickNS4(e){
  319. if (document.layers||document.getElementById&&!document.all){
  320. if (e.which==2||e.which==3){
  321. alert(message);
  322. return false;
  323. }
  324. }
  325. }
  326.  
  327. if (document.layers){
  328. document.captureEvents(Event.MOUSEDOWN);
  329. document.onmousedown=clickNS4;
  330. }
  331. else if (document.all&&!document.getElementById){
  332. document.onmousedown=clickIE4;
  333. }
  334.  
  335. document.oncontextmenu=new Function("alert(message);return false")
  336.  
  337. // -->
  338. </script>{/block:ifRightClickDisabled}
  339.  
  340. <div id="03" class="popup_block" style="height:200px;">
  341. <center>
  342. <div id="title"><strong>FOLLOWING</strong></div>
  343. <div style="margin:5px; position:fixed; border:none; width:460px; height:170px; overflow:auto; background-color:none; margin-left:20px; margin-top:10px;">
  344. <div id="following">{block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-40}"/></a>{/block:Followed}{/block:Following}</div>
  345. </div>
  346. </center>
  347. </div>
  348.  
  349. </body>
  350.  
  351. <div id="02" class="popup_block">
  352. <center>
  353. <div style="font-size:5; color:{color:Title};">{AskLabel}<p></div><iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  354. </center>
  355. </div>
  356.  
  357. </html>
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!