Advertisement
noxfleur

blossom

Apr 7th, 2018
811
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.03 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans+Condensed:300|Oswald|Rochester" rel="stylesheet">
  2.  
  3. <style>
  4.  
  5. .clearfix {margin-top: -125px;}
  6. br {line-height:0px;}
  7. td td td br {line-height:auto;}
  8. table, tr, td {background-color:transparent !important;}
  9. table table {visibility:hidden;}
  10. table table table, table.blurbs td.text, span.orangetext15, #footerWarpper {display:none;}
  11. div table, table.blurbs, table.blurbs table {visibility:visible; display:table; _display:inline;}
  12. div div table div, div.clearfix a, input {display:none;}
  13. div.clearfix table div div, #footerWarpper {display:block;}
  14.  
  15.  
  16. body {
  17. background-color: #f6c0cb;
  18. background-image: url('');
  19. background-position: bottom left;
  20. background-repeat:no-repeat;
  21. background-attachment:fixed;
  22.  
  23.  
  24. }
  25.  
  26.  
  27. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  28.  
  29. }
  30.  
  31.  
  32.  
  33. body, td, li, p, div, textarea, li, p, br {
  34. font-family: candara;
  35. font-size: 8px;
  36. color: #b27378;
  37. text-transform: none;
  38. }
  39.  
  40. i {
  41. font-size: 15px;
  42. font-family: times;
  43. text-transform: none;
  44. font-weight: italic;
  45. letter-spacing: -1px;
  46. color: #ffffff;
  47. text-transform: none;
  48. font-weight: bold;
  49. text-shadow: 0px 1px 2px #ff2956;
  50.  
  51. }
  52.  
  53. b, strong {
  54. color: #ff90a8;
  55. font-family: candara;
  56. font-size: 10px;
  57. letter-spacing: 1px;
  58. text-transform: uppercase;
  59. text-decoration: none;
  60. font-weight: bold;
  61. text-shadow: 1px 1px 1px #ff90a8;
  62.  
  63. }
  64.  
  65. u {
  66. color: #000000;
  67. font-family: candara;
  68. font-size: 8px;
  69. text-transform: uppercase;
  70. letter-spacing: 1px;
  71. text-decoration: none;
  72. border-bottom: solid 1px #000000;
  73. }
  74.  
  75. big {
  76. font-family: verdana;
  77. font-size: 12px;
  78. font-style: none;
  79. letter-spacing: -1px;
  80. color: #f4da8d;
  81. text-transform: uppercase;
  82. font-weight: bold;
  83. text-transform: none;
  84. }
  85.  
  86. blockquote {
  87. background-color: #f6f6f6;
  88. color: #000000;
  89. border-left: solid 5px #7c7c7c;
  90. padding: 5px 5px 5px 5px;
  91. margin: 5px 5px 5px 5px;
  92. }
  93.  
  94. s {
  95. color: #000000;
  96. font-family: candara;
  97. font-size: 8px;
  98. text-transform: uppercase;
  99. letter-spacing: 1px;
  100. text-decoration: line-through;
  101. }
  102.  
  103.  
  104. .description {
  105. z-index: 2;
  106. width: 260px;
  107. height: 120px;
  108. position: absolute;
  109. margin: auto;
  110. text-align:justify;
  111. left: ; right: ; bottom: ; top: ;
  112. margin-top: 117;
  113. margin-left: -10;
  114. padding: 3px;
  115. background-color: #transparent;
  116. overflow: auto;
  117. overflow-x: hidden;
  118. }
  119.  
  120. .links {
  121. z-index: 2;
  122. width: 108px;
  123. height: 70px;
  124. position: absolute;
  125. margin: auto;
  126. left: ; right: ; bottom: ; top: ;
  127. margin-top: 87;
  128. margin-left: 30;
  129. padding: 5px;
  130. background-color: #transparent;
  131. overflow: auto;
  132. overflow-x: hidden;
  133. }
  134.  
  135. .header {
  136. z-index: 2;
  137. width: 125px;
  138. height: 70px;
  139. position: absolute;
  140. margin: auto;
  141. left: ; right: ; bottom: ; top: ;
  142. margin-top: 40;
  143. margin-left: -9;
  144. padding: 5px;
  145. background-color: #transparent;
  146. overflow: auto;
  147. overflow-x: hidden;
  148. }
  149.  
  150. .header2 {
  151. z-index: 2;
  152. width: 250px;
  153. height: autopx;
  154. position: absolute;
  155. margin: auto;
  156. left: ; right: ; bottom: ; top: ;
  157. margin-top: 270;
  158. margin-left: 25;
  159. padding: 5px;
  160. background-color: #transparent;
  161. overflow: auto;
  162. overflow-x: hidden;
  163. }
  164.  
  165. .header3 {
  166. z-index: 2;
  167. width: 260px;
  168. height: autopx;
  169. position: absolute;
  170. margin: auto;
  171. left: ; right: ; bottom: ; top: ;
  172. margin-top: 235;
  173. margin-left: -15;
  174. padding: 5px;
  175. background-color: #transparent;
  176. overflow: auto;
  177. overflow-x: hidden;
  178. }
  179.  
  180. .circleimg {
  181. z-index: 2;
  182. width: 120px;
  183. height: 120px;
  184. position: absolute;
  185. margin: auto;
  186. left: ; right: ; bottom: ; top: ;
  187. margin-top: -5;
  188. margin-left: 125;
  189. padding: 5px;
  190. background-color: #transparent;
  191. overflow: auto;
  192. overflow-x: hidden;
  193.  
  194. }
  195.  
  196. .circleimg img {
  197. border-radius: 50%;
  198. padding: 7px;
  199. height: 100px;
  200. width: 100px;
  201. padding: 5px;
  202. border: solid 1px #ebebeb;
  203.  
  204. }
  205.  
  206. .sprite {
  207. z-index: 2;
  208. width: 77px;
  209. height: 76px;
  210. position: absolute;
  211. margin: auto;
  212. margin-top: 250;
  213. margin-left: -20;
  214. padding: 5px;
  215. background-color: #transparent;
  216. overflow: auto;
  217. overflow-x: hidden;
  218.  
  219. }
  220.  
  221.  
  222. .box1text {
  223. z-index: 3;
  224. width: 240px;
  225. height: 320px;
  226. position: fixed;
  227. margin: auto;
  228. bottom: 15px;
  229. left: 15px;
  230. padding: 20px;
  231. background-color: #ffffff;
  232. opacity: 1;
  233. overflow: auto;
  234. overflow-x: hidden;
  235. border-right: solid 0px #cdeaec;
  236. }
  237.  
  238.  
  239. .box1text h1 {
  240. font-size: 26px;
  241. line-height: 26px;
  242. font-family: 'Oswald', sans-serif;
  243. letter-spacing: -2px;
  244. text-transform: uppercase;
  245. margin: 0px 0px 7px 0px;
  246. text-align: center;
  247. font-weight: bold;
  248. font-style: none;
  249. display: inline-block;
  250. color: #ff8aa3;
  251. }
  252.  
  253. .box1text h3 {
  254.  
  255. font-size: 8px;
  256. color: #e5d86e;
  257. line-height: 8px;
  258. font-family: 'georgia';
  259. margin: -5px 0px -2px 0px;
  260. letter-spacing: 0px;
  261. text-transform: lowercase;
  262. text-align: center;
  263. font-weight: bold;
  264. font-style: italic;
  265.  
  266. }
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273. a.yoncelink:active, a.yoncelink:visited, a.yoncelink:link {
  274. display: inline-block;
  275. background-color: #ff8aa3;
  276. border-radius: 10px;
  277. width: 10px;
  278. height: 10px;
  279. font-family: arial;
  280. font-size: 8px;
  281. font-style: bold;
  282. color: #000000;
  283. text-decoration: none;
  284. text-align: center;
  285. letter-spacing: 1px;
  286. line-height: 10px;
  287. margin-bottom: 2px;
  288.  
  289. -webkit-transition: ease-in-out .5s all;
  290. }
  291.  
  292. a.yoncelink:hover {
  293. background-color: #ff2856;
  294. color: #000;
  295. }
  296.  
  297. a {
  298. font-family: arial;
  299. font-size: 5px;
  300. text-transform: none;
  301. color: #d7d7d7;
  302. font-weight: lighter;
  303. text-decoration: none;
  304. letter-spacing: 0px;
  305. -webkit-transition: all .4s ease-in-out;
  306. -moz-transition: all .4s ease-in-out;
  307. -o-transition: all .4s ease-in-out;
  308. }
  309.  
  310. a:hover {
  311. color: #000000;
  312. text-decoration: none;
  313. }
  314.  
  315. ::-webkit-scrollbar {
  316. width: 9px;
  317. height: 5px;
  318. padding-top: 10px;
  319. background: #transparent;
  320. }
  321.  
  322. ::-webkit-scrollbar-track {
  323. background-color: #transparent;
  324. }
  325.  
  326. ::-webkit-scrollbar-thumb:vertical {
  327. background: #ddd;
  328. border: 4px solid #fff;
  329. }
  330.  
  331. ::-webkit-scrollbar-track-piece {
  332. height: 20px;
  333. width: 6px;
  334. }
  335.  
  336.  
  337.  
  338. ::-moz-selection, ::selection
  339. {background: #f25778; color: #ffffff; !important
  340. }
  341.  
  342. ::selection
  343. {background: #f25778; color: #ffffff; !important
  344. }
  345.  
  346.  
  347. h2 {
  348.  
  349. font-size: 50px;
  350. line-height: 50px;
  351. font-family: 'Oswald', sans-serif;
  352. letter-spacing: 4px;
  353. text-transform: uppercase;
  354. margin: -4px 0px 0px 0px;
  355. text-align: center;
  356. font-weight: bold;
  357. font-style: none;
  358. display: inline-block;
  359. color: #ff8aa3;
  360.  
  361. }
  362.  
  363.  
  364.  
  365. h4 {
  366. font-family: candara;
  367. font-size: 10px;
  368. margin: 7px 0px 7px 0px;
  369. letter-spacing: 1px;
  370. text-align: center;
  371. background-color: #ffb7d7;
  372. color: #ffffff;
  373. text-transform: uppercase;
  374. font-weight:bold;
  375.  
  376. }
  377.  
  378.  
  379.  
  380. .lovely {
  381. position: fixed;
  382. right: 3px;
  383. bottom: 3px;
  384. }
  385.  
  386. .lovely a {
  387. display: inline-block;
  388. font-family: georgia;
  389. font-size: 15px;
  390. font-weight: bold;
  391. color: #f4a9c6;
  392. text-decoration: none;
  393. text-align: center;
  394. letter-spacing: -2px;
  395. line-height: 25px;
  396. text-transform: lowercase;
  397. margin-bottom: 2px;
  398. background-color: #transparent;
  399. border: solid 1px #d0d0d0;
  400. width: 35px;
  401. height: 25px;
  402. }
  403.  
  404. .lovely a:hover {
  405. color: #000;
  406. }
  407. </style>
  408.  
  409. <div class="box1text">
  410.  
  411.  
  412. <div class="header">
  413. <center>
  414. <h1>BLOSSOM SAGE</h1>
  415. <h3>I feel like I've retaken my youth.</h3>
  416. </div>
  417.  
  418. <div class="header2">
  419. <center>
  420. <h2>SAKURA</h2>
  421. </div>
  422.  
  423. <div class="header3">
  424. <center>
  425. <h4>This power welling up from within...</h4>
  426. </div>
  427.  
  428.  
  429. <div class="links">
  430.  
  431. <a class="yoncelink" href="/"></a>
  432. <a class="yoncelink" href="/"></a>
  433. <a class="yoncelink" href="/"></a>
  434. <a class="yoncelink" href="/"></a>
  435. <br>
  436. </div>
  437.  
  438. <div class="circleimg">
  439. <img src="https://i.imgur.com/e2yliUW.png"/>
  440. </div>
  441.  
  442. <div class="sprite">
  443. <img src="https://i.imgur.com/Y5RXByr.gif"/>
  444. </div>
  445.  
  446.  
  447. <div class="description">
  448.  
  449. <i>A sage</i> with the appearance of a young girl. <b>Sakura's</b> looks prompt many to treat her like a child, something that she hates and causes her to attempt compensating for through her manner of speaking. Ironically, however, treating her like she is too old upsets her as well. A fan of sweets, she enjoys eating multiple pieces of candy at the same time.
  450.  
  451.  
  452. <Br><br>
  453.  
  454.  
  455. <i>A sage</i> with the appearance of a young girl. <b>Sakura's</b> looks prompt many to treat her like a child, something that she hates and causes her to attempt compensating for through her manner of speaking. Ironically, however, treating her like she is too old upsets her as well. A fan of sweets, she enjoys eating multiple pieces of candy at the same time.
  456.  
  457. <br><br>
  458.  
  459. <i>A sage</i> with the appearance of a young girl. <b>Sakura's</b> looks prompt many to treat her like a child, something that she hates and causes her to attempt compensating for through her manner of speaking. Ironically, however, treating her like she is too old upsets her as well. A fan of sweets, she enjoys eating multiple pieces of candy at the same time.
  460.  
  461.  
  462.  
  463.  
  464. </div>
  465.  
  466.  
  467.  
  468.  
  469. <div class="lovely">
  470. <a href="http://aniroleplay.com/277136">enix.</a>
  471. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement