API tools faq
paste
Advertisement
NitrogenFixation

Untitled

NitrogenFixation
Apr 8th, 2014
110
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.34 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <!-----PAGE 7 BY LAUNTS (http://launts.tumblr.com/). DON'T STEAL OR REDISTRIBUTE. THANK.----->
  9.  
  10. <head>
  11. <title>MORE PUNK ROCK THAN YOU</title> <!-----CHANGE THE TITLE ON THE TAB HERE----->
  12. <link rel="shortcut icon" href="http://i.imgur.com/INB36dH.jpg"> <!-----CHANGE THE ICON ON THE TAB HERE----->
  13. <link rel="alternate" type="application/rss+xml" href="http://deceitfulgod.tumblr.com/rss">
  14.  
  15.  
  16. <style type="text/css">
  17.  
  18. ::selection {
  19. background: #777;
  20. color:{color:selection};
  21. }
  22. ::-webkit-scrollbar-thumb {
  23. background-color: #9b0b0b; /*CHANGE THE SCROLLBAR THUMB HERE*/
  24. height:auto;
  25. border-bottom:none;
  26. }
  27. ::-webkit-scrollbar {
  28. height:9px;
  29. width:5px;
  30. background-color: #9b0b0b; /*CHANGE THE SCROLLBAR TRACK HERE*/
  31. border: 2px solid white;
  32.  
  33. }
  34.  
  35. ::selection {
  36. background-color: #9b0b0b; /*CHANGE THE SELECTION BACKGROUND HERE*/
  37. color: #fff; /*CHANGE THE SELECTION TEXT HERE*/
  38. }
  39.  
  40.  
  41. body {
  42. background-color: #171515; /*CHANGE THE BACKGROUND COLOR*/
  43. }
  44.  
  45.  
  46. a {
  47. text-decoration: none;
  48. -webkit-transition: 0.5s;
  49. -moz-transition: 0.5s;
  50. transition: 0.5s;
  51. color: #9b0b0b; /*CHANGE THE LINK COLOR*/
  52. }
  53.  
  54. a: hover {
  55. text-decoration: none;
  56. -webkit-transition: 0.5s;
  57. -moz-transition: 0.5s;
  58. transition: 0.5s;
  59. color: #fff; /*CHANGE THE LINK HOVER COLOR*/
  60. }
  61.  
  62. #starbucks:hover #buckybear {
  63. margin-top: 20px;
  64. margin-left: -10px;
  65. opacity: 1;
  66. -webkit-transition: 0.8s;
  67. -moz-transition: 0.8s;
  68. transition: 0.8s;
  69. }
  70.  
  71. #buckybear {
  72. margin-top: 20px;
  73. margin-left: -10px;
  74. width: 490px;
  75. height: 257px;
  76. border: 5px solid #9b0b0b; /*CHANGE THE ABOUT BORDER*/
  77. background-color: 171515; /*CHANGE THE ABOUT BACKGROUND*/
  78. color: #9b0b0b; /*CHANGE THE TEXT COLOR*/
  79. font-size: 11px;
  80. font-family: Calibri;
  81. text-align: center;
  82. padding: 10px;
  83. }
  84.  
  85. #starbucks:hover #stebe {
  86. margin-top: -170px;
  87. margin-left: 150px;
  88. opacity: 1;
  89. -webkit-transition: 0.8s;
  90. -moz-transition: 0.8s;
  91. transition: 0.8s;
  92. }
  93.  
  94. #stebe {
  95. margin-top: -170px;
  96. margin-left: 180px;
  97. width: 180px;
  98. height: 106px;
  99. opacity: 0;
  100. -webkit-transition: 0.8s;
  101. -moz-transition: 0.8s;
  102. transition: 0.8s;
  103. position: fixed;
  104. font-family: Calibri;
  105. font-size: 11px;
  106. text-transform: lowercase;
  107. text-align: center;
  108. }
  109.  
  110. #stebe a {
  111. color: white; /*CHANGE THE COLOR OF THE CUSTOM LINKS*/
  112. text-decoration: none;
  113. }
  114.  
  115. #stebe a:hover {
  116. color: #041d5e; /*CHANGE THE COLOR OF THE CUSTOM LINK HOVER*/
  117. -webkit-transition: 0.8s;
  118. -moz-transition: 0.8s;
  119. transition: 0.8s;
  120. }
  121.  
  122.  
  123.  
  124. #linkagei {
  125. width: 40px;
  126. height: 20px;
  127. background-color: #3e4046; /*CHANGE THE COLOR OF THE FIRST LINK'S BACKGROUND*/
  128. margin-top: 30px;
  129. margin-left: 50px;
  130. }
  131.  
  132. #linkagei:hover {
  133. background-color: white; /*BG ON HOVER*/
  134. -webkit-transition: 0.8s;
  135. -moz-transition: 0.8s;
  136. transition: 0.8s;
  137. }
  138.  
  139. #linkageii {
  140. width: 40px;
  141. height: 20px;
  142. background-color: #3e4046; /*SECOND LINK'S BG*/
  143. margin-top: 5px;
  144. margin-left: 50px;
  145. }
  146.  
  147. #linkageii:hover {
  148. background-color: white; /*BG ON HOVER*/
  149. -webkit-transition: 0.8s;
  150. -moz-transition: 0.8s;
  151. transition: 0.8s;
  152. }
  153.  
  154. #linkageiii {
  155. width: 40px;
  156. height: 20px;
  157. background-color: #3e4046; /*THIRD LINK BG*/
  158. margin-top: -45px;
  159. margin-left: 95px;
  160. }
  161.  
  162. #linkageiii:hover {
  163. background-color: white; /*BG ON HOVER*/
  164. -webkit-transition: 0.8s;
  165. -moz-transition: 0.8s;
  166. transition: 0.8s;
  167. }
  168.  
  169. #linkageiv {
  170. width: 40px;
  171. height: 20px;
  172. background-color: #3e4046; /*FOURTH LINK BG*/
  173. margin-top: 5px;
  174. margin-left: 95px;
  175. }
  176.  
  177. #linkageiv:hover {
  178. background-color: white; /*BG ON HOVER*/
  179. -webkit-transition: 0.8s;
  180. -moz-transition: 0.8s;
  181. transition: 0.8s;
  182. }
  183.  
  184. #starbucks {
  185. width: 500px;
  186. height: 213px;
  187. border: 5px solid #9b0b0b; /*CHANGE THE IMAGE BORDER*/
  188. padding: 5px;
  189. position:absolute;
  190. top: 50px;
  191. right: 200px;
  192. }
  193.  
  194. #title {
  195. font-family: Edwardian Script ITC;
  196. font-size: 50px;
  197. color: #fff; /*TITLE COLOR*/
  198. text-transform: lowercase;
  199. position:absolute;
  200. top:100px;
  201. right:775px;
  202. float:left;
  203. }
  204.  
  205. #subtitle {
  206. font-family: Latha;
  207. font-size: 50px;
  208. color: #fff; /*SUBTITLE COLOR*/
  209. text-transform: uppercase;
  210. opacity: .5;
  211. position:absolute;
  212. top:130px;
  213. right:725px;
  214. float:left;
  215. }
  216.  
  217. .header {
  218. font-size: 15px;
  219. font-family: Latha;
  220. color: white; /*HEADING TEXT COLOR*/
  221. text-align: center;
  222. text-transform: uppercase;
  223. background-color: #041d5e; /*HEADING BACKGROUND*/
  224. }
  225.  
  226.  
  227. /*TOUCH THIS AND I'LL KEEP YOUR NAME IN MIND WHEN I DIE SO I CAN HAUNT YOU. I'LL CHANGE THE TV TO YOUR LEAST FAVORITE CHANNEL AND EVERYTHING. GRR.*/
  228.  
  229. .credit {
  230. font-family: Calibri;
  231. font-size: 10px;
  232. bottom: 10px;
  233. left: 10px;
  234. text-transform: uppercase;
  235. position: fixed;
  236. }
  237.  
  238. .credit a{
  239. text-decoration:none;
  240. color: #fff;
  241. }
  242. </style>
  243. </head>
  244.  
  245. <body>
  246.  
  247.  
  248. <!---HEADER----->
  249. <div id="starbucks">
  250. <img src="http://i.imgur.com/xOYkiDH.jpg"> <!---PUT THE URL FOR YOUR PICTURE BETWEEN THE " "--->
  251.  
  252. <!---LINKS--->
  253. <div id="stebe">
  254.  
  255. <!---HERE JUST PUT YOUR LINK IN PLACE OF THE SLASH AND ADD WHATEVER TITLES YOU WANT--->
  256.  
  257. <div id="linkagei">
  258. <a href="/">home</a>
  259. </div>
  260. <div id="linkageii">
  261. <a href="/ask">ask</a>
  262. </div>
  263. <div id="linkageiii">
  264. <a href="/readme">info</a>
  265. </div>
  266. <div id="linkageiv">
  267. <a href="/submit">submit</a>
  268. </div>
  269. </div>
  270.  
  271.  
  272. <!---ABOUT--->
  273. <div id="buckybear">
  274.  
  275.  
  276. <!-----IN CASE FOR WHATEVER REASON YOU DON'T KNOW, HERE'S A SHORT GUIDE TO HTML TEXT!
  277. • italics <i>your text</i>
  278. • bold <b>your text</b>
  279. • link <a href=”your link”>text of your link</a>
  280. • new paragraph <p>your awesome sauce para</p>
  281. • break between lines <br>
  282. • small text <small>your bitty baby text</small>
  283. • large text <big>your giant momma text</big>
  284.  
  285. ----->
  286. <object width="490" height="257" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gsPlaylist9687221574" name="gsPlaylist9687221574"><param name="movie" value="http://grooveshark.com/widget.swf" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&playlistID=96872215&p=0&bbg=000000&bth=000000&pfg=000000&lfg=000000&bt=FFFFFF&pbg=FFFFFF&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lfgh=FFFFFF&sb=FFFFFF&bfg=666666&pbgh=666666&lbgh=666666&sbh=666666" /><object type="application/x-shockwave-flash" data="http://grooveshark.com/widget.swf" width="490" height="257"><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&playlistID=96872215&p=0&bbg=000000&bth=000000&pfg=000000&lfg=000000&bt=FFFFFF&pbg=FFFFFF&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lfgh=FFFFFF&sb=FFFFFF&bfg=666666&pbgh=666666&lbgh=666666&sbh=666666" /><span><a href="http://grooveshark.com/search/playlist?q=JUKEBOX%20HERO%20IBLiS%20TRiGGER" title="JUKEBOX HERO by IBLiS TRiGGER on Grooveshark">JUKEBOX HERO by IBLiS TRiGGER on Grooveshark</a></span></object></object>
  287. </div>
  288.  
  289. </div>
  290.  
  291. <!---IF YOU WANT TO ADD ANOTHER HEADER, JUST COPY <div class="header">heading two</div> AND ADD IT TO WHEREVER YOU WANT.--->
  292.  
  293. <div id="title">
  294. jukebox <!---ADD YOUR TITLE HERE--->
  295. </div>
  296.  
  297. <div id="subtitle">
  298. hero <!---ADD YOUR SUBTITLE HERE--->
  299. </div>
  300.  
  301. <!---LITERALLY DO NOT TOUCH THIS PLEASE I'M SERIOUS--->
  302. <div class="credit">
  303. <a href="http://launts.tumblr.com/">THEME ©launts</a> - <a href="http://virus-ac.deviantart.com/art/DMC3-Dante-154660040">ART ©VIRUS-AC</a>
  304. </div>
  305. </body>
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!