API tools faq
paste
Advertisement
gwentee

Page 3: Rock Ur Body

gwentee
Aug 23rd, 2015
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.08 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.  
  4. <!--
  5. Page #3: Rock Ur Body
  6. Page by Gwendolyn @ luhands-themes
  7. Please do NOT remove the credit
  8. You are free to customize theme
  9. Any questions? Ask here:
  10. getyourluhandsonme.tumblr.com/faq
  11. or
  12. luhandsthemes.tumblr.com/faq
  13. PLEASE Like or Reblog
  14. -->
  15. <head>
  16.  
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script>
  20. $(document).ready(function() {
  21. //
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel'); //Get Popup Name
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25. var query= popURL.split('?');
  26. var dim= query[1].split('&');
  27. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  28. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.voipon.co.uk/images/cross.gif" class="btn_close" title="Close" alt="Close" /></a>');
  29. var popMargTop = ($('#' + popID).height() + 80) / 2;
  30. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  31. //Apply Margin to Popup
  32. $('#' + popID).css({
  33. 'margin-top' : -popMargTop,
  34. 'margin-left' : -popMargLeft
  35. });
  36. $('body').append('<div id="fade"></div>');
  37. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  38. return false;
  39. });
  40. $('a.close, #fade').live('click', function() {
  41. $('#fade , .popup_block').fadeOut(function() {
  42. $('#fade, a.close').remove(); //fade them both out
  43. });
  44. return false;
  45. });
  46. });
  47. </script>
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{Favicon}" />
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar { width: 7px; }
  57. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  58. ::-webkit-scrollbar-thumb:vertical {
  59. width: 1px;
  60. background-color: #bbdfe1; /**scrollbar colour**/
  61. border-top: 4px solid #fff; /**scrollbar surrounding colour**/
  62. border-right: 3px solid #fff; /**scrollbar surrounding colour**/
  63. border-bottom: 4px solid #fff; /**scrollbar surrounding colour**/
  64. border-left: 3px solid #fff; /**scrollbar surrounding colour**/
  65. }
  66.  
  67. body {
  68. margin:0px;
  69. font-size:9px;
  70. font-family: 'Play', sans-serif;
  71. color: #fe3b80; /*change font colour here*/
  72. background-image: url("http://i.imgur.com/BTZkt0e.gif");} /*change background image here*/
  73.  
  74. a:link, a:active, a:visited{color:black; text-decoration:none;}
  75. a:hover{color:white;}
  76.  
  77. b,strong{color:#000;}
  78. i,em{color:#fe3b80;}
  79. u{color:#fe3b80;}
  80.  
  81. #contain {
  82. overflow-x:hidden;
  83. overflow-y:scroll;
  84. position:absolute;
  85. background-color:transparent;
  86. height:384px;
  87. width:715px;
  88. top:10;
  89. margin-top:150px;
  90. margin-left:382px;
  91. padding:10px;
  92. padding-bottom:60px;
  93. }
  94.  
  95. #quote {
  96. font-size:48px;
  97. font-weight:900;
  98. padding:9px;
  99. font-family: 'Play', sans-serif;
  100. color:#a4a4a4; /*change title color here*/
  101. letter-spacing:3px;
  102. text-align:center;
  103. margin-left:70px;
  104. margin-top:10px;
  105. }
  106.  
  107. #fade { /*--Transparent background layer--*/
  108. display: none; /*--hidden by default--*/
  109. background: #000;
  110. position: fixed; left: 0; top: 0;
  111. width: 100%; height: 100%;
  112. opacity: .80;
  113. z-index: 9999;
  114. }
  115. .popup_block{
  116. display: none; /*--hidden by default--*/
  117. background: #fff;
  118. padding: 20px;
  119. border: 2px double #fe3b80;
  120. float: left;
  121. font-size: 1.2em;
  122. position: fixed;
  123. top: 50%; left: 50%;
  124. z-index: 99999;
  125. /*--CSS3 Box Shadows--*/
  126. -webkit-box-shadow: 0px 0px 20px #000;
  127. -moz-box-shadow: 0px 0px 20px #000;
  128. box-shadow: 0px 0px 20px #000;
  129. }
  130. img.btn_close {
  131. float: right;
  132. margin: -5px -5px 0 0;
  133. }
  134. /*--Making IE6 Understand Fixed Positioning--*/
  135. *html #fade {
  136. position: absolute;
  137. }
  138. *html .popup_block {
  139. position: absolute;
  140. }
  141.  
  142.  
  143. header {
  144. color:#fe3b80; /*change header color here*/
  145. letter-spacing:2px;
  146. font-size:12px;
  147. text-align:center;
  148. padding:2px;
  149. margin-top:15px;
  150. margin-bottom:15px;
  151. font-family:arial;
  152. width:90%;
  153. padding:6px;
  154. text-transform:uppercase;
  155. border:3px double #000; /*change border colour here*/
  156. box-shadow: 2px 2px 4px #888;
  157. background-color:#fff; /*change header background color here*/
  158. }
  159.  
  160. .links {
  161. width:300px;
  162. position:fixed;
  163. display:block;
  164. padding:10px;
  165. padding-top:10px;
  166. padding-left:10px;
  167. }
  168.  
  169. .links a{
  170. display:inline-block;
  171. width:80px;
  172. height:20px;
  173. margin:3px;
  174. background-color:#fff;
  175. border: 3px double #000;
  176. box-shadow: 2px 2px 4px #888;
  177. font-family: 'Play', sans-serif;
  178. color:#fe3b80;
  179. text-transform:uppercase;
  180. padding-top:2px;
  181. font-size:10px;
  182. letter-spacing:2px;
  183. text-align:center;
  184. }
  185.  
  186. .links a:hover{
  187. background-color: #000;
  188. color: #fff;
  189. }
  190.  
  191. .home {
  192. position:fixed;
  193. width:100px;
  194. bottom:44px;
  195. right:8px;
  196. font: 'Play', sans-serif;
  197. border:1px solid #666;
  198. text-transform:uppercase;
  199. letter-spacing: 0px;
  200. padding: 2px;
  201. }
  202.  
  203. .home a{
  204. color: #000;
  205. opacity:0.8;
  206. }
  207.  
  208. .home a:hover{
  209. color: #fff;
  210. opacity:0.8;
  211. }
  212. .ask {
  213. position:fixed;
  214. width:100px;
  215. bottom:24px;
  216. right:8px;
  217. font: 'Play', sans-serif;
  218. border:1px solid #666;
  219. text-transform:uppercase;
  220. letter-spacing: 0px;
  221. padding: 2px;
  222. }
  223.  
  224. .ask a{
  225. color: #000;
  226. opacity:0.8;
  227. }
  228.  
  229. .ask a:hover{
  230. color: #fff;
  231. opacity:0.8;
  232. }
  233. .credit {
  234. position:fixed;
  235. width: 100px;
  236. bottom:4px;
  237. right:8px;
  238. font: 'Play', sans-serif;
  239. border:1px solid #666;
  240. text-transform:uppercase;
  241. letter-spacing: 0px;
  242. padding: 2px;
  243. }
  244.  
  245. .credit a{
  246. color: #000;
  247. opacity:0.8;
  248. }
  249.  
  250. .credit a:hover{
  251. color: #fff;
  252. opacity:0.8;
  253. }
  254. </style>
  255. </head>
  256.  
  257. <body>
  258.  
  259. <div id="contain">
  260. <div id="quote"><a href="#?w=500" rel="03" class="poplight">Your Quote Goes Here Keep it shorter for the best look~</a></div>
  261. </div>
  262.  
  263.  
  264. <!--- Do Not Touch Credit! Thank you!!--->
  265. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  266.  
  267. </body>
  268.  
  269. </html>
  270. <div id="03" class="popup_block"><!--- Write your about etc. here!--->
  271. <header>This is a header</header>
  272. put whatever you like in here like a header!
  273. This is some writing. Tell me about yourself here!
  274. here are some links :))<br>
  275. <b>bold</b><u>underline</u><i>italic</i>
  276. <br>
  277.  
  278. <div class="links">
  279. <center>
  280. <a href="/">okay!</a>
  281. <a href="/">whatever!</a>
  282. <a href="/">nevermind!</a>
  283. </center>
  284. </div>
  285.  
  286. <Br><Br><Br>
  287. </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!