API tools faq
paste
alokasenna

Blue Rose (Page #6)

alokasenna
Feb 26th, 2014
392
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.94 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>Blue Rose</title> <!-----CHANGE THE TITLE ON THE TAB HERE----->
  10. <link rel="shortcut icon" href="http://31.media.tumblr.com/9457dccdac654a17fcead30f856d1a1b/tumblr_mvrdg2LybV1sq4jpeo2_400.png"> <!-----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: #86f0e9; /*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: #86f0e9; /*CHANGE THE SCROLLBAR TRACK HERE*/
  29. border: 2px solid white;
  30.  
  31. }
  32.  
  33. ::selection {
  34. background-color: #86f0e9; /*CHANGE THE SELECTION BACKGROUND HERE*/
  35. color: #fff; /*CHANGE THE SELECTION TEXT HERE*/
  36. }
  37.  
  38.  
  39. }
  40.  
  41.  
  42. a {
  43. text-decoration: none;
  44. -webkit-transition: 0.5s;
  45. -moz-transition: 0.5s;
  46. transition: 0.5s;
  47. color: #5ba3a3; /*CHANGE THE LINK COLOR*/
  48. }
  49.  
  50. a: hover {
  51. text-decoration: none;
  52. -webkit-transition: 0.5s;
  53. -moz-transition: 0.5s;
  54. transition: 0.5s;
  55. color: #fff; /*CHANGE THE LINK HOVER COLOR*/
  56. }
  57.  
  58. #thingy {
  59. margin-left: 550px;
  60. top: 1px;
  61. line-height:15px;
  62. width: 80px;
  63. height: 100%;
  64. position: fixed;
  65. margin-bottom: 15px;
  66. text-align: center;
  67. margin-top:-20px;
  68. border-right: 120px solid #86f0e9; /*CHANGE THE RIGHT SIDEBAR BLOCK... THING COLOR HERE*/
  69. padding: 20px;
  70. border-left: 2px solid #86f0e9; /*CHANGE THE SIDEBAR BORDER COLOR*/
  71. background-color: #fff; /*CHANGE THE SIDEBAR BACKGROUND COLOR*/
  72.  
  73.  
  74.  
  75.  
  76. }
  77.  
  78. #thingyimg {
  79. width:120px;
  80. height: 175px;
  81. padding: 5px;
  82. background-color: #fff; /*CHANGE THE IMAGE BACKGROUND COLOR*/
  83. margin-left: 35px;
  84. margin-top: 280px;
  85. border: 2px solid #86f0e9; /*CHANGE THE IMAGE BORDER COLOR*/
  86.  
  87. }
  88.  
  89.  
  90. #thingyimg:hover #linkagebox {
  91. margin-top: -180px;
  92. margin-left: -6px;
  93. opacity: 1;
  94. -webkit-transition: 0.8s;
  95. -moz-transition: 0.8s;
  96. transition: 0.8s;
  97. position: fixed;
  98. }
  99.  
  100. #linkagebox {
  101. background-color: #fff; /*CHANGE THE LINKBOX BACKGROUND*/
  102. width: 130px;
  103. height: 185px;
  104. margin-top: -180px;
  105. margin-left: 300px;
  106. border: 2px solid #86f0e9; /*CHANGE THE LINKBOX BORDER*/
  107. opacity: 0;
  108. -webkit-transition: 0.8s;
  109. -moz-transition: 0.8s;
  110. transition: 0.8s;
  111. }
  112.  
  113. #linkagebox a{
  114. color: #fff; /*CHANGE THE CUSTOM LINK COLORS*/
  115. font-family: Calibri;
  116. font-size: 11px;
  117. text-transform: uppercase;
  118. margin-top: 10px;
  119. text-decoration: none;
  120. }
  121.  
  122. #linkagebox a:hover {
  123. color: #86f0e9; /*CHANGE THE CUSTOM LINK HOVER*/
  124. }
  125.  
  126. #linkagei {
  127. width: 40px;
  128. height: 15px;
  129. background-color: #86f0e9; /*CHANGE THE FIRST LINK BACKGROUND*/
  130. border: 2px solid #86f0e9; /*CHANGE THE FIRST LINK BORDER*/
  131. -webkit-transition: 0.8s;
  132. -moz-transition: 0.8s;
  133. transition: 0.8s;
  134. margin-top: 40px;
  135. margin-left: 17px;
  136. }
  137.  
  138. #linkagei:hover {
  139. background-color: white; /*CHANGE THE FIRST LINK'S HOVER BACKGROUND*/
  140. border: 2px solid #86f0e9;
  141. -webkit-transition: 0.8s;
  142. -moz-transition: 0.8s;
  143. transition: 0.8s;
  144. }
  145.  
  146. #linkageii {
  147. width: 40px;
  148. height: 16px;
  149. background-color: #86f0e9; /*CHANGE THE SECOND LINK'S BACKGROUND*/
  150. border: 2px solid #86f0e9; /*CHANGE THE SECOND LINK'S BORDER*/
  151. -webkit-transition: 0.8s;
  152. -moz-transition: 0.8s;
  153. transition: 0.8s;
  154. margin-top: -18px;
  155. margin-left: 70px;
  156. }
  157.  
  158. #linkageii:hover {
  159. background-color: white; /*CHANGE THE SECOND LINK'S HOVER BACKGROUND*/
  160. border: 2px solid #86f0e9;
  161. -webkit-transition: 0.8s;
  162. -moz-transition: 0.8s;
  163. transition: 0.8s;
  164. }
  165.  
  166. /*FOLLOW THE PATTERN FOR THE REST*/
  167.  
  168. #linkageiii {
  169. width: 40px;
  170. height: 16px;
  171. background-color: #86f0e9;
  172. border: 2px solid #86f0e9;
  173. -webkit-transition: 0.8s;
  174. -moz-transition: 0.8s;
  175. transition: 0.8s;
  176. margin-top: 10px;
  177. margin-left: 17px;
  178. }
  179.  
  180. #linkageiii:hover {
  181. background-color: white;
  182. border: 2px solid #86f0e9;
  183. -webkit-transition: 0.8s;
  184. -moz-transition: 0.8s;
  185. transition: 0.8s;
  186. }
  187.  
  188. #linkageiv {
  189. width: 40px;
  190. height: 16px;
  191. background-color: #86f0e9;
  192. border: 2px solid #86f0e9;
  193. -webkit-transition: 0.8s;
  194. -moz-transition: 0.8s;
  195. transition: 0.8s;
  196. margin-top: -18px;
  197. margin-left: 70px;
  198. }
  199.  
  200. #linkageiv:hover {
  201. background-color: white;
  202. border: 2px solid #86f0e9;
  203. -webkit-transition: 0.8s;
  204. -moz-transition: 0.8s;
  205. transition: 0.8s;
  206. }
  207.  
  208. #linkagev {
  209. width: 40px;
  210. height: 16px;
  211. background-color: #86f0e9;
  212. border: 2px solid #86f0e9;
  213. -webkit-transition: 0.8s;
  214. -moz-transition: 0.8s;
  215. transition: 0.8s;
  216. margin-top: 10px;
  217. margin-left: 17px;
  218. }
  219.  
  220. #linkagev:hover {
  221. background-color: white;
  222. border: 2px solid #86f0e9;
  223. -webkit-transition: 0.8s;
  224. -moz-transition: 0.8s;
  225. transition: 0.8s;
  226. }
  227.  
  228. #linkagevi {
  229. width: 40px;
  230. height: 16px;
  231. background-color: #86f0e9;
  232. border: 2px solid #86f0e9;
  233. -webkit-transition: 0.8s;
  234. -moz-transition: 0.8s;
  235. transition: 0.8s;
  236. margin-top: -18px;
  237. margin-left: 70px;
  238. }
  239.  
  240. #linkagevi:hover {
  241. background-color: white;
  242. border: 2px solid #86f0e9;
  243. -webkit-transition: 0.8s;
  244. -moz-transition: 0.8s;
  245. transition: 0.8s;
  246. }
  247. #linkagevii {
  248. width: 40px;
  249. height: 16px;
  250. background-color: #86f0e9;
  251. border: 2px solid #86f0e9;
  252. -webkit-transition: 0.8s;
  253. -moz-transition: 0.8s;
  254. transition: 0.8s;
  255. margin-top: 10px;
  256. margin-left: 17px;
  257. }
  258.  
  259. #linkagevii:hover {
  260. background-color: white;
  261. border: 2px solid #86f0e9;
  262. -webkit-transition: 0.8s;
  263. -moz-transition: 0.8s;
  264. transition: 0.8s;
  265. }
  266.  
  267. #linkageviii {
  268. width: 40px;
  269. height: 16px;
  270. background-color: #86f0e9;
  271. border: 2px solid #86f0e9;
  272. -webkit-transition: 0.8s;
  273. -moz-transition: 0.8s;
  274. transition: 0.8s;
  275. margin-top: -18px;
  276. margin-left: 70px;
  277. }
  278.  
  279. #linkageviii:hover {
  280. background-color: white;
  281. border: 2px solid #86f0e9;
  282. -webkit-transition: 0.8s;
  283. -moz-transition: 0.8s;
  284. transition: 0.8s;
  285. }
  286.  
  287. #title {
  288. font-family: Cordia New;
  289. font-size:22px;
  290. margin-bottom:5px;
  291. margin-top: -200px;
  292. margin-left: 55px;
  293. color: #86f0e9; /*CHANGE THE FIRST TITLE, OR ONE ON THE LEFT'S, COLOR*/
  294. text-transform:uppercase;
  295.  
  296. }
  297.  
  298.  
  299.  
  300. #subtitle {
  301. font-family: Cordia New;
  302. font-size: 22px;
  303. margin-bottom: 12px;
  304. margin-top: -20px;
  305. margin-left: 105px;
  306. text-transform: uppercase;
  307. color: #fff; /*CHANGE THE TITLE ON THE RIGHT'S COLOR*/
  308. }
  309.  
  310. #thorcont {
  311. width: 430px;
  312. height: 250px;
  313. border: 2px solid #86f0e9; /*CHANGE THE ABOUT BORDER*/
  314. margin-top: -10px;
  315. margin-left: 50px;
  316. overflow-y: scroll;
  317. padding: 20px;
  318. }
  319.  
  320. .p {
  321. font-family: Calibri;
  322. font-size: 11px;
  323. color: #86f0e9; /*CHANGE THE TEXT'S COLOR*/
  324. text-align: center;
  325. }
  326.  
  327. .titles {
  328. font-family: Cordia New;
  329. color: #86f0e9; /*CHANGE THE ABOUT AND ASK TITLE'S COLOR*/
  330. font-size: 20px;
  331. margin-top: 50px;
  332. margin-left: 250px;
  333. text-transform: uppercase;
  334. }
  335.  
  336. #lokicont {
  337. width: 430px;
  338. height: 250px;
  339. border: 2px solid #86f0e9; /*CHANGE THE ASK'S BORDER COLOR*/
  340. margin-top: -10px;
  341. margin-left: 50px;
  342. overflow-y: scroll;
  343. padding: 20px;
  344. }
  345.  
  346.  
  347.  
  348. </style>
  349. </head>
  350.  
  351. <body>
  352.  
  353. <div id="thingy">
  354.  
  355. <!-----SIDEBAR IMAGE----->
  356.  
  357. <div id="thingyimg">
  358. <img src="https://31.media.tumblr.com/9269ae956deb5462e64473707afa28f0/tumblr_n1m9keZviF1tpb7s5o1_250.png"> <!-----ADD YOUR OWN URL IN BETWEEN THE PARENTHESES----->
  359.  
  360. <!-----LINKS----->
  361.  
  362. <!-----ADD YOUR OWN URL WHERE THERE IS A '/' AND ADD YOUR TITLE IN PLACE OF THE NUMBERS. OR KEEP THEM THAT WAY. NO ONE'S JUDGING.----->
  363.  
  364. <div id="linkagebox">
  365. <div id="linkagei"><a href="launts.tumblr.com">one</a></div> <!-----TOUCH THIS AND I WILL KILL YOU----->
  366. <div id="linkageii"><a href="/">two</a></div>
  367. <div id="linkageiii"><a href="/">three</a></div>
  368. <div id="linkageiv"><a href="/">four</a></div>
  369. <div id="linkagev"><a href="/">five</a></div>
  370. <div id="linkagevi"><a href="/">six</a></div>
  371. <div id="linkagevii"><a href="/">seven</a></div>
  372. <div id="linkageviii"><a href="/">eight</a></div>
  373. </div>
  374. </div>
  375.  
  376. <!-----TITLES----->
  377.  
  378. <div id="title">Blue</div> <!-----ADD YOUR LEFT TITLE----->
  379. <div id="subtitle">Rose</div> <!-----ADD YOUR RIGHT TITLE----->
  380. </div>
  381.  
  382.  
  383.  
  384. <!-----ABOUT----->
  385.  
  386. <div class="titles">About Me</div> <!-----ADD YOUR TITLE PROCLAIMING THAT THESE PARAGRAPHS ARE INDEED, ABOUT YOU----->
  387. <div id="thorcont">
  388.  
  389. <!-----IN CASE FOR WHATEVER REASON YOU DON'T KNOW, HERE'S A SHORT GUIDE TO HTML TEXT!
  390. • italics <i>your text</i>
  391. • bold <b>your text</b>
  392. • link <a href=”your link”>text of your link</a>
  393. • new paragraph <p>your awesome sauce para</p>
  394. • break between lines <br>
  395. • small text <small>your bitty baby text</small>
  396. • large text <big>your giant momma text</big>
  397.  
  398. ----->
  399.  
  400.  
  401. <div class="p">
  402. <br><br>
  403. 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.
  404. <br><br>
  405.  
  406. 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.
  407.  
  408. <br><br>
  409.  
  410. 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.
  411. </div>
  412. </div>
  413.  
  414.  
  415.  
  416. <!-----ASK----->
  417.  
  418. <div class="titles">Ask</div> <!-----ADD YOUR TITLE SUGGESTING THIS IS WHERE PEOPLE WILL ASK YOU MANY WONDERFUL QUESTIONS----->
  419.  
  420. <div id="lokicont">
  421. <iframe id="ask_form" src="http://www.tumblr.com/ask_form/ADD YOUR OWN URL HERE WITH THE .TUMBLR.COM AS WELL YEAH DO IT DO IT" frameborder="0" height="250" scrolling="no" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  422. </div>
  423. </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!