API tools faq
paste
Advertisement
e-law-ise

html1

e-law-ise
Mar 2nd, 2014
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.62 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <title>About Me</title>
  4.  
  5.  
  6. <!--------------------------------------------------------------------------
  7. ------------------------ Adrienne Law's first theme ----------------------------------------------Give credit where credit is due-------------------------------------------------------------------------------------------------->
  8.  
  9.  
  10. <style type="text/css">
  11.  
  12. #credit a {
  13. display:inline-block;
  14. width:40px;
  15. background-color:#fff;
  16. color:gray;
  17. text-decoration:none;
  18. border-right:1px solid;
  19. border-left: 1px solid;
  20. border-color:#878787;
  21. padding: 2px 0px 2px 0px;
  22. -o-transition: all 1s ease-out;
  23. -webkit-transition: all 1s ease-out;
  24. -moz-transition: all 1s ease-out;
  25. }
  26.  
  27. #credit a:hover {
  28. background-color:#667371;
  29. color:#fff;
  30. border-color:#fff;
  31. -o-transition: all 1s ease-out;
  32. -webkit-transition: all 1s ease-out;
  33. -moz-transition: all 1s ease-out;
  34. }
  35.  
  36. #credit {
  37. display:inline-block;
  38. font-size:10px;
  39. font-family: calibri;
  40. text-align:center;
  41. letter-spacing:1px;
  42. width:40px;
  43. height:15px;
  44. position: fixed;
  45. padding-top:1px;
  46. right:25px;
  47. bottom:10px;
  48.  
  49. }
  50.  
  51. #links {
  52. width:400px;
  53. margin-left:auto;
  54. margin-right:auto;
  55. margin-top:5px;
  56. padding-bottom:0px;
  57. }
  58.  
  59. #links a {
  60. display:inline-block;
  61. width:96;
  62. padding:5px 0px 5px 0px;
  63. background-color:#ffffff;
  64. color:gray;
  65. font-size:10px;
  66. font-family:calibri;
  67. text-align:center;
  68. letter-spacing:1px;
  69. margin-left:auto;
  70. margin-right:auto;
  71. text-transform:uppercase;
  72. text-decoration:none;
  73. -o-transition: all 0.5s ease-out;
  74. -webkit-transition: all 0.5s ease-out;
  75. -moz-transition: all 0.5s ease-out;
  76. }
  77.  
  78. #links a:hover {
  79. background-color:#667371;
  80. color:#ffffff;
  81. -o-transition: all 0.5s ease-out;
  82. -webkit-transition: all 0.5s ease-out;
  83. -moz-transition: all 0.5s ease-out;
  84. }
  85.  
  86. #header {
  87. width:400px;
  88. height:370px;
  89. margin-left:auto;
  90. margin-right:auto;
  91. margin-top:10px;
  92. text-align:center;
  93. }
  94.  
  95. #header img {
  96. width:400px;
  97. height:370px;
  98. }
  99.  
  100. #dance {
  101. width:400px;
  102. height:200px;
  103. margin-left:auto;
  104. margin-right:auto;
  105. margin-top:20px;
  106. }
  107. #dance img{
  108. width:400;
  109. height:200;
  110. }
  111.  
  112. #title {
  113. width:400px;
  114. font-family: Calibri;
  115. text-transform:uppercase;
  116. background-color:#DCDEDC;
  117. margin-top:-100px;
  118. margin-left:auto;
  119. margin-right:auto;
  120. opacity:0.7;
  121. color:black;
  122. padding:2px 0px 2px 0px;
  123. letter-spacing:1px;
  124. font-size:15px;
  125. }
  126.  
  127. #content{
  128. width:500px;
  129. font-family: calibri;
  130. background-color:#ffffff;
  131. margin-top:20px;
  132. margin-left:auto;
  133. margin-right:auto;
  134. color:black;
  135. padding:5px 5px 10px 5px;
  136. letter-spacing:1px;
  137. font-size:10px;
  138. border:1px solid;
  139. border-color:#878787;
  140. }
  141.  
  142. #content2 {
  143. width:500px;
  144. height:auto;
  145. font-family: calibri;
  146. background-color:#ffffff;
  147. margin-top:20px;
  148. margin-left:auto;
  149. margin-right:auto;
  150. color:black;
  151. padding:5px 5px 10px 5px;
  152. letter-spacing:1px;
  153. font-size:10px;
  154. border:1px solid;
  155. border-color:#878787;
  156. }
  157.  
  158. a {
  159. text-decoration:none;
  160. outline:none;
  161. -moz-outline-style:none;
  162. color:#7A7A7A;
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167. a:hover {
  168. color:#652a2a;
  169. -moz-transition-duration:0.5s;
  170. -webkit-transition-duration:0.5s;
  171. -o-transition-duration:0.5s;
  172. }
  173.  
  174.  
  175.  
  176. #addspace{
  177. width: 500px;
  178. height: 100;
  179. background-color: #ffffff;
  180. bottom:10px;
  181. }
  182.  
  183.  
  184.  
  185.  
  186.  
  187. </style>
  188.  
  189. <body>
  190.  
  191. <!--------------------------------------------------------------------------
  192. HEADER (Here's where you put your photo/mess with links/the title
  193. --------------------------------------------------------------------------->
  194. <div id="links">
  195. <a href="/">HOME</a>
  196. <a href="/ask">ASK</a>
  197. <a href="/navi">NAVIGATION</a>
  198. <a href="/submit">SUBMIT</a>
  199. </div>
  200. <div id="header">
  201. <img src="http://www.noupe.com/wp-content/uploads/2010/01/26-portraits.jpg">
  202.  
  203. <div id="title">About Me</div>
  204. </div>
  205.  
  206.  
  207. <!-------------------------------------------------------------------------- CONTENT (Here's where you type stuff about yourself --------------------------------------------------------------------------->
  208.  
  209. <div id="content">
  210. <div style="font-size:13px;font-style:italic">Fast Facts</div> <div style="padding-top:1px; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:left; color:#b9b9b9;">
  211. <ul>
  212. <li>Fact 1</li>
  213. <li>Fact 2</li>
  214. <li>Fact 3</li>
  215. <li>Fact 4</li>
  216. <li>Fact 5</li>
  217. </ul>
  218. Read on if you're interested in knowing more
  219. </div>
  220. </div>
  221.  
  222. <!------------------------More space for photos---------------------------->
  223.  
  224. <div id ="dance">
  225. <img src="http://upload.wikimedia.org/wikipedia/commons/9/96/Beach_pano.jpg">
  226. </div>
  227.  
  228. <!-----------------------The second content box---------------------------->
  229.  
  230. <div id="content2"><div style="font-size:13px;font-style:italic">More Details, Full Sentences</div> <div style="padding-top:1px; padding-left: 20px; padding-right:20px; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:left; color:#b9b9b9;">
  231. <p> Write something interesting about yourself here! </p>
  232. <p>Go into as much or as little detail as you want. Your call man, it is your blog after all.</p>
  233. <p>Got any hobbies? What do you like to read? What's your favorite movie? What do you like to eat? What are you afraid of? What do you do when you're not on tumblr?</p>
  234. <p>The height of this section can be adjusted in the html code above.</p>
  235.  
  236. </div>
  237. </div>
  238.  
  239. <div id="addspace"></div>
  240.  
  241.  
  242. <!-------------------------------------------------------------------------------- I don't care if you edit, but please for the love of god do not -----
  243. -------------------- remove the credit on my stuff -------------------------
  244. --------------------------------------------------------------------------->
  245.  
  246. <div id="credit">
  247. <div style="font-size:12; font-style:italic; text-align:center; padding-left:2px; padding-right:2px;"><a href="http://theleakycauldron.co.vu"> ---a---</a></div>
  248. </div>
  249.  
  250. </body>
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!