Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!------
- don't repost or remove credit!
- _ _
- __ __ _ _ _| (_)___
- / _/ _` | '_| | / -_)
- \__\__,_|_| |_|_\___|
- ---->
- <html>
- <head>
- <style type="text/css">
- @font-face{font-family:Midnight;src:url(http://static.tumblr.com/9wzbixa/P2vmj3kyh/midnight-regular.ttf);}
- @font-face {font-family: "selfish"; src:url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf")}
- @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
- @font-face{font-family:Never Let Go; src: url(http://static.tumblr.com/9wzbixa/caAmj3lsm/neverletgo.ttf);}
- @font-face { font-family: "just realize"; src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf'); }
- @font-face {font-family:Aderyn;src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}contain
- ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:100px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#000000; height:10px !important;}
- ::-webkit-scrollbar { height:5px;width:5px; background-color:transparent;}
- body {
- background-image:url('https://24.media.tumblr.com/0b71e4b1086875f7967311e41d17fada/tumblr_n59h4rmIDp1sk76klo1_400.png');
- margin:auto;
- width:800px;
- }
- #container {
- position: absolute;
- width: 1060px;
- padding: 0px;
- margin-left:-120px;
- text-align: center;
- display:block;
- }
- .topbar {
- margin-top:10px;
- margin-left:-50px;
- height: 200px;
- font-size:35px;
- color:#fff;
- font-family: "aderyn";
- }
- #navigation {
- width:700px;
- text-align:center;
- position:absolute;
- margin-left:200px;
- margin-top:0px;
- text-transform:uppercase;
- }
- #navigation a {
- font-family:"just realize";
- font-size:10px;
- color:#eee;
- text-transform:uppercase;
- text-decoration:none;
- padding: 36px;
- letter-spacing:10px;}
- .thing {
- width:220px;
- height:260px;
- margin-bottom:0px;
- float:left;
- padding:20px;
- }
- .bio {
- position:absolute;
- font-family:"arial";
- font-size:11px;
- color:#eee;
- background-color:#0e0e0e;
- width:220px;
- height:260px;
- overflow:auto;
- opacity:.0;
- overflow: scroll;
- }
- .bio:hover {
- opacity:.9;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- .char {
- display: block;
- width: 220px;
- height: 260px;
- background-color: #202020;
- }
- .f{
- font-size:50px;
- padding:-20px;
- margin-right:0px;
- float:right;
- display: block;
- position:absolute;
- text-transform: uppercase;
- font-family:"signerica";
- color:#fff;
- }
- .name{
- padding: 20px;
- text-align: center;
- display: block;
- text-transform: lowercase;
- font-family:"aderyn";
- color:#fff;
- font-size:13px;
- }
- .tags a {
- display: block;
- padding: 5px 10px;
- margin: 3px 25px;
- font-size: 10px;
- text-align: center;
- font-family:arial;
- text-transform: uppercase;
- background: #000;
- color: #FAFAFA;
- text-decoration: none;
- }
- .tags a:hover {
- background: #dd7777;
- }
- .tags:hover .profile {
- opacity: 1;
- }
- .h{
- font-size: 30px;
- text-transform: uppercase;
- font-family:"just realize";
- color: #FAFAFA;
- float:left;
- position:relative;
- margin: 0px;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div class="topbar">
- <img src="ICON URL HERE" style="width:50px; height:50px; border-radius:100%;">
- <br> My Characters
- <div id= "navigation">
- <a href= "/">Home</a>
- <a href= "/LINK">LINK</a>
- <a href= "/LINK">LINK</a>
- <a href= "https://carlie.co.vu">Theme</a><!---please don't touch the credit---->
- </div>
- </div>
- <!-----------BIOS------------>
- <div class="thing">
- <div class="bio">
- <div class= "f">C</div>
- <div class="name">haracter Name</div>
- <div class="tags"><a href="/tagged/LINK">Character Tag</a> <a href="/tagged/LINK">Ship</a> </div><br>
- Bio here</div>
- <div class="char">
- <img src="IMAGE HERE">
- </div>
- </div>
- </div>
- </div></body>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement