API tools faq
paste
Advertisement
tanaxmercedes

Emma Page

tanaxmercedes
Sep 14th, 2018
747
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.37 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Emma Page
  4.  
  5.  
  6. Ⓒ𝙒𝙝𝙞𝙢𝙨𝙮𝙏𝙝𝙚𝙢𝙚𝙨
  7. designed and coded by @tanaboo
  8.  
  9.  
  10. release date: 09.14.2018
  11. last update: 09.14.2018
  12.  
  13.  
  14.  
  15. -->
  16. <html>
  17. <head>
  18. <title>
  19. <!-- TAB TITLE --> {Title}
  20. </title>
  21. <style type="text/css">
  22.  
  23. body {
  24. background: #f6f6f6;
  25. color: #404040;
  26. font-family: calibri;
  27. }
  28.  
  29. iframe#tumblr_controls, .iframe-controls--desktop {
  30. display: none!important;
  31. }
  32.  
  33. a {
  34. color:#aaa;
  35. text-transform: none;
  36. font-style: italic;
  37. text-decoration: none;
  38. }
  39.  
  40. #text {
  41. z-index: 999;
  42. position: fixed;
  43. color: #999;
  44. background: #fff;
  45. background-image:url("http://denegocios.info/wp-content/uploads/2018/01/gold-damask-wallpaper-best-wallpaper-images-on-wallpaper-samples-celery-green-and-gold-damask-wallpaper-red-and-gold-damask-wallpaper-uk.jpg");
  46. background-repeat: repeat;
  47. background-size: 150px;
  48. width: 600px;
  49. height: 250px;
  50. top: 50%;
  51. left: 50%;
  52. margin: -150px 0 0 -315px;
  53. padding: 12px;
  54. text-align: center;
  55. border-radius: 5px;
  56. -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  57. -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  58. box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  59. }
  60.  
  61. #textbgsh {
  62. z-index: 99;
  63. position: fixed;
  64. width: 600px;
  65. height: 250px;
  66. top: 50%;
  67. left: 50%;
  68. margin: -150px 0 0 -315px;
  69. padding:12px;
  70. -webkit-box-shadow: 0px 35px 5px -20px rgba(0,0,0,0.10);
  71. -moz-box-shadow: 0px 35px 5px -20px rgba(0,0,0,0.10);
  72. box-shadow: 0px 35px 5px -20px rgba(0,0,0,0.10);
  73. }
  74.  
  75. .h1 {
  76. width: 585px;
  77. margin-top: -10px;
  78. position: fixed;
  79. float:left;
  80. font-size:30px;
  81. color:#fff;
  82. text-transform: uppercase;
  83. padding:6px;
  84. text-shadow: 3px 3px 0 #404040,
  85. 2px 2px 2px #404040;
  86. letter-spacing:2px;
  87. border-bottom:1px solid #606060;
  88. }
  89.  
  90. #linkies {
  91. position: fixed;
  92. margin-top: 70px;
  93. margin-left: 602px;
  94. float: left;
  95. }
  96.  
  97. .lin {
  98. text-align: left;
  99. width:80px;
  100. padding:6px;
  101. margin: 10px;
  102. -webkit-box-shadow: inset 35px 0px 0px 0px #606060;
  103. -moz-box-shadow: inset 35px 0px 0px 0px #606060;
  104. box-shadow: inset 35px 0px 0px 0px #606060;
  105. -moz-transition: all .2s ease-in;
  106. -o-transition: all .2s ease-in;
  107. -webkit-transition: all .2s ease-in;
  108. transition: all .2s ease-in;
  109. }
  110.  
  111. .lin a{
  112. color: #fff;
  113. }
  114.  
  115. .lin:hover {
  116. -webkit-box-shadow: inset 60px 0px 0px 0px rgba(64,64,64,1);
  117. -moz-box-shadow: inset 60px 0px 0px 0px rgba(64,64,64,1);
  118. box-shadow: inset 60px 0px 0px 0px rgba(64,64,64,1);
  119. }
  120.  
  121. .tri1, .tri2, .tri3, .tri4 {
  122. z-index: 9999;
  123. margin: 30px;
  124. margin-top: 80px;
  125. margin-left: 658px;
  126. position: absolute;
  127. width: 0;
  128. height: 0;
  129. border-style: solid;
  130. border-width: 15px 15px 15px 0;
  131. border-color: transparent #f6f6f6 transparent transparent;
  132. }
  133.  
  134. header {
  135. z-index: 99999;
  136. position: fixed;
  137. width: auto;
  138. padding:6px;
  139. margin-left: 340px;
  140. margin-top: 60px;
  141. text-align: center;
  142. color: #404040;
  143. background: #e9e9e9;
  144. border-radius: 5px;
  145. }
  146.  
  147. p {
  148. position: fixed;
  149. margin-top: 75px;
  150. margin-left: 200px;
  151. text-align: justify;
  152. height: 140px;
  153. width: 350px;
  154. padding: 12px;
  155. font-size: 11px;
  156. color: #404040;
  157. background: #f9f9f9;
  158. border-radius: 5px;
  159. border: 1px solid #e9e9e9;
  160. overflow-y: hidden;
  161. }
  162.  
  163. #infor {
  164. margin-top: 50px;
  165. margin-left: -20px;
  166. position: fixed;
  167. font-size: 11px;
  168. text-align: left;
  169. line-height: 35px;
  170. color: #404040;
  171. }
  172.  
  173. b {
  174. background: #606060;
  175. padding: 6px;
  176. color: #fff;
  177. border-radius: 5px;
  178. }
  179. </style>
  180. </head>
  181. <body>
  182. <div id="text">
  183. <div class="h1">
  184. <!-- YOUR NAME! --> emma
  185. </div>
  186.  
  187. <div class="tri1"></div>
  188. <div class="tri2"style="margin-top: 121px;"></div>
  189. <div class="tri3"style="margin-top: 162px;"></div>
  190. <div class="tri4"style="margin-top: 203px;"></div>
  191.  
  192. <div id="linkies">
  193. <div class="lin"><a href="/">.01</a></div>
  194. <div class="lin"><a href="/">.02</a></div>
  195. <div class="lin"><a href="/">.03</a></div>
  196. <div class="lin"><a href="/">.04</a></div>
  197. </div>
  198.  
  199. <div id="infor">
  200. <ul style="list-style-type:none">
  201. <li><b>NAME :</b>
  202. &nbsp;<!-- YOUR NAME --> name
  203. </li>
  204. <li><b>AGE :</b>
  205. &nbsp;<!-- YOUR AGE --> xix
  206. </li>
  207. <li><b>BIRTHDATE :</b>
  208. &nbsp;<!-- YOUR BDAY --> jan 1st
  209. </li>
  210. <li><b>PRONOUNS :</b>
  211. &nbsp;<!-- YOUR PRONOUNS --> they/them
  212. </li>
  213. <li><b>LOCATION :</b>
  214. &nbsp;<!-- YOUR LOCATION --> earth
  215. </li>
  216. </ul>
  217. </div>
  218.  
  219. <header>&mdash; About &mdash;</header>
  220. <p><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  221.  
  222. <!-- START OF ABOUT SECTION, WRITE AS MUCH AS YOU WANT! HOWEVER, WHAT IT GETS TO THE BOTTOM OF THE BOX, IT'LL CUT OFF. -->
  223.  
  224. Welcome, this is my first about me page. You are more than welcome to edit and customize as you see fit; however do not remove credit. Thank you. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  225. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  226. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  227. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  228.  
  229. <!-- ENDS HERE -->
  230.  
  231. </p>
  232. </div>
  233. <div id="textbgsh" />
  234.  
  235. <div style="z-index:999999999999999999999999999; position:fixed; bottom:3px; right:10px; opacity:.7; text-transform:none; font-style:none;">
  236. <a href="http://whimsythemes.tumblr.com" title="Theme by WhimsyThemes." style="text-decoration:none;">
  237. <span style="color:#000; font-size:20px">Ꮗ.</span>
  238. </a>
  239. </div>
  240.  
  241. </body>
  242. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!