API tools faq
paste
Advertisement
hrrald

PAGE THEME - BLANK SPACE

hrrald
Nov 23rd, 2014
306
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.34 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. ¸.•´¸.•*´¨) ¸.•*¨)
  6. (¸.•´ (¸.•` ¤ BOOFRP'S PAGE THEME #04 -- IF YOU SAY SO
  7.  
  8. Pretty simple. Please do not even steal anything off of this theme,
  9. considering the fact that it's not only my hard work, but the work
  10. of venusrps who made this base code.
  11. If you have any questions, let me know. Just know, you are not all
  12. owed to post an edited version of this theme or claim it as your o
  13. wn considering i have made it and it took a lot of time. Any quest
  14. ions will be answered if you just ask me.
  15. Do NOT whatever you do, take the credit out. It's only in the corn
  16. er, like damn. Other than that, enjoy!!
  17.  
  18. :¨·.·¨:
  19. `·.. Bo // boofrp--->
  20.  
  21. <head>
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <meta name="description" content="{MetaDescription}" />
  26.  
  27. <style type="text/css">
  28.  
  29. /*COLOR = THE COLOUR OF THE FONT IN YOUR BOXES*/
  30.  
  31. body {
  32. font-family:helvetica;
  33. font-size:9px;
  34. color:white;
  35. background-color:#a691a2;
  36.  
  37. }
  38.  
  39. a {
  40. text-decoration:none;
  41. }
  42.  
  43. blockquote {
  44. background-color:#b38cae;
  45. margin-left:10px;
  46. color:white;
  47. width:92%;
  48. border-left:4px solid white;
  49. padding:5px;
  50. }
  51.  
  52. pre {
  53. padding:5px;
  54. background-color:#b38cae;
  55. color:white;
  56. border-bottom:2px solid white;
  57. font-family:helvetica;
  58. text-align:center;
  59. }
  60.  
  61. #BIOBACK {
  62. margin-top:50px;
  63. margin-left:150px;
  64. position:fixed;
  65. height:550px;
  66. overflow:auto;
  67. padding:10px;
  68. width:400px; z-index:-39432848237487278347;
  69. background-color:#896985;
  70. border:4px solid #c1a2b6;
  71. }
  72.  
  73. #BIO {
  74. width:300px;
  75. font-family:'arial';
  76. }
  77.  
  78. #BIO img {
  79. display:inline-block;
  80. width:320px;
  81. margin-top:5px;
  82. border:6px solid #b38cae;
  83. margin-left:34px;
  84. margin-bottom:10px;
  85. position:absolute;
  86. }
  87.  
  88. biographies {
  89. width:316px;
  90. padding:10px;
  91. margin-left:34px;
  92. margin-top:100px;
  93. display:inline-block;
  94. background-color:#9d85a9;
  95. width:312px;
  96. height:200px;
  97. overflow:auto;
  98. }
  99.  
  100.  
  101. #BIOBACK2 {
  102. margin-top:50px;
  103. margin-left:810px;
  104. position:fixed;
  105. overflow:auto;
  106. height:550px;
  107. padding:10px;
  108. width:400px; z-index:-39432848237487278347;
  109. background-color:#896985;
  110. border:4px solid #c1a2b6;
  111. }
  112.  
  113. #BIO2 {
  114. width:300px;
  115. font-family:'arial';
  116. }
  117.  
  118. #BIO2 img {
  119. display:inline-block;
  120. width:320px;
  121. margin-top:5px;
  122. border:6px solid #b38cae;
  123. margin-left:34px;
  124. margin-bottom:10px;
  125. position:absolute;
  126. }
  127.  
  128. biographies2 {
  129. width:316px;
  130. padding:10px;
  131. margin-left:34px;
  132. margin-top:100px;
  133. display:inline-block;
  134. background-color:#9d85a9;
  135. width:312px;
  136. height:200px;
  137. overflow:auto;
  138. }
  139.  
  140.  
  141. #sidebar {
  142. margin-top:-10px;
  143. margin-left:585px;
  144. position:fixed;
  145. width:220px;
  146. height:1000%;
  147. background-color:#896985; }
  148.  
  149. #links a {
  150. display:inline-block;
  151. width:180px;
  152. padding:10px;
  153. margin-top:10px;
  154. margin-right:5px;
  155. margin-left:10px;
  156. background-color:#b38cae;
  157. color:#896985;
  158. }
  159.  
  160. #links a:hover {
  161. background-color:#896985;
  162. color:#b38cae;
  163. -webkit-transition: all 0.5s ease-out;
  164. -moz-transition: all 0.5s ease-out;
  165. transition: all 0.5s ease-out;
  166. }
  167.  
  168. #sidebar img {
  169. margin-top:100px;
  170. border: 8px solid #b38cae ;
  171. margin-left:10px;
  172. }
  173.  
  174.  
  175. iframe#tumblr_controls {top:2px!important; right:2px!important; position:fixed!important;-webkit-transition: opacity 0.5s linear;opacity: 0.5;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  176.  
  177. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: 0.8;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  178.  
  179. ::-webkit-scrollbar {
  180. width:3px;
  181. height:3px;
  182. }
  183.  
  184. ::-webkit-scrollbar-track-piece {
  185. background-color:#ffffff;
  186. }
  187.  
  188. ::-webkit-scrollbar-thumb {
  189. background-color: #bcbcc4;
  190.  
  191.  
  192. </style>
  193. </head>
  194.  
  195. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  196. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  197. <script>
  198. (function($){
  199. $(document).ready(function(){
  200. $("[title],a[title],img[title]").style_my_tooltips({
  201. tip_follows_cursor:true,
  202. tip_delay_time:100,
  203. tip_fade_speed:250,
  204. attribute:"title"
  205. });
  206. });
  207. })(jQuery);
  208. </script>
  209.  
  210. <div id="sidebar">
  211. <img src="https://31.media.tumblr.com/d0d77077ac6209a9c37ff903d4f395fb/tumblr_inline_nfimrtoGXl1rihlho.png">
  212.  
  213. <div id="links">
  214. <a href="/">HOME</a><br>
  215. <a href="/">ASK</a><br>
  216. <a href="/">APPLY</a><br>
  217. <a href="http://arianaofrps.co.vu/">CREDIT</a><br>
  218. </div>
  219. </div>
  220.  
  221. <div id="BIOBACK">
  222.  
  223. <div id="BIO">
  224.  
  225. <img src="https://31.media.tumblr.com/21a6630f3b4ad5ad1710cf07db88b6b2/tumblr_inline_nfiju3stPN1rihlho.png">
  226. <biographies><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  227. <ul>
  228. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  229. </ul>
  230. <blockquote>
  231. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  232. </blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.
  233. </biographies>
  234.  
  235. <img src="https://31.media.tumblr.com/21a6630f3b4ad5ad1710cf07db88b6b2/tumblr_inline_nfiju3stPN1rihlho.png">
  236. <biographies><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  237. <ul>
  238. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  239. </ul>
  240. <blockquote>
  241. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  242. </blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.
  243. </biographies>
  244.  
  245. <img src="https://31.media.tumblr.com/21a6630f3b4ad5ad1710cf07db88b6b2/tumblr_inline_nfiju3stPN1rihlho.png">
  246. <biographies><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  247. <ul>
  248. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  249. </ul>
  250. <blockquote>
  251. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  252. </blockquote>
  253. <p><span>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.</biographies>
  254.  
  255. <img src="https://31.media.tumblr.com/21a6630f3b4ad5ad1710cf07db88b6b2/tumblr_inline_nfiju3stPN1rihlho.png">
  256. <biographies><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  257. <ul>
  258. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  259. </ul>
  260. <blockquote>
  261. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  262. </blockquote>
  263. <p><span>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.</biographies>
  264. <img src="https://31.media.tumblr.com/21a6630f3b4ad5ad1710cf07db88b6b2/tumblr_inline_nfiju3stPN1rihlho.png">
  265. <biographies><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  266. <ul>
  267. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  268. </ul>
  269. <blockquote>
  270. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  271. </blockquote>
  272. <p><span>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.</biographies> </div></div>
  273.  
  274. <div id="BIOBACK2">
  275.  
  276. <div id="BIO2">
  277.  
  278. <img src="https://31.media.tumblr.com/8fb5c4bb60045a1e340ca7c26689f3aa/tumblr_inline_nfika2xV2r1rihlho.png">
  279. <biographies2><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  280. <ul>
  281. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  282. </ul>
  283. <blockquote>
  284. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  285. </blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.
  286. </biographies2>
  287.  
  288. <img src="https://31.media.tumblr.com/8fb5c4bb60045a1e340ca7c26689f3aa/tumblr_inline_nfika2xV2r1rihlho.png">
  289. <biographies2><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  290. <ul>
  291. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  292. </ul>
  293. <blockquote>
  294. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  295. </blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.
  296. </biographies2>
  297.  
  298. <img src="https://31.media.tumblr.com/8fb5c4bb60045a1e340ca7c26689f3aa/tumblr_inline_nfika2xV2r1rihlho.png">
  299. <biographies2><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  300. <ul>
  301. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  302. </ul>
  303. <blockquote>
  304. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  305. </blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.
  306. </biographies2>
  307.  
  308. <img src="https://31.media.tumblr.com/8fb5c4bb60045a1e340ca7c26689f3aa/tumblr_inline_nfika2xV2r1rihlho.png">
  309. <biographies2><pre><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></pre>
  310. <ul>
  311. <li><span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></li>
  312. </ul>
  313. <blockquote>
  314. <p><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </span></p>
  315. </blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin sollicitudin egestas. Integer a nibh eget justo dapibus blandit sit amet sed dui. Vivamus lacinia, eros quis bibendum pharetra, lacus ante sagittis nisi, consequat gravida nisi nibh in massa. Nulla gravida neque in dictum condimentum.
  316. </biographies2><p>
  317. </div>
  318.  
  319. <div id="background">
  320. </div>
  321. </div></div>
  322.  
  323.  
  324.  
  325. </div>
  326. </body>
  327. </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!