Advertisement
letsrp

Echo - About Me

Dec 8th, 2013
336
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.42 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!-- letsrp @ tumblr.com -->
  4.  
  5. <html>
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  10. <meta name="description" content="" />
  11. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  12.  
  13. <style type="text/css">
  14.  
  15. ::-webkit-scrollbar {width: 6px;}
  16. ::-webkit-scrollbar-track {background: #fff;}
  17. ::-webkit-scrollbar-thumb {background: #000;}
  18.  
  19. body {
  20. background: #fff;
  21. font-size: 16px;
  22. color: #aaa;
  23. font-family: 'Arial', sans-serif;
  24. }
  25.  
  26. a:link, a:active, a:visited {
  27. color: #F77825;
  28. text-decoration: none;
  29.  
  30. }
  31.  
  32. a:hover {
  33. color: #60B99A;
  34. text-decoration: none;
  35. }
  36.  
  37. b {
  38. color: #f6eacc;
  39. }
  40.  
  41. #navlinks {
  42. width: 1080px;
  43. margin: 20px auto;
  44. position: relative;
  45. background: transparent;
  46. font-family: 'Share', cursive;
  47. font-size: 10px;
  48. text-align: center;
  49.  
  50. }
  51.  
  52. #navlinks a {
  53. display: inline-block;
  54. background: #000;
  55. color: #FFF;
  56. text-decoration: none;
  57. font-weight: normal;
  58. text-transform: uppercase;
  59. text-align: center;
  60. padding: 3px 4px;
  61. margin: 2px;
  62. }
  63.  
  64. #container {
  65. width: 1020px;
  66. margin: -20px 30px;
  67. padding: 10px;
  68. text-align: center;
  69. position: relative;
  70. background: transparent;
  71. }
  72.  
  73. .box {
  74. float: left;
  75. width: 330px;
  76. height: auto;
  77. overflow: hidden;
  78. position: relative;
  79. text-align: center;
  80. margin: 5px;
  81. }
  82.  
  83. .image {
  84. float: left;
  85. width: 150px;
  86. height: 250px;
  87. position: relative;
  88. }
  89.  
  90. .image img {
  91. width: 150px;
  92. height: 250px;
  93. }
  94.  
  95. .tit {
  96. float: left;
  97. width: 150px;
  98. height: 10px;
  99. padding: 10px;
  100. background: #000;
  101. font-family: 'Share', cursive;
  102. font-size: 11px;
  103. text-align: center;
  104. line-height:9px;
  105. color:#fff;
  106. margin-left:5px;
  107. text-transform:uppercase;
  108. letter-spacing:1px;
  109. }
  110.  
  111. .desc {
  112. width: 170px;
  113. font-family: 'Share', cursive;
  114. font-size: 12px;
  115. line-height: 100%;
  116. margin-top:35px;
  117. margin-left:155px;
  118. height:215px;
  119. overflow:auto;
  120. text-align:justify;
  121. }
  122.  
  123. blockquote{
  124. border-left:1px dotted #aaa;
  125. margin-left:0px;
  126. margin-right:0px;
  127. padding-left:2px;
  128. margin-top:5px;
  129. margin-bottom:-4px;
  130. }
  131.  
  132. b2{
  133. color:#000;
  134. font-size:18px;
  135. letter-spacing:4px;
  136. }
  137.  
  138. </style>
  139. </head>
  140. <body>
  141. <br>
  142. <div id="navlinks">
  143. <b2>CHARACTER ARCHIVE</b2>
  144. <br>
  145. <a href="/">Back To Blog</a>
  146. <a href="/">Message</a></a>
  147. <a href="/">Navigation</a>
  148. <a href="http://letsrp.tumblr.com/">Credit</a></div>
  149. <center><div id="container">
  150.  
  151. <!-- START -->
  152. <div class="box">
  153. <div class="image"><img src="http://media.tumblr.com/cec603e78e498c99af16019b115c71a7/tumblr_inline_mwwe3t2hqP1r4iu2l.png"></div>
  154. <div class="tit">Your Muse</div>
  155. <div class="desc">
  156. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  157. </div>
  158. </div>
  159. <!-- END -->
  160.  
  161. </div>
  162. </div>
  163. </body>
  164. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement