API tools faq
paste
Advertisement
mintmisha

mintmisha doctor who navi theme backup

mintmisha
May 26th, 2017
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.13 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------
  2. TAGS PAGE #04 BY: http://robbarya.tumblr.com (INSTRUCTIONS IN CODE)
  3. ...................................................
  4. ...................................................
  5.  
  6. TERMS OF USE:
  7. - DON'T CLAIM AS YOUR OWN
  8. - DON'T REMOVE OR MOVE THE CREDIT
  9. - DON'T REDISTRIBUTE
  10. - DON'T USE AS A BASE. YOU CAN EDIT IT AS MUCH AS YOU LIKE AS LONG AS THE CREDIT IS STILL IN ITS ORIGINAL PLACE- Thank you
  11. --------------------------------------------->
  12.  
  13. <html>
  14. <head>
  15. <title>Doctor Who</title><!---Change the browser title----->
  16.  
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19.  
  20. <style type="text/css">
  21.  
  22.  
  23. ::-webkit-scrollbar-thumb:vertical {
  24. background-color: #003B6F;/*Change the scrollbar color*/
  25. height:6px;
  26. }
  27. ::-webkit-scrollbar-corner {
  28. background-color: transparent;
  29. }
  30.  
  31. ::-webkit-scrollbar {
  32. margin-left: 5px;
  33. height:5px;
  34. width:5px;
  35. }
  36.  
  37.  
  38. body {
  39. background-color: #f6f6f6;/*Change the background color*/
  40. color: #999; /*Change the text color*/
  41. font-family: Calibri;
  42. font-size: 10px;
  43. letter-spacing: 0.1em;}
  44.  
  45.  
  46. .titulo {
  47. margin-bottom: 2px;
  48. padding: 5px 0px;
  49. width: 350px;
  50. height: 10px;
  51. font-family: Calibri;
  52. text-transform: uppercase;
  53. text-align:center;
  54. background-color: #fff;/*Change the title background color*/
  55. letter-spacing: 2px;
  56. color: #666; /*Change the title color*/
  57. font-size: 8px;
  58. }
  59.  
  60. .header img {
  61. width: 350px;
  62. height: 170px;
  63. }
  64.  
  65. .header {
  66. width: 330px;
  67. }
  68.  
  69. .header ul {
  70. margin-top: 5px;
  71. width: 360px;
  72. margin-left: -40px;
  73. font-family: consolas;
  74. list-style-type: none;
  75. }
  76.  
  77. .header ul li {
  78. width: 83px;
  79. display:inline-block;
  80. background-color: #fff; /*Change the main links background color*/
  81. text-align: center;
  82. }
  83.  
  84. .header ul li a {
  85. padding: 5px;
  86. letter-spacing: 2px;
  87. display: inline-block;
  88. color: #666; /*Change the main links color*/
  89. text-decoration: none;
  90. font-size: 8px;
  91. text-transform: uppercase;
  92. }
  93.  
  94. .header ul li:hover {
  95. border-left: solid 10px #003B6F; /*Change the main links left border color*/
  96. width: 73px;
  97. color: #999; /*Change the main links color when hover*/
  98. }
  99.  
  100.  
  101. .all {
  102. margin: 50px auto;
  103. width: 330px;
  104. }
  105.  
  106. .enlaces {
  107. height: 100px;
  108. width: 200px;
  109. margin-left: 0px;
  110. margin-top: 15px;
  111. position: absolute;
  112. }
  113.  
  114.  
  115.  
  116. .link label{
  117. color: #999; /*Change the list titles color*/
  118. letter-spacing: 2px;
  119. font-size: 8px;
  120. line-height: 14px;
  121. font-weight: bold;
  122. background-color: #ffffff; /*Change the list titles background color*/
  123. width:162px;
  124. padding: 5px;
  125. text-transform: uppercase;
  126. height: 15px;
  127. text-align: center;
  128. cursor: pointer;
  129. display: block;
  130. margin-bottom: 10px;
  131. }
  132.  
  133. .link label:hover {
  134. border-left: solid 10px #003B6F; /*Change the list titles left border color*/
  135. width: 152px;
  136. color: #666; /*Change the list titles color when hover*/
  137. }
  138.  
  139. [type=radio]:checked ~ label {
  140. z-index: 2;
  141. border-left: solid 10px #003B6F;/*Change the list titles left border color when checked*/
  142. color: #666;/*Change the list titles color when checked*/
  143. width: 152px;
  144. }
  145.  
  146. .link [type=radio] {
  147. display: none;
  148. }
  149.  
  150. .contenido {
  151. color: #999;
  152. background-color: #ffffff;
  153. float:right;
  154. width: 150px;
  155. margin-top: -30px;
  156. margin-left: 239px;
  157. height: 320px;
  158. padding: 10px;
  159. overflow: scroll;
  160. text-align: justify;
  161. position: absolute;
  162. top:30px;
  163. left:-60px;
  164. }
  165.  
  166. .contenido a {
  167. color: #999; /*Change the links color*/
  168. padding: 3px;
  169. font-size: 8px;
  170. margin-bottom: 2px;
  171. display: block;
  172. text-decoration: none;
  173. text-transform: uppercase;
  174. }
  175.  
  176. .contenido a:hover {
  177. letter-spacing: 2px;
  178. border-bottom: solid 2px #003B6F; /*Change the links bottom border color when hover*/
  179. text-align:center;
  180. color: #666; /*Change the links color when hover*/
  181. font-weight: bold;
  182. padding: 2px;
  183.  
  184. }
  185.  
  186.  
  187. [type=radio]:checked ~ label ~ .contenido {
  188. z-index: 1;
  189. }
  190. </style>
  191.  
  192. </head>
  193. <body>
  194.  
  195. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  196. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  197. </style>
  198.  
  199. <div class="all">
  200. <div class="header">
  201. <img src="http://68.media.tumblr.com/33d836e1fbe028c9f4124c7af61e6f3f/tumblr_inline_mhvmv60fZQ1qz4rgp.png"><!--------Top image URL here. To get an URL you should previously upload the image on
  202. http://www.tumblr.com/themes/upload_static_file and then copy here the link it gives you, between the "". Make it 350x170px --------->
  203. <div class="titulo">Doctor Who</div><!---Change the title--->
  204. <ul>
  205. <li><a href="/navi">back</a></li>
  206. <li><a href="/">home</a></li>
  207. <li><a href="http://tumblr.com/dashboard">dashboard</a></li>
  208. <li><a href="http://robbarya.tumblr.com">credit</a></li>
  209. </ul>
  210. </div>
  211.  
  212.  
  213. <div class="enlaces">
  214.  
  215.  
  216. <div class="link">
  217. <input type="radio" id="tab-1" name="tab-group-1" checked>
  218. <label for="tab-1">Doctor Who</label>
  219. <!----Change the list title!---->
  220.  
  221. <div class="contenido">
  222.  
  223. <a href="/tagged/doctor-who">All</a>
  224. <!----You can erase these or add more!---->
  225.  
  226. </div>
  227. </div>
  228.  
  229. <div class="link">
  230. <input type="radio" id="tab-2" name="tab-group-1">
  231. <label for="tab-2">Doctors</label>
  232.  
  233. <div class="contenido">
  234.  
  235. <a href="/tagged/war-doctor">War Doctor</a>
  236. <a href="/tagged/nine">Ninth Doctor</a>
  237. <a href="/tagged/ten">Tenth Doctor</a>
  238. <a href="/tagged/eleven">Eleventh Doctor</a>
  239. <a href="/tagged/twelve">Twelfth Doctor</a>
  240.  
  241. </div>
  242. </div>
  243.  
  244. <div class="link">
  245. <input type="radio" id="tab-3" name="tab-group-1">
  246. <label for="tab-3">Companions</label>
  247.  
  248. <div class="contenido">
  249.  
  250. <a href="/tagged/martha">Martha Jones</a>
  251. <a href="/tagged/donna">Donna Noble</a>
  252. <a href="/tagged/clara-oswald">Clara Oswald</a>
  253. <a href="/tagged/amelia-pond">Amy Pond</a>
  254. <a href="/tagged/river">River Song</a>
  255. <a href="/tagged/rose">Rose Tyler</a>
  256. <a href="/tagged/rory-williams">Rory Williams</a>
  257.  
  258. </div>
  259. </div>
  260.  
  261. <div class="link">
  262. <input type="radio" id="tab-4" name="tab-group-1">
  263. <label for="tab-4">Monsters/Aliens/Robots</label>
  264.  
  265. <div class="contenido">
  266.  
  267. <a href="/tagged/cybermen">Cybermen</a>
  268. <a href="/tagged/daleks">Daleks</a>
  269. <a href="/tagged/the-silence">The Silence</a>
  270. <a href="/tagged/weeping-angels">Weeping Angels</a>
  271.  
  272. </div>
  273. </div>
  274.  
  275. <div class="link">
  276. <input type="radio" id="tab-5" name="tab-group-1">
  277. <label for="tab-5">Cast</label>
  278.  
  279. <div class="contenido">
  280.  
  281. <a href="/tagged/peter-capaldi">Peter Capaldi</a>
  282. <a href="/tagged/jenna-coleman">Jenna Coleman</a>
  283. <a href="/tagged/arthur-darvill">Arthur Darvill</a>
  284. <a href="/tagged/christopher-eccleston">Chris Eccleston</a>
  285. <a href="/tagged/karen-gillan">Karen Gillan</a>
  286. <a href="/tagged/billie-piper">Billie Piper</a>
  287. <a href="/tagged/matt-smith">Matt Smith</a>
  288. <a href="/tagged/david-tennant">David Tennant</a>
  289.  
  290. </div>
  291. </div>
  292.  
  293. <div class="link">
  294. <input type="radio" id="tab-6" name="tab-group-1">
  295. <label for="tab-6">Relationships</label>
  296.  
  297. <div class="contenido">
  298.  
  299. <a href="/tagged/nine-x-rose">Nine x Rose</a>
  300. <a href="/tagged/ten-x-rose">Ten x Rose</a>
  301. <a href="/tagged/eleven-x-river">Eleven x River</a>
  302. <a href="/tagged/eleven-x-amy">Eleven x Amy</a>
  303. <a href="/tagged/amy-x-rory">Amy x Rory</a>
  304. <a href="/tagged/whouffle">Eleven x Clara</a>
  305.  
  306. </div>
  307. </div>
  308.  
  309. <div class="link">
  310. <input type="radio" id="tab-7" name="tab-group-1">
  311. <label for="tab-7">Misc.</label>
  312.  
  313. <div class="contenido">
  314.  
  315. <a href="/tagged/cassandra">Cassandra</a>
  316. <a href="/tagged/craig-owens">Craig Owens</a>
  317. <a href="/tagged/danny-pink">Danny Pink</a>
  318. <a href="/tagged/idris">Idris</a>
  319. <a href="/tagged/mickey smith">Mickey Smith</a>
  320. <a href="/tagged/sally-sparrow">Sally Sparrow</a>
  321. <a href="/tagged/sonic-screwdriver">Sonic Screwdriver</a>
  322. <a href="/tagged/tardis">Tardis</a>
  323. <a href="/tagged/van-gogh">Vincent</a>
  324.  
  325. </div>
  326. </div>
  327.  
  328.  
  329. <!------To here. Make sure you change the tabs numbers from 10 to 11. Keep the tab-group-1 (it's the only one you shouldn't change). Always increase the number if you want to add more lists-------->
  330.  
  331.  
  332.  
  333. </div></div></div>
  334.  
  335.  
  336. </div>
  337. </body>
  338. </html>
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!