Advertisement
Sinthia

WIP

Sep 29th, 2016
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.63 KB | None | 0 0
  1.  
  2. <div align=center>
  3. <h3 class="pfor">Profile for "Work in progress"</h3>
  4. </div>
  5. <center>
  6. <div id="profile">
  7.  
  8.  
  9. <style type="text/css">
  10.  
  11. .pfor {
  12. display: none;
  13. }
  14.  
  15.  
  16. ::-webkit-scrollbar {
  17. width: 3px;
  18. }
  19.  
  20. ::-webkit-scrollbar-track {
  21. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  22. border-radius: 3px;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. border-radius: 13px;
  27. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  28. }
  29.  
  30. #profile {
  31. background-color: transparent;
  32. border: none;
  33. }
  34.  
  35. body {
  36. background-color: #F2F2F2;
  37. background-image: url("");
  38. background-repeat: no-repeat;
  39. background-position: bottom right;
  40. background-size: 36%;
  41. background-attachment: fixed;
  42. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  43. }
  44.  
  45. @font-face { font-family: "chopin"; src: url('http://static.tumblr.com/uj36o7b/pr6m9fa5b/_lds_chopinscript.ttf');}
  46. a.first, a.first:link, a.first:active, a.first:visited
  47. {
  48. font-family:arial;
  49. font-size:6pt;
  50. line-height:7pt;
  51. letter-spacing:2px;
  52. font-weight: normal;
  53. color:white;
  54. text-decoration:none;
  55. text-transform:none;
  56. width:200%px;
  57. background-color:grey;
  58. text-align:center;
  59. display:block;
  60. border-right: 3px solid white;
  61. border-left: 3px solid white;
  62. margin-bottom:1px;}
  63.  
  64. a.first:hover {
  65. font-family:small fonts;
  66. font-size:5pt;
  67. line-height:7pt;
  68. letter-spacing:2px;
  69. font-weight: normal;
  70. border-bottom:;
  71. border-color:331133;
  72. color:grey;
  73. text-decoration:none;
  74. text-transform:uppercase;
  75. width:200%px;
  76. background-color:#FFFF97;
  77. text-align:center;
  78. display:block;
  79. border-left-style:solid;
  80. border-left-color:000000;
  81. border-left-width:4px;
  82. border-right-style:solid;
  83. border-right-color:000000;
  84. border-right-width:4px;
  85. margin-bottom:1px;
  86. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);}
  87.  
  88.  
  89.  
  90. #gif{
  91. left:113px;
  92. top:30%;
  93. padding: 5px;
  94. width: 400px;
  95. height: 280px;
  96. overflow: auto;
  97. opacity:0.8;
  98. z-index:9;
  99. position:fixed;
  100. border: 2px solid #000000;
  101. background-image: url('https://scontent-atl3-1.xx.fbcdn.net/v/t34.0-12/14011922_271246516592475_1541486205_n.jpg?oh=9bd320df5a1ebe7257e280eb6c0629dd&oe=57B6F157');
  102. background-size: 100% 100%;
  103.  
  104.  
  105. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  106. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  107. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  108. }
  109. a.info{
  110. position:relative;
  111. color:white;
  112. text-decoration:none;
  113. text-align:center;
  114. }
  115.  
  116. a.info span{display: none}
  117.  
  118. a.info:hover span{
  119. display:block;
  120. position:absolute;
  121. top:-24px;
  122. width:15px;
  123. z-index: 1000;
  124. border:1px solid black;
  125. background-color:white; color:#000;
  126. text-align: center;
  127. opacity:0.8;
  128. padding:1px;
  129. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  130. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  131. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  132. }
  133.  
  134. a.info:hover span:after{
  135. content:'';
  136. position:absolute;
  137. bottom:0px;
  138. width:10px;
  139. height:10px;
  140. background:none;
  141. z-index: 999;
  142. left:1%;
  143. opacity:0.8;
  144. margin-left:-2px;
  145. border-radius: 20px 20px 20px 20px;
  146. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  147. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  148. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  149. -moz-transform:rotate(45deg);
  150. -webkit-transform:rotate(45deg);
  151. transform:rotate(45deg);
  152. }
  153.  
  154. a.nava:link, a.nava:active, a.nava:visited{
  155. width:70px;
  156. height:10px;
  157. color: white;
  158. display:block;
  159. font-family: small-fonts;
  160. font-size: 9px;
  161. line-height: 9px;
  162. letter-spacing: 3px;
  163. padding-left: 20px;
  164. text-decoration:none;
  165. border-left: 3px solid #1e1e1e;
  166. text-align: left;
  167. background-color:white;
  168. transition:0.9s ease-out;
  169. -o-transition:0.9s ease-out;
  170. -moz-transition:0.9s ease-out;
  171. -webkit-transition:0.9s ease-out;
  172. box-shadow: 0px 0px 4px black;}
  173.  
  174. a.nava:hover{
  175. width:70px;
  176. color:grey;
  177. font-size:9px;
  178. text-align:left;
  179. font-family:small-fonts;
  180.  
  181. background-repeat: repeat;
  182. border-left: 3px solid #1e1e1e;
  183. transition:0.9s ease-in;
  184. -o-transition:0.9s ease-in;
  185. -moz-transition:0.9s ease-in;
  186. -webkit-transition:0.9s ease-in;}
  187.  
  188.  
  189.  
  190.  
  191. a.nav:link, a.nav:active, a.nav:visited{
  192. width:170px;
  193. height:15px;
  194. color: grey;
  195. display:block;
  196. margin-bottom:4px;
  197. font-family: fangsong;
  198. font-size: 11px;
  199. text-decoration:none;
  200. text-align: center;
  201. background-color:white;
  202. transition:0.9s ease-out;
  203. -o-transition:0.9s ease-out;
  204. -moz-transition:0.9s ease-out;
  205. -webkit-transition:0.9s ease-out;
  206. box-shadow: 0px 0px 4px black;}
  207.  
  208. a.nav:hover{
  209. width:170px;
  210. color:white;
  211. font-size:11px;
  212. text-align:center;
  213. font-family:fangsong;
  214. background-image: url('http://24.media.tumblr.com/def2fca8ae9feefd520428d412d98169/tumblr_midq15Fvfl1r32k3yo1_500.gif');
  215. background-size: cover;
  216. transition:0.9s ease-in;
  217. -o-transition:0.9s ease-in;
  218. -moz-transition:0.9s ease-in;
  219. -webkit-transition:0.9s ease-in;}
  220.  
  221. h1 {
  222. border-bottom: 1px solid #8B8B8B;
  223. font-size: 11px;
  224. font-family: Segoe Script;
  225. color: #000000;
  226. text-align: center;
  227. letter-spacing: 1px;
  228. text-transform: lowercase;
  229. }
  230.  
  231. #stats{
  232. position: fixed;
  233. width:410px;
  234. height: 280px;
  235. left:113px;
  236. top:60px;
  237. z-index:1;
  238. overflow: auto;
  239. border: 2px #000000 solid;
  240. background-color:#FFF;
  241. font-size:10px;
  242. text-align:left;
  243. color:#000000;
  244. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  245. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  246. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  247. }
  248.  
  249. h2{
  250.  
  251. color: black;
  252. font-family: Arial Narrow ;
  253. font-size: 12px;
  254. text-align: right;
  255. font-weight: light;
  256. font-variant: small-caps;
  257. letter-spacing: 1px;
  258. border-bottom: 1px dashed grey;
  259. Text-shadow: #000000 0px 0px 1px;
  260. }
  261.  
  262. #min{
  263. position:fixed;
  264. width: 420px;
  265. height:17px;
  266. left: 113px;
  267. top: 505px;
  268. z-index:9;
  269. padding:5px;
  270. opacity:0.9;
  271. color:#000000;
  272. font-size:12px;
  273. line-height:4px;
  274. text-align:left;
  275. font-weight:normal;
  276. font-family:fangsong;
  277. font-variant:smallcaps;
  278. text-transform:none;
  279. text-decoration:none;
  280. position:fixed;
  281. overflow:hidden;
  282. background-color:#e1e1e1;
  283. border-top: none;
  284. border-bottom: 1px solid grey;
  285.  
  286. box-shadow: 0px 0px 4px black;
  287. }
  288.  
  289. #mini{
  290. background-color: transparent;
  291. width: 7px;
  292. float:center;
  293. color: #e1e1e1;
  294. font-family: fangsong;
  295. font-size: 12px;
  296. line-height: 10px;
  297. text-align: center;
  298. padding: 10px;
  299. z-index: 99;
  300. height: 273px;
  301. opacity: 0.8;
  302. border-radius: 0px 45px 45px 0px;
  303. border-right: 5px solid #1e1e1e;
  304. -webkit-transition: all 1.5s ease-in-out;
  305. -moz-transition: all 1.5s ease-in-out;
  306. -o-transition: all 1.5s ease-in-out;
  307. -ms-transition: all 1.5s ease-in-out;
  308. transition: all 1.5s ease-in-out;
  309. box-shadow: 0px 0px 4px black;
  310. overflow: auto;
  311. left:520px;
  312. top:60px;
  313. z-index:9;
  314. padding:5px;
  315. position:fixed;
  316. overflow-x:hidden;
  317. background-color:#000000;
  318. box-shadow: 0px 0px 2px black;}
  319.  
  320. #mini:hover
  321. {width:190px;;
  322. z-index: 99;
  323. color: #ffffff;
  324. overflow: auto;
  325. background-color: #000000;
  326. border-radius: 0px 0px 0px 0px;
  327. overflow: auto;
  328. }
  329.  
  330. #namae{
  331. margin: 0 auto;
  332. width: 900px;
  333. height:10px;
  334. top: 50px;
  335. left: 20px;
  336. font-family: 'chopin', cursive;
  337. font-size: 70px;
  338. color: #A9BCF5;
  339. text-shadow:0px 2px 3px #201d1f;
  340. z-index: 3;
  341. }
  342.  
  343. #cf {
  344. position:relative;
  345. height:281px;
  346. width:450px;
  347. margin:0 auto;
  348. }
  349.  
  350. #cf img {
  351. position:absolute;
  352. left:600;
  353. top:50;
  354. height: 500px;
  355. -webkit-transition: opacity 1s ease-in;
  356. -moz-transition: opacity 1s ease-in;
  357. -o-transition: opacity 1s ease-in;
  358. -ms-transition: opacity 1s ease-in;
  359. transition: opacity 1s ease-in;
  360.  
  361. }
  362.  
  363. #cf img:first-child {
  364. opacity: 0;
  365. -webkit-transition: opacity 1s ease-in;
  366. -moz-transition: opacity 1s ease-in;
  367. -o-transition: opacity 1s ease-in;
  368. -ms-transition: opacity 1s ease-in;
  369. transition: opacity 1s ease-in;
  370. }
  371.  
  372. #cf:hover img:last-child{opacity:0;
  373. -webkit-transition: opacity 1s ease-in-out;
  374. -moz-transition: opacity 1s ease-in-out;
  375. -o-transition: opacity 1s ease-in-out;
  376. transition: opacity 1s ease-in-out;
  377. }
  378.  
  379.  
  380. #cf:hover img:first-child{display:inline-block;
  381. opacity: 1;
  382. -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  383. -moz-animation: fadein 1s; /* Firefox < 16 */
  384. -ms-animation: fadein 1s; /* Internet Explorer */
  385. -o-animation: fadein 1s; /* Opera < 12.1 */
  386. animation: fadein 1s;
  387. }
  388. @keyframes fadein {
  389. from { opacity: 0; }
  390. to { opacity: 1; }
  391. }
  392.  
  393. /* Firefox < 16 */
  394. @-moz-keyframes fadein {
  395. from { opacity: 0; }
  396. to { opacity: 1; }
  397. }
  398.  
  399. /* Safari, Chrome and Opera > 12.1 */
  400. @-webkit-keyframes fadein {
  401. from { opacity: 0; }
  402. to { opacity: 1; }
  403. }
  404.  
  405. /* Internet Explorer */
  406. @-ms-keyframes fadein {
  407. from { opacity: 0; }
  408. to { opacity: 1; }
  409. }
  410.  
  411. /* Opera < 12.1 */
  412. @-o-keyframes fadein {
  413. from { opacity: 0; }
  414. to { opacity: 1; }
  415. }
  416.  
  417.  
  418. </style>
  419.  
  420.  
  421. <div id="gif">
  422.  
  423. <img src="http://ego-alterego.com/wp-content/uploads/2011/09/72.jpg" width="250"><br>
  424.  
  425. <small>Do I have your Attention?</small><br><br>
  426.  
  427.  
  428. <small>1) UNDER CONSTRUCTION</small><br><br>
  429.  
  430. <small>2) I'm usually pretty nice unless provoked.~</small><br><br>
  431.  
  432. <small>3) When I get in the mood to RP.. I uh.. Usually Multipara. Sometimes it's only Semi. Ahum.. Sexual RP has become really boring. I like story lines.. Violent.. Bloody Story lines. With.. You know.. Stuff.. That is interesting. Yeah. That.</small><br><br>
  433.  
  434. <small>4) I have Skype.. That I give out. Sometimes.. To people. Mhm.</small><br><br>
  435.  
  436. <small>5) OOC is different from IC. Obviously. I know the difference, so you should know it too. IRL comes before RPing. </small><br><br>
  437.  
  438. <small>6) Grammar and decently formed sentences are so damn sexy. Just sayin'. I tend to lose interest when I have to figure out what each sentence means. HinthintHINT</small><br><br>
  439.  
  440. <small>7) ALL RIGHTS BELONG TO THE ARTIST. </small><br><br>
  441.  
  442. <small>8) </small><br><br>
  443.  
  444. <small>09</small><br><br>
  445.  
  446. <small>10</small><br><br>
  447.  
  448. </center>
  449.  
  450.  
  451. </div>
  452.  
  453. <div id="namae">
  454. <h1><i>~QUOTE~</i></h1>
  455. </div>
  456.  
  457.  
  458.  
  459. <div id="stats">
  460.  
  461. <br>
  462. <center><img src="https://65.media.tumblr.com/a9e7c1b2858826dc5465180f231f2860/tumblr_mgzivwMOHw1rrmo9mo1_500.jpg" width="200"></center><br><br>
  463.  
  464. <h1> Statistics </h1>
  465. <center><li><b>Name:</b> </li>
  466. <li><b>Gender:</b> Female. </li>
  467. <li><b>Species:</b> Feline Thing. </li>
  468.  
  469. <br>
  470.  
  471. <li><b>Hair:</b> Brown, Blonde</li>
  472. <li><b>Height:</b> 5'5. </li>
  473. <li><b>Weight:</b> 130.</li>
  474.  
  475. <br>
  476.  
  477. <li><b>Mental Status:</b> Violent.</li>
  478. <li><b>Physical Condition:</b> Healthy.</li>
  479.  
  480. <li><b>Dominant Hand:</b> Right.</li>
  481. <br>
  482. <li><b>Relatives:</b> <a href="profile.php?user=Tesse" target="_blank">This Bitch</a>. </li>
  483. <li><b>Orientation:</b> Demi-Sexual. </li>
  484. <li><b>Attachment:</b> Only My 'Yena </li>
  485. <li><b>Relationship:</b> Exclusive </li>
  486. <li><b>This Heart:</b>
  487.  
  488. <a href="profile.php?user=Nash" target="_blank">Belongs to Him</a>
  489.  
  490. </center>
  491.  
  492. <br><br>
  493. <h1> Likes and Dislikes:</h1>
  494. <br>
  495. <center>Under construction</center><br><br>
  496.  
  497. <center><img src="" width="250"></center>
  498.  
  499. <br><br>
  500.  
  501.  
  502. <br><br>
  503. <h1> History:</h1>
  504. <br>
  505. <center>Under construction</center><br><br>
  506.  
  507.  
  508. <center><img src="" width="250"></center>
  509.  
  510. <br><br>
  511. </div>
  512. <div id="min">
  513.  
  514.  
  515. <h2>
  516.  
  517.  
  518. "QUOTE ?"
  519.  
  520.  
  521.  
  522. </h2>
  523.  
  524.  
  525.  
  526. </div>
  527.  
  528. <div id="mini">
  529. <br>
  530. Friends: <br>
  531. <h1> </h1><br>
  532.  
  533. <img src="https://static1.e621.net/data/8f/e7/8fe7941b251f9ea2a74a2fe70b519a43.jpg" width="150"><br><br>
  534.  
  535. <a href="profile.php?user=Link name" target="_blank">Companion~</a> <br> <br>
  536.  
  537.  
  538.  
  539.  
  540. </div>
  541.  
  542. <div id="cf">
  543. <img src="http://i.imgur.com/1slzrt0l.jpg" />
  544. <img src="http://i.imgur.com/7YieUOl.jpg" />
  545. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement