SHARE
TWEET

cyan

a guest Apr 25th, 2019 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url(//fonts.googleapis.com/css?family=Permanent+Marker);
  3. @import url(//fonts.googleapis.com/css?family=Satisfy);
  4. @import url(//fonts.googleapis.com/css?family=Righteous);
  5. @import url(//fonts.googleapis.com/css?family=Kaushan+Script);
  6. @import url(//fonts.googleapis.com/css?family=Merienda);
  7. @import url(//fonts.googleapis.com/css?family=Cookie);
  8. .pfor { display: none; }
  9.  #profile { background-color: transparent; border: none; overflow: auto;}
  10. /*body*/
  11.  
  12.  body {
  13.  background-color: #110f0b;
  14. }
  15.  
  16. b, strong { font-family: Righteous; font-size: 12px;line-height: 15px; font-weight: bold;
  17.  color: #1e181b;
  18.  text-shadow: 1px 0px 0px #5c78ae,
  19.  -1px 1px 0px #5c78ae,
  20.  0px 0px 0px #5c78ae,
  21.  0px -1px 0px #5c78ae,
  22.  0px 0px 1px #5c78ae;
  23. }
  24.  
  25. i, em {color:#5c78ae; font-family: Kaushan Script; font-size:12px;}
  26.  
  27.  
  28. body, a {cursor: url(https://66.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_75sq.png), auto;}
  29.  
  30. /*scroll*/
  31. ::-webkit-scrollbar {
  32.  width: 5px;
  33.  height: 0px;
  34.  background:;
  35.  }
  36.  
  37.  ::-webkit-scrollbar-thumb {
  38.  background-color: #5c78ae;
  39.  -webkit-border-radius: 10px;
  40.  border-radius: 10px;
  41. z-index: 999;
  42.  }
  43.  
  44.  
  45.  
  46.  
  47. /*aesthetics*/
  48. #background img{
  49. position: absolute;
  50. width: 100%;
  51. height:100%;
  52. top:0px;
  53. left: 0px;
  54. z-index: 2;
  55. }
  56.  
  57.  
  58. /*navigation*/
  59. #navi {
  60.  position: fixed;
  61.  left:27%;
  62.  top:83.5%;
  63.  text-align:center;
  64.  color: white;
  65.  width: 50vw;
  66.  height: 20px;
  67.  padding:5px;
  68.  line-height:7px;
  69.  z-index: 6;
  70. display: inline-block;
  71.  float: left;
  72.  }
  73.  
  74.  #navi a:link, #navi a:visited {
  75.  text-decoration:none;
  76.  font-weight:normal !important;
  77.  padding:5px;
  78.  top: 10px;
  79.  margin-left: 8px;
  80.  width: 1vw;
  81. height: 0.2vh;
  82.  -webkit-transition: all 0.5s ease;
  83.  -moz-transition: all 0.5s ease;
  84.  -o-transition: all 0.5s ease;
  85. -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  86. clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  87.  background-color: #5c78ae;
  88.  float: left;
  89.  }
  90.  
  91.  #navi a:hover {
  92.  background-color:#d3dbe8;
  93.  text-decoration:none;
  94.  float: left;
  95.  }
  96.  
  97.  
  98. /*content*/
  99. .box {
  100.  position: fixed;
  101.  width: 30vw;
  102.  height:39vh;
  103.  top: 40%;
  104.  left: 43%;
  105.  padding: 5px;
  106.  font-size: 12px;
  107.  line-height: 13px;
  108.  text-align: center;
  109. font-family: 'Merienda';
  110.  color: #d3dbe8;
  111.  overflow: auto;
  112.  opacity: 0;
  113.  transition: all 0.7s ease-in-out;
  114.  -webkit-transition: all 0.7s ease-in-out;
  115.  -moz-transition: all 0.7s ease-in-out;
  116.  -o-transition: all 0.7s ease-in-out;
  117.  -ms-transition: all 0.7s ease-in-out;
  118.  z-index:2;
  119.  }
  120.  
  121.  .box:target {
  122.  top: 40%;
  123.  left: 43%;
  124.  overflow: auto;
  125. background-color: #transparent;
  126.  opacity: 1;
  127.  transition: all 0.7s ease-in-out;
  128.  -webkit-transition: all 0.7s ease-in-out;
  129.  -moz-transition: all 0.7s ease-in-out;
  130.  -o-transition: all 0.7s ease-in-out;
  131.  -ms-transition: all 0.7s ease-in-out;
  132.  z-index:8;
  133.  }
  134.  
  135. /*tables*/
  136. td.one{
  137.  width: 261px;
  138.  font-family: Righteous;
  139.  font-size: 12px;
  140.  text-align: left;
  141.  word-spacing: 1px;
  142.  letter-spacing: 0px;
  143.  line-height: 9px;
  144.  font-weight: bold;
  145.  color: #1e181b;
  146.  text-shadow: 1px 0px 0px #5c78ae,
  147.  -1px 1px 0px #5c78ae,
  148.  0px 0px 0px #5c78ae,
  149.  0px -1px 0px #5c78ae,
  150.  0px 0px 1px #5c78ae;
  151. }
  152.  
  153.  td.two{
  154.  width: 261px;
  155.  font-family: Merienda;
  156.  font-size: 12px;
  157.  text-align: right;
  158.  word-spacing: 1px;
  159.  letter-spacing: 0px;
  160.  line-height: 9px;
  161.  color: #d3dbe8;
  162.  }
  163.  
  164.  
  165. /*Headers*/
  166. h1 {
  167. text-align: left;
  168.  padding:1px;
  169.  line-height:120%;
  170. font-family: 'permanent marker';
  171.  padding:2px;
  172. background-color: #5c78ae;
  173. border-radius: 100px 100px 100px 100px;
  174.  font-size: 18px;
  175.  line-height: 1px;
  176.  letter-spacing: 1px;
  177.  color: #1f181c;
  178.  text-shadow: 1px 0px 0px #5c78ae,
  179.  -1px 1px 0px #5c78ae,
  180.  0px 0px 0px #5c78ae,
  181.  0px -1px 0px #5c78ae,
  182.  0px 0px 1px #5c78ae;
  183.  padding-top: 5px;
  184.  margin-left:0px;
  185.  letter-spacing:1px
  186.  margin-top:-10px;
  187.  }
  188.  
  189. h2 {
  190. text-align: right;
  191. margin-top: -11px;
  192. margin-bottom: 15px;
  193. font-family: 'satisfy';
  194. color:#27161a;
  195.  text-shadow: 1px 0px 0px #5c78ae,
  196.  -1px 1px 0px #5c78ae,
  197.  0px 0px 0px #5c78ae,
  198.  0px -1px 0px #5c78ae,
  199.  0px 0px 1px #5c78ae;
  200. letter-spacing: .1em;
  201. font-size: 14px;
  202. line-height: 20%;
  203.  }
  204.  
  205.  
  206. /*link*/
  207. a:link,a:active,a:visited {
  208.  color: #cfd2db;
  209.  font-family: cookie;
  210.  font-size: 19px;
  211.  line-height: 10px;
  212.  letter-spacing: 0px;
  213.  display: ;
  214.  font-weight: bold;
  215.  margin-bottom: px;
  216.  word-spacing: 0px;
  217.  text-transform: none;
  218.  text-align: center;
  219.  text-decoration: none;
  220.  transition: all .3s ease-in-out;
  221.  -webkit-transition: all .3s ease-in-out;
  222.  -moz-transition: all .3s ease-in-out;
  223.  -o-transition: all .3s ease-in-out;
  224.  -ms-transition: all .3s ease-in-out;
  225.  z-index: 7;
  226.  }
  227.  
  228.  a:hover {
  229.  color: #5a317d;
  230. text-shadow: 1px 0px 0px #cfd2db,
  231.  0px 1px 0px #cfd2db,
  232.  -1px 0px 0px #cfd2db,
  233.  0px -1px 0px #cfd2db,
  234.  0px 0px 20px #cfd2db;
  235.  font-family: cookie;
  236.  font-size: 19px;
  237.  line-height: 10px;
  238.  letter-spacing: 0px;
  239.  display: ;
  240.  font-weight: bold;
  241.  margin-bottom: px;
  242.  word-spacing: 0px;
  243.  text-align: center;
  244.  text-decoration: none;
  245.  transition: all .3s ease-in-out;
  246.  -webkit-transition: all .3s ease-in-out;
  247.  -moz-transition: all .3s ease-in-out;
  248.  -o-transition: all .3s ease-in-out;
  249.  -ms-transition: all .3s ease-in-out;
  250. }
  251.  
  252.  
  253.  
  254. /*music*/
  255. #music1{
  256.  position:fixed;
  257. left: 10.5%;
  258. top: 43.9%;
  259.  padding:2px;
  260.  -webkit-transition: all 0.5s ease-in-out;
  261.  -moz-transition: all 0.5s ease-in-out;
  262.  -o-transition: all 0.5s ease-in-out;
  263. z-index: 4;
  264. }
  265.  
  266. #music1:hover #music2{
  267.  opacity:0;
  268.  margin-top:-25px;
  269.  z-index:-1;
  270. }
  271.  
  272. #music1:hover #music3{
  273.  opacity:1;
  274.  margin-top:-2px;
  275.  z-index:99;
  276. }
  277.  
  278. #music1:hover #musiclist{
  279.  opacity:1;
  280. }
  281.  
  282. #music2{
  283.  /* First gif image*/
  284.  opacity:1;
  285.  background-color:#transparent;
  286.  padding:6px;
  287.  -webkit-transition: all 0.5s ease-in-out;
  288.  -moz-transition: all 0.5s ease-in-out;
  289.  -o-transition: all 0.5s ease-in-out;}
  290.  
  291. #music3{
  292.  /* Music player */
  293.  opacity:0;
  294.  position:fixed;
  295.  background-color:#transparent;
  296.  background-image:
  297.  url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png');
  298.  background-repeat: no-repeat;
  299.  background-size: 25px;
  300.  width:25px;
  301.  height:25px;
  302.  z-index:99
  303.  margin-left:0px;
  304.  overflow:hidden;
  305.  -webkit-transition: all 0.5s ease-in-out;
  306.  -moz-transition: all 0.5s ease-in-out;
  307.  -o-transition: all 0.5s ease-in-out;}
  308.  
  309.  
  310. </style>
  311. <div id="background"><img src="http://i.picpar.com/gbtd.png"></div>
  312.  
  313.  
  314. <div id="navi">
  315.  <a href="#one"></a>
  316.  <a href="#two"></a>
  317. <a href="#three"></a>
  318. <a href="#four"></a>
  319. <a href="#five"></a>
  320. </div>
  321. <div id="one" class="box">
  322. <h1>She surrounds herself with</h1><h2>bitter coldness</h2>
  323.  <table>
  324.  <tr><td class="one">
  325.  Name
  326.  </td><td class="two">
  327.  Cyan.
  328.  </td></tr><tr>
  329.  
  330.  <tr><td class="one">
  331.  Epithet
  332.  </td><td class="two">
  333.  Frost Blade.
  334.  </td></tr><tr>
  335.  
  336. <tr><td class="one">
  337.  Classification
  338.  </td><td class="two">
  339. Personified Weapon.
  340.  </td></tr><tr>
  341.  
  342. <tr><td class="one">
  343. Weapon Type
  344.  </td><td class="two">
  345. Frost Projectiles.
  346.  </td></tr><tr>
  347.  
  348.  <tr><td class="one">
  349. Gender
  350.  </td><td class="two">
  351. Feminine.
  352.  </td></tr><tr>
  353.  
  354.  <tr><td class="one">
  355. Height
  356.  </td><td class="two">
  357. 5'5 ft.
  358.  </td></tr><tr>
  359.  
  360.  <tr><td class="one">
  361. Weight
  362.  </td><td class="two">
  363. Weightless.
  364.  </td></tr><tr>
  365.  
  366. <tr><td class="one">
  367. Affinity
  368.  </td><td class="two">
  369.  Ice and Water.
  370.  </td></tr><tr>
  371.  
  372. <tr><td class="one">
  373. Affiliation
  374.  </td><td class="two">
  375.  Abyssal Sirens.
  376.  </td></tr><tr>
  377.  
  378. <tr><td class="one">
  379. Sexual Desires
  380.  </td><td class="two">
  381. Unknown.
  382.  </td></tr><tr>
  383.  
  384. <tr><td class="one">
  385. Relationship Status
  386.  </td><td class="two">
  387. Undesirable.
  388.  </td></tr><tr>
  389.  
  390. <tr><td class="one">
  391.  Contract
  392.  </td><td class="two">
  393.  ---
  394.  </td></tr><tr>
  395.  
  396.  
  397. </table>
  398.  </div>
  399.  
  400. <div id="two" class="box">
  401. <h1>The rising power of a</h1><h2>cold-blooded Femme Fatale</h2>
  402. To be written.<br>
  403. <h1>Human Form</h1><h2>Skills and Abilities</h2>
  404. To be written.<br>
  405. <h1>Weapon Form</h1><h2>Skills and Abilities</h2>
  406. To be written.<br>
  407.  </div>
  408.  
  409.  <div id="three" class="box">
  410. <h1>The Worthy Mentionables</h1><h2>if any exists..</h2>
  411. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sanguine"><i>Sanguine, Blood Blade</i></a> - My sister in arms and the only one worth trusting in this unfamiliar setting. We both manifested at the same time yet she has managed to explore this realm more than I. She can be quite entertaining when angered...especially when her blood lust is at its maximum potential.<br><br>
  412.  
  413. <a target="_blank" href="https://roleplay.chat/profile.php?user=Citrine"><i>Citrine, Blazing Blade</i></a> - Another sister in arms. It has been a while, has it? I can see the fire in your eyes. You're antsy for a fight...and probably the fire that can melt the ice off my blade. She's quite excitable but brutal when it comes to battle. Another source of entertainment.<Br><br>
  414.  
  415. <a target="_blank" href="https://roleplay.chat/profile.php?user=Cerulean"><i>Cerulean, The Ice Hunter</i></a> - A fellow ice user...a weird one. But I will have to give him credit for being..a pretty decent person, I suppose. He chose to take a chance and approach Sanguine and I...only to form a trio friendship in a sense. Something that I've never experienced..but with time..I guess I'm learning. He's pretty...interesting.<Br><br>
  416.  
  417.  </div>
  418.  
  419. <div id="four" class="box">
  420. <h1>Out of Character</h1><h2>The Writer behind this Ice Goddess</h2>
  421. <b>One</b> This profile was coded by <a href="https://roleplay.chat/profile.php?user=Umbrae">Umbrae</a> for me to use only, please do not touch or take anything from this code. If you want one done? Please message her personally regarding commissions.<br><br>
  422. <b>Two</b> I'm not Cyan and Cyan isn't me. While she might appear to be a bitch -- I am actually pretty friendly. So don't confuse the two. IC =/= OOC.<br><br>
  423. <b>Three</b> Third Person perspective; one-line to multipara writer. Novella writing is possible with a big muse or even if caught in the moment.<br><br>
  424. <b>Four</b> Drama, Racism, Sexism, Harrassment, Disrespect = Instant Block.<br><br>
  425. <b>Five</b> Character + Story development is adored! Smut is possible but remember Cyan is a weapon and unfamiliar with those territories..plus..? It's earned and I can't promise she'd be so keen on sudden touches. <br><br>
  426. <b>six</b> I reserve the right to decline rp. That being said. I will NOT rp with blank profiles..you've been warned.<br><br>
  427. <b>Seven</b> I prefer writers with a grasp of English, punctuation, and grammar. I'm a picky writer but not a grammar nazi..<br><br>
  428. <b>Eight</b> Dark and Mature themes adored.<br><br>
  429. <b>Nine</b> Real Life takes priority over rp always. I'm a fairly busy person.<br><br>
  430. <b>Ten</b> Roleplay is meant to be fun, So let's have fun okay?<br><br>
  431.  </div>
  432.  
  433. <div id="music1">
  434. <div id="music2">
  435.  
  436.  
  437. <img src="https://66.media.tumblr.com/tumblr_m7vzhvERfC1r6o8v2.gif" style="opacity: 1;"></div>
  438.  
  439. <div id="music3">
  440. <Div style="margin-top:4px;">
  441.  
  442. <audio controls style="opacity: 0;"><source src=""></audio>
  443. </div>
  444.  
  445. </div>
RAW Paste Data
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
 
Top