API tools faq
paste
Advertisement
attractedtosin

Tag Page 001b

attractedtosin
Jul 21st, 2013
6,318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.59 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>
  4.  
  5.  
  6. <!------
  7. TAG PAGE 001b
  8. wolfwrecked [ohcodey.tumblr.com]
  9.  
  10. Please observe common theme sharing etiquette:
  11. :you may alter but do not remove credit
  12. :do not use as a base or redistibute
  13. :etc
  14.  
  15. ----->
  16.  
  17.  
  18. <title>Tags Page</title>
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. /* BORDER COLOURS */
  29. /*Change the HEX CODES below to alter the colours of the columns & the Header's coloured trim*/
  30.  
  31. .header {border-bottom-color:#c2254a;}
  32. .column1 h4, .column1 a:hover {border-bottom-color:#8717ac; color:#8717ac;}
  33. .column2 h4, .column2 a:hover {border-bottom-color:#0090ff; color:#0090ff;}
  34. .column3 h4, .column3 a:hover {border-bottom-color:#f94290; color:#f94290;}
  35. .column4 h4, .column4 a:hover {border-bottom-color:#5d00ff; color:#5d00ff;}
  36.  
  37.  
  38.  
  39.  
  40. /* CSS */
  41.  
  42. body {
  43. background-color:#f6f6f6;
  44. margin:0;
  45. font-family: 'Signika Negative', sans-serif;
  46. }
  47.  
  48.  
  49. .contain {
  50. width:900px;
  51. margin:10px auto 0 auto;
  52. overflow:auto;
  53. }
  54.  
  55. a {
  56. text-decoration: none;
  57. text-align:center;
  58. text-transform:uppercase;
  59. font-size:10px;
  60. color:#777777;
  61. }
  62.  
  63. .header {
  64. width: 100%;
  65. height:50px;
  66. background-color:#222222;
  67. margin:100px auto 0 auto;
  68. padding: 5px 0 0 0;
  69. color:#ffffff;
  70. font-size:36px;
  71. text-align:center;
  72. font-family: 'Arvo', serif;
  73. border-bottom-width:5px;
  74. border-bottom-style:solid;
  75. }
  76.  
  77. .subhead {
  78. padding:5px 0;
  79. background:#ffffff;
  80. width: 100%;
  81. text-align:center;
  82. font-size:8px;
  83. color:#eeeeee;
  84. letter-spacing:+2px;
  85. }
  86.  
  87. .subhead a {font-size:9px;
  88. letter-spacing:+4px;
  89. color:#bbb;}
  90.  
  91. .column1 {
  92. width:205px;
  93. float:left;
  94. margin:10px;
  95. }
  96.  
  97. .column1links{
  98. max-height:336px;
  99. overflow-y:scroll
  100. }
  101.  
  102. .column1header h4{
  103. font-family: 'Roboto Condensed', sans-serif;
  104. font-weight:normal;
  105. letter-spacing:+2px;
  106. font-size:16px;
  107. display:block;
  108. background-color:#222222;
  109. text-transform:uppercase;
  110. color:#ffffff;
  111. text-align:center;
  112. padding:5px;
  113. width:195px;
  114. margin:0;
  115. border-bottom-width:5px;
  116. border-bottom-style:solid;
  117.  
  118. }
  119.  
  120. .column1 a {
  121. display:block;
  122. padding:5px;
  123. width:190px;
  124. background-color:#ffffff;
  125. margin:2px 0;
  126. transition: all 0.3s ease-out;
  127. -o-transition: all 0.3s ease-out;
  128. -webkit-transition: all 0.3s ease-out;
  129. -moz-transition: all 0.3s ease-out;
  130. }
  131.  
  132. .column1 a:hover {
  133. background-color:#f6f6f6;
  134. letter-spacing:+2px;
  135. transition: all 0.3s ease-out;
  136. -o-transition: all 0.3s ease-out;
  137. -webkit-transition: all 0.3s ease-out;
  138. -moz-transition: all 0.3s ease-out;
  139. }
  140.  
  141. .column2 {
  142. width:205px;
  143. float:left;
  144. margin:10px;
  145. }
  146.  
  147. .column2links{
  148. max-height:336px;
  149. overflow-y:scroll
  150. }
  151.  
  152. .column2header h4{
  153. font-family: 'Roboto Condensed', sans-serif;
  154. font-weight:normal;
  155. letter-spacing:+2px;
  156. font-size:16px;
  157. display:block;
  158. background-color:#222222;
  159. text-transform:uppercase;
  160. color:#ffffff;
  161. text-align:center;
  162. padding:5px;
  163. width:195px;
  164. margin:0;
  165. border-bottom-width:5px;
  166. border-bottom-style:solid;
  167.  
  168. }
  169.  
  170. .column2 a {
  171. display:block;
  172. padding:5px;
  173. width:190px;
  174. background-color:#ffffff;
  175. margin:2px 0;
  176. transition: all 0.3s ease-out;
  177. -o-transition: all 0.3s ease-out;
  178. -webkit-transition: all 0.3s ease-out;
  179. -moz-transition: all 0.3s ease-out;
  180. }
  181.  
  182. .column2 a:hover {
  183. background-color:#f6f6f6;
  184. letter-spacing:+2px;
  185. transition: all 0.3s ease-out;
  186. -o-transition: all 0.3s ease-out;
  187. -webkit-transition: all 0.3s ease-out;
  188. -moz-transition: all 0.3s ease-out;
  189. }
  190.  
  191. .column3 {
  192. width:205px;
  193. float:left;
  194. margin:10px;
  195. }
  196.  
  197. .column3links{
  198. max-height:336px;
  199. overflow-y:scroll
  200. }
  201.  
  202. .column3header h4{
  203. font-family: 'Roboto Condensed', sans-serif;
  204. font-weight:normal;
  205. letter-spacing:+2px;
  206. font-size:16px;
  207. display:block;
  208. background-color:#222222;
  209. text-transform:uppercase;
  210. color:#ffffff;
  211. text-align:center;
  212. padding:5px;
  213. width:195px;
  214. margin:0;
  215. border-bottom-width:5px;
  216. border-bottom-style:solid;
  217.  
  218. }
  219.  
  220. .column3 a {
  221. display:block;
  222. padding:5px;
  223. width:190px;
  224. background-color:#ffffff;
  225. margin:2px 0;
  226. transition: all 0.3s ease-out;
  227. -o-transition: all 0.3s ease-out;
  228. -webkit-transition: all 0.3s ease-out;
  229. -moz-transition: all 0.3s ease-out;
  230. }
  231.  
  232. .column3 a:hover {
  233. background-color:#f6f6f6;
  234. letter-spacing:+2px;
  235. transition: all 0.3s ease-out;
  236. -o-transition: all 0.3s ease-out;
  237. -webkit-transition: all 0.3s ease-out;
  238. -moz-transition: all 0.3s ease-out;
  239. }
  240.  
  241.  
  242. .column4 {
  243. width:205px;
  244. float:left;
  245. margin:10px;
  246. }
  247.  
  248. .column4links{
  249. max-height:336px;
  250. overflow-y:scroll
  251. }
  252.  
  253. .column4header h4{
  254. font-family: 'Roboto Condensed', sans-serif;
  255. font-weight:normal;
  256. letter-spacing:+2px;
  257. font-size:16px;
  258. display:block;
  259. background-color:#222222;
  260. text-transform:uppercase;
  261. color:#ffffff;
  262. text-align:center;
  263. padding:5px;
  264. width:195px;
  265. margin:0;
  266. border-bottom-width:5px;
  267. border-bottom-style:solid;
  268.  
  269. }
  270.  
  271. .column4 a {
  272. display:block;
  273. padding:5px;
  274. width:190px;
  275. background-color:#ffffff;
  276. margin:2px 0;
  277. transition: all 0.3s ease-out;
  278. -o-transition: all 0.3s ease-out;
  279. -webkit-transition: all 0.3s ease-out;
  280. -moz-transition: all 0.3s ease-out;
  281. }
  282.  
  283. .column4 a:hover {
  284. background-color:#f6f6f6;
  285. letter-spacing:+2px;
  286. transition: all 0.3s ease-out;
  287. -o-transition: all 0.3s ease-out;
  288. -webkit-transition: all 0.3s ease-out;
  289. -moz-transition: all 0.3s ease-out;
  290. }
  291.  
  292. .credit {
  293. padding:10px;
  294. font-size:10px;
  295. position:fixed;
  296. bottom:5px;
  297. right:5px;
  298. }
  299.  
  300. ::selection {
  301. background-color:#ffffff;
  302. color:#000000;
  303. }
  304.  
  305. ::-moz-selection {
  306. background-color:#ffffff;
  307. color:#000000;
  308. }
  309.  
  310. ::-webkit-scrollbar {
  311. width:5px;
  312. height:auto;
  313. background:#eee;
  314. }
  315.  
  316. ::-webkit-scrollbar-corner {
  317. background:#eee;
  318. }
  319.  
  320. ::-webkit-scrollbar-thumb:vertical {
  321. background:#ddd;
  322. }
  323.  
  324. ::-webkit-scrollbar-thumb:horizontal {
  325. background:#ddd;
  326. }
  327.  
  328. </style>
  329. </head>
  330.  
  331. <body>
  332.  
  333. <div class="header">TAGS PAGE YO</div>
  334. <div class="subhead">
  335. <a href="/">home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="www.tumblr.com/dashboard">dash</a>
  336. </div>
  337.  
  338. <div class="contain">
  339.  
  340.  
  341.  
  342. <div class="column1">
  343. <div class="column1header">
  344.  
  345. <h4>COLUMN 1 HEADER HERE</h4>
  346.  
  347. </div>
  348. <div class="column1links">
  349.  
  350. <a href="LINK">LINK NAME</A>
  351. <a href="LINK">LINK NAME</A>
  352. <a href="LINK">LINK NAME</A>
  353.  
  354. </div>
  355. </div>
  356.  
  357.  
  358.  
  359. <div class="column2">
  360. <div class="column2header">
  361.  
  362. <h4>COLUMN 2 HEADER HERE</h4>
  363.  
  364. </div>
  365. <div class="column2links">
  366.  
  367. <a href="LINK">LINK NAME</A>
  368. <a href="LINK">LINK NAME</A>
  369. <a href="LINK">LINK NAME</A>
  370.  
  371. </div>
  372. </div>
  373.  
  374.  
  375.  
  376.  
  377. <div class="column3">
  378. <div class="column3header">
  379.  
  380. <h4>COLUMN 3 HEADER HERE</h4>
  381.  
  382. </div>
  383. <div class="column3links">
  384.  
  385. <a href="LINK">LINK NAME</A>
  386. <a href="LINK">LINK NAME</A>
  387. <a href="LINK">LINK NAME</A>
  388.  
  389. </div>
  390. </div>
  391.  
  392.  
  393.  
  394.  
  395. <div class="column4">
  396. <div class="column4header">
  397.  
  398. <h4>COLUMN 4 HEADER HERE</h4>
  399.  
  400. </div>
  401. <div class="column4links">
  402.  
  403. <a href="LINK">LINK NAME</A>
  404. <a href="LINK">LINK NAME</A>
  405. <a href="LINK">LINK NAME</A>
  406.  
  407. </div>
  408.  
  409. </div>
  410.  
  411. <div class="credit">
  412. <a href="http://ohcodey.tumblr.com">&copy;</a>
  413. </div>
  414.  
  415.  
  416. </body>
  417.  
  418. </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!