Advertisement
Guest User

"Character Page" by Carlierps [theme 2]

a guest
May 28th, 2014
3,605
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!------
  3. don't repost or remove credit!
  4. _ _
  5. __ __ _ _ _| (_)___
  6. / _/ _` | '_| | / -_)
  7. \__\__,_|_| |_|_\___|
  8.  
  9.  
  10. ---->
  11.  
  12. <html>
  13. <head>
  14.  
  15.  
  16. <style type="text/css">
  17.  
  18. @font-face{font-family:Midnight;src:url(http://static.tumblr.com/9wzbixa/P2vmj3kyh/midnight-regular.ttf);}
  19. @font-face {font-family: "selfish"; src:url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf")}
  20.  
  21. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  22.  
  23. @font-face{font-family:Never Let Go; src: url(http://static.tumblr.com/9wzbixa/caAmj3lsm/neverletgo.ttf);}
  24.  
  25. @font-face { font-family: "just realize"; src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf'); }
  26.  
  27. @font-face {font-family:Aderyn;src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}contain
  28.  
  29. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:100px;}
  30.  
  31. ::-webkit-scrollbar-thumb:horizontal {background-color:#000000; height:10px !important;}
  32.  
  33. ::-webkit-scrollbar { height:5px;width:5px; background-color:transparent;}
  34.  
  35. body {
  36. background-image:url('https://24.media.tumblr.com/0b71e4b1086875f7967311e41d17fada/tumblr_n59h4rmIDp1sk76klo1_400.png');
  37. margin:auto;
  38. width:800px;
  39.  
  40. }
  41.  
  42.  
  43. #container {
  44. position: absolute;
  45. width: 1060px;
  46. padding: 0px;
  47. margin-left:-120px;
  48. text-align: center;
  49. display:block;
  50. }
  51.  
  52.  
  53. .topbar {
  54. margin-top:10px;
  55. margin-left:-50px;
  56. height: 200px;
  57. font-size:35px;
  58. color:#fff;
  59. font-family: "aderyn";
  60. }
  61.  
  62.  
  63.  
  64.  
  65.  
  66. #navigation {
  67. width:700px;
  68. text-align:center;
  69. position:absolute;
  70. margin-left:200px;
  71. margin-top:0px;
  72. text-transform:uppercase;
  73. }
  74.  
  75. #navigation a {
  76. font-family:"just realize";
  77. font-size:10px;
  78. color:#eee;
  79. text-transform:uppercase;
  80. text-decoration:none;
  81. padding: 36px;
  82. letter-spacing:10px;}
  83.  
  84.  
  85. .thing {
  86. width:220px;
  87. height:260px;
  88. margin-bottom:0px;
  89. float:left;
  90. padding:20px;
  91. }
  92.  
  93.  
  94. .bio {
  95. position:absolute;
  96. font-family:"arial";
  97. font-size:11px;
  98. color:#eee;
  99. background-color:#0e0e0e;
  100. width:220px;
  101. height:260px;
  102. overflow:auto;
  103. opacity:.0;
  104. overflow: scroll;
  105. }
  106.  
  107.  
  108.  
  109. .bio:hover {
  110. opacity:.9;
  111. -webkit-transition: all 0.8s ease-in-out;
  112. -moz-transition: all 0.8s ease-in-out;
  113. transition: all 0.8s ease-in-out;
  114. }
  115.  
  116.  
  117. .char {
  118. display: block;
  119. width: 220px;
  120. height: 260px;
  121. background-color: #202020;
  122. }
  123.  
  124. .f{
  125. font-size:50px;
  126. padding:-20px;
  127. margin-right:0px;
  128. float:right;
  129. display: block;
  130. position:absolute;
  131. text-transform: uppercase;
  132. font-family:"signerica";
  133. color:#fff;
  134. }
  135.  
  136. .name{
  137. padding: 20px;
  138. text-align: center;
  139. display: block;
  140. text-transform: lowercase;
  141. font-family:"aderyn";
  142. color:#fff;
  143. font-size:13px;
  144. }
  145.  
  146. .tags a {
  147. display: block;
  148. padding: 5px 10px;
  149. margin: 3px 25px;
  150. font-size: 10px;
  151. text-align: center;
  152. font-family:arial;
  153. text-transform: uppercase;
  154. background: #000;
  155. color: #FAFAFA;
  156. text-decoration: none;
  157. }
  158.  
  159. .tags a:hover {
  160. background: #dd7777;
  161. }
  162.  
  163. .tags:hover .profile {
  164. opacity: 1;
  165. }
  166.  
  167. .h{
  168. font-size: 30px;
  169. text-transform: uppercase;
  170. font-family:"just realize";
  171. color: #FAFAFA;
  172. float:left;
  173. position:relative;
  174. margin: 0px;
  175. }
  176.  
  177.  
  178. </style>
  179. </head>
  180. <body>
  181. <div id="container">
  182. <div class="topbar">
  183. <img src="ICON URL HERE" style="width:50px; height:50px; border-radius:100%;">
  184. <br> My Characters
  185. <div id= "navigation">
  186. <a href= "/">Home</a>
  187. <a href= "/LINK">LINK</a>
  188. <a href= "/LINK">LINK</a>
  189. <a href= "https://carlie.co.vu">Theme</a><!---please don't touch the credit---->
  190.  
  191. </div>
  192. </div>
  193.  
  194.  
  195.  
  196. <!-----------BIOS------------>
  197.  
  198. <div class="thing">
  199. <div class="bio">
  200. <div class= "f">C</div>
  201. <div class="name">haracter Name</div>
  202. <div class="tags"><a href="/tagged/LINK">Character Tag</a> <a href="/tagged/LINK">Ship</a> </div><br>
  203. Bio here</div>
  204. <div class="char">
  205. <img src="IMAGE HERE">
  206. </div>
  207. </div>
  208.  
  209. </div>
  210.  
  211.  
  212.  
  213. </div></body>
  214.  
  215. </div>
  216. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement