daily pastebin goal
29%
SHARE
TWEET

Sunsei

Coppertail Feb 13th, 2018 86 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Abel|Chathura|Cookie|Dancing+Script|Dorsa|Great+Vibes|Meddon|Mr+Bedfort|Mr+De+Haviland|Open+Sans+Condensed:300|Pacifico|Poiret+One|Rochester|Satisfy|Tangerine|Tulpen+One|Wire+One');
  3.  
  4. ::-webkit-scrollbar{width:0.3vh;height:0.3vh;}
  5. ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
  6. ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}
  7.  
  8.  
  9. * {
  10.  font-family: 'Poiret One', cursive;
  11.  color: #d7adfb;
  12.  font-size:2.2vh;
  13. }
  14.  
  15.  
  16. body{
  17.  background: #ded8d8;
  18.  background-image: url('https://i.imgur.com/YjjOGsu.jpg');
  19.  background-position: bottom center;
  20.  background-repeat: no-repeat;
  21.  background-size: 35%;
  22. }
  23.  
  24.  
  25.  
  26. h1{font-family: 'Mr Bedfort', cursive;color:#eee1ff;font-size:4.5vh;}
  27. a{font-family: 'Meddon', cursive;color:#fd4000;}
  28. b{font-family: 'Satisfy', cursive;color:#ffcd31;font-size:2.4vh;}
  29. i{font-family: 'Rochester', cursive;font-size:2.6vh;}
  30. o{font-family: 'Poiret One', cursive;color:#603385;text-shadow: #e0dde3;font-size:2.6vh;}
  31. .r{float:right;}
  32.  
  33.  
  34. * {
  35.  cursor: url('http://www.rw-designer.com/cursor-view/15154.png'), progress !important;
  36.  cursor:pointer url('http://www.rw-designer.com/cursor-view/15154.png'), progress !important;}
  37.  }
  38.  
  39.  
  40.  
  41. #image{
  42.  position: fixed;
  43.  right:29vw;
  44.  bottom: 0vh;
  45.  box-shadow: ;
  46.  opacity:0;
  47.  
  48.  animation: blurin 2s 1;
  49.  -webkit-animation: blurin 2s 1;
  50.  animation-fill-mode: forwards;
  51.  -webkit-animation-fill-mode: forwards;
  52. }
  53. #image img{
  54.  height: 98vh;
  55.  border: 0vh solid #363536;
  56. }
  57. @keyframes blurin{
  58.  from{-webkit-filter:blur(50px);opacity:0;}
  59.  to{-webkit-filter:blur(0px);opacity:1;}
  60. }
  61.  
  62.  
  63.  
  64.  
  65. #box{
  66.  position: fixed;
  67.  left: 2.5vw;
  68.  top: 5vh;
  69.  width: 25vw;
  70.  height: 30vh;
  71.  border: 0.5vh double #ff8100;
  72.  background: rgba(0,0,0,0.5);
  73.  font-family: Raleway;
  74.  font-size: 2vh;
  75.  color: #EDDEFF;
  76.  text-shadow: 0.5vh 0.5vh 0.5vh black;
  77.  box-shadow: 0.5vh 0.5vh 0.5vh black;
  78.  overflow: auto;
  79.  opacity: 1;
  80.  
  81.  animation: blurin 2s ;
  82.  -webkit-animation: blurin 2s ;
  83.  animation-fill-mode: forwards;
  84.  -webkit-animation-fill-mode: forwards;
  85. }
  86.  
  87. #box2{
  88.  position: fixed;
  89.  left: 2.5vw;
  90.  bottom: 5vh;
  91.  width: 25vw;
  92.  height: 30vh;
  93.  border: 0.5vh double #ff8100;
  94.  background: rgba(0,0,0,0.5);
  95.  font-family: Raleway;
  96.  font-size: 2vh;
  97.  color: #EDDEFF;
  98.  text-shadow: 0.5vh 0.5vh 0.5vh black;
  99.  box-shadow: 0.5vh 0.5vh 0.5vh black;
  100.  overflow: auto;
  101.  opacity: 1;
  102.  
  103.  animation: blurin 3s ;
  104.  -webkit-animation: blurin 3s ;
  105.  animation-fill-mode: forwards;
  106.  -webkit-animation-fill-mode: forwards;
  107. }
  108.  
  109.  
  110. #box3{
  111.  position: fixed;
  112.  right: 2.5vw;
  113.  top: 5vh;
  114.  width: 25vw;
  115.  height: 30vh;
  116.  border: 0.5vh double #ff8100;
  117.  background: rgba(0,0,0,0.5);
  118.  font-family: Raleway;
  119.  font-size: 2vh;
  120.  color: #EDDEFF;
  121.  text-shadow: 0.5vh 0.5vh 0.5vh black;
  122.  box-shadow: 0.5vh 0.5vh 0.5vh black;
  123.  overflow: auto;
  124.  opacity: 1;
  125.  
  126.  animation: blurin 3s ;
  127.  -webkit-animation: blurin 3s ;
  128.  animation-fill-mode: forwards;
  129.  -webkit-animation-fill-mode: forwards;
  130. }
  131.  
  132.  
  133. #box4{
  134.  position: fixed;
  135.  right: 2.5vw;
  136.  bottom: 5vh;
  137.  width: 25vw;
  138.  height: 30vh;
  139.  border: 0.5vh double #ff8100;
  140.  background: rgba(0,0,0,0.5);
  141.  font-family: Raleway;
  142.  font-size: 2vh;
  143.  color: #EDDEFF;
  144.  text-shadow: 0.5vh 0.5vh 0.5vh black;
  145.  box-shadow: 0.5vh 0.5vh 0.5vh black;
  146.  overflow: auto;
  147.  opacity: 1;
  148.  
  149.  animation: blurin 4s ;
  150.  -webkit-animation: blurin 4s ;
  151.  animation-fill-mode: forwards;
  152.  -webkit-animation-fill-mode: forwards;
  153. }
  154.  
  155.  
  156. #credit {
  157. z-index:1;
  158. position:fixed;
  159. height:36px;
  160. right:32vw;
  161. bottom:0vw;
  162. background-color:transparent;
  163. border-radius:5px;
  164. }
  165.  
  166.  
  167. tr:nth-child(odd){
  168.  background: #F8D115;
  169. }
  170.  
  171.  
  172. </style>
  173.  
  174.  
  175.  
  176. <div id="box">
  177. <div style="height: 100%; overflow-y: hidden;">
  178.  
  179.  
  180. <a name="stat"></a>
  181. <div style="width:100%; height: 100%; overflow: auto; " align="left">
  182. <h1>Stats</h1><hr>
  183. <table style="width:100%;">
  184. <tr>
  185. <td><o>Name:</td><td><o>Sun</td>
  186. </tr>
  187.  
  188. <tr>
  189. <td>Classification:</td><td>Star</td>
  190. </tr>
  191.  
  192. <tr>
  193. <td><o>Age:</td><td><o>13.2 billion years. (She looks young for her age.</td>
  194. </tr>
  195.  
  196. <tr>
  197. <td>Orientation:</td><td>Something!</td>
  198. </tr>
  199.  
  200. <tr>
  201. <td><o>Status:</td><td><o>Burning hot!</td>
  202. </tr>
  203.  
  204. <tr>
  205. <td>Eye color:</td><td>Amber</td>
  206. </tr>
  207.  
  208. <tr>
  209. <td><o>Hair color:</td><td><o>Blonde fading into red orange.</td>
  210. </tr>
  211.  
  212. <tr>
  213. <td>Nationality:</td><td>Solar System-ese?</td>
  214. </tr>
  215.  
  216. <tr>
  217. <td><o>Height:</td><td><o>6'0"</td>
  218. </tr>
  219.  
  220. <tr>
  221. <td>Weight:</td><td>1.989 Ă— 10^30 kg! (Is a heavy girl.)</td>
  222. </tr>
  223.  
  224. <tr>
  225. <td><o>Body Type:</td><td><o>Round and curvaceous!</td>
  226. </tr>
  227.  
  228. <tr>
  229. <td>Occupation:</td><td>Teacher</td>
  230. </tr>
  231.  
  232. </table>
  233. </div>
  234. </div>
  235.  
  236.  
  237. <div id="box2">
  238. <div style="height: 100%; overflow-y: hidden;">
  239.  
  240.  
  241. <a name="stat"></a>
  242. <div style="width:100%; height: 100%; overflow: auto; " align="left">
  243. <a name="bio"></a>
  244. <h1>Details</h1>
  245. <hr>
  246. <div style="width:100%; height: 100%; overflow: auto; " align="left">
  247. <b>Biography</b><hr>
  248.  Not much to say except that she's been around for a long, long time.
  249. <hr>
  250. <b>Personality</b><hr>
  251.  Buoyant, Friendly, and sunny! (Pardon the sun pun.)
  252.  
  253. </hr>
  254. </div>
  255. </div>
  256.  
  257. <div id="box3">
  258. <div style="height: 100%; overflow-y: hidden;">
  259.  
  260.  
  261. <a name="stat"></a>
  262. <div style="width:100%; height: 100%; overflow: auto; " align="left">
  263. <a name="ooc"></a>
  264. <div style="width:100%; height: 100%; overflow: auto; " align="left">
  265. <h1>Additional Notes</h1><hr>
  266. <p>She has a tendency to hug her students when she sees them and, since they're shorter than she is, their faces tend to go straight into her bosom. She doesn't usually notice this however.</p>
  267. <p>While she regularly friendly, she'll be rather guarded against those she gets a bad vibe from.</p>
  268. <p>Since she's a giant ball of flaming of gas, she's got fire powers! And she can use her gravity to draw objects toward her: the larger the object the more energy she has to use, the more nauseous she gets, so she can't use too much energy.</p>
  269. <hr>
  270. <h1>Out of Character</h1>
  271. <table>
  272. <tr><td><o>The art is not mine.</td></tr>
  273. <tr><td>I'm not this character, and she's not me, so don't ask for any personal information.</td></tr>
  274. <tr><td><o>The one exception to rule 2 is that I will give my Discord and/or Steam to those who I feel deserve it.</td></tr>
  275. <tr><td>Real life is a thing, and I tend to step away from the computer without saying 'be right back', so if I take forever to respond, that's probably why.</td></tr>
  276. <tr><td><o>Want to know my alts? Just ask!</td></tr>
  277. <tr><td><b><u>Do not come to me if you're trying to lewd with me.</u></b> I refuse to do anything lewd with anyone I don't know, so don't try.</td></tr>
  278. </table>
  279. </div>
  280. </div>
  281.  
  282. <div id="box4">
  283. <div style="height: 100%; overflow-y: hidden;">
  284.  
  285.  
  286. <a name="stat"></a>
  287. <div style="width:100%; height: 100%; overflow: auto; " align="left">
  288. <h1>Gallery</h1>
  289. <hr>
  290. <a href="https://i.imgur.com/LrX54I8.jpg">Global Warming</a><br>
  291. <hr>
  292. <a href="https://i.imgur.com/npSkDlS.jpg">Blinding Smile!</a><br>
  293. <hr>
  294. <a href="https://i.imgur.com/LCQrgUd.jpg">Come on, NASA.</a><br>
  295. <hr>
  296. <a href="https://i.imgur.com/L56Whyx.jpg">What a reflection…</a><br>
  297. <hr>
  298. <a href="https://i.imgur.com/wXQIlXm.jpg">Tsunsei</a><br>
  299. <hr>
  300. <a href="https://i.imgur.com/nTUiLXd.jpg">Praise the sun.</a><br>
  301. <hr>
  302. <a href="https://i.imgur.com/8Jt2ECR.jpg">Eclipses.</a><br>
  303. <hr>
  304. <a href="https://i.imgur.com/1cunbzv.jpg">Christmas!</a><br>
  305. <hr>
  306.  
  307.  
  308.  
  309. </div>
  310. </div>
  311.  
  312. <a href="https://pastebin.com/u/AltimaeDTM" target="_blank" title="CC#02
  313. Firefox 1366x768
  314. Inform me of issues.">
  315. <img src="https://orig00.deviantart.net/5e77/f/2017/282/e/b/credit_by_altimadxy-dbq3bum.png" id="credit"/>
  316. </a>
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