API tools faq
paste
enchantingly

Tags Page 01

enchantingly
Sep 8th, 2013
968
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.32 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!--
  3. Tags Page 01 by Elowen (theghostoflove.tumblr.com)
  4.  
  5. I don’t mind if the credit is removed if the theme is edited beyond recognition. If not, please keep credit intact.
  6. -->
  7.  
  8. <head>
  9. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  10. <script src="https://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  11.  
  12. <title>{title} | tags</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <style type="text/css">
  18.  
  19. /**-------------------TAGS TITLE FONT----------------------**/
  20.  
  21. h1 {font-family:'Cookie';font-size:26px; font-weight:normal;line-height:100%;margin-top:-2px;margin-bottom:0px}
  22.  
  23. /**-------------------MAIN TITLE FONT----------------------**/
  24. h3 {font-family: 'Cookie', cursive;text-transform:normal;text-align:center;font-style:normal;font-size:44px;font-weight:normal;color:#ca2020;padding-top:29px;padding-bottom:29px;width:730px;margin:-4px 0px 0px 407px;}
  25.  
  26. ::-webkit-scrollbar {width: 6px; height:auto;}::-webkit-scrollbar-corner {background:#db6363;}::-webkit-scrollbar-thumb:vertical {background:#db6363;}::-webkit-scrollbar-thumb:horizontal {background:#db6363;}
  27.  
  28. a { color:{color:link};
  29. font-family:georgia;
  30. text-decoration:none;-moz-transition-duration:0.5s;
  31. -webkit-transition-duration:0.5s;
  32. -o-transition-duration:0.5s;}
  33. a:hover {color:{color:link hover};}
  34.  
  35. body{
  36. font-family:'Lora', serif;
  37. font-size:11px;
  38. background:#fff url('BACKGROUND IMAGE URL HERE IF WANTED');
  39. background-repeat:repeat;
  40. background-attachment:fixed;
  41. color:#e23c3c;
  42. }
  43.  
  44. /**-------------------BACKGROUND OF ALL THE TAGS----------------------**/
  45. #entries {
  46. padding:20px 10px 10px;
  47. width:700px;
  48. margin-top:140px;
  49. margin-bottom:20px;
  50. margin-left:410px;
  51. text-align:center;
  52. background-color:#e62929;
  53. }
  54.  
  55. /**-----------------------------HEADER--------------------------------**/
  56. #header {
  57. border-bottom:1px solid #e62929;
  58. margin-top:-140px;
  59. margin-left:-8px;
  60. width:110%;
  61. height:100px;
  62. background-color:#ee7777;
  63. position:fixed;
  64. }
  65.  
  66. /**-----------------------------SIDEBAR--------------------------------**/
  67. #sidebar {
  68. margin-top:80px;
  69. margin-left:70px;
  70. position:fixed;
  71. width:250px;
  72. height:250px;
  73. border:3px solid #e62929;
  74. z-index:2}
  75.  
  76. #sidebar img {
  77. height:250px;
  78. width:250px;
  79. }
  80.  
  81. /**--------------------------SIDEBAR LINKS-----------------------------**/
  82.  
  83. #sidebar:hover #links {opacity:1;}
  84. #links {
  85. opacity:0;
  86. margin-top:-200px;
  87. margin-left:-10px;
  88. -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  89. #links a {
  90. background-color:#f39797;
  91. color:#5e0101;
  92. border:solid 1px #000;
  93. height: 10px;
  94. width:50px;
  95. line-height:10px;
  96. display:inline-block;
  97. margin:0px 0px 8px 10px;
  98. font-size:9px;
  99. text-transform:lowercase;
  100. letter-spacing:1px;
  101. text-align:center;
  102. padding:4px;}
  103. #links a:hover {
  104. background-color:#ffe7e7;
  105. color:#5e0101;
  106. text-decoration:none;
  107. text-align:center;
  108. letter-spacing:2px}
  109.  
  110. /**--------------------------DESCRIPTION-----------------------------**/
  111.  
  112. #sidebar:hover #description {opacity:1; padding-top:15px;}
  113. #description {
  114. color:#fff;
  115. opacity:0;
  116. margin-top:20px;
  117. padding-left:15px;
  118. width:220px;
  119. padding-top:15px;
  120. padding-right:15px;
  121. padding-bottom:15px;
  122. text-align:justify;
  123. -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  124.  
  125. /**-----------------------FIRST COLUMN OF TAGS--------------------------**/
  126.  
  127. #tagcup1 {
  128. vertical-align:top;
  129. margin-left:-20px;
  130. width:160px;
  131. display:inline-block;
  132. margin-top:10px;
  133. }
  134.  
  135. /**----------------------SECOND COLUMN OF TAGS-------------------------**/
  136.  
  137. #tagcup2 {
  138. margin-left:60px;
  139. vertical-align:top;
  140. width:160px;
  141. display:inline-block;
  142. margin-top:8px;
  143. }
  144.  
  145. /**-----------------------THIRD COLUMN OF TAGS--------------------------**/
  146.  
  147. #tagcup3 {
  148. vertical-align:top;
  149. margin-left:60px;
  150. margin-right:15px;
  151. width:160px;
  152. display:inline-block;
  153. margin-top:8px;
  154. }
  155.  
  156. /**----------------------------TAG TITLE-------------------------------**/
  157.  
  158. #title {
  159. width:190px;
  160. background-color:#fab7b7;
  161. color:#e23c3c;
  162. text-align:center;
  163. padding:10px 5px 10px 5px;
  164. }
  165.  
  166. /**-------------------------THE ACTUAL TAGS----------------------------**/
  167.  
  168. #tags {opacity:1;margin-left:10px;}
  169. #tags a {
  170. width:175px;
  171. background-color:#f39797;
  172. color:#5e0101;
  173. text-align:center;
  174. font-family:'Lora', serif;
  175. font-size:12px;
  176. display:block;
  177. padding:5px 1px 5px 1px;
  178. border-left:1px solid #8f0505;
  179. border-right:1px solid #8f0505;
  180. border-bottom:1px solid #8f0505;
  181. }
  182.  
  183. #tags a:hover {
  184. color:#5e0101;
  185. background-color:#ffe7e7;
  186. }
  187.  
  188. #credit {position:fixed;font-size:8px;font-weight:normal;line-height:150%;letter-spacing:0px;right:10px;bottom:10px;text-transform:normal;text-align:center;}
  189. #enchantingly {font-size: 8px;display: inline;text-transform: uppercase;opacity: 0;padding-right:5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  190. #credit:hover #enchantingly {opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  191.  
  192. {CustomCSS}</style>
  193.  
  194. </head>
  195. <body>
  196. <div id="header"><h3>Tags Page</h3></div>
  197.  
  198. <div id="sidebar"><img src="SIDEBARIMAGEURL HERE">
  199. <div id="links"><center>
  200. <a href="/">home</a>
  201. <a href="/ask">ask</a>
  202. <a href="https://www.tumblr.com/dashboard">dash</a>
  203. </center>
  204. </div>
  205. <center><div id="description">
  206. ANYTHING YOU WISH TO SAY ABOUT TAGS HERE
  207. If you don't have anything to say, simply delete.
  208. <br>
  209. </div></center>
  210.  
  211. </div></div>
  212. </div>
  213.  
  214. <div id="entries">
  215.  
  216. <!----------------COLUMN ONE------------------>
  217. <!------COPY AND PASTE A WHOLE PARAGRAPH FOR A NEW SECTION OF TAGS-------->
  218. <!---------COPY AND PASTE JUST A WHOLE TAG LINK TO ADD TAGS----------->
  219.  
  220. <div id="tagcup1">
  221.  
  222. <div id="title"><h1>Tag Title</h1></div>
  223. <div id="tags"><a href="/">tag</a>
  224. <a href="/">tag</a>
  225. <a href="/">tag</a>
  226. <a href="/">tag</a>
  227. <a href="/">tag</a><br></div>
  228.  
  229. <div id="title"><h1>Tag Title</h1></div>
  230. <div id="tags"><a href="/">tag</a>
  231. <a href="/">tag</a>
  232. <a href="/">tag</a>
  233. <a href="/">tag</a>
  234. <a href="/">tag</a><br></div>
  235.  
  236. <div id="title"><h1>Tag Title</h1></div>
  237. <div id="tags"><a href="/">tag</a>
  238. <a href="/">tag</a>
  239. <a href="/">tag</a>
  240. <a href="/">tag</a>
  241. <a href="/">tag</a><br></div>
  242. </div>
  243.  
  244. <!----------------COLUMN TWO------------------>
  245.  
  246. <div id="tagcup2">
  247. <div id="title"><h1>Tag Title</h1></div>
  248. <div id="tags"><a href="/">tag</a>
  249. <a href="/">tag</a>
  250. <a href="/">tag</a>
  251. <a href="/">tag</a>
  252. <a href="/">tag</a><br></div>
  253. <div id="title"><h1>Tag Title</h1></div>
  254. <div id="tags"><a href="/">tag</a>
  255. <a href="/">tag</a>
  256. <a href="/">tag</a>
  257. <a href="/">tag</a>
  258. <a href="/">tag</a><br></div>
  259. <div id="title"><h1>Tag Title</h1></div>
  260. <div id="tags"><a href="/">tag</a>
  261. <a href="/">tag</a>
  262. <a href="/">tag</a>
  263. <a href="/">tag</a>
  264. <a href="/">tag</a><br></div>
  265. </div>
  266.  
  267. <!----------------COLUMN THREE------------------>
  268.  
  269. <div id="tagcup3">
  270. <div id="title"><h1>Tag Title</h1></div>
  271. <div id="tags"><a href="/">tag</a>
  272. <a href="/">tag</a>
  273. <a href="/">tag</a>
  274. <a href="/">tag</a>
  275. <a href="/">tag</a><br></div>
  276. <div id="title"><h1>Tag Title</h1></div>
  277. <div id="tags"><a href="/">tag</a>
  278. <a href="/">tag</a>
  279. <a href="/">tag</a>
  280. <a href="/">tag</a>
  281. <a href="/">tag</a><br></div>
  282. <div id="title"><h1>Tag Title</h1></div>
  283. <div id="tags"><a href="/">tag</a>
  284. <a href="/">tag</a>
  285. <a href="/">tag</a>
  286. <a href="/">tag</a>
  287. <a href="/">tag</a><br></div>
  288. </div>
  289.  
  290. </div>
  291.  
  292. <div id="credit"><div id="enchantingly">theghostoflove</div> <a href="https://theghostoflove.tumblr.com/" target="_blank">CREDIT</a></div>
  293.  
  294. </div>
  295. </body>
  296. </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!