topshopandtea

navigation

May 5th, 2013
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.21 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.  
  3. <!-- theme by TOPSHOPANDTEA DONT REMOVE OR ILL REPORT YOU -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Poly' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Lato:400,100italic,300italic,400italic' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19. <link rel="shortcut icon" href="{Favicon}" />
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  21.  
  22. <style type="text/css">
  23.  
  24.  
  25. a {
  26. color:{color:link};
  27. text-decoration:none;
  28. -moz-transition-duration:0.5s;
  29. -webkit-transition-duration:0.5s;
  30. -o-transition-duration:0.5s;
  31. }
  32.  
  33. a:hover {
  34. color:{color:hover};
  35. text-decoration:none;
  36. -moz-transition-duration:0.5s;
  37. -webkit-transition-duration:0.5s;
  38. -o-transition-duration:0.5s;
  39. }
  40.  
  41.  
  42. ::-webkit-scrollbar {background-color:{color:bg}; height:8px; width:8px}
  43. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  44. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  45.  
  46. body {
  47. background-color:{color:bg};
  48. font-family:Cambria;
  49. font-weight:normal;
  50. }
  51.  
  52.  
  53.  
  54.  
  55. h1 {
  56. font-weight:normal;
  57. font-size:11px;
  58. text-align:center;
  59. font-style:italic;
  60. line-height:50%;
  61. letter-spacing:1px;
  62. text-transform:lowercase;
  63. color:{color:text};
  64. }
  65.  
  66. h2 {
  67. font-size:10px;
  68. text-align:center;
  69. line-height:100%;
  70. letter-spacing:-0.5px;
  71. color:{color:text};
  72. font-weight:bold;
  73. text-transform:uppercase;
  74. padding:5px;
  75. padding-bottom:2px;
  76. }
  77.  
  78.  
  79. blockquote {
  80. border-left:2px solid {color:text};
  81. padding-left:5px;
  82. margin:5px;
  83. }
  84.  
  85. #themenum {
  86. background-color:{color:bg};
  87. width:700px;
  88. margin: 0 auto -12px auto;
  89. text-align: center;
  90. }
  91.  
  92. #general {
  93. margin-left:140px;
  94. }
  95.  
  96. #title {
  97. width:350px;
  98. margin-top:30px;
  99. margin-left:60px;
  100. font-family:'lato';
  101. font-style:italic;
  102. font-size:36px;
  103. text-transform:lowercase;
  104. }
  105.  
  106. #cat {
  107. font-family:'lato';
  108. width:100px;
  109. margin-bottom:5px;
  110. margin-left:25px;
  111. border-bottom:double;
  112. text-align:center;
  113. text-transform:lowercase;
  114. color:black;
  115. font-size:15px;
  116. padding:5px;
  117. font-style:italic;
  118. }
  119.  
  120. .yourlinks {
  121. margin-top:15px;
  122. margin-left:30px;
  123. font-size:11px;
  124. width:100px;
  125. }
  126.  
  127. .yourlinks a {
  128. font-family:calibri;
  129. margin-bottom:2px;
  130. display:block;
  131. text-transform:lowercase;
  132. letter-spacing:1px;
  133. padding:4px;
  134. position:relative;
  135. color:#AAAAAA;
  136. z-index:99;
  137. -webkit-transition: all 0.3s ease-in-out;
  138. -moz-transition: all 0.3s ease-in-out;
  139. -o-transition: all 0.3s ease-in-out;
  140. -ms-transition: all 0.3s ease-in-out;
  141. transition: all 0.3s ease-in-out;
  142. }
  143.  
  144. .yourlinks a:hover {
  145. font-style:italic;
  146. font-size:12px;
  147. padding:5px;
  148. }
  149.  
  150. #fred {
  151. display:inline-block;
  152. width:150px;
  153. padding:15px;
  154. text-align:center;
  155. margin-left:50px;
  156. margin-top:0px;
  157. }
  158.  
  159. #idk {
  160. margin-top:10px;
  161. margin-left:-20px;
  162. }
  163.  
  164.  
  165. #body {
  166. font-family:'poly';
  167. font-size:14px;
  168. width:360px;
  169. margin-top:-15px;
  170. margin-left:60px;
  171. }
  172.  
  173. #linksies {
  174. margin-top:10px;
  175. margin-left:25px;
  176. }
  177.  
  178. #linksies a {
  179. padding:3px;
  180. font-family:georgia;
  181. font-style:normal;
  182. font-size:10px;
  183. color:black;
  184. letter-spacing:1px;
  185. text-transform:lowercase;
  186. margin-left:40px;
  187. margin-right:20px;
  188. }
  189.  
  190. #linksies a:hover {
  191. text-decoration:underline;
  192. font-style:italic;
  193. color:white;
  194. }
  195.  
  196.  
  197.  
  198.  
  199.  
  200. #credit {
  201. position:fixed;
  202. font-family:consolas;
  203. font-size:8px;
  204. font-weight:normal;
  205. line-height:150%;
  206. letter-spacing:2px;
  207. right:10px;
  208. bottom:10px;
  209. text-transform:uppercase;
  210. text-align:center;
  211. border-bottom:1px solid;
  212. }
  213.  
  214.  
  215. #credit a {
  216. padding:3px;
  217. color:grey;
  218. -moz-transition-duration:0.5s;
  219. -webkit-transition-duration:0.5s;
  220. -o-transition-duration:0.5s;
  221. }
  222.  
  223.  
  224.  
  225. </style></head>
  226.  
  227. <body>
  228. <div id="themenum">
  229.  
  230. <center>
  231.  
  232. <!-- change the stuff for your links. -->
  233.  
  234. <div id="title">Navigation</div>
  235.  
  236. <div id="body">
  237.  
  238. <br><i> </i>
  239.  
  240. <p>
  241. <p>
  242. </div>
  243.  
  244.  
  245. <div id="linksies">
  246.  
  247. <a href="http://"> home</a>
  248.  
  249. <a href="http://"> ask </a>
  250.  
  251.  
  252. </div>
  253.  
  254.  
  255.  
  256. <div id="fred">
  257. <div id="cat">TITLE</a></div>
  258. <div class="yourlinks">
  259.  
  260. <a href="/">link name</a>
  261.  
  262.  
  263. <a href="/">link name</a>
  264.  
  265.  
  266. <a href="/">link name</a>
  267.  
  268.  
  269. <a href="/">link name</a>
  270.  
  271.  
  272. <a href="/">link name</a>
  273.  
  274. </div>
  275. </div>
  276.  
  277.  
  278.  
  279. <div id="fred">
  280. <div id="cat">TITLE</a></div>
  281. <div class="yourlinks">
  282.  
  283. <a href="/">link name</a>
  284.  
  285.  
  286. <a href="/">link name</a>
  287.  
  288.  
  289. <a href="/">link name</a>
  290.  
  291.  
  292. <a href="/">link name</a>
  293.  
  294.  
  295. <a href="/">link name</a>
  296.  
  297. </div>
  298. </div>
  299.  
  300. <br><br><br>
  301.  
  302.  
  303. <div id="fred">
  304. <div id="cat">TITLE</a></div>
  305. <div class="yourlinks">
  306.  
  307. <a href="/">link name</a>
  308.  
  309.  
  310. <a href="/">link name</a>
  311.  
  312.  
  313. <a href="/">link name</a>
  314.  
  315.  
  316. <a href="/">link name</a>
  317.  
  318.  
  319. <a href="/">link name</a>
  320.  
  321. </div>
  322. </div>
  323.  
  324.  
  325. <div id="fred">
  326. <div id="cat">TITLE</a></div>
  327. <div class="yourlinks">
  328.  
  329. <a href="/">link name</a>
  330.  
  331. <a href="/">link name</a>
  332.  
  333. <a href="/">link name</a>
  334.  
  335. <a href="/">link name</a>
  336.  
  337. <a href="/">link name</a>
  338.  
  339. </div>
  340. </div>
  341.  
  342.  
  343.  
  344.  
  345. <!-- dont change anything under here or I will report you.--->
  346.  
  347. </div>
  348.  
  349. </center>
  350.  
  351.  
  352. </div>
  353.  
  354. <div id="credit"><a href="http://tandteatheme.tumblr.com/">TOPSHOP&TEA</a></div>
  355.  
  356. </div>
  357. </div>
  358. </div>
  359. </body>
  360. </html>
Advertisement
Add Comment
Please, Sign In to add comment