API tools faq
paste
shutupstrax

About me 1

shutupstrax
May 28th, 2014
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!---- ABOUT PAGE 1 BY SHUTUPSTRAX PLEASE DO NOT REMOVE THE CREDIT AND FOLLOW THE RULES ANY QUESTIONS JUST ASK ME AND EDIT AS YOU WISH (...)--->
  9.  
  10. <head><style type="text/css">
  11.  
  12.  
  13.  
  14. body {
  15. margin: 0;
  16. padding: 0;
  17. height: 100%;
  18. }
  19.  
  20. a{text-decoration:none;
  21. color:#000;}
  22.  
  23. #swag{
  24. width: auto;
  25. position:relative;
  26. height:50px;
  27. background:#2AD3DC;
  28. z-index:-6;}
  29.  
  30. #swagg{
  31. width:2000px;
  32. top:3px;
  33. height:10px;
  34. background:#93E8ED;
  35. position:relative;
  36. z-index:8;
  37. }
  38.  
  39. #swaggg{position:fixed;}
  40.  
  41. #con {height:auto;}
  42.  
  43. #box {margin-top:25px;
  44. margin-bottom:25px;
  45. width:500px;
  46. height:500px; }
  47.  
  48. #title {font-size:25px;
  49. font-family: Century Gothic, sans-serif;
  50. text-transform:uppercase;
  51. color:#777777;
  52. width:490px;
  53. padding:5px;
  54. background:#FCFCFC;}
  55.  
  56.  
  57. #bar {margin-top:10px;}
  58.  
  59. #bar img {width:110px;
  60. border:5px solid #2EB6E4;}
  61.  
  62. .scroll{position:absolute;
  63. text-align:left;
  64. padding:5px;
  65. width: 355px;
  66. height:358px;
  67. margin-top:7px;
  68. color: #00000;
  69. font-size: 11px;
  70. font-family: 'Trebuchet MS', Helvetica, sans-serif;
  71. z-index:0;
  72. overflow: auto;
  73. padding:10px;
  74. margin-top:-150px;
  75. margin-left:180px;
  76. }
  77.  
  78. #text {margin-top:150px;
  79. margin-left:-55px; }
  80.  
  81.  
  82.  
  83. .scroll::-webkit-scrollbar {
  84. height:2px;
  85. width: 5px;
  86. background: #E1E1E1;}
  87.  
  88. .scroll::-webkit-scrollbar-thumb {
  89. background:#1BC2E3;
  90. border:1px solid #fff;
  91. -webkit-border-radius: 5ex;
  92. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);}
  93.  
  94. .scroll::-webkit-scrollbar-corner {background: #transparent;}
  95.  
  96.  
  97. #links{position:absolute;
  98. height:360px;
  99. width:120px;
  100. background:#fff; }
  101.  
  102. #b {text-transform:uppercase;
  103. font-size:16px;
  104. font-family: Century Gothic, sans-serif;
  105. color:#fff;
  106. padding:5px;
  107. background:#1CD2DF;
  108. margin-top:2px;
  109. margin-left:0px;
  110. width:113px;}
  111.  
  112.  
  113. #a {font-size:13px;
  114. font-family: Century Gothic, sans-serif;
  115. color:#737373;
  116. padding:5px;
  117. margin-top:-2px;
  118. margin-left:0px;
  119. width:110px;
  120. text-align:left;
  121. padding-left:8px;
  122. margin-top:2px;
  123. border-top:1px solid #E8E8E8;
  124. letter-spacing:-1px;}
  125.  
  126. #line {font-size:14px;
  127. font-family: Century Gothic, sans-serif;
  128. color:#737373;
  129. padding:7px;
  130. background:#FAFAFA;
  131. margin-top:-2px;
  132. width:50px;}
  133.  
  134.  
  135.  
  136.  
  137. #linkss a{font-family:Calibri;
  138. font-size:14px;
  139. padding-top:2px;
  140. padding-bottom:2px;
  141. display:inline-block;
  142. width:120px;
  143. color:#424242;
  144. text-align:left;
  145. padding-left:5px;
  146. border-top:1px solid #E8E8E8;
  147. -moz-transition-duration:0.7s;
  148. -webkit-transition-duration:0.7s;
  149. -o-transition-duration:0.7s;}
  150.  
  151. #linkss a:hover {background:#6BE0F0;
  152. color:#fff;
  153. border-top:1px solid #fff;}
  154.  
  155.  
  156.  
  157.  
  158. #letter {
  159. z-index:-6;
  160. padding-top:2px;
  161. color: #fff;
  162. background:#1BC2E3;
  163. padding-right:14px;
  164. padding-left:14px;
  165. width:40px;
  166. text-align:center;
  167. font-family: Century Gothic, sans-serif;
  168. font-size: 60px;
  169. float: left;
  170. margin-top:4px;
  171. margin-right:6px;
  172. -webkit-transition: all 0.7s ease-in-out;
  173. -moz-transition: all 0.7s ease-in-out;
  174. -ms-transition: all 0.7s ease-in-out;
  175. -o-transition: all 0.7s ease-in-out;
  176. transition: all 0.7s ease-in-out;}
  177.  
  178.  
  179. #barr{padding-top:20px;}
  180.  
  181.  
  182. /*CREDIT DO NOT REMOVE*/
  183.  
  184. #cred{
  185. position:fixed;bottom:13px;
  186. right:3px;
  187. font-size:8px;
  188. letter-spacing:1px;
  189. font-family:cambria;
  190. -moz-transition-duration: 0.5s;
  191. -webkit-transition-duration: 0.5s;
  192. -o-transition-duration: 0.5s
  193. }
  194.  
  195. #cred a {
  196. color:#848484;
  197. transition-duration: 0.5s;
  198. padding:10px;
  199. -moz-transition-duration: 0.5s;
  200. -webkit-transition-duration: 0.5s;
  201. -o-transition-duration: 0.5s}
  202.  
  203. #cred a:hover {
  204. color:#fff;
  205. border:1px solid #fff;
  206. background:#58ACFA;
  207. transition-duration: 0.5s;
  208. -moz-transition-duration: 0.5s;
  209. -webkit-transition-duration: 0.5s;
  210. -o-transition-duration: 0.5s}
  211.  
  212. </style></head><body><center><div id="con">
  213.  
  214.  
  215.  
  216.  
  217.  
  218. <div id="swag"></div>
  219. <div id="swaggg">
  220. <div id="swagg"></div></div>
  221.  
  222. <div id="box">
  223.  
  224. <div id="title"> About me </div>
  225.  
  226. <div id="links">
  227.  
  228.  
  229. <div id="bar">
  230. <!--url for the sidebar image goes here-->
  231. <img src="http://i935.photobucket.com/albums/ad197/shutupstrax/gggg_zps3b811130.jpg"> </div></a>
  232.  
  233. <div id="b">Basics</div>
  234.  
  235. <div id="a">Name: Sophie</div>
  236. <div id="a">Age: 15</div>
  237. <div id="a">Location: England</div>
  238. <div id="b">Links</div>
  239.  
  240. <div id="linkss">
  241.  
  242. <a href="/">home</a>
  243. <a href="/ask">ask</a>
  244. <a href="/YOURFAQPAGEHERE">faq</a>
  245. <a href="/YOURNAVIPAGEHERE">navi</a>
  246.  
  247. </div>
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255. </div>
  256.  
  257.  
  258.  
  259. <div id= "text"> <div class="scroll">
  260.  
  261.  
  262. <!--Don't forget to change the letter-->
  263. <div id="letter">
  264. T
  265. </div> <!--About you goes here you can make it as long as you want:)-->
  266. ypography (from the Greek words τύπος typos "form" and γράφειν graphein "to write") is the art and technique of arranging type in order to make the language it forms most appealing to transparent learning and recognition. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning). Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers. In modern times, typography has been put into motion—in film, television and online broadcasts—to add emotion to mass communication.Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, mangakas, comic book artists, graffiti artists, clerical workers, and anyone else who arranges type for a product. Until the Digital Age, typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users, and David Jury, Head of Graphic Design at Colchester Institute in England, states that "typography is now something everybody does."Contemporary books are more likely to be set with state-of-the-art seriffed "text romans" or "book romans" with design values echoing present-day design arts, which are closely based on traditional models such as those of Nicolas Jenson, Francesco Griffo (a punchcutter who created the model for Aldine typefaces), and Claude Garamond. With their more specialized requirements, newspapers and magazines rely on compact, tightly fitted seriffed text fonts specially designed for the task, which offer maximum flexibility, readability and efficient use of page space. Sans serif text fonts are often used for introductory paragraphs, incidental text and whole short articles. A current fashion is to pair sans-serif type for headings with a high-performance seriffed font of matching style for the text of an article.
  267.  
  268.  
  269.  
  270. </div>
  271.  
  272.  
  273. </div>
  274.  
  275.  
  276. <div id="barr">
  277.  
  278. <!--sidebar image-->
  279.  
  280. <img src="http://media.tumblr.com/48fe3aa3c15912774346771fbe5f67ad/tumblr_inline_mvngindJvh1rpqh7e.png"> </div> </a>
  281.  
  282.  
  283.  
  284. </div>
  285.  
  286. <!--CREDIT DO NOT REMOVE-->
  287.  
  288. <div id="cred"><a href="http://shutupstrax.tumblr.com/">SUS</a></center></div>
  289.  
  290.  
  291. </div></center></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!