Advertisement
paigeh987

Tags Page 1 - neonbike themes

Nov 16th, 2013
310
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. page #02 by Paige @ neonbikethemes.tumblr.com
  6. Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own
  7. Do not remove the credit. thanks!
  8. I will put messages next to things to make this easily customisable.
  9. -->
  10.  
  11. <style type=text/css>
  12.  
  13. a:link {color:#838383;} /* unvisited link */
  14. a:visited {color:#838383;} /* visited link */
  15. a:hover {color:#6c6c6c;} /* mouse over link */
  16. a:active {color:#838383;} /* selected link */
  17. a:link {text-decoration:none;}
  18. a:visited {text-decoration:none;}
  19. a:hover {text-decoration:none;}
  20. a:active {text-decoration:none;}
  21.  
  22.  
  23.  
  24. #style-4::-webkit-scrollbar-track
  25. {
  26. -webkit-box-shadow: inset #f5f5f5;
  27. background-color: #F5F5F5;
  28. }
  29.  
  30. #style-4::-webkit-scrollbar
  31. {
  32. width: 10px;
  33. background-color: #F5F5F5;
  34. }
  35.  
  36. #style-4::-webkit-scrollbar-thumb
  37. {
  38. background-color: #000000;
  39. border: 2px solid #555555;
  40. }
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48. #icon{
  49. position:absolute;
  50. display: inline-block;
  51. background:transparent;
  52. margin-left:30%;
  53. top:130px;
  54. height:100px;
  55. width:470px;
  56. text-align:center;
  57. font-size:10px;
  58. word-spacing:10px;
  59. }
  60.  
  61. #titlebox {
  62. position:absolute;
  63. display: inline-block;
  64. background:#91d8dd;
  65. margin:0px auto;
  66. margin-left:30%;
  67. top:240px;
  68. height:20px;
  69. width:450px;
  70. font-size:18px;
  71. text-transform:none;
  72. font-family:times, italic;
  73. text-align:center;
  74. padding:10px;
  75. border-radius:0px;
  76. color:#838383;
  77. }
  78.  
  79. #box {
  80. position:fixed;
  81. display: inline-block;
  82. margin:0px auto;
  83. background:#f0f0f0;
  84. opacity:1.0;
  85. margin-left:30%;
  86. top:280px;
  87. height:320px;
  88. width:440px;
  89. border-radius:0px;
  90. padding:15px;
  91. font-size:10px;
  92. font-family:times italic;
  93. color:#838383;
  94. text-align:center;
  95. }
  96.  
  97.  
  98. #linka {
  99. position:relative;
  100. display: inline-block;
  101. margin:0px auto;
  102. background:#b2e4e8;
  103. opacity:1.0;
  104. top:0px;
  105. height:15px;
  106. width:130px;
  107. border-radius:1px;
  108. padding:5px;
  109. font-size:11px;
  110. font-family:times italic;
  111. text-align:center;
  112. text color:#838383;
  113. }
  114.  
  115.  
  116. #linkabox{
  117. position:relative;
  118. display: inline-block;
  119. margin:0px auto;
  120. background:#e1e1e1;
  121. opacity:1.0;
  122. top:0px;
  123. height:auto;
  124. width:130px;
  125. border-radius:1px;
  126. padding:5px;
  127. font-size:11px;
  128. font-family:times italic;
  129. text-align:center;
  130. text color:#838383;
  131.  
  132. }
  133.  
  134.  
  135. #linkb{
  136. position:relative;
  137. display: inline-block;
  138. margin:0px auto;
  139. background:#b2e4e8;
  140. opacity:1.0;
  141. top:0px;
  142. height:15px;
  143. width:130px;
  144. border-radius:1px;
  145. padding:5px;
  146. font-size:11px;
  147. font-family:times italic;
  148. text-align:center;
  149. color:#838383;
  150. }
  151.  
  152. #linkbbox{
  153. position:relative;
  154. display: inline-block;
  155. margin:0px auto;
  156. background:#e1e1e1;
  157. opacity:1.0;
  158. top:0px;
  159. height:auto;
  160. width:130px;
  161. border-radius:1px;
  162. padding:5px;
  163. font-size:11px;
  164. font-family:times italic;
  165. text-align:center;
  166. text color:#838383;
  167.  
  168. }
  169.  
  170. #linkbbox{
  171. position:relative;
  172. display: inline-block;
  173. margin:0px auto;
  174. background:#e1e1e1;
  175. opacity:1.0;
  176. top:0px;
  177. height:auto;
  178. width:130px;
  179. border-radius:1px;
  180. padding:5px;
  181. font-size:11px;
  182. font-family:times italic;
  183. text-align:center;
  184. text color:#838383;
  185.  
  186. }
  187.  
  188. #linkc {
  189. position:relative;
  190. display: inline-block;
  191. margin:0px auto;
  192. background:#b2e4e8;
  193. opacity:1.0;
  194. top:0px;
  195. height:15px;
  196. width:130px;
  197. border-radius:1px;
  198. padding:5px;
  199. font-size:11px;
  200. font-family:times italic;
  201. text-align:center;
  202. color:#838383;
  203. }
  204.  
  205. #linkcbox{
  206. position:relative;
  207. display: inline-block;
  208. margin:0px auto;
  209. background:#e1e1e1;
  210. opacity:1.0;
  211. top:0px;
  212. height:auto;
  213. width:130px;
  214. border-radius:1px;
  215. padding:5px;
  216. font-size:11px;
  217. font-family:times italic;
  218. text-align:center;
  219. text color:#838383;
  220.  
  221. }
  222.  
  223. #linkd {
  224. position:relative;
  225. display: inline-block;
  226. margin:0px auto;
  227. background:#b2e4e8;
  228. opacity:1.0;
  229. top:10px;
  230. height:15px;
  231. width:130px;
  232. border-radius:1px;
  233. padding:5px;
  234. font-size:11px;
  235. font-family:times italic;
  236. text-align:center;
  237. color:#838383;
  238. }
  239.  
  240. #linkdbox{
  241. position:relative;
  242. display: inline-block;
  243. margin:0px auto;
  244. background:#e1e1e1;
  245. opacity:1.0;
  246. top:10px;
  247. height:auto;
  248. width:130px;
  249. border-radius:1px;
  250. padding:5px;
  251. font-size:11px;
  252. font-family:times italic;
  253. text-align:center;
  254. text color:#838383;
  255.  
  256. }
  257.  
  258. #linke {
  259. position:relative;
  260. display: inline-block;
  261. margin:0px auto;
  262. background:#b2e4e8;
  263. opacity:1.0;
  264. top:10px;
  265. height:15px;
  266. width:130px;
  267. border-radius:1px;
  268. padding:5px;
  269. font-size:11px;
  270. font-family:times italic;
  271. text-align:center;
  272. color:#838383;
  273. }
  274.  
  275. #linkebox{
  276. position:relative;
  277. display: inline-block;
  278. margin:0px auto;
  279. background:#e1e1e1;
  280. opacity:1.0;
  281. top:10px;
  282. height:auto;
  283. width:130px;
  284. border-radius:1px;
  285. padding:5px;
  286. font-size:11px;
  287. font-family:times italic;
  288. text-align:center;
  289. text color:#838383;
  290.  
  291. }
  292.  
  293. #linkf {
  294. position:relative;
  295. display: inline-block;
  296. margin:0px auto;
  297. background:#b2e4e8;
  298. opacity:1.0;
  299. left:0px;
  300. top:10px;
  301. height:15px;
  302. width:130px;
  303. border-radius:1px;
  304. padding:5px;
  305. font-size:11px;
  306. font-family:times italic;
  307. text-align:center;
  308. color:#838383;
  309. }
  310. #linkfbox{
  311. position:relative;
  312. display: inline-block;
  313. margin:0px auto;
  314. background:#e1e1e1;
  315. opacity:1.0;
  316. top:10px;
  317. height:auto;
  318. width:130px;
  319. border-radius:1px;
  320. padding:5px;
  321. font-size:11px;
  322. font-family:times italic;
  323. text-align:center;
  324. text color:#838383;
  325.  
  326. }
  327.  
  328. #linkg {
  329. position:relative;
  330. display: inline-block;
  331. margin:0px auto;
  332. background:#b2e4e8;
  333. opacity:1.0;
  334. left:0px;
  335. top:20px;
  336. height:15px;
  337. width:273px;
  338. border-radius:1px;
  339. padding:5px;
  340. font-size:11px;
  341. font-family:times italic;
  342. text-align:center;
  343. color:#838383;
  344. }
  345. #linkgboxone{
  346. position:relative;
  347. display: inline-block;
  348. margin:0px auto;
  349. background:#e1e1e1;
  350. opacity:1.0;
  351. top:20px;
  352. height:auto;
  353. width:130px;
  354. border-radius:1px;
  355. padding:5px;
  356. font-size:11px;
  357. font-family:times italic;
  358. text-align:center;
  359. text color:#838383;
  360.  
  361. }
  362. #linkgboxtwo{
  363. position:relative;
  364. display: inline-block;
  365. margin:0px auto;
  366. background:#e1e1e1;
  367. opacity:1.0;
  368. top:20px;
  369. height:auto;
  370. width:130px;
  371. border-radius:1px;
  372. padding:5px;
  373. font-size:11px;
  374. font-family:times italic;
  375. text-align:center;
  376. text color:#838383;
  377.  
  378. }
  379.  
  380. #linkh {
  381. position:relative;
  382. display: inline-block;
  383. margin:0px auto;
  384. background:#b2e4e8;
  385. opacity:1.0;
  386. left:0px;
  387. top:20px;
  388. height:15px;
  389. width:130px;
  390. border-radius:1px;
  391. padding:5px;
  392. font-size:11px;
  393. font-family:times italic;
  394. text-align:center;
  395. color:#838383;
  396. }
  397. #linkhbox{
  398. position:relative;
  399. display: inline-block;
  400. margin:0px auto;
  401. background:#e1e1e1;
  402. opacity:1.0;
  403. top:20px;
  404. height:auto;
  405. width:130px;
  406. border-radius:1px;
  407. padding:5px;
  408. font-size:11px;
  409. font-family:times italic;
  410. text-align:center;
  411. text color:#838383;
  412.  
  413. }
  414.  
  415. #linki {
  416. position:relative;
  417. display: inline-block;
  418. margin:0px auto;
  419. background:#b2e4e8;
  420. opacity:1.0;
  421. left:0px;
  422. top:30px;
  423. height:15px;
  424. width:416px;
  425. border-radius:1px;
  426. padding:5px;
  427. font-size:11px;
  428. font-family:times italic;
  429. text-align:center;
  430. color:#838383;
  431. }
  432. #linkiboxone{
  433. position:relative;
  434. display: inline-block;
  435. margin:0px auto;
  436. background:#e1e1e1;
  437. opacity:1.0;
  438. top:30px;
  439. height:auto;
  440. width:130px;
  441. border-radius:1px;
  442. padding:5px;
  443. font-size:11px;
  444. font-family:times italic;
  445. text-align:center;
  446. text color:#838383;
  447.  
  448. }
  449. #linkiboxtwo{
  450. position:relative;
  451. display: inline-block;
  452. margin:0px auto;
  453. background:#e1e1e1;
  454. opacity:1.0;
  455. top:30px;
  456. height:auto;
  457. width:130px;
  458. border-radius:1px;
  459. padding:5px;
  460. font-size:11px;
  461. font-family:times italic;
  462. text-align:center;
  463. text color:#838383;
  464.  
  465. }
  466. #linkiboxthree{
  467. position:relative;
  468. display: inline-block;
  469. margin:0px auto;
  470. background:#e1e1e1;
  471. opacity:1.0;
  472. top:30px;
  473. height:auto;
  474. width:130px;
  475. border-radius:1px;
  476. padding:5px;
  477. font-size:11px;
  478. font-family:times italic;
  479. text-align:center;
  480. text color:#838383;
  481.  
  482. }
  483.  
  484.  
  485. </style>
  486.  
  487. <div id="icon"><img src="http://25.media.tumblr.com/034ec49e8e02396bfff842eee9c32b77/tumblr_mw025pDSOX1sj8ev1o7_500.png" align="center" height="80px" width="80px" alt="I Lost My Shoe">
  488. <br><a href="http://winterhunting.tumblr.com">HOME</a>
  489. <a href="http://winterhunting.tumblr.com/ask">ASK</a>
  490. <a href="http://winterhunting.tumblr.com/navi">NAVI</a>
  491. <a href="http://winterhunting.tumblr.com/about">ABOUT</a>
  492. </div>
  493.  
  494. <div id="titlebox"><i>tags</i></div>
  495.  
  496.  
  497.  
  498.  
  499. <div id="box">
  500. <div id="linka">
  501. Supernatural
  502. </div>
  503. <div id="linkb">
  504. Sherlock
  505. </div>
  506. <div id="linkc">
  507. Star Trek
  508. </div>
  509. <br><div id="linkabox">
  510. <a href="http://winterhunting.tumblr.com/tagged/spn">Supernatural</a>
  511. <br><a href="http://winterhunting.tumblr.com/tagged/dean">Dean</a>
  512. <br><a href="http://winterhunting.tumblr.com/tagged/sam">Sam</a>
  513. <br><a href="http://winterhunting.tumblr.com/tagged/castiel">Castiel</a>
  514. </div>
  515. <div id="linkbbox">
  516. <a href="http://winterhunting.tumblr.com/tagged/bbc-sherlock">BBC Sherlock</a>
  517. <br><a href="http://winterhunting.tumblr.com/tagged/sherlock">Sherlock</a>
  518. <br><a href="http://winterhunting.tumblr.com/tagged/john">John</a>
  519. <br><a href="http://winterhunting.tumblr.com/tagged/moriarty">Moriarty</a>
  520. </div>
  521. <div id="linkcbox">
  522. <a href="http://winterhunting.tumblr.com/tagged/star-trek">Star Trek</a>
  523. <br><a href="http://winterhunting.tumblr.com/tagged/kirk">Kirk</a>
  524. <br><a href="http://winterhunting.tumblr.com/tagged/spock">Spock</a>
  525. <br><a href="http://winterhunting.tumblr.com/tagged/khan">Khan</a>
  526. </div>
  527.  
  528.  
  529.  
  530.  
  531. <div id="linkd">
  532. Merlin
  533. </div>
  534. <div id="linke">
  535. Doctor Who
  536. </div>
  537. <div id="linkf">
  538. Ships
  539. </div>
  540. <div id="linkdbox">
  541. <a href="http://winterhunting.tumblr.com/tagged/bbc-merlin">BBC Merlin</a>
  542. <br><a href="http://winterhunting.tumblr.com/tagged/merlin">Merlin</a>
  543. <br><a href="http://winterhunting.tumblr.com/tagged/arthur">Arthur</a>
  544. <br><a href="http://winterhunting.tumblr.com/tagged/the-knights">the Knights</a>
  545. </div>
  546. <div id="linkebox">
  547. <a href="http://winterhunting.tumblr.com/tagged/doctor-who">Doctor Who</a>
  548. <br><a href="http://winterhunting.tumblr.com/tagged/the-doctor">the Doctor</a>
  549. <br><a href="http://winterhunting.tumblr.com/tagged/the-ponds">the Ponds</a>
  550. <br><a href="http://winterhunting.tumblr.com/tagged/amy">Amy</a>/<a href="http://winterhunting.tumblr.com/tagged/rory">Rory</a>
  551. </div>
  552. <div id="linkfbox">
  553. <a href="http://winterhunting.tumblr.com/tagged/destiel">Destiel</a>
  554. <br><a href="http://winterhunting.tumblr.com/tagged/methur">Merthur</a>
  555. <br><a href="http://winterhunting.tumblr.com/tagged/johnlock">Johnlock</a>
  556. <br><a href="http://winterhunting.tumblr.com/tagged/spirk">Spirk</a>/<a href="http://winterhunting.tumblr.com/tagged/kock">Kock</a>
  557. </div>
  558.  
  559.  
  560.  
  561.  
  562.  
  563. <br><div id="linkg">
  564. People
  565. </div>
  566. <div id="linkh">
  567. Personal
  568. </div>
  569. <div id="linkgboxone">
  570.  
  571. <a href="http://winterhunting.tumblr.com/tagged/jensen-ackles">Jensen Ackles</a>
  572. <br><a href="http://winterhunting.tumblr.com/tagged/jared-padalecki">Jared Padalecki</a>
  573. <br><a href="http://winterhunting.tumblr.com/tagged/misha-collins">Misha Collins</a>
  574. <br><a href="http://winterhunting.tumblr.com/tagged/zachary-quinto">Zachary Quinto</a>
  575. <br><a href="http://winterhunting.tumblr.com/tagged/chris-pine">Chris Pine</a>
  576. <br><a href="http://winterhunting.tumblr.com/tagged/chris-hemsworth">Chris Hemsworth</a>
  577. </div>
  578. <div id="linkgboxtwo">
  579.  
  580. <a href="http://winterhunting.tumblr.com/tagged/Martin-freeman">Martin Freeman</a>
  581. <br><a href="http://winterhunting.tumblr.com/tagged/benedict-cumberbatch">Benedict Cumberbatch</a>
  582. <br><a href="http://winterhunting.tumblr.com/tagged/andrew-scott">Andrew Scott</a>
  583. <br><a href="http://winterhunting.tumblr.com/tagged/collin-morgan">Collin Morgan</a>
  584. <br><a href="http://winterhunting.tumblr.com/tagged/bradley-james">Bradley James</a>
  585. <br><a href="http://winterhunting.tumblr.com/tagged/tom-hiddleston">Tom Hiddleston</a>
  586. </div>
  587.  
  588. <div id="linkhbox">
  589. <a href="http://winterhunting.tumblr.com/tagged/my-life">About Me</a>
  590. <br><a href="http://winterhunting.tumblr.com/tagged/edits">My Edits</a>
  591. <br><a href="http://winterhunting.tumblr.com/tagged/my-art">My Art</a>
  592. <br><a href="http://winterhunting.tumblr.com/tagged/my-face">My Face</a>
  593. <br>.<br>.
  594. </div>
  595.  
  596. <br>
  597.  
  598.  
  599. </div>
  600.  
  601.  
  602.  
  603.  
  604.  
  605. </div>
  606.  
  607.  
  608.  
  609. <div id"boxb"></div>
  610.  
  611. <div style="position:fixed;bottom:3px; left:7px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid;padding:4px;"><a href="http://narruld.tumblr.com/">P</a></center></div>
  612.  
  613. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement