API tools faq
paste
Advertisement
gabyschank

Tags Page Theme

gabyschank
Aug 26th, 2014
440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.55 KB | None | 0 0
raw download clone embed print report
  1. <!--Tags Page Theme by confers
  2. http://fluorescent-themes.tumblr.com/
  3. Please do not remove the credit---->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}"/>
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'>
  12. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  13. </script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".links_body").hide();
  17. $(".links_head").click(function(){
  18. $(this).next(".links_body").slideToggle('fast');
  19. }); }); </script>
  20.  
  21. <style type="text/css">
  22. .links_head {text-align:center;cursor:help;}
  23. .links_body {text-align:center;padding:3px;}
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. body{
  30. background-color:#fff;
  31. color:#ccc;
  32. font-family:consolas;
  33. font-size:10px;
  34. }
  35.  
  36. ::selection {
  37. background:#ccc;
  38. color:#fff;
  39. }
  40. ::-moz-selection {
  41. background:#ccc;
  42. color:#fff;
  43. }
  44.  
  45. ::-webkit-scrollbar{
  46. width:8px;
  47. height:8px;
  48. background:#fff;}
  49.  
  50. ::-webkit-scrollbar-thumb{
  51. background:#000;
  52. height:5px;
  53. border:#fff solid 3px;}
  54.  
  55. a:link, a:active, a:visited{
  56. -webkit-transition: 0.3s ease;
  57. transition: 0.3s ease;
  58. -o-transition: 0.3s ease;
  59. -moz-transition: 0.3s ease;
  60. color:#000;
  61. text-decoration:none;
  62. }
  63.  
  64. a:hover{
  65. -webkit-transition: 0.3s ease;
  66. transition: 0.3s ease;
  67. -o-transition: 0.3s ease;
  68. -moz-transition: 0.3s ease;
  69. color:#ccc;
  70. }
  71.  
  72. .title{
  73. font-family:consolas;
  74. font-size:16px;}
  75.  
  76. .title a{
  77. -webkit-transition: 0.3s ease;
  78. transition: 0.3s ease;
  79. -o-transition: 0.3s ease;
  80. -moz-transition: 0.3s ease;
  81. color:{color:title};
  82. }
  83.  
  84. .title a:hover{
  85. -webkit-transition: 0.3s ease;
  86. transition: 0.3s ease;
  87. -o-transition: 0.3s ease;
  88. -moz-transition: 0.3s ease;
  89. color:{color:title hover};
  90. }
  91.  
  92.  
  93. #tagtitle{
  94. font-family:consolas;
  95. position:absolute;
  96. display:inline-block;
  97. width:200px;
  98. text-transform:uppercase;
  99. margin-top:40px;
  100. font-size:11px;
  101. padding:2px 0px 2px 0px;
  102. }
  103.  
  104.  
  105. #tagtitle p{
  106. font-family:consolas;
  107. border:1px solid #ccc;
  108. font-size:11px;
  109. width:200px;
  110. position:absolute;
  111. margin-top:-21px;
  112. text-transform:uppercase;
  113. margin-left:-101px;
  114. text-align:center;
  115. display:inline-block;
  116. }
  117.  
  118.  
  119. #title{
  120. font-family: 'Crafty Girls', cursive;
  121. text-transform:uppercase;
  122. letter-spacing:1px;
  123. font-size:20px;}
  124.  
  125. #links{
  126. font-size:11px;
  127. text-transform:uppercase;
  128. letter-spacing:1px;
  129. font-family:consolas;
  130. text-transform:uppercase;
  131. }
  132.  
  133. #links a {
  134. text-decoration:underline;
  135. }
  136.  
  137. #sidebar{
  138. display:center;
  139. text-align:center;
  140.  
  141. }
  142.  
  143. #credit {
  144. position:fixed;
  145. font-family:consolas;
  146. font-size:10px;
  147. bottom:10px;
  148. z-index:999999999999;
  149. right:10px;
  150. text-transform:uppercase;
  151. }
  152.  
  153. </style>
  154.  
  155.  
  156.  
  157. </head>
  158. <body>
  159. <center>
  160. <!--- THIS IS WHAT YOUR TITLE WILL SAY AT THE TOP OF THE PAGE ---->
  161. <div id="title">Tags Page</div>
  162.  
  163. <!--- THESE ARE YOUR LINKS ---->
  164. <div id="links">
  165. <a href="/">go back</a>,
  166. <a href="/ask">message</a>,
  167. <a href="/archive">archive</a>,
  168. <!--- DON'T REMOVE/CHANGE THIS ---->
  169. <a href="http://fluorescent-themes.tumblr.com/">theme</a>
  170. <!--- DON'T REMOVE/CHANGE THIS ---->
  171. </div>
  172.  
  173.  
  174. <!--- WANT LESS CATEGORIES? DELETE 1&7 ---->
  175. <p></p>
  176. <div style="font-size: 17px;">
  177. <div id="tagtitle" style= "margin-left:-715px;">
  178.  
  179. <!--- THIS IS THE CATEGORY TITLE ---->
  180. <p class="links_head">TAG CATEGORY 1:</p>
  181.  
  182. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  183. <ul>
  184. <!--- THESE ARE THE ACTUAL TAGS, DELETE/ADD AS MANY AS YOU WANT! ---->
  185. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  186. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  187. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  188. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  189. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  190. </ul>
  191. </div>
  192. </div>
  193. <div id="tagtitle" style="margin-left: -510px;">
  194. <p class="links_head">TAG CATEGORY 2:</p>
  195. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  196. <div class="tags">
  197. <ul>
  198. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  199. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  200. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  201. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  202. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  203. </ul>
  204. </div>
  205. </div>
  206. </div>
  207. <div id="tagtitle" style="margin-left:-305px;">
  208. <p class="links_head">TAG CATEGORY 3:</p>
  209. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  210. <div class="tags">
  211. <ul>
  212. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  213. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  214. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  215. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  216. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  217. </ul>
  218. </div>
  219. </div>
  220. </div>
  221. <div id="tagtitle" style="margin-left:-100px;">
  222. <p class="links_head">TAG CATEGORY 4:</p>
  223. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  224. <div class="tags">
  225. <ul>
  226. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  227. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  228. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  229. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  230. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  231. </ul>
  232. </div>
  233. </div>
  234. </div>
  235. <div id="tagtitle" style="margin-left:105px;">
  236. <p class="links_head">TAG CATEGORY 5:</p>
  237. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  238. <ul>
  239. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  240. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  241. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  242. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  243. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  244. </ul>
  245. </div>
  246. </div>
  247. <div id="tagtitle" style="margin-left: 310px;">
  248. <p class="links_head">TAG CATEGORY 6:</p>
  249. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  250. <ul>
  251. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  252. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  253. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  254. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  255. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  256. </ul>
  257. </div>
  258. </div>
  259. <div id="tagtitle" style="margin-left:515px;">
  260. <p class="links_head">TAG CATEGORY 7:</p>
  261. <div class="links_body" style="text-align: left; border: 1px solid #ccc;">
  262. <div class="tags">
  263. <ul>
  264. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  265. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  266. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  267. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  268. <li><a href="/tagged/TAG" style="line-height: 1.4;">TAG TITLE</a></li>
  269. </ul>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </body>
  275. </html>
  276. <!--- DON'T REMOVE/CHANGE THIS ---->
  277. <div id="credit"><a href="http://fluorescent-themes.tumblr.com">credit</a></div>
  278. <!--- DON'T REMOVE/CHANGE THIS ---->
  279. </div>
  280. </body>
  281. </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!