Advertisement
dizzyperrie

Theme Thirteen By Floraleigh

Aug 10th, 2014
479
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.18 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. <!--
  4.  
  5. BASE CODE BY DYLAENOBRIENS
  6.  
  7. ✿THEME MADE BY FLORALEIGH
  8.  
  9. ✿DO NOT CLAIM AS YOURS OR REPOST IT✿
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13.  
  14.  
  15. <head>
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <title>{Title}</title>
  22.  
  23. {block:Description}<meta name="description" content="{MetaDescription}"/>
  24. {/block:Description}
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27.  
  28. <style type="text/css">
  29.  
  30.  
  31. /*--scrollbar--*/
  32.  
  33. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  34. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  35. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  36. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  37. }
  38. /*--body--*/
  39.  
  40.  
  41. body {
  42. font-style:none;
  43. background-color:{color:bg};
  44. font-family:calibri;
  45. color:{color:text};
  46. font-size:9px;
  47. }
  48.  
  49.  
  50. a {
  51. color:{color:link};
  52. text-decoration:none;
  53. -webkit-transition: all 0.5s ease-out;
  54. -moz-transition: all 0.5s ease-out;
  55. transition: all 0.5s ease-out;
  56. }
  57.  
  58. a:hover {
  59. color:{color:hover};
  60. text-decoration:none;
  61. -webkit-transition: all 0.8s ease-out;
  62. -moz-transition: all 0.8s ease-out;
  63. transition: all 0.8s ease-out;
  64. }
  65.  
  66. img {
  67. border:none;
  68. }
  69.  
  70. blockquote {
  71. padding-left:5px;
  72. border-left:2px solid {color:border};
  73. }
  74.  
  75. h1 {
  76. font-size:10px;
  77. }
  78.  
  79. /*--cursor code--*/
  80.  
  81.  
  82. *, body, a, a:hover {cursor: url("http://www.snazzyspace.com/cursor/black-and-white-pointer-png"), auto }
  83.  
  84.  
  85. /*everything*/
  86.  
  87. #everything {
  88. margin-left:250px;
  89. margin-top:100px;
  90. }
  91.  
  92. /*--title--*/
  93.  
  94. #title {
  95. font-family:arial;
  96. font-size:60px;
  97. margin-top:-67px;
  98. margin-left:260px;
  99. color:#000000
  100. }
  101.  
  102. /*--links--*/
  103.  
  104. #links {
  105. width:150px;
  106. font-family:'cambria';
  107. text-transform:uppercase;
  108. text-align:center;
  109. margin-top:20px;
  110. margin-left:334px;
  111. }
  112.  
  113. #links a {
  114. padding:3px;
  115. font-size:9px;
  116. color:#000000;
  117. -webkit-transition: all 0.4s ease-in-out;
  118. -moz-transition: all 0.4s ease-in-out;
  119. -o-transition: all 0.4s ease-in-out;
  120. -ms-transition: all 0.4s ease-in-out;
  121. transition: all 0.4s ease-in-out;
  122. }
  123.  
  124. #links a:hover {
  125. color:#fff;
  126. background-color:#ffffff;
  127. }
  128.  
  129. #sidebar {
  130. margin-top:18px;
  131. margin-left:290px;
  132. }
  133.  
  134. #sidebar img {
  135. width:245px;
  136. height:auto;
  137. }
  138.  
  139. #grouptitle {
  140. padding:5px;
  141. text-align:center;
  142. font-style:italic;
  143. font-family:'times new roman';
  144. color:#000000;
  145. font-size:17px;
  146. width:118px;
  147. margin-left:105px;
  148. margin-top:80px;
  149. border-left:1px solid #eaeaea;
  150. border-right:1px solid #eaeaea;
  151. border-top:1px solid #eaeaea;
  152. }
  153.  
  154.  
  155. #grouplinks {
  156. width:120px;
  157. margin-top:0px;
  158. padding:4px;
  159. margin-left:105px;
  160. border:1px solid #bbb8b8;
  161. }
  162.  
  163.  
  164. #grouplinks a {
  165. font-family:'times new roman';
  166. display:block;
  167. color:#000000;
  168. font-size:10px;
  169. padding:6px;
  170. text-align:center;
  171. letter-spacing:1px;
  172. text-transform:uppercase;
  173. margin-bottom:5px;
  174. -webkit-transition: all 0.4s ease-in-out;
  175. -moz-transition: all 0.4s ease-in-out;
  176. -o-transition: all 0.4s ease-in-out;
  177. -ms-transition: all 0.4s ease-in-out;
  178. transition: all 0.4s ease-in-out;
  179. }
  180.  
  181. #grouplinks a:hover {
  182. background:#bbb8b8;
  183. color:#fff;
  184. }
  185.  
  186.  
  187.  
  188. {CustomCSS}
  189.  
  190. </style></head>
  191.  
  192.  
  193. <body>
  194.  
  195. <div id="everything">
  196.  
  197. <div id="title">Navi Theme</div>
  198.  
  199. <div id="links">
  200. <a href="/">HOME</a>
  201. <a href="/ask">ASK</a>
  202. <a href="https://www.tumblr.com/dashboard">DASH</a>
  203. <a href="http://floraleigh.tumblr.com/">CREDIT</a>
  204. </div>
  205.  
  206. <div id="sidebar">
  207. <img src="{image:sidebar}">
  208. </div>
  209.  
  210. <table id="all" border="0" cellpadding="0" cellspacing="0">
  211.  
  212.  
  213. <td><div id="grouptitle"><big>Group One</div>
  214. <div id="grouplinks">
  215. <a href="/tagged/">link 1</a>
  216.  
  217. <a href="/tagged/">link 2</a>
  218.  
  219. <a href="/tagged/">link 3</a>
  220.  
  221. <a href="/tagged/">link 4</a>
  222.  
  223. <a href="/tagged/">link 5</a>
  224.  
  225. <a href="/tagged/">link 6</a>
  226.  
  227. </div></td>
  228.  
  229.  
  230. <td><div id="grouptitle"><big>Group two</div>
  231. <div id="grouplinks">
  232. <a href="/tagged/">link 1</a>
  233.  
  234. <a href="/tagged/">link 2</a>
  235.  
  236. <a href="/tagged/">link 3</a>
  237.  
  238. <a href="/tagged/">link 4</a>
  239.  
  240. <a href="/tagged/">link 5</a>
  241.  
  242. <a href="/tagged/">link 6</a>
  243.  
  244. </div></td>
  245.  
  246. <td><div id="grouptitle"><big>Group Three</div>
  247. <div id="grouplinks">
  248. <a href="/tagged/">link 1</a>
  249.  
  250. <a href="/tagged/">link 2</a>
  251.  
  252. <a href="/tagged/">link 3</a>
  253.  
  254. <a href="/tagged/">link 4</a>
  255.  
  256. <a href="/tagged/">link 5</a>
  257.  
  258. <a href="/tagged/">link 6</a>
  259.  
  260. </div></td>
  261.  
  262. <tr>
  263.  
  264. <td><div id="grouptitle"><big>Group Four</div>
  265. <div id="grouplinks">
  266. <a href="/tagged/">link 1</a>
  267.  
  268. <a href="/tagged/">link 2</a>
  269.  
  270. <a href="/tagged/">link 3</a>
  271.  
  272. <a href="/tagged/">link 4</a>
  273.  
  274. <a href="/tagged/">link 5</a>
  275.  
  276. <a href="/tagged/">link 6</a>
  277.  
  278. </div></td>
  279.  
  280. <td><div id="grouptitle"><big>Group Five</div>
  281. <div id="grouplinks">
  282. <a href="/tagged/">link 1</a>
  283.  
  284. <a href="/tagged/">link 2</a>
  285.  
  286. <a href="/tagged/">link 3</a>
  287.  
  288. <a href="/tagged/">link 4</a>
  289.  
  290. <a href="/tagged/">link 5</a>
  291.  
  292. <a href="/tagged/">link 6</a>
  293.  
  294. </div></td>
  295.  
  296. <td><div id="grouptitle"><big>Group Six</div>
  297. <div id="grouplinks">
  298. <a href="/tagged/">link 1</a>
  299.  
  300. <a href="/tagged/">link 2</a>
  301.  
  302. <a href="/tagged/">link 3</a>
  303.  
  304. <a href="/tagged/">link 4</a>
  305.  
  306. <a href="/tagged/">link 5</a>
  307.  
  308. <a href="/tagged/">link 6</a>
  309.  
  310. </div></td>
  311.  
  312.  
  313. </table>
  314.  
  315. </div>
  316. </body>
  317. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement