API tools faq
paste
Advertisement
attractedtosin

Tag Page 001a

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