bangyixing

Page #03 - Navigation Page

Jun 15th, 2013
4,251
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.96 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <html>
  6. <head>
  7.  
  8. <!--
  9. THEME MADE BY ANDREA @ MILIKBOY
  10. PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
  11. -->
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  18.  
  19. <style type="text/css">
  20.  
  21. body {
  22. font-family:Times New Roman;
  23. font-size:10px;
  24. margin-top: 120px;
  25. text-align:center;
  26. background-color:#ffffff;
  27. background-image: url("http://static.tumblr.com/a2d4cd3a8348c3948bfd1709bdf43a4c/cjsy6gz/5JImofsx9/tumblr_static_untitled-1.jpg");
  28. background-attachment: fixed;
  29. }
  30.  
  31. a {
  32. color:#111111;
  33. text-decoration:none;
  34. }
  35.  
  36. a:hover {
  37. color:#b8b8b8;
  38. text-decoration:none;
  39. }
  40.  
  41. #title {
  42. color:#111111;
  43. font-size:25px;
  44. letter-spacing:2px;
  45. font-style:italic;
  46. }
  47.  
  48. #subtitle {
  49. color:#111111;
  50. font-size:15px;
  51. letter-spacing:3px;
  52. padding-bottom:20px;
  53. }
  54.  
  55. #category {
  56. color:#111111;
  57. width:194px;
  58. font-size:12px;
  59. text-transform:uppercase;
  60. padding:5px;
  61. letter-spacing:2px;
  62. margin-bottom:5px;
  63. text-align:center;
  64. border-bottom:1px solid #111111;
  65. }
  66.  
  67. #links a {
  68. display:block;
  69. text-transform:lowercase;
  70. width:200px;
  71. font-size:9px;
  72. letter-spacing:2px;
  73. padding:2px;
  74. margin-top:2px;
  75. margin-bottom:2px;
  76. position:justify;
  77. color:#111111;
  78. -webkit-transition: all 0.5s ease-out;
  79. -moz-transition: all 0.5s ease-out;
  80. transition: all 0.5s ease-out;
  81. }
  82.  
  83. #links a:hover {
  84. color:#111111;
  85. font-style:italic;
  86. letter-spacing:4px;
  87. -moz-transition-duration:1s;
  88. -webkit-transition-duration:1s;
  89. -o-transition-duration:1s;
  90. }
  91.  
  92.  
  93. #credit {
  94. font-family:Calibri;
  95. font-size:9px;
  96. letter-spacing:1px;
  97. float:right;
  98. position:fixed;
  99. bottom:15px;
  100. right:10px;
  101. }
  102.  
  103. #credit a {
  104. color:#ffffff;
  105. padding:5px;
  106. text-transform:uppercase;
  107. background:#111111;
  108. }
  109.  
  110. #credit a:hover {
  111. color:#111111;
  112. text-transform:uppercase;
  113. font-style:none;
  114. background:#ffffff;
  115. }
  116.  
  117.  
  118. {CustomCSS}</style></head><body>
  119.  
  120. <div id="title">your way through the stars</div>
  121. <div id="subtitle">{Name}'s navigation</div>
  122.  
  123. <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
  124. <div id="category">group title</a></div>
  125. <div id="links">
  126. <a href="/">link three</a>
  127. <a href="/">link two</a>
  128. <a href="/">link three</a>
  129. <a href="/">link four</a>
  130. <a href="/">link five</a>
  131. </div></div>
  132.  
  133. <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
  134. <div id="category">group title</a></div>
  135. <div id="links">
  136. <a href="/">link one</a>
  137. <a href="/">link two</a>
  138. <a href="/">link three</a>
  139. <a href="/">link four</a>
  140. <a href="/">link five</a>
  141. </div></div>
  142.  
  143. <br>
  144.  
  145. <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
  146. <div id="category">group title</a></div>
  147. <div id="links">
  148. <a href="/">link one</a>
  149. <a href="/">link two</a>
  150. <a href="/">link three</a>
  151. <a href="/">link four</a>
  152. <a href="/">link five</a>
  153. </div></div>
  154.  
  155.  
  156. <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
  157. <div id="category">group title</a></div>
  158. <div id="links">
  159. <a href="/">link one</a>
  160. <a href="/">link two</a>
  161. <a href="/">link three</a>
  162. <a href="/">link four</a>
  163. <a href="/">link five</a>
  164. </div></div>
  165.  
  166. <div id="credit"><a href="http://mlikboy.tumblr.com/">mlikboy</a></div>
  167.  
  168. </body>
  169. </html>
Advertisement
Add Comment
Please, Sign In to add comment