SHARE
TWEET

code

bythestars Jun 1st, 2019 98 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(#CFACF7, #8D6CBF, #601286);
  7.  cursor: url('https://i.imgur.com/qpw7Q2r.png?1'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#601286; height:3px; }
  10. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  11.  
  12. ::selection {
  13.  color: #601286;
  14.  background: #FFE5F9;}
  15.  
  16. a {
  17.  color: #FFE5F9;
  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:#601286;
  40. font-family: calibri, sans-serif;
  41. text-transform: uppercase;
  42. font-size: 12px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47.  color:#CFACF7;
  48.  font-family: calibri, sans-serif;
  49.  text-transform: lowercase;
  50.  font-size: 12px;
  51.  letter-spacing: 1;}
  52.  
  53. u {
  54.  color:#EFD7FA;
  55.  font-family: calibri, sans-serif;
  56.  text-transform: lowercase;
  57.  font-size: 12px;
  58.  letter-spacing: 1;}
  59.  
  60. s {
  61.  color:#FFE5F9;
  62.  font-family: calibri, sans-serif;
  63.  text-transform: lowercase;
  64.  font-size: 12px;
  65.  letter-spacing: 1;}
  66.  
  67. h1 {
  68.  background-color: #8D6CBF;
  69.  width: 100%;
  70.  padding:10px;
  71.  margin-top: 1;
  72.  margin-left: -10px;
  73.  color: #EFD7FA;
  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/qpw7Q2r.png?1'), default;}
  82.  
  83. #container {
  84.  position:absolute;
  85.  top:45%;
  86.  margin-top:-220px;
  87.  left:50%;
  88.  margin-left:-400px;
  89.  margin-bottom:;
  90.  height:580px;
  91.  width:690px;
  92.  background:#9f83c9;
  93.  border: 5px solid #8D6CBF;
  94.  background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  95.  
  96. #bg1 {
  97.  background-color: #8D6CBF;
  98.  background-image: url('https://www.transparenttextures.com/patterns/flower-trail.png');
  99.  position: absolute;
  100.  width:320px;
  101.  height:560px;
  102.  left: -1px;
  103.  top: -1px;
  104.  padding: 10px;
  105.  margin: 1px;
  106.  opacity: 1;}
  107.  
  108. #pic1 {
  109.  position: absolute;
  110.  height: 300px;
  111.  width: 300px;
  112.  background-image: url('https://i.imgur.com/H6l04wC.png?1');
  113.  background-attachment: absolute;
  114.  bottom: 265px;
  115.  right: 370px;
  116.  border: 2px solid #8D6CBF;
  117.  opacity: 1;
  118.  z-index: 100;}
  119.  
  120. #stats {
  121.  border: 2px solid #8D6CBF;
  122.  background-color: #ad95d0;
  123.  text-transform: uppercase;
  124.  text-align: left;
  125.  color: #fff;
  126.  font-size: 11px;
  127.  font-family: calibri, sans-serif;
  128.  position: absolute;
  129.  width:300px;
  130.  height:365px;
  131.  left: 355px;
  132.  bottom: 175px;
  133.  letter-spacing:1px;
  134.  line-height: 13px;
  135.  padding: 10px;
  136.  margin: 1px;
  137.  overflow:auto;
  138.  opacity: 1;}
  139.  
  140. #contacts {
  141.  border: 2px solid #8D6CBF;
  142.  background-color: #ad95d0;
  143.  text-transform: uppercase;
  144.  text-align: center;
  145.  color: #fff;
  146.  font-size: 11px;
  147.  font-family: calibri, sans-serif;
  148.  position: absolute;
  149.  width:645px;
  150.  height:125px;
  151.  left: 10px;
  152.  bottom: 10px;
  153.  letter-spacing:1px;
  154.  line-height: 13px;
  155.  padding: 10px;
  156.  margin: 1px;
  157.  overflow: auto;
  158.  opacity: 1;}
  159.  
  160. .navbar {position: absolute; left: 20px; top: -5px; z-index: 3000; opacity: 1; }
  161.  
  162. .link1 {position: absolute; border-radius: 50%; left: -5px; bottom: -385px; height: 50px; width: 50px; filter: drop-shadow( 0px 0px 2px #);}
  163. .link1:hover {}
  164.  
  165. .link2 {position: absolute; left: 75px; bottom: -410px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #);}
  166. .link2:hover {}
  167.  
  168. .link3 {position: absolute; left: 153px; bottom: -410px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  169. .link3:hover {}
  170.  
  171. .link4 {position: absolute; left: 230px; bottom: -410px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  172. .link4:hover {}
  173.  
  174.  
  175. .abox, .abox2, .abox3 {
  176.  border: 2px solid #8D6CBF;
  177.  background-color: #ad95d0;
  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:300px;
  185.  height:365px;
  186.  left: 355px;
  187.  bottom: 175px;
  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. </style>
  201.  
  202.  
  203. <div id= "container">
  204. <div id= "border"></div>
  205. <div id= "border2"></div>
  206. <div id= "bg1"></div>
  207.  
  208. <div class="navbar">
  209. <a class="link1" href="#1" title= "title1"><img src= "https://i.imgur.com/VUVnOiq.gif" height=75px></a>
  210. <a class="link2" href="#2" title= "title2"><img src= "https://i.imgur.com/X8TMaep.gif" height=75px></a>
  211. <a class="link3" href="#3" title= "title3"><img src= "https://i.imgur.com/cNrHwED.gif" height=75px></a>
  212. <a class="link4" href="#4" title= "reset"><img src= "https://i.imgur.com/9zvAxF4.gif" height=75px></a>
  213. </div>
  214.  
  215. <div id= "pic1"></div>
  216.  
  217. <div id= "contacts">
  218. <h1>connections</h1>
  219. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  220. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  221.  
  222. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  223. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  224.  
  225. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  226. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  227.  
  228. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  229. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  230.  
  231. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  232. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  233.  
  234. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  235. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  236.  
  237. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  238. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  239.  
  240. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  241. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  242.  
  243. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  244. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  245. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  246. <img style="background: url('http://i.picpar.com/FVIc.png') no-repeat; background-size: 75px; border-radius: 50%; border: 1px solid #601286; height:50px; width:50px;"></a>
  247. </div>
  248.  
  249. <div id= "stats">
  250.  
  251. <h1>statistics</h1>
  252. <font style=float:left><b>name</b> </font> <font style=float:right>Gemma Elizabeth Asheton</font><br>
  253. <font style=float:left><b>alias</b> </font> <font style=float:right>Gem</font><br>
  254. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  255. <font style=float:left><b>birth date</b> </font> <font style=float:right>august 30th / virgo</font><br>
  256. <font style=float:left><b>birthplace</b> </font> <font style=float:right>wales, england</font><br>
  257. <font style=float:left><b>location</b> </font> <font style=float:right>new york city, ny</font><br><br>
  258.  
  259. <font style=float:left><b>occupation</b> </font> <font style=float:right>college student / junior</font><br>
  260. <font style=float:left><b>major</b> </font> <font style=float:right>musical theatre</font><br>
  261. <font style=float:left><b>soroity</b> </font> <font style=float:right>Zeta Tau Alpha</font><br>
  262. <font style=float:left><b>clubs</b> </font> <font style=float:right>Drama, Dance, Glee</font><br><br>
  263.  
  264. <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>
  265. <font style=float:left><b>orientation</b> </font> <font style=float:right>heterosexual</font><br>
  266. <font style=float:left><b>current mood</b> </font> <font style=float:right>broken heart</font><br><br>
  267.  
  268. <font style=float:left><b>height</b> </font> <font style=float:right>5'6"</font><br>
  269. <font style=float:left><b>weight</b> </font> <font style=float:right>123 lbs</font><br>
  270. <font style=float:left><b>hair color</b> </font> <font style=float:right>blonde</font><br>
  271. <font style=float:left><b>eye color</b> </font> <font style=float:right>green</font><br>
  272. <font style=float:left><b>scent</b> </font> <font style=float:right>--</font><br>
  273. <font style=float:left><b>allergies</b> </font> <font style=float:right>bees, coconut, <s>bullshit</s></font><br>
  274. </div>
  275.  
  276. <div id="1" class="slide">
  277. <div class="abox">
  278. <h1>title1</h1>
  279. <justify>
  280. this is just an example.<br>
  281. <b>this is just an example.</b><br>
  282. <i>this is just an example.</i><br>
  283. <u>this is just an example.</u><br>
  284. <s>this is just an example.</s><br>
  285. </justify>
  286. </div></div>
  287.  
  288. <div id="2" class="slide">
  289. <div class="abox2">
  290. <h1>title2</h1>
  291. this is just an example.<br>
  292. <b>this is just an example.</b><br>
  293. <i>this is just an example.</i><br>
  294. <u>this is just an example.</u><br>
  295. <s>this is just an example.</s><br>
  296. </div></div>
  297.  
  298. <div id="3" class="slide">
  299. <div class="abox3">
  300. <h1>title3</h1>
  301. this is just an example.<br>
  302. <b>this is just an example.</b><br>
  303. <i>this is just an example.</i><br>
  304. <u>this is just an example.</u><br>
  305. <s>this is just an example.</s><br>
  306. </div></div>
  307.  
  308. </div>
  309. </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