SHARE
TWEET

Mary Angela

bythestars Jul 12th, 2019 84 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Cookie|Lobster+Two');
  3.  
  4. body {
  5.  background-image: url('https://i.imgur.com/eH5mgKa.gif');
  6.  background: -webkit-linear-gradient(#9cc4e4, #3a89c9, #0e4ead);
  7.  cursor: url('https://i.imgur.com/GVyRN0g.png?1'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#0e4ead; height:3px; }
  10. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  11.  
  12. ::selection {
  13.  color: #0e4ead;
  14.  background: #9cc4e4;}
  15.  
  16. a {
  17.  color: #0e4ead;
  18.  text-decoration: none;
  19.  text-transform: uppercase;
  20.  font-family: calibri, sans-serif;
  21.  font-size: 12px;
  22.  letter-spacing: 1;
  23.  -webkit-transition: all 0.5s ease-in-out;
  24.  -moz-transition: all 0.5s ease-in-out;
  25.  -o-transition: all 0.5s ease-in-out;
  26.  -ms-transition: all 0.5s ease-in-out;
  27.  transition: all 0.5s ease-in-out;}
  28.  
  29. a:hover {
  30.  color: white;
  31.  text-decoration: none;
  32.  -webkit-transition: all 0.5s ease-in-out;
  33.  -moz-transition: all 0.5s ease-in-out;
  34.  -o-transition: all 0.5s ease-in-out;
  35.  -ms-transition: all 0.5s ease-in-out;
  36.  transition: all 0.5s ease-in-out;}
  37.  
  38. b {
  39. color:#0e4ead;
  40. font-family: calibri, sans-serif;
  41. text-transform: uppercase;
  42. font-size: 12px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47.  color:#E9F2F9;
  48.  font-family: calibri, sans-serif;
  49.  text-transform: lowercase;
  50.  font-size: 12px;
  51.  letter-spacing: 1;}
  52.  
  53. u {
  54.  color:#0e4ead;
  55.  font-family: calibri, sans-serif;
  56.  text-transform: lowercase;
  57.  font-size: 12px;
  58.  letter-spacing: 1;}
  59.  
  60. s {
  61.  color:#0e4ead;
  62.  font-family: calibri, sans-serif;
  63.  text-transform: lowercase;
  64.  font-size: 12px;
  65.  letter-spacing: 1;}
  66.  
  67. h1 {
  68.  background-color: #3a89c9;
  69.  width: 100%;
  70.  padding: 10px;
  71.  margin-top: 1;
  72.  margin-left: -10px;
  73.  color: #E9F2F9;
  74.  font-size: 40px;
  75.  font-family: 'Cookie', sans-serif;
  76.  font-weight: 2;
  77.  text-transform: lowercase;
  78.  letter-spacing: 0px;
  79.  text-align:center;}
  80.  
  81. *{cursor: url('https://i.imgur.com/GVyRN0g.png?1'), default;}
  82.  
  83. #container {
  84.  position:absolute;
  85.  top: 45%;
  86.  margin-top:-170px;
  87.  left:50%;
  88.  margin-left:-400px;
  89.  margin-bottom:;
  90.  height:475px;
  91.  width:825px;
  92.  background:#9cc4e4;
  93.  border: 10px solid #3a89c9;
  94.  border-radius: 10px;
  95.  background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  96.  
  97. #bg1 {
  98.  background-color: #3a89c9;
  99.  background-image: url('https://www.transparenttextures.com/patterns/flower-trail.png');
  100.  position: absolute;
  101.  width:190px;
  102.  height:455px;
  103.  left: -1px;
  104.  top: -1px;
  105.  padding: 10px;
  106.  margin: 1px;
  107.  opacity: 1;}
  108.  
  109. #pic1 {
  110.  position: absolute;
  111.  height: 285px;
  112.  width: 245px;
  113.  background-image: url('https://i.imgur.com/dQqZy2e.gif');
  114.  background-attachment: absolute;
  115.  bottom: 170px;
  116.  right: 20px;
  117.  border: 5px solid #3a89c9;
  118.  border-radius: 10px;
  119.  opacity: 1;
  120.  z-index: 100;}
  121.  
  122. #stats {
  123.  border: 5px solid #3a89c9;
  124.  border-radius: 10px;
  125.  background-color: #9cc4e4;
  126.  text-transform: uppercase;
  127.  text-align: left;
  128.  color: #fff;
  129.  font-size: 11px;
  130.  font-family: calibri, sans-serif;
  131.  position: absolute;
  132.  width: 280px;
  133.  height: 424px;
  134.  left: 220px;
  135.  bottom: 10px;
  136.  letter-spacing:1px;
  137.  line-height: 13px;
  138.  padding: 10px;
  139.  margin: 1px;
  140.  overflow:auto;
  141.  opacity: 1;}
  142.  
  143. #ooc {
  144.  border: 5px solid #3a89c9;
  145.  border-radius: 10px;
  146.  background-color: #9cc4e4;
  147.  text-transform: uppercase;
  148.  text-align: justify;
  149.  color: #fff;
  150.  font-size: 11px;
  151.  font-family: calibri, sans-serif;
  152.  position: absolute;
  153.  width: 230px;
  154.  height: 120px;
  155.  left: 545px;
  156.  bottom: 10px;
  157.  letter-spacing:1px;
  158.  line-height: 13px;
  159.  padding: 10px;
  160.  margin: 1px;
  161.  overflow: auto;
  162.  opacity: 1;}
  163.  
  164. .navbar {position: absolute; left: 20px; top: 2px; z-index: 3000; opacity: 1; }
  165.  
  166. .link1 {position: absolute; border-radius: 50%; left: 0px; bottom: -120px; height: 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  167.  
  168. .link2 {position: absolute; left: 0px; bottom: -230px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  169.  
  170. .link3 {position: absolute; left: 0px; bottom: -340px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  171.  
  172. .link4 {position: absolute; left: 0px; bottom: -450px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  173.  
  174. .abox, .abox2, .abox3, .abox4 {
  175.  border: 5px solid #3a89c9;
  176.  border-radius: 10px;
  177.  background-color: #9cc4e4;
  178.  text-transform: uppercase;
  179.  text-align: left;
  180.  color: #fff;
  181.  font-size: 11px;
  182.  font-family: calibri, sans-serif;
  183.  position: absolute;
  184.  width:280px;
  185.  height: 420px;
  186.  left: 220px;
  187.  bottom: 14px;
  188.  letter-spacing:1px;
  189.  line-height: 13px;
  190.  padding: 10px;
  191.  margin: 1px;
  192.  overflow:auto;
  193.  opacity: 1;
  194.  z-index: 100;}
  195.  
  196. .slide {z-index: -1; opacity: 0;}
  197.  
  198. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  199.  
  200. #mam1 { z-index: 10000; position: absolute; left: 540px; top: 255px; font-family: 'Cookie', sans-serif; font-size: 68px; color: #30262e;
  201. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/il9pqDH.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  202.  
  203. #mam2 { z-index: 100; position: absolute; left: 540px; top: 255px; font-family: 'Cookie', sans-serif; font-size: 68px; color: #000; text-shadow: -1px 1px .5px #000;}
  204. </style>
  205.  
  206.  
  207. <div id= "container">
  208. <div id= "border"></div>
  209. <div id= "border2"></div>
  210. <div id= "bg1"></div>
  211.  
  212. <div class="navbar">
  213. <a class="link1" href="#1" title= "history"><img src= "https://i.imgur.com/WXQC3yT.gif" height=100px></a>
  214. <a class="link2" href="#2" title= "updates"><img src= "https://i.imgur.com/RdyEPVl.gif" height=100px, width=163px></a>
  215. <a class="link3" href="#3" title= "connections"><img src= "https://i.imgur.com/toMGwcS.gif" height=100px, width=163px></a>
  216. <a class="link4" href="#4" title= "reset"><img src= "https://i.imgur.com/vn0zpXA.gif" height=100px, width=163px></a>
  217. </div>
  218.  
  219. <div id= "mam1">Mary Angela</div>
  220. <div id= "mam2">Mary Angela</div>
  221. <div id= "pic1"></div>
  222.  
  223. <div id= "ooc">
  224. <h1>ooc</h1>
  225. <b>001</b> This code was made by <b>Star</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions. <br><br>
  226. <b>002</b> I am <b>Star</b>, and one day would be thrilled to death to reclaim my username on RPC. Very much female, over the age of 18, and not seeking an online relationship. I do flirt as a knee-jerk reaction, which is relatively harmless. <br><br>
  227. <b>003</b> Mary Angela is an OC for the <a target="_blank" href="https://roleplay.chat/profile.php?user=New+York+University">NYU</a> room, for which I am a moderator. Promise that I am friendly both to run scenes with, and to discuss concerns about the group with. If for whatever reason I don't answer, drop me an inbox message so it's not lost. <br><br>
  228. <b>004</b> Bullshit RPer that snowballs into multi-para depending on the scene and muse. I thoroughly enjoy IC drama, bored af of OOC drama. Mature themes welcomed, but smut is reserved for dedicated writing partner.
  229.  
  230. </div>
  231.  
  232. <div id= "stats">
  233.  
  234. <h1>statistics</h1>
  235. <font style=float:left><b>name</b> </font> <font style=float:right>Mary Angela Martinelli </font><br>
  236. <font style=float:left><b>alias</b> </font> <font style=float:right>Ang, Mimi</font><br>
  237. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  238. <font style=float:left><b>birth date</b> </font> <font style=float:right>December 21 / Sagittarius / 21</font><br>
  239. <font style=float:left><b>birthplace</b> </font> <font style=float:right>Brooklyn, NY</font><br>
  240. <font style=float:left><b>location</b> </font> <font style=float:right>New York University</font><br><br>
  241.  
  242. <font style=float:left><b>occupation</b> </font> <font style=float:right>college student / sophomore</font><br>
  243. <font style=float:left><b>major</b> </font> <font style=float:right>architecture</font><br>
  244. <font style=float:left><b>sorority</b> </font> <font style=float:right>Delta Phi Epsilon</font><br>
  245. <font style=float:left><b>clubs</b> </font> <font style=float:right>---</font><br><br>
  246.  
  247. <font style=float:left><b>marital status</b> </font> <font style=float:right> <a target="_blank" href="https://www.youtube.com/watch?v=nwpj9_hrK_A">single</a></font><br>
  248. <font style=float:left><b>orientation</b> </font> <font style=float:right>heterosexual</font><br>
  249. <font style=float:left><b>current mood</b> </font> <font style=float:right>No Strings</font><br><br>
  250.  
  251. <font style=float:left><b>ethnicity</b> </font> <font style=float:right>Italian</font><br>
  252. <font style=float:left><b>height</b> </font> <font style=float:right>5'8"</font><br>
  253. <font style=float:left><b>weight</b> </font> <font style=float:right>134½ lbs</font><br>
  254. <font style=float:left><b>hair color</b> </font> <font style=float:right>Dark Brown</font><br>
  255. <font style=float:left><b>eye color</b> </font> <font style=float:right>Blue</font><br>
  256. <font style=float:left><b>scent</b> </font> <font style=float:right>Cherry Cordial</font><br>
  257. <font style=float:left><b>allergies</b> </font> <font style=float:right>--</font><br>
  258. </div>
  259.  
  260. <div id="1" class="slide">
  261. <div class="abox">
  262. <h1>history</h1>
  263. <justify>
  264. this is just an example.<br>
  265. <b>this is just an example.</b><br>
  266. <i>this is just an example.</i><br>
  267. <u>this is just an example.</u><br>
  268. <s>this is just an example.</s><br>
  269. </justify>
  270. </div></div>
  271.  
  272. <div id="2" class="slide">
  273. <div class="abox2">
  274. <h1>updates</h1>
  275. ...
  276. </div></div>
  277.  
  278. <div id="3" class="slide">
  279. <div class="abox3">
  280. <h1>connections</h1>
  281. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  282. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #E9F2F9; height:75px; width:75px;"></a>
  283.  
  284. <a target="_blank" href="https://5.roleplay.chat/profile.php?user=Vince" title="Vince Martinelli - Older brother and annoyance.">
  285. <img style="background: url('https://i.imgur.com/VWgus4A.gif') no-repeat; background-size: 75px; border: 1px solid #E9F2F9; height:75px; width:75px;"></a>
  286.  
  287. <a target="_blank" href="https://5.roleplay.chat/profile.php?user=Marko" title="Marko Martinelli - Cousin and best friend.">
  288. <img style="background: url('https://i.imgur.com/mwDXOFv.gif') no-repeat; background-size: 75px; border: 1px solid #E9F2F9; height:75px; width:75px;"></a>
  289.  
  290. <a target="_blank" href="https://5.roleplay.chat/profile.php?user=Kian" title="Kian Keller - Brother's best friend, and a cute distraction.">
  291. <img style="background: url('https://i.imgur.com/ogPzzpd.gif') no-repeat; background-size: 75px; border: 1px solid #E9F2F9; height:75px; width:75px;"></a>
  292.  
  293. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  294. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #E9F2F9; height:75px; width:75px;"></a>
  295. </div></div>
  296.  
  297. </div></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