API tools faq
paste
alokasenna

Just A Ghost (Page #7)

alokasenna
Feb 27th, 2014
564
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.87 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>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!-----PAGE 7 BY LAUNTS (http://launts.tumblr.com/). DON'T STEAL OR REDISTRIBUTE. THANK.----->
  7.  
  8. <head>
  9. <title>Soldiers</title> <!-----CHANGE THE TITLE ON THE TAB HERE----->
  10. <link rel="shortcut icon" href="http://www.tshirtvortex.net/wp-content/uploads/Captain-America-Shield-Logo-Distressed-T-Shirt.jpg"> <!-----CHANGE THE ICON ON THE TAB HERE----->
  11. <link rel="alternate" type="application/rss+xml" href="http://deceitfulgod.tumblr.com/rss">
  12.  
  13.  
  14. <style type="text/css">
  15.  
  16. ::selection {
  17. background: #777;
  18. color:{color:selection};
  19. }
  20. ::-webkit-scrollbar-thumb {
  21. background-color: #041d5e; /*CHANGE THE SCROLLBAR THUMB HERE*/
  22. height:auto;
  23. border-bottom:none;
  24. }
  25. ::-webkit-scrollbar {
  26. height:9px;
  27. width:5px;
  28. background-color: #041d5e; /*CHANGE THE SCROLLBAR TRACK HERE*/
  29. border: 2px solid white;
  30.  
  31. }
  32.  
  33. ::selection {
  34. background-color: #041d5e; /*CHANGE THE SELECTION BACKGROUND HERE*/
  35. color: #fff; /*CHANGE THE SELECTION TEXT HERE*/
  36. }
  37.  
  38.  
  39. body {
  40. background-color: #fff; /*CHANGE THE BACKGROUND COLOR*/
  41. }
  42.  
  43.  
  44. a {
  45. text-decoration: none;
  46. -webkit-transition: 0.5s;
  47. -moz-transition: 0.5s;
  48. transition: 0.5s;
  49. color: #041d5e; /*CHANGE THE LINK COLOR*/
  50. }
  51.  
  52. a: hover {
  53. text-decoration: none;
  54. -webkit-transition: 0.5s;
  55. -moz-transition: 0.5s;
  56. transition: 0.5s;
  57. color: #fff; /*CHANGE THE LINK HOVER COLOR*/
  58. }
  59.  
  60. #starbucks {
  61. width: 500px;
  62. height: 213px;
  63. border: 5px solid #041d5e; /*CHANGE THE IMAGE BORDER*/
  64. padding: 5px;
  65. margin-top: 50px;
  66. margin-left: 200px;
  67. }
  68.  
  69. #starbucks:hover #buckybear {
  70. margin-top: 20px;
  71. margin-left: -10px;
  72. opacity: 1;
  73. -webkit-transition: 0.8s;
  74. -moz-transition: 0.8s;
  75. transition: 0.8s;
  76. }
  77.  
  78. #buckybear {
  79. margin-top: 100px;
  80. margin-left: -10px;
  81. width: 490px;
  82. height: 257px;
  83. border: 5px solid #041d5e; /*CHANGE THE ABOUT BORDER*/
  84. opacity: 0;
  85. -webkit-transition: 0.8s;
  86. -moz-transition: 0.8s;
  87. transition: 0.8s;
  88. overflow-y: scroll;
  89. background-color: white; /*CHANGE THE ABOUT BACKGROUND*/
  90. color: #041d5e; /*CHANGE THE TEXT COLOR*/
  91. font-size: 11px;
  92. font-family: Calibri;
  93. text-align: center;
  94. padding: 10px;
  95. }
  96.  
  97. #starbucks:hover #stebe {
  98. margin-top: -170px;
  99. margin-left: 150px;
  100. opacity: 1;
  101. -webkit-transition: 0.8s;
  102. -moz-transition: 0.8s;
  103. transition: 0.8s;
  104. }
  105.  
  106. #stebe {
  107. margin-top: -170px;
  108. margin-left: 180px;
  109. width: 180px;
  110. height: 106px;
  111. opacity: 0;
  112. -webkit-transition: 0.8s;
  113. -moz-transition: 0.8s;
  114. transition: 0.8s;
  115. position: fixed;
  116. font-family: Calibri;
  117. font-size: 11px;
  118. text-transform: lowercase;
  119. text-align: center;
  120. }
  121.  
  122. #stebe a {
  123. color: white; /*CHANGE THE COLOR OF THE CUSTOM LINKS*/
  124. text-decoration: none;
  125. }
  126.  
  127. #stebe a:hover {
  128. color: #041d5e; /*CHANGE THE COLOR OF THE CUSTOM LINK HOVER*/
  129. -webkit-transition: 0.8s;
  130. -moz-transition: 0.8s;
  131. transition: 0.8s;
  132. }
  133.  
  134.  
  135.  
  136. #linkagei {
  137. width: 40px;
  138. height: 20px;
  139. background-color: #041d5e; /*CHANGE THE COLOR OF THE FIRST LINK'S BACKGROUND*/
  140. margin-top: 30px;
  141. margin-left: 50px;
  142. }
  143.  
  144. #linkagei:hover {
  145. background-color: white; /*BG ON HOVER*/
  146. -webkit-transition: 0.8s;
  147. -moz-transition: 0.8s;
  148. transition: 0.8s;
  149. }
  150.  
  151. #linkageii {
  152. width: 40px;
  153. height: 20px;
  154. background-color: #041d5e; /*SECOND LINK'S BG*/
  155. margin-top: 5px;
  156. margin-left: 50px;
  157. }
  158.  
  159. #linkageii:hover {
  160. background-color: white; /*BG ON HOVER*/
  161. -webkit-transition: 0.8s;
  162. -moz-transition: 0.8s;
  163. transition: 0.8s;
  164. }
  165.  
  166. #linkageiii {
  167. width: 40px;
  168. height: 20px;
  169. background-color: #041d5e; /*THIRD LINK BG*/
  170. margin-top: -45px;
  171. margin-left: 95px;
  172. }
  173.  
  174. #linkageiii:hover {
  175. background-color: white; /*BG ON HOVER*/
  176. -webkit-transition: 0.8s;
  177. -moz-transition: 0.8s;
  178. transition: 0.8s;
  179. }
  180.  
  181. #linkageiv {
  182. width: 40px;
  183. height: 20px;
  184. background-color: #041d5e; /*FOURTH LINK BG*/
  185. margin-top: 5px;
  186. margin-left: 95px;
  187. }
  188.  
  189. #linkageiv:hover {
  190. background-color: white; /*BG ON HOVER*/
  191. -webkit-transition: 0.8s;
  192. -moz-transition: 0.8s;
  193. transition: 0.8s;
  194. }
  195.  
  196. #title {
  197. font-family: Edwardian Script ITC;
  198. font-size: 50px;
  199. color: #041d5e; /*TITLE COLOR*/
  200. text-transform: lowercase;
  201. margin-left: 770px;
  202. margin-top: -200px;
  203. position: relative;
  204. }
  205.  
  206. #subtitle {
  207. font-family: Latha;
  208. font-size: 50px;
  209. color: #041d5e; /*SUBTITLE COLOR*/
  210. text-transform: uppercase;
  211. opacity: .5;
  212. margin-left: 720px;
  213. margin-top: -40px;
  214. }
  215.  
  216. .header {
  217. font-size: 15px;
  218. font-family: Latha;
  219. color: white; /*HEADING TEXT COLOR*/
  220. text-align: center;
  221. text-transform: uppercase;
  222. background-color: #041d5e; /*HEADING BACKGROUND*/
  223. }
  224.  
  225.  
  226. /*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.*/
  227.  
  228. .credit {
  229. font-family: Calibri;
  230. font-size: 10px;
  231. margin-top: 530px;
  232. margin-left: 10px;
  233. text-transform: uppercase;
  234. position: fixed;
  235. }
  236.  
  237. .credit a{
  238. text-decoration:none;
  239. color: #041d5e;
  240. }
  241. </style>
  242. </head>
  243.  
  244. <body>
  245.  
  246.  
  247. <!---HEADER----->
  248. <div id="starbucks">
  249. <img src="http://media.tumblr.com/441d2c60bd005e4726498a3e57830787/tumblr_inline_mv7iryM01c1qc09e5.png"> <!---PUT THE URL FOR YOUR PICTURE BETWEEN THE " "--->
  250.  
  251. <!---LINKS--->
  252. <div id="stebe">
  253.  
  254. <!---HERE JUST PUT YOUR LINK IN PLACE OF THE SLASH AND ADD WHATEVER TITLES YOU WANT--->
  255.  
  256. <div id="linkagei">
  257. <a href="/">one</a>
  258. </div>
  259. <div id="linkageii">
  260. <a href="/">two</a>
  261. </div>
  262. <div id="linkageiii">
  263. <a href="/">three</a>
  264. </div>
  265. <div id="linkageiv">
  266. <a href="/">four</a>
  267. </div>
  268. </div>
  269.  
  270.  
  271. <!---ABOUT--->
  272. <div id="buckybear">
  273.  
  274.  
  275. <!-----IN CASE FOR WHATEVER REASON YOU DON'T KNOW, HERE'S A SHORT GUIDE TO HTML TEXT!
  276. • italics <i>your text</i>
  277. • bold <b>your text</b>
  278. • link <a href=”your link”>text of your link</a>
  279. • new paragraph <p>your awesome sauce para</p>
  280. • break between lines <br>
  281. • small text <small>your bitty baby text</small>
  282. • large text <big>your giant momma text</big>
  283.  
  284. ----->
  285. <br><br>
  286.  
  287. <div class="header">heading One</div>
  288. <br><br>
  289.  
  290. Write whatever you want here. Literally anything. Fandoms, ships, your entire life story... If you go over, there'll be a scrollbar so go nuts.
  291.  
  292. <br><br>
  293.  
  294. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
  295.  
  296. <br><br>
  297.  
  298. <div class="header">heading two</div>
  299. <br><br>
  300.  
  301. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
  302. </div>
  303.  
  304. </div>
  305.  
  306. <!---IF YOU WANT TO ADD ANOTHER HEADER, JUST COPY <div class="header">heading two</div> AND ADD IT TO WHEREVER YOU WANT.--->
  307.  
  308. <div id="title">
  309. just a <!---ADD YOUR TITLE HERE--->
  310. </div>
  311.  
  312. <div id="subtitle">
  313. ghost <!---ADD YOUR SUBTITLE HERE--->
  314. </div>
  315.  
  316. <!---LITERALLY DO NOT TOUCH THIS PLEASE I'M SERIOUS--->
  317. <div class="credit">
  318. <a href="http://launts.tumblr.com/">©launts</a>
  319. </div>
  320. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!