API tools faq
paste
lokiphile

Lokiphile Tumblr Tags Page 2.0

lokiphile
Jun 24th, 2013
5,402
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7.  
  8. <!---- theme by noelle @ accioloki.tumblr.com
  9.  
  10. Please don’t remove or alter the credit
  11. Do not redistribute as your own
  12. Edit away! but please don’t use it as a base code
  13. Don't use snippets from this please
  14. I think that’s everything, enjoy! if you have any questions, just ask me and I’ll help you! :D
  15.  
  16.  
  17. --->
  18.  
  19.  
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  22.  
  23.  
  24. <style type="text/css">
  25.  
  26.  
  27. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  28.  
  29. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  30.  
  31. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  32.  
  33. body {
  34. background:#ffffff;
  35. overflow:scroll;
  36. width:100%;
  37. margin:0px;
  38. font-family: 'Marvel', sans-serif;
  39. font-size:10px;
  40. line-height:100%;
  41. letter-spacing:1px;
  42.  
  43. }
  44.  
  45. a {
  46. text-decoration:none;
  47. outline:none;
  48. -moz-outline-style:none;
  49.  
  50. }
  51.  
  52.  
  53. a{
  54. text-decoration:none;
  55. color:#000000;
  56. -webkit-transition: all 0.3s ease-out;
  57. -moz-transition: all 0.3s ease-out;
  58. transition: all 0.3s ease-out;
  59. }
  60.  
  61. a:hover {
  62. color:#ffffff;
  63. -webkit-transition: all 0.3s ease-out;
  64. -moz-transition: all 0.3s ease-out;
  65. transition: all 0.3s ease-out;
  66. }
  67.  
  68.  
  69.  
  70. #header{
  71. position:fixed;
  72. width:750px;
  73. height:60px;
  74. left:50%;
  75. margin-top:0px;
  76. margin-left:-490px;
  77. padding-top:10px;
  78. z-index:9999999999999;
  79. background:#ffffff;
  80. border-bottom: solid 1px #dadada;
  81. transition-duration: 0.6s;
  82. -moz-transition-duration: 0.6s;
  83. -webkit-transition-duration: 0.6s;
  84. -o-transition-duration: 0.6s;
  85. }
  86.  
  87. /**-----------------------------TITLE--------------------------------**/
  88. #title{
  89. opacity:1;
  90. width:750px;
  91. height:auto;
  92. position:fixed;
  93. margin-top:20px;
  94. margin-left:-490px;
  95. left:50%;
  96. font-family: 'Dancing Script', cursive;
  97. font-size:30px;
  98. color:#000000;
  99. text-align:center;
  100. transition-duration: 0.6s;
  101. -moz-transition-duration: 0.6s;
  102. -webkit-transition-duration: 0.6s;
  103. -o-transition-duration: 0.6s;
  104. }
  105.  
  106. /**-----------------------------TITLE-END-------------------------------**/
  107.  
  108.  
  109. /**-----------------------------BORDER--------------------------------**/
  110.  
  111. #container{
  112. width:670px;
  113. height:auto;
  114. position:absolute;
  115. left:50%;
  116. margin-left:-490px;
  117. margin-top:80px;
  118. z-index:1;
  119. text-align:justify;
  120. display:inline-block;
  121. padding:40px 40px 20px 40px;
  122. background: url("URL OF THE IMAGE OF YOUR BORDER") repeat;
  123.  
  124.  
  125. }
  126.  
  127. /**----------------------------BORDER-END-------------------------------**/
  128.  
  129.  
  130. #box{
  131. background: #ffffff; /** BACKGROUND COLOUR OF TAGS **/
  132. width:670px;
  133. height:auto;
  134. text-align:justify;
  135. z-index:2;
  136. padding:20px 20px 0px 20px;
  137. margin-left:-20px;
  138. margin-top:-20px;
  139. }
  140.  
  141.  
  142.  
  143. #side {
  144. opacity:0.8;
  145. position:fixed;
  146. left:75%;
  147. top:50%;
  148. margin-top:-100px;
  149. border:10px solid #ffffff;
  150. outline:1px solid #dadada;
  151.  
  152. }
  153.  
  154. #side img {
  155. position:fixed;
  156. left:75%;
  157. top:50%;
  158. margin-top:-100px;
  159. width:200px;
  160. height:200px
  161. border:10px solid #ffffff;
  162. outline:6px double #dadada;
  163. }
  164.  
  165.  
  166. #navigation{
  167. border:1px solid #dadada;
  168. opacity:0;
  169. position:fixed;
  170. margin-top:50px;
  171. left:79%;
  172. padding-top:10px;
  173. padding-bottom:5px;
  174. width:100px;
  175. height:65px;
  176. z-index:300;
  177. background:#ffffff; /** BACKGROUND **/
  178. text-align:center;
  179. transition-duration: 0.8s;
  180. -moz-transition-duration: 0.8s;
  181. -webkit-transition-duration: 0.8s;
  182. -o-transition-duration: 0.8s;
  183. }
  184.  
  185. #side:hover #navigation{
  186. opacity:1;
  187. transition-duration: 0.8s;
  188. -moz-transition-duration: 0.8s;
  189. -webkit-transition-duration: 0.8s;
  190. -o-transition-duration: 0.8s;
  191. }
  192.  
  193. /**-----------------------NAVIGATION BUTTONS----------------------------**/
  194.  
  195.  
  196. div.button a{
  197. margin-top:2px;
  198. text-align: center;
  199. width:10px;
  200. padding-top:8px;
  201. background:#ffffff; /** BACKGROUND OF BUTTONS**/
  202. position:relative;
  203. font-size:9px;
  204. width: 40px;
  205. height:20px;
  206. z-index:300;
  207. display: inline-block;
  208. transition-duration: 0.7s;
  209. -moz-transition-duration: 0.7s;
  210. -webkit-transition-duration: 0.7s;
  211. -o-transition-duration: 0.7s;
  212. }
  213.  
  214.  
  215. div.button a:hover{
  216. opacity:1;
  217. background:#000000; /** BACKGROUND OF BUTTONS ON HOVER**/
  218. z-index:200;
  219. transition-duration: 0.7s;
  220. -moz-transition-duration: 0.7s;
  221. -webkit-transition-duration: 0.7s;
  222. -o-transition-duration: 0.7s;
  223. }
  224.  
  225. /**-----------------------NAVIGATION BUTTONS-END------------------------**/
  226.  
  227.  
  228. #t1{
  229. margin-left:5px;
  230. display:inline-block;
  231. z-index:1000;
  232.  
  233. }
  234.  
  235. /**-------------------------------TAGTITLE-----------------------------**/
  236.  
  237.  
  238. #tagtitle{
  239. font-size:14px;
  240. font-family: 'Dancing Script', cursive;
  241. float:left;
  242. width:160px;
  243. margin-left:-5px;
  244. padding-bottom:10px;
  245. padding-top:10px;
  246. background:#3F3E3E;
  247. text-align:center;
  248. display:inline-block;
  249. color:#ffffff;
  250.  
  251. }
  252. /**------------------------------TAGTITLE-END--------------------------**/
  253.  
  254.  
  255. #tag1{
  256. height:auto;
  257. width:90px;
  258. float:left;
  259. margin-bottom:20px;
  260. z-index:4;
  261. text-align:center;
  262.  
  263. }
  264.  
  265. #tag2{
  266. float:left;
  267. height:auto;
  268. width:90px;
  269. margin-left:80px;
  270. margin-bottom:20px;
  271. z-index:4;
  272. text-align:center;
  273. }
  274.  
  275.  
  276. #tag3{
  277. height:auto;
  278. width:90px;
  279. float:left;
  280. z-index:4;
  281. margin-left:80px;
  282. margin-bottom:20px;
  283. text-align:center;
  284.  
  285. }
  286. #tag4{
  287. height:auto;
  288. width:90px;
  289. float:right;
  290. z-index:4;
  291. margin-left:80px;
  292. margin-bottom:20px;
  293. text-align:center;
  294. }
  295.  
  296.  
  297. /**-------------------------------TAGS-----------------------------**/
  298.  
  299. div.tags a{
  300. z-index:9999999999999999;
  301. width:140px;
  302. padding:10px 0px 10px 0px;
  303. margin-left:5px;
  304. text-align:center;
  305. display:inline-block;
  306. color:#000000; /**COLOUR OF TEXT**/
  307. background:none; /**COLOUR OF BACKGROUND**/
  308. border-bottom:1px solid #000000;
  309. transition-duration: 0.6s;
  310. -moz-transition-duration: 0.6s;
  311. -webkit-transition-duration: 0.6s;
  312. -o-transition-duration: 0.6s;
  313.  
  314. }
  315.  
  316. div.tags a:hover{
  317. border-bottom:1px solid #d8d8d8;
  318. color:#ececec; /**COLOUR OF TEXT ON HOVER**/
  319. background:#d8d8d8; /**COLOUR OF BACKGROUND ON HOVER**/
  320. transition-duration: 0.6s;
  321. -moz-transition-duration: 0.6s;
  322. -webkit-transition-duration: 0.6s;
  323. -o-transition-duration: 0.6s;
  324.  
  325. }
  326.  
  327.  
  328. /**-------------------------------TAGS-END----------------------------**/
  329.  
  330.  
  331. /**-------------------------------SCROLLBAR-----------------------------**/
  332.  
  333. ::-webkit-scrollbar {
  334. width: 10px;
  335. height: 5px;
  336. background-color:none;
  337. }
  338.  
  339. ::-webkit-scrollbar-thumb {
  340. background:#3F3E3E;
  341.  
  342. /**IF YOU WANT AN IMAGE OR A PATTERN, REPLACE THE BACKGROUND SECTION WITH THIS:
  343.  
  344. background:url("URL OF YOUR IMAGE") repeat;
  345.  
  346. **/
  347. }
  348.  
  349. /**---------------------------SCROLLBAR-END----------------------------**/
  350.  
  351.  
  352. {CustomCSS}</style></head><body>
  353.  
  354. <div id="side">
  355.  
  356.  
  357. <!-----------------------------SIDEBAR IMAGE----------------------------->
  358.  
  359. <img width="200px"height="200px"<img src="URL IMAGE HERE">
  360.  
  361. <!--------------------------SIDEBAR IMAGE-END---------------------------->
  362.  
  363.  
  364.  
  365. <!-----------------------------NAVIGATION------------------------------>
  366.  
  367. <div id="navigation"><div class="button">
  368. <a href="/">home</a><a href="/ask">mssg</a><a href="http://www.tumblr.com/dashboard">dash</a><a href="http://www.accioloki.tumblr.com">©</a>
  369.  
  370. </div></div>
  371.  
  372. <!---------------------------NAVIGATION- END----------------------------->
  373.  
  374.  
  375. </div>
  376.  
  377. <div id="header">
  378.  
  379. <!---------------------------------TITLE--------------------------------->
  380.  
  381. <div id="title"> Tags Page</div>
  382.  
  383. </div>
  384.  
  385. <!-----------------------------TITLE- END-------------------------------->
  386.  
  387.  
  388.  
  389. <div id="container">
  390. <div id="box">
  391.  
  392. <!---------------------------START OF ONE ROW----------------------------->
  393.  
  394.  
  395. <!-------------------------------TAGS-1--------------------------------->
  396.  
  397.  
  398. <div id="t1">
  399.  
  400. <div id="tag1"><div class="tags">
  401. <div id="tagtitle">Title</div>
  402. <a href="/tagged/anything">tag</a>
  403. <a href="/tagged/anything">tag</a>
  404. <a href="/tagged/anything">tag</a>
  405. <a href="/tagged/anything">tag</a>
  406. <a href="/tagged/anything">tag</a>
  407. </div></div>
  408.  
  409. <!-----------------------------TAGS-1 END--------------------------------->
  410.  
  411. <!-------------------------------TAGS-2--------------------------------->
  412.  
  413. <div id="tag2"><div class="tags">
  414.  
  415. <div id="tagtitle">Title</div>
  416. <a href="/tagged/anything">tag</a>
  417. <a href="/tagged/anything">tag</a>
  418. <a href="/tagged/anything">tag</a>
  419. <a href="/tagged/anything">tag</a>
  420. <a href="/tagged/anything">tag</a>
  421. </div></div>
  422.  
  423. <!-----------------------------TAGS-2 END--------------------------------->
  424.  
  425. <!-------------------------------TAGS-3--------------------------------->
  426.  
  427.  
  428. <div id="tag3"><div class="tags">
  429. <div id="tagtitle">Title</div>
  430. <a href="/tagged/anything">tag</a>
  431. <a href="/tagged/anything">tag</a>
  432. <a href="/tagged/anything">tag</a>
  433. <a href="/tagged/anything">tag</a>
  434. <a href="/tagged/anything">tag</a>
  435. </div></div>
  436.  
  437. <!-----------------------------TAGS-3 END--------------------------------->
  438.  
  439. <!-------------------------------TAGS-4--------------------------------->
  440.  
  441.  
  442. <div id="tag4"><div class="tags">
  443. <div id="tagtitle">Title</div>
  444. <a href="/tagged/anything">tag</a>
  445. <a href="/tagged/anything">tag</a>
  446. <a href="/tagged/anything">tag</a>
  447. <a href="/tagged/anything">tag</a>
  448. <a href="/tagged/anything">tag</a>
  449. </div></div>
  450.  
  451. <!-----------------------------TAGS-4 END--------------------------------->
  452.  
  453.  
  454. </div>
  455.  
  456. <!----------------------------END OF ONE ROW----------------------------->
  457.  
  458.  
  459.  
  460. <! THE NEXT FEW ROWS OF TAGS ARE EXACTLY THE SAME AS ABOVE. >
  461.  
  462. <!--------------------------START OF ONE ROW----------------------------->
  463.  
  464.  
  465. <div id="t1">
  466.  
  467. <div id="tag1"><div class="tags">
  468. <div id="tagtitle">Title</div>
  469. <a href="/tagged/anything">tag</a>
  470. <a href="/tagged/anything">tag</a>
  471. <a href="/tagged/anything">tag</a>
  472. <a href="/tagged/anything">tag</a>
  473. <a href="/tagged/anything">tag</a>
  474. </div></div>
  475.  
  476. <div id="tag2"><div class="tags">
  477.  
  478. <div id="tagtitle">Title</div>
  479. <a href="/tagged/anything">tag</a>
  480. <a href="/tagged/anything">tag</a>
  481. <a href="/tagged/anything">tag</a>
  482. <a href="/tagged/anything">tag</a>
  483. <a href="/tagged/anything">tag</a>
  484. </div></div>
  485.  
  486.  
  487.  
  488. <div id="tag3"><div class="tags">
  489. <div id="tagtitle">Title</div>
  490. <a href="/tagged/anything">tag</a>
  491. <a href="/tagged/anything">tag</a>
  492. <a href="/tagged/anything">tag</a>
  493. <a href="/tagged/anything">tag</a>
  494. <a href="/tagged/anything">tag</a>
  495. </div></div>
  496.  
  497. <div id="tag4"><div class="tags">
  498. <div id="tagtitle">Title</div>
  499. <a href="/tagged/anything">tag</a>
  500. <a href="/tagged/anything">tag</a>
  501. <a href="/tagged/anything">tag</a>
  502. <a href="/tagged/anything">tag</a>
  503. <a href="/tagged/anything">tag</a>
  504. </div></div>
  505.  
  506.  
  507. </div>
  508.  
  509. <!----------------------------END OF ONE ROW----------------------------->
  510.  
  511.  
  512. <!---------------------------START OF ONE ROW----------------------------->
  513.  
  514.  
  515. <div id="t1">
  516.  
  517. <div id="tag1"><div class="tags">
  518. <div id="tagtitle">Title</div>
  519. <a href="/tagged/anything">tag</a>
  520. <a href="/tagged/anything">tag</a>
  521. <a href="/tagged/anything">tag</a>
  522. <a href="/tagged/anything">tag</a>
  523. <a href="/tagged/anything">tag</a>
  524. </div></div>
  525.  
  526. <div id="tag2"><div class="tags">
  527.  
  528. <div id="tagtitle">Title</div>
  529. <a href="/tagged/anything">tag</a>
  530. <a href="/tagged/anything">tag</a>
  531. <a href="/tagged/anything">tag</a>
  532. <a href="/tagged/anything">tag</a>
  533. <a href="/tagged/anything">tag</a>
  534. </div></div>
  535.  
  536.  
  537.  
  538. <div id="tag3"><div class="tags">
  539. <div id="tagtitle">Title</div>
  540. <a href="/tagged/anything">tag</a>
  541. <a href="/tagged/anything">tag</a>
  542. <a href="/tagged/anything">tag</a>
  543. <a href="/tagged/anything">tag</a>
  544. <a href="/tagged/anything">tag</a>
  545. </div></div>
  546.  
  547. <div id="tag4"><div class="tags">
  548. <div id="tagtitle">Title</div>
  549. <a href="/tagged/anything">tag</a>
  550. <a href="/tagged/anything">tag</a>
  551. <a href="/tagged/anything">tag</a>
  552. <a href="/tagged/anything">tag</a>
  553. <a href="/tagged/anything">tag</a>
  554. </div></div>
  555.  
  556.  
  557. </div>
  558.  
  559. <!----------------------------END OF ONE ROW----------------------------->
  560.  
  561.  
  562.  
  563.  
  564. </div></div>
  565.  
  566.  
  567.  
  568. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!