API tools faq
paste
Advertisement
missdilaurentis

MissDiLaurentis Navigation page #1

missdilaurentis
Dec 10th, 2013
9,878
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.75 KB | None | 0 0
raw download clone embed print report
  1. <!-- NAVIGATION PAGE #1 BY JASONDILAURENTS
  2.  
  3. http://jasondilaurentis.tumblr.com
  4. http://themesbyjasondilaurents.tumblr.com
  5.  
  6. DON'T REMOVE THE CREDIT, USE AS A BASE OR CLAIM AS YOUR OWN.
  7. THANKS FOR USING MY THEMES. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <!--------------- FONTS ------------------->
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  23.  
  24. <style type="text/css">
  25.  
  26.  
  27. body {
  28. background-color:#ffffff; /*BACKGROUND COLOR*/
  29. background-image:url(''); /*BACKGROUND IMAGE URL*/
  30. font-family:'pt sans';
  31. font-size:11px;
  32. color:#000000; }
  33.  
  34. /*SCROLLBAR*/
  35.  
  36. ::-webkit-scrollbar-thumb:vertical {
  37. height:4px;
  38. background-color:#000000;}
  39. ::-webkit-scrollbar-thumb:horizontal {
  40. background-color:#ffffff;}
  41. ::-webkit-scrollbar {
  42. width:4px;
  43. height:7px;
  44. background-color:#ffffff;}
  45.  
  46.  
  47. #wrap {
  48. position:absolute;
  49. top:20px;
  50. width:100%;
  51. margin-left:-8px;
  52. text-align:center;
  53. padding:0px;
  54. overflow:auto;
  55. z-index:999999;}
  56.  
  57. #container {
  58. position:relative;
  59. margin-top:15px;
  60. width:765px;
  61. height:auto;
  62. margin-left:auto;
  63. margin-right:auto;
  64. padding-bottom:20px;
  65. padding-right:20px;
  66. overflow:hidden;}
  67.  
  68. #info {
  69. width:100%;
  70. margin-top:-15px;
  71. padding:5px;
  72. margin-left:auto;
  73. margin-right:auto;
  74. text-align:center;
  75. margin-bottom:10px;}
  76.  
  77. .nav {
  78. width:100%;
  79. margin-left:auto;
  80. margin-right:auto;}
  81.  
  82. .nav a{
  83. letter-spacing:2px;
  84. padding:5px;
  85. text-decoration:none;
  86. font-family:'calibri';
  87. text-transform:uppercase;
  88. font-weight:normal;
  89. font-style:none;
  90. font-size:8px;
  91. color:#000000; /*NAVLINKS COLOR*/
  92. background-color:#454545; /*NAVLINKS BACKGROUND COLOR*/
  93. -webkit-transition: all 0.3s ease-in-out;
  94. -moz-transition: all 0.3s ease-in-out;
  95. -o-transition: all 0.3s ease-in-out;
  96. -ms-transition: all 0.3s ease-in-out;
  97. transition: all 0.3s ease-in-out; }
  98.  
  99. .nav a:hover {
  100. text-decoration:none;
  101. font-family:'calibri';
  102. text-transform:uppercase;
  103. font-weight:normal;
  104. font-style:none;
  105. font-size:8px;
  106. color:#000000; /*NAVLINKS HOVER COLOR*/
  107. background-color:#ffffff; /*NAVLINKS HOVER BACKGROUND COLOR*/
  108. -webkit-transition: all 0.3s ease-in-out;
  109. -moz-transition: all 0.3s ease-in-out;
  110. -o-transition: all 0.3s ease-in-out;
  111. -ms-transition: all 0.3s ease-in-out;
  112. transition: all 0.3s ease-in-out;}
  113.  
  114. .credit a {font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;color:#000000;text-decoration:none;z-index:999999999;}
  115.  
  116. .title a, .title{
  117. font-weight:normal;
  118. font-family:'petit formal script';
  119. font-style:none;
  120. font-size:34px;
  121. letter-spacing:2px;
  122. color:#969595; /*MAIN TITLE COLOR*/
  123. text-align:center;
  124. margin-top:20px;
  125. margin-bottom:20px;
  126. height:15px;
  127. line-height:10px;}
  128.  
  129. .title:first-letter{
  130. color:#ffffff;} /*MAIN TITLE FIRST-LETTER COLOR*/
  131.  
  132. .alltop {
  133. position:fixed;
  134. top:0px;
  135. width:100%;
  136. left:0;
  137. text-align:center;
  138. padding:0px;
  139. overflow:auto;
  140. background-color:#000000;
  141. z-index:999999;
  142. background-image:url('http://static.tumblr.com/g1muzcu/CWVmxlbdy/gun_metal.png');} /*HEADER BACKGROUND IMAGE URL*/
  143.  
  144.  
  145. /* BOXES */
  146.  
  147. .all {
  148. display:inline-block;
  149. width:232px;
  150. height:auto;
  151. margin-top:160px;
  152. margin-left:10px;}
  153.  
  154. .pannel {
  155. position: auto;
  156. margin-top:-35px;
  157. width:230px;
  158. height:350px;
  159. background-color:transparent;
  160. overflow-y:auto;
  161. overflow-x:hidden;}
  162.  
  163. .name {
  164. position:absolute;
  165. width:230px;
  166. height:30px;
  167. font-weight:normal;
  168. font-style:none;
  169. font-family: 'text me one';
  170. text-transform:lowercase;
  171. font-size:22px;
  172. margin-top:-70px;
  173. text-align:center;
  174. color:#BCBCBC;
  175. background-color:#000000; /*CATEGORIES TITLE COLOR*/
  176. background-image:url('http://static.tumblr.com/g1muzcu/CWVmxlbdy/gun_metal.png'); /*CATEGORY TITLES BACKGROUND IMAGE URL*/
  177. text-shadow: 1px 1px 1px #000000;}
  178.  
  179. .links {
  180. display:inline-block;
  181. width:230px;
  182. height:30px;
  183. font-family:'droid serif';
  184. text-transform:none;
  185. font-style:italic;
  186. font-size:11px;
  187. margin-top:0px;
  188. margin-left:0px;
  189. text-align:center;
  190. -webkit-transition: all 0.3s ease-in-out;
  191. -moz-transition: all 0.3s ease-in-out;
  192. -o-transition: all 0.3s ease-in-out;
  193. -ms-transition: all 0.3s ease-in-out;
  194. transition: all 0.3s ease-in-out;}
  195.  
  196. .links a {
  197. display:inline-block;
  198. width:230px;
  199. line-height:30px;
  200. height:30px;
  201. font-family:'droid serif';
  202. text-transform:none;
  203. font-style:italic;
  204. font-size:11px;
  205. margin-top:0px;
  206. margin-left:0px;
  207. text-align:center;
  208. margin-top:0px;
  209. margin-bottom:5px;
  210. color:#000000; /*TAGS COLOR*/
  211. background-color:#D8D8D8; /*TAGS BACKGROUND COLOR*/
  212. text-decoration:none;}
  213.  
  214. .links a:hover {
  215. background-color:#000000; /*TAGS HOVER COLOR*/
  216. color:#ffffff; /*TAGS HOVER BACKGROUND COLOR*/
  217. -webkit-transition: all 0.3s ease-in-out;
  218. -moz-transition: all 0.3s ease-in-out;
  219. -o-transition: all 0.3s ease-in-out;
  220. -ms-transition: all 0.3s ease-in-out;
  221. transition: all 0.3s ease-in-out;}
  222.  
  223.  
  224. </style>
  225.  
  226. <div id="wrap">
  227.  
  228. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
  229.  
  230. <div class="alltop">
  231.  
  232. <!--YOUR TITLE HERE-->
  233. <div class="title">Navigation.</div></br>
  234.  
  235. <!--NAVLINKS-->
  236. <div id="info">
  237. <div class="nav">
  238. &nbsp;&nbsp;&nbsp;&nbsp;
  239. <a href="/">BACK TO MY BLOG</a>
  240. &nbsp;&nbsp;&nbsp;&nbsp;
  241. <a href="http://www.tumblr.com/dashboard">DASHBOARD</a>
  242. &nbsp;&nbsp;&nbsp;&nbsp;
  243. </div></div></div>
  244.  
  245.  
  246. <div id="container">
  247.  
  248. <!------------------------1ST LINE----------------------->
  249. <!-----BOX 1------->
  250. <div class="all">
  251. <!--CATEGORY TITLE-->
  252. <div class="name">tv shows</div>
  253. <div class="pannel">
  254. <div class="links">
  255. <!--TAGS LINKS-->
  256. <a href="/tagged/">your tag here</a>
  257. <a href="/tagged/">your tag here</a>
  258. <a href="/tagged/">your tag here</a>
  259. <a href="/tagged/">your tag here</a>
  260. <a href="/tagged/">your tag here</a>
  261. <a href="/tagged/">your tag here</a>
  262. <a href="/tagged/">your tag here</a>
  263. <a href="/tagged/">your tag here</a>
  264. <a href="/tagged/">your tag here</a>
  265. <a href="/tagged/">your tag here</a>
  266.  
  267. </div></div></div>
  268. <!-----END OF BOX 1------->
  269.  
  270. <!-----BOX 2------->
  271. <div class="all">
  272. <div class="name">characters</div>
  273. <div class="pannel">
  274. <div class="links">
  275.  
  276. <a href="/tagged/">your tag here</a>
  277. <a href="/tagged/">your tag here</a>
  278. <a href="/tagged/">your tag here</a>
  279. <a href="/tagged/">your tag here</a>
  280. <a href="/tagged/">your tag here</a>
  281. <a href="/tagged/">your tag here</a>
  282. <a href="/tagged/">your tag here</a>
  283. <a href="/tagged/">your tag here</a>
  284. <a href="/tagged/">your tag here</a>
  285. <a href="/tagged/">your tag here</a>
  286. <a href="/tagged/">your tag here</a>
  287. <a href="/tagged/">your tag here</a>
  288.  
  289. </div></div></div>
  290. <!-----END OF BOX 2------->
  291.  
  292. <!-----BOX 3------->
  293. <div class="all">
  294. <div class="name">celebrities</div>
  295. <div class="pannel">
  296. <div class="links">
  297.  
  298. <a href="/tagged/">your tag here</a>
  299. <a href="/tagged/">your tag here</a>
  300. <a href="/tagged/">your tag here</a>
  301. <a href="/tagged/">your tag here</a>
  302. <a href="/tagged/">your tag here</a>
  303. <a href="/tagged/">your tag here</a>
  304. <a href="/tagged/">your tag here</a>
  305. <a href="/tagged/">your tag here</a>
  306. <a href="/tagged/">your tag here</a>
  307. <a href="/tagged/">your tag here</a>
  308.  
  309. </div></div></div>
  310. <!-----END OF BOX 3------->
  311. <!------------------------END OF 1ST LINE----------------------->
  312.  
  313. <!------------------------2ND LINE----------------------->
  314.  
  315. <!-----BOX 1------->
  316. <div class="all">
  317. <div class="name">Title</div>
  318. <div class="pannel">
  319. <div class="links">
  320.  
  321. <a href="/tagged/">your tag here</a>
  322. <a href="/tagged/">your tag here</a>
  323. <a href="/tagged/">your tag here</a>
  324. <a href="/tagged/">your tag here</a>
  325. <a href="/tagged/">your tag here</a>
  326. <a href="/tagged/">your tag here</a>
  327. <a href="/tagged/">your tag here</a>
  328. <a href="/tagged/">your tag here</a>
  329. <a href="/tagged/">your tag here</a>
  330. <a href="/tagged/">your tag here</a>
  331.  
  332. </div></div></div>
  333. <!-----END OF BOX 1------->
  334.  
  335. <!-----BOX 2------->
  336. <div class="all">
  337. <div class="name">Title</div>
  338. <div class="pannel">
  339. <div class="links">
  340.  
  341. <a href="/tagged/">your tag here</a>
  342. <a href="/tagged/">your tag here</a>
  343. <a href="/tagged/">your tag here</a>
  344. <a href="/tagged/">your tag here</a>
  345. <a href="/tagged/">your tag here</a>
  346. <a href="/tagged/">your tag here</a>
  347. <a href="/tagged/">your tag here</a>
  348. <a href="/tagged/">your tag here</a>
  349.  
  350. </div></div></div>
  351. <!-----END OF BOX 2------->
  352.  
  353. <!-----BOX 3------->
  354. <div class="all">
  355. <div class="name">Title</div>
  356. <div class="pannel">
  357. <div class="links">
  358.  
  359. <a href="/tagged/">your tag here</a>
  360. <a href="/tagged/">your tag here</a>
  361. <a href="/tagged/">your tag here</a>
  362. <a href="/tagged/">your tag here</a>
  363. <a href="/tagged/">your tag here</a>
  364. <a href="/tagged/">your tag here</a>
  365.  
  366. </div></div></div>
  367. <!-----END OF BOX 3------->
  368.  
  369.  
  370. <!--EXPLANATIONS
  371.  
  372. If you want to add lines, copy everything from "1ST LINE" to "END OF 1ST LINE".
  373. If you want to delete a line, just erase what I explained above.
  374. If you want to add a box copy everything from "BOX 1" to "END OF BOX 1". -->
  375.  
  376.  
  377.  
  378. <!---------DO NOT REMOVE THOSE TWO------>
  379. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!