API tools faq
paste
Advertisement
junkos

tags page - mirth

junkos
Aug 22nd, 2013
4,755
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.82 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--------------------
  6.  
  7. tags page by lavvie@bluenaegi.tumblr.com
  8. please do not steal thanks
  9. message me if you have any problems
  10.  
  11. ------------------->
  12.  
  13. <head>
  14.  
  15. <link href="http://static.tumblr.com/xkion9m/Ybpmm6rx4/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  16.  
  17. <title>{Title} | tags</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27. <style type="text/css">
  28.  
  29. body {
  30. background-image: url('');
  31. background-attachment: fixed;
  32. background-color: #fafafa;
  33. font-family: trebuchet ms;
  34. font-size: 9px;
  35. line-height: 14px;
  36. text-align: justify;
  37. }
  38.  
  39. #bar {
  40. position: fixed;
  41. top: 0px;
  42. left: 0px;
  43. width: 100%;
  44. height: 50px;
  45. z-index: 99;
  46. background-color: #fff;
  47. border-bottom: 1px solid #f0f0f0;
  48. }
  49.  
  50. #icon {
  51. position: fixed;
  52. top: 10px;
  53. left: 300px;
  54. z-index: 9999999999999;
  55. }
  56.  
  57. #icon img {
  58. padding: 15px;
  59. border: 1px solid #f0f0f0;
  60. background-color: #fff;
  61. height: 45px;
  62. width: 45px;
  63. border-radius: 100px;
  64. -moz-border-radius: 100px;
  65. -webkit-border-radius: 100px;
  66. -webkit-transition: all 0.7s ease-in-out;
  67. -moz-transition: all 0.7s ease-in-out;
  68. -o-transition: all 0.7s ease-in-out;
  69. -ms-transition: all 0.7s ease-in-out;
  70. transition: all 0.7s ease-in-out;
  71. }
  72.  
  73. #icon img:hover {
  74. border: 1px solid #ff5544;
  75. transform: rotate(360deg);
  76. -moz-transform: rotate(360deg);
  77. -webkit-transform: rotate(360deg);
  78. -o-transform: rotate(360deg);
  79. }
  80.  
  81. #box {
  82. position: fixed;
  83. height: 100%;
  84. width: 520px;
  85. top: 0px;
  86. left:80px;
  87. background-color: #fff;
  88. border-left: 1px solid #f0f0f0;
  89. border-right: 1px solid #f0f0f0;
  90. z-index: -99;
  91. }
  92.  
  93. #desc {
  94. position: fixed;
  95. width: 480px;
  96. padding: 20px;
  97. font-style: italic;
  98. text-align: center;
  99. color: #bbb;
  100. border-bottom: 1px dashed #f0f0f0;
  101. border-left: 1px solid #f0f0f0;
  102. border-right: 1px solid #f0f0f0;
  103. background-color: #fff;
  104. padding-bottom: 10px;
  105. padding-top: 40px;
  106. z-index: 999;
  107. top:51px;
  108. left: 80px;
  109. }
  110.  
  111. #desc a {
  112. text-decoration: none;
  113. color: #ff5544;
  114. -webkit-transition: all 0.2s ease-in-out;
  115. -moz-transition: all 0.2s ease-in-out;
  116. -o-transition: all 0.2s ease-in-out;
  117. -ms-transition: all 0.2s ease-in-out;
  118. transition: all 0.2s ease-in-out;
  119. }
  120.  
  121. #desc a:hover {
  122. color: #fff;
  123. -webkit-transition: all 0.2s ease-in-out;
  124. -moz-transition: all 0.2s ease-in-out;
  125. -o-transition: all 0.2s ease-in-out;
  126. -ms-transition: all 0.2s ease-in-out;
  127. transition: all 0.2s ease-in-out;
  128. }
  129.  
  130. #cont {
  131. position: absolute;
  132. width: 480px;
  133. padding: 5px;
  134. top: 160px;
  135. left: 80px;
  136. z-index: 9;
  137. text-align: center;
  138. }
  139.  
  140. #cont b, strong {
  141. color: #bbb;
  142. font-weight: none;
  143. border-bottom: 1px solid #ff5544;
  144. text-transform: uppercase;
  145. text-align: center;
  146. letter-spacing: 2px;
  147. padding: 1px;
  148. font-size: 11px;
  149. }
  150.  
  151. #cont a {
  152. text-decoration: none;
  153. color: #ff5544;
  154. text-transform: uppercase;
  155. padding: 3px;
  156. letter-spacing: 1px;
  157. }
  158.  
  159. .tnoc {
  160. width: 230px;
  161. margin-left: 10px;
  162. position: absolute;
  163. }
  164.  
  165. .conts {
  166. width: 230px;
  167. margin-left: 270px;
  168. position: absolute;
  169. }
  170.  
  171. ol,ul {
  172. list-style-type:square;
  173. text-align: left;
  174. color: #f0f0f0;
  175. }
  176.  
  177. #plus {
  178. line-height: 20px;
  179. position: fixed;
  180. left:600px;
  181. top: 180px;
  182. }
  183.  
  184. #plus a {
  185. text-transform: uppercase;
  186. text-decoration: none;
  187. color: #bbb;
  188. letter-spacing: 1px;
  189. font-size: 8px;
  190. padding: 0px 3px 0px 10px;
  191. background-color: #fff;
  192. border-top: 1px solid #f0f0f0;
  193. border-bottom: 1px solid #f0f0f0;
  194. border-right: 1px solid #f0f0f0;
  195. -webkit-transition: all 0.2s ease-in-out;
  196. -moz-transition: all 0.2s ease-in-out;
  197. -o-transition: all 0.2s ease-in-out;
  198. -ms-transition: all 0.2s ease-in-out;
  199. transition: all 0.2s ease-in-out;
  200. }
  201.  
  202. #plus a:hover {
  203. color: #ff5544;
  204. padding: 0px 5px 0px 25px;
  205. }
  206.  
  207. </style>
  208. </head>
  209. <body>
  210.  
  211. <!------------ you can put a icon here! ------>
  212.  
  213. <div id="icon">
  214.  
  215. <img src="IMAGE URL HERE">
  216.  
  217. </div>
  218.  
  219. <div id="plus">
  220.  
  221. <!------------ edit the links here, but please don't remove credit! thank you! ------>
  222.  
  223. <a href="/">index</a><br />
  224.  
  225. <a href="/ask">message</a><br />
  226.  
  227. <a href="/submit">submit</a><br />
  228.  
  229. <a href="/">link one</a><br />
  230.  
  231. <a href="/">link two</a><br />
  232.  
  233. <a href="/">link three</a><br />
  234.  
  235. <a href="/">link four</a><br />
  236.  
  237. <a href="http://bluenaegi.tumblr.com">credit</a><br />
  238.  
  239. </div>
  240.  
  241. <!------------ you can put description here!! ------>
  242.  
  243. <div id="desc">
  244.  
  245. a small description can go here!
  246.  
  247. <br />
  248.  
  249. be careful, as it can spill into the tags section.
  250.  
  251. <br />
  252.  
  253. <b>bold</b>, <i>italic</i>, <a href="/">link</a>.
  254.  
  255. <br />
  256.  
  257. ...
  258.  
  259. </div>
  260.  
  261. <div id="cont">
  262.  
  263. <!------------ first tags column starts here! ------>
  264.  
  265. <div class="tnoc">
  266.  
  267. <p><strong>tag header</strong> </p>
  268. <ul>
  269. <li><a href="/tagged/">tag</a><span> </span></li>
  270. <li><a href="/tagged/">tag</a><span> </span></li>
  271. <li><a href="/tagged/">tag</a><span> </span></li>
  272. <li><a href="/tagged/">tag</a><span> </span></li>
  273. <li><a href="/tagged/">tag</a><span> </span></li>
  274. <li><a href="/tagged/">tag</a><span> </span></li>
  275. <li><a href="/tagged/">tag</a><span> </span></li>
  276. </ul>
  277.  
  278. <p><strong>tag header</strong> </p>
  279. <ul>
  280. <li><a href="/tagged/">tag</a><span> </span></li>
  281. <li><a href="/tagged/">tag</a><span> </span></li>
  282. <li><a href="/tagged/">tag</a><span> </span></li>
  283. <li><a href="/tagged/">tag</a><span> </span></li>
  284. <li><a href="/tagged/">tag</a><span> </span></li>
  285. <li><a href="/tagged/">tag</a><span> </span></li>
  286. <li><a href="/tagged/">tag</a><span> </span></li>
  287. </ul>
  288.  
  289. <p><strong>tag header</strong> </p>
  290. <ul>
  291. <li><a href="/tagged/">tag</a><span> </span></li>
  292. <li><a href="/tagged/">tag</a><span> </span></li>
  293. <li><a href="/tagged/">tag</a><span> </span></li>
  294. <li><a href="/tagged/">tag</a><span> </span></li>
  295. <li><a href="/tagged/">tag</a><span> </span></li>
  296. <li><a href="/tagged/">tag</a><span> </span></li>
  297. <li><a href="/tagged/">tag</a><span> </span></li>
  298. </ul>
  299.  
  300. <p><strong>tag header</strong> </p>
  301. <ul>
  302. <li><a href="/tagged/">tag</a><span> </span></li>
  303. <li><a href="/tagged/">tag</a><span> </span></li>
  304. <li><a href="/tagged/">tag</a><span> </span></li>
  305. <li><a href="/tagged/">tag</a><span> </span></li>
  306. <li><a href="/tagged/">tag</a><span> </span></li>
  307. <li><a href="/tagged/">tag</a><span> </span></li>
  308. <li><a href="/tagged/">tag</a><span> </span></li>
  309. </ul>
  310.  
  311. <p><strong>tag header</strong> </p>
  312. <ul>
  313. <li><a href="/tagged/">tag</a><span> </span></li>
  314. <li><a href="/tagged/">tag</a><span> </span></li>
  315. <li><a href="/tagged/">tag</a><span> </span></li>
  316. <li><a href="/tagged/">tag</a><span> </span></li>
  317. <li><a href="/tagged/">tag</a><span> </span></li>
  318. <li><a href="/tagged/">tag</a><span> </span></li>
  319. <li><a href="/tagged/">tag</a><span> </span></li>
  320. </ul>
  321.  
  322. <p><strong>tag header</strong> </p>
  323. <ul>
  324. <li><a href="/tagged/">tag</a><span> </span></li>
  325. <li><a href="/tagged/">tag</a><span> </span></li>
  326. <li><a href="/tagged/">tag</a><span> </span></li>
  327. <li><a href="/tagged/">tag</a><span> </span></li>
  328. <li><a href="/tagged/">tag</a><span> </span></li>
  329. <li><a href="/tagged/">tag</a><span> </span></li>
  330. <li><a href="/tagged/">tag</a><span> </span></li>
  331. </ul>
  332.  
  333. </div>
  334.  
  335. <!------------ second tags column starts here! ------>
  336.  
  337. <div class="conts">
  338.  
  339. <p><strong>tag header</strong> </p>
  340. <ul>
  341. <li><a href="/tagged/">tag</a><span> </span></li>
  342. <li><a href="/tagged/">tag</a><span> </span></li>
  343. <li><a href="/tagged/">tag</a><span> </span></li>
  344. <li><a href="/tagged/">tag</a><span> </span></li>
  345. <li><a href="/tagged/">tag</a><span> </span></li>
  346. <li><a href="/tagged/">tag</a><span> </span></li>
  347. <li><a href="/tagged/">tag</a><span> </span></li>
  348. </ul>
  349.  
  350. <p><strong>tag header</strong> </p>
  351. <ul>
  352. <li><a href="/tagged/">tag</a><span> </span></li>
  353. <li><a href="/tagged/">tag</a><span> </span></li>
  354. <li><a href="/tagged/">tag</a><span> </span></li>
  355. <li><a href="/tagged/">tag</a><span> </span></li>
  356. <li><a href="/tagged/">tag</a><span> </span></li>
  357. <li><a href="/tagged/">tag</a><span> </span></li>
  358. <li><a href="/tagged/">tag</a><span> </span></li>
  359. </ul>
  360.  
  361. <p><strong>tag header</strong> </p>
  362. <ul>
  363. <li><a href="/tagged/">tag</a><span> </span></li>
  364. <li><a href="/tagged/">tag</a><span> </span></li>
  365. <li><a href="/tagged/">tag</a><span> </span></li>
  366. <li><a href="/tagged/">tag</a><span> </span></li>
  367. <li><a href="/tagged/">tag</a><span> </span></li>
  368. <li><a href="/tagged/">tag</a><span> </span></li>
  369. <li><a href="/tagged/">tag</a><span> </span></li>
  370. </ul>
  371.  
  372. <p><strong>tag header</strong> </p>
  373. <ul>
  374. <li><a href="/tagged/">tag</a><span> </span></li>
  375. <li><a href="/tagged/">tag</a><span> </span></li>
  376. <li><a href="/tagged/">tag</a><span> </span></li>
  377. <li><a href="/tagged/">tag</a><span> </span></li>
  378. <li><a href="/tagged/">tag</a><span> </span></li>
  379. <li><a href="/tagged/">tag</a><span> </span></li>
  380. <li><a href="/tagged/">tag</a><span> </span></li>
  381. </ul>
  382.  
  383. <p><strong>tag header</strong> </p>
  384. <ul>
  385. <li><a href="/tagged/">tag</a><span> </span></li>
  386. <li><a href="/tagged/">tag</a><span> </span></li>
  387. <li><a href="/tagged/">tag</a><span> </span></li>
  388. <li><a href="/tagged/">tag</a><span> </span></li>
  389. <li><a href="/tagged/">tag</a><span> </span></li>
  390. <li><a href="/tagged/">tag</a><span> </span></li>
  391. <li><a href="/tagged/">tag</a><span> </span></li>
  392. </ul>
  393.  
  394. <p><strong>tag header</strong> </p>
  395. <ul>
  396. <li><a href="/tagged/">tag</a><span> </span></li>
  397. <li><a href="/tagged/">tag</a><span> </span></li>
  398. <li><a href="/tagged/">tag</a><span> </span></li>
  399. <li><a href="/tagged/">tag</a><span> </span></li>
  400. <li><a href="/tagged/">tag</a><span> </span></li>
  401. <li><a href="/tagged/">tag</a><span> </span></li>
  402. <li><a href="/tagged/">tag</a><span> </span></li>
  403. </ul>
  404.  
  405. </div>
  406.  
  407. </div>
  408.  
  409. <div id="bar"></div>
  410.  
  411. <div id="box"></div>
  412.  
  413. </body>
  414. </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!