API tools faq
paste
Advertisement
themesbygeorgia

Page 07 -- Hiatus #1

themesbygeorgia
Aug 5th, 2014
2,032
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Hiatus #1 by wonderfullythemes
  6.  
  7. Rules about the credit: I have two links on this theme, you can choose to keep both (if you decide this ily) or remove ONE. Not both ok, either the bottom corner OR the one among the links. Thanks c:
  8.  
  9. --->
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15. <!--SCRIPT FOR TOOLTIPS-->
  16. <stsss>
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("a[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:700,
  25. tip_fade_speed:500,
  26. attribute:"title"
  27. });
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32. <!--SCRIPT FOR POP UP LINKS-->
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" title="close"><img src="http://www.shfwire.com/sites/default/files/images/closeButton.png" class="btn_close" alt="Close" /></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <meta name="image:Image" content="" />
  66.  
  67. <meta name="color:Background" content="#fff" />
  68. <meta name="color:Box Border" content="#ddd" />
  69. <meta name="color:Box Shadow" content="#ddd" />
  70. <meta name="color:Message Text" content="#fff" />
  71. <meta name="color:Message Background" content="#444" />
  72. <meta name="color:Link" content="#ddd" />
  73. <meta name="color:Hover" content="#fff" />
  74. <meta name="color:NavLinks" content="#ddd" />
  75. <meta name="color:NavLinks Hover" content="#fff" />
  76. <meta name="color:NavLinks Background" content="#fff" />
  77. <meta name="color:NavLinks Background Hover" content="#ddd" />
  78. <meta name="color:NavLinks Border" content="#444" />
  79. <meta name="color:NavLinks Border Hover" content="#fff" />
  80. <meta name="color:Scrollbar" content="#fff" />
  81. <meta name="color:Scrollbar Background" content="#444" />
  82.  
  83. <meta name="text:Message" content="" />
  84. <meta name="text:YOUR URL" content="YOUR URL" />
  85.  
  86. <meta name="if:Medium" content="0" />
  87. <meta name="if:Large" content="0" />
  88. <meta name="if:Image Left" content="0" />
  89. <meta name="if:ShowLink1" content="1" />
  90. <meta name="if:ShowLink2" content="1" />
  91.  
  92. <style type="text/css">
  93.  
  94. /*----POP UP ASK----*/
  95.  
  96. #fade { /*--Transparent background layer--*/
  97. display: none; /*--hidden by default--*/
  98. background: #000;
  99. position: fixed; left: 0; top: 0;
  100. width: 100%; height: 100%;
  101. opacity: .80;
  102. z-index: 9999;
  103. }
  104. .popup_block{
  105. height:auto;
  106. display: none; /*--hidden by default--*/
  107. background: #fff;
  108. padding: 20px;
  109. float: left;
  110. font-size: 1.2em;
  111. position: fixed;
  112. top: 50%; left: 50%;
  113. z-index: 99999;
  114. /*--CSS3 Box Shadows--*/
  115. -webkit-box-shadow: 0px 0px 20px #000;
  116. -moz-box-shadow: 0px 0px 20px #000;
  117. box-shadow: 0px 0px 20px #000;
  118. }
  119. img.btn_close {
  120. float: right;
  121. margin: -5px -5px 0 0;
  122. width:10px;
  123. height:10px;
  124. }
  125. /*--Making IE6 Understand Fixed Positioning--*/
  126. *html #fade {
  127. position: absolute;
  128. }
  129. *html .popup_block {
  130. position: absolute;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {
  134. height:auto;
  135. background-color:{color:Scrollbar};
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. height:4px;
  140. width:7px;
  141. padding-right:2px;
  142. background-color:{color:Scrollbar Background};
  143. }
  144.  
  145. body {
  146. background:{color:Background};
  147. color:{color:Message Text};
  148. font-family:'calibri';
  149. font-size:10px;
  150. text-decoration:none;
  151. text-transform:none;
  152. margin:0px;
  153. {block:IfMedium}
  154. font-size:11px;
  155. {/block:IfMedium}
  156. }
  157.  
  158. a {
  159. color:{color:Link};
  160. text-decoration:none;
  161. -moz-transition-duration:0.7s;
  162. -webkit-transition-duration:0.7s;
  163. -o-transition-duration:0.7s;
  164. }
  165.  
  166. a:hover {
  167. color:{color:Hover};
  168. -moz-transition-duration:0.7s;
  169. -webkit-transition-duration:0.7s;
  170. -o-transition-duration:0.7s;
  171. }
  172.  
  173. #container {
  174. width:520px;
  175. height:130px;
  176. position:fixed;
  177. float:center;
  178. margin-left:27%;
  179. margin-top:15%;
  180. padding:40px;
  181. border:1px solid {color:Box Border};
  182. box-shadow:5px 5px 5px {color:Box Shadow};
  183. {block:IfMedium}
  184. width:540px;
  185. height:160px;
  186. {/block:IfMedium}
  187. {block:IfLarge}
  188. width:580px;
  189. height:180px;
  190. {/block:IfLarge}
  191. }
  192.  
  193. .text {
  194. background-color:{color:Message Background};
  195. color:{color:Message Text};
  196. width:320px;
  197. height:65px;
  198. padding:30px;
  199. position:absolute;
  200. overflow-y:scroll;
  201. {block:IfMedium}
  202. height:70px;
  203. padding:40px;
  204. width:300px;
  205. font-size:11px;
  206. {block:IfImageLeft}
  207. left:65px;
  208. {/block:IfImageLeft}
  209. {/block:IfMedium}
  210. {block:IfImageLeft}
  211. margin-left:125px;
  212. {/block:IfImageLeft}
  213. {block:IfLarge}
  214. padding:50px;
  215. height:75px;
  216. font-size:12px;
  217. {block:IfImageLeft}
  218. left:85px;
  219. {/block:IfImageLeft}
  220. {/block:IfLarge}
  221.  
  222. }
  223.  
  224. .katie img {
  225. width:125px;
  226. height:125px;
  227. margin-left:380px;
  228. position:relative;
  229. {block:IfMedium}
  230. width:150px;
  231. height:150px;
  232. {/block:IfMedium}
  233. {block:IfImageLeft}
  234. margin-left:0px;
  235. {/block:IfImageLeft}
  236. {block:IfLarge}
  237. width:175px;
  238. height:175px;
  239. {/block:IfLarge}
  240. }
  241.  
  242. #navlinks {
  243. width:auto;
  244. height:30px;
  245. line-height:100%;
  246. font-size:8px;
  247. text-transform:uppercase;
  248. position:absolute;
  249. margin-top:-7.5%;
  250. right:5%;
  251. {block:IfMedium}
  252. margin-top:-7.3%;
  253. font-size:9px;
  254. {/block:IfMedium}
  255. {block:IfLarge}
  256. margin-top:-7%;
  257. font-size:10px;
  258. {/block:IfLarge}
  259. }
  260.  
  261. #navlinks a {
  262. margin-right:5px;
  263. padding:3px;
  264. letter-spacing:1px;
  265. color:{color:NavLinks};
  266. background-color:{color:NavLinks Background};
  267. border:1px solid {color:NavLinks Border};
  268. }
  269.  
  270. #navlinks a:hover {
  271. letter-spacing:3px;
  272. color:{color:NavLinks Hover};
  273. background-color:{color:NavLinks Background Hover};
  274. border:1px solid {color:NavLinks Border Hover};
  275. }
  276.  
  277. /*--CREDIT--*/
  278. #spectrum {
  279. bottom:9px;
  280. right:7px;
  281. font-size:8px;
  282. font-family:'calibri';
  283. letter-spacing:1px;
  284. text-transform:uppercase;
  285. position:fixed;
  286. }
  287.  
  288. {CustomCSS}</style></head><body>
  289.  
  290. <div id="container">
  291.  
  292. <div id="navlinks">
  293.  
  294. <a href="">Return</a>
  295. <a href="#?w=500" rel="01" class="poplight">Ask</a>
  296. {block:IfShowLink1}<a href="">Link 1</a>{/block:IfShowLink1}
  297. {block:IfShowLink2}<a href="">Link 2</a>{/block:IfShowLink2}
  298. <a href="http://wonderfullythemes.tumblr.com">Credit</a>
  299. </div>
  300.  
  301. <div class="text">
  302.  
  303. {text:Message}
  304.  
  305. </div>
  306.  
  307. <div class="katie"><img src="{image:Image}"/></div>
  308.  
  309. </div>
  310.  
  311. <div id="spectrum">
  312. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  313. </div>
  314.  
  315. </body>
  316.  
  317. <div id="01" class="popup_block">
  318.  
  319. <br>
  320.  
  321. <iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:YOUR URL}.tumblr.com" width="100%"></iframe>
  322.  
  323. </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!