Advertisement
attractedtosin

Icons Page 003

Mar 22nd, 2014
2,482
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.63 KB | None | 0 0
  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. <head>
  4.  
  5. <!------
  6. ICONS PAGE 003
  7. ohcodey.tumblr.com [wolfwrecked]
  8.  
  9. Please observe common theme sharing etiquette:
  10. :you may alter but do not remove credit
  11. :do not use as a base or redistibute
  12. :etc
  13.  
  14. ----->
  15.  
  16.  
  17.  
  18. <title> icons page </title>
  19.  
  20.  
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  24.  
  25.  
  26. </head>
  27.  
  28. <style type="text/css">
  29.  
  30. a {color:#888888; text-decoration:none;}
  31.  
  32. body {
  33. font-family: 'Ubuntu Mono', sans serif ;
  34. font-size:10px;
  35. text-align:justify;
  36. color:#333333;
  37. background-color:#161616;
  38. }
  39.  
  40. #container {
  41. width:742px;
  42. padding:3px;
  43. margin-left:auto;
  44. margin-right:auto;
  45. margin-top:50px;
  46. letter-spacing:+1px;
  47. margin-bottom:100px;
  48. background-color:#fff;
  49. overflow:auto;
  50. }
  51.  
  52. .head {
  53. width:742px;
  54. height:50px;
  55. margin-left:auto;
  56. margin-right:auto;
  57. margin-top:50px;
  58. letter-spacing:+1px;
  59. font-size:8px;
  60. color:#eee;
  61. }
  62.  
  63. .head a {
  64. display:inline-block;
  65. text-align:left;
  66. margin:3px;
  67. color:#eee;
  68. margin-right:20px;
  69. text-transform:uppercase;
  70. }
  71.  
  72. #container img {float:left; margin:3px;}
  73.  
  74.  
  75. h01 {
  76.  
  77. height:15px;
  78. text-align:center;
  79. font-size:10pt;
  80. letter-spacing:1px;
  81. color:#eee;
  82. padding-top:25px;
  83. text-transform:uppercase;
  84. text-align:left;
  85. display:inline-block;
  86. }
  87.  
  88. ::selection {
  89. background:#5a8ffb;
  90. color:#ffffff;
  91. }
  92. ::-moz-selection {
  93. background:#5a8ffb;
  94. color:#ffffff;
  95. }
  96. ::-webkit-selection {
  97. background:#5a8ffb;
  98. color:#ffffff;
  99. }
  100. ::-webkit-scrollbar {
  101. width:10px;
  102. height:auto;
  103. background:#ffffff;;
  104. }
  105.  
  106. ::-webkit-scrollbar-corner {background:#ffffff;}
  107. ::-webkit-scrollbar-thumb:vertical {background:#eeeeee; }
  108. ::-webkit-scrollbar-thumb:horizontal {background:#eeeeee;}
  109. ::-webkit-scrollbar-thumb:hover {background:#ffffff;}
  110.  
  111. .credit {
  112. padding:10px;
  113. font-size:10px;
  114. position:fixed;
  115. bottom:10px;
  116. right:15px;
  117. font-size:12pt;
  118. }
  119.  
  120. .credit a {color:#ccc;}
  121.  
  122. </style>
  123.  
  124.  
  125.  
  126. <body>
  127.  
  128. <div class="head">
  129.  
  130. <h01>icons.</h01><br>
  131.  
  132. <a href="/">home</a> <a href="/">link</a> <a href="/">link</a>
  133.  
  134.  
  135.  
  136. </div>
  137.  
  138.  
  139.  
  140. <div id="container">
  141.  
  142.  
  143.  
  144.  
  145. <!--
  146.  
  147. just add your icons in below!!
  148.  
  149.  
  150. -->
  151.  
  152.  
  153.  
  154. <img src="">
  155. <img src="">
  156. <img src="">
  157. <img src="">
  158. <img src="">
  159. <img src="">
  160. <img src="">
  161.  
  162.  
  163.  
  164.  
  165. </div>
  166. <div class="credit">
  167. <a href="http://ohcodey.tumblr.com">&copy;</a>
  168. </div>
  169. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement