Advertisement
oodly

About Page #2

Aug 11th, 2014
1,005
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.52 KB | None | 0 0
  1. <html>
  2. <!-- DO NOT REMOVE
  3. about me page #02 by cat/oodly.tumblr.com
  4. do not remove credit, copy, distribute, or claim as your own. -->
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <style type="text/css">
  9. /* -- BACKGROUND IMAGE OPTIONAL - to remove simply erase the image URL -- */
  10. body {
  11. background-image:url('http://i.imgur.com/SMd4Jby.png');
  12. background-repeat:repeat;
  13. background-color:#ffffff;
  14. color:#000000;
  15. font-family:calibri;
  16. font-size:11px;
  17. }
  18.  
  19. b, strong {color:#d65373; text-transform:uppercase;}
  20.  
  21. i {color:#3a2864;}
  22.  
  23. a:link, a:active, a:visited {
  24. font-family:calibri;
  25. font-size:9px;
  26. text-transform:uppercase;
  27. letter-spacing:1px;
  28. text-decoration:none;
  29. color:#161616;
  30. font-weight:bold;
  31. }
  32.  
  33. a:hover {
  34. font-family:calibri;
  35. font-size:9px;
  36. text-transform:uppercase;
  37. letter-spacing:1px;
  38. text-decoration:none;
  39. color:#d65373;
  40. font-weight:bold;
  41. }
  42.  
  43. .nav {
  44. padding-top:3px;
  45. padding-right:3px;
  46. text-align:right;
  47. }
  48.  
  49. .nav a {padding-right:4px;}
  50.  
  51. .nav a:hover {padding-right:4px;}
  52.  
  53. #title {
  54. font-family:tahoma;
  55. font-size:30px;
  56. text-transform:uppercase;
  57. text-align:left;
  58. font-weight:bold;
  59. letter-spacing:1px;
  60. padding:3px;
  61. }
  62.  
  63. #frame {
  64. background-color:#ffffff;
  65. padding:30px 50px 30px 50px;
  66. position:absolute;
  67. margin-left:450px;
  68. margin-top:50px;
  69. width:450px;
  70. }
  71.  
  72. #content {
  73. max-width:450px;
  74. padding:3px;
  75. }
  76.  
  77. .icon {
  78. float:right;
  79. max-width:50px;
  80. max-height:50px;
  81. border-radius:50px;
  82. padding:9px;
  83. }
  84. </style>
  85. </head>
  86.  
  87. <body>
  88. <div id="frame">
  89.  
  90. <div id="title">about me</div>
  91.  
  92. <!-- CHANGE IMAGE URL -->
  93. <img src="http://i.imgur.com/MFJJ6CN.jpg">
  94.  
  95. <div class="nav">
  96. <a href="/">blog</a>
  97. <a href="/ask">ask</a>
  98. <a href="http://tumblr.com">dash</a>
  99. <a href="http://oodly.tumblr.com">theme</a>
  100. </div>
  101.  
  102. <div id="content"><!-- CHANGE ICON IMAGE -->
  103. <img src="http://i.imgur.com/VlWRPuV.jpg" class="icon">
  104. <b>Bold</b> <i>italic</i> <a href="http://tumblr.com">link</a><p></p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ipsum ut est scelerisque, ut eleifend neque commodo. Suspendisse neque nisi, egestas quis posuere nec, blandit at nibh. Curabitur adipiscing porta dui. Ut mollis dui a nunc varius, sit amet vulputate felis vestibulum. Vivamus ut est vel urna sollicitudin mollis suscipit sed risus. Nulla rhoncus elit mauris, id posuere orci hendrerit at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin ut ipsum ante. Donec porta sed velit ut pharetra. Suspendisse potenti. Vestibulum eget turpis eget nulla ultricies accumsan. Vestibulum nec nisl posuere, condimentum arcu non, sagittis felis. Donec at fringilla augue. Fusce sit amet odio ac mi interdum fermentum sit amet nec mi. Pellentesque consectetur sem nec magna congue pharetra.<p></p>
  105. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ipsum ut est scelerisque, ut eleifend neque commodo. Suspendisse neque nisi, egestas quis posuere nec, blandit at nibh. Curabitur adipiscing porta dui. Ut mollis dui a nunc varius, sit amet vulputate felis vestibulum. Vivamus ut est vel urna sollicitudin mollis suscipit sed risus. Nulla rhoncus elit mauris, id posuere orci hendrerit at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin ut ipsum ante. Donec porta sed velit ut pharetra. Suspendisse potenti. Vestibulum eget turpis eget nulla ultricies accumsan. Vestibulum nec nisl posuere, condimentum arcu non, sagittis felis. Donec at fringilla augue. Fusce sit amet odio ac mi interdum fermentum sit amet nec mi. Pellentesque consectetur sem nec magna congue pharetra.<p></p>
  106. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla ipsum ut est scelerisque, ut eleifend neque commodo. Suspendisse neque nisi, egestas quis posuere nec, blandit at nibh. Curabitur adipiscing porta dui. Ut mollis dui a nunc varius, sit amet vulputate felis vestibulum. Vivamus ut est vel urna sollicitudin mollis suscipit sed risus. Nulla rhoncus elit mauris, id posuere orci hendrerit at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin ut ipsum ante. Donec porta sed velit ut pharetra. Suspendisse potenti. Vestibulum eget turpis eget nulla ultricies accumsan. Vestibulum nec nisl posuere, condimentum arcu non, sagittis felis. Donec at fringilla augue. Fusce sit amet odio ac mi interdum fermentum sit amet nec mi. Pellentesque consectetur sem nec magna congue pharetra.<p></p>
  107. </div>
  108. </div>
  109. </body>
  110. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement