API tools faq
paste
Advertisement
superfrown

Page #8

superfrown
Apr 7th, 2014
1,265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.68 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.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <head>
  9. <!----
  10.  
  11. Page 08: Sakura
  12. tags/navigation page
  13. by: superfrown.tumblr.com
  14.  
  15. You may:
  16. Edit as much as you like
  17.  
  18. You may not:
  19. Claim as your own
  20. Remove the credit
  21.  
  22.  
  23. ---->
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. /* MAIN */
  29.  
  30. body {
  31. background-color:#efefef;
  32. background-image: url();
  33. background-attachment: fixed;
  34. background-repeat: repeat;
  35. color:#424242;
  36. font-family: calibri;
  37. font-size: 11px;
  38. margin: 0px;
  39. padding: 0px;}
  40.  
  41. a:link, a:active {
  42. text-decoration:none;
  43. color: #7a7a7a;
  44. -webkit-transition: all 0.4s ease-in-out;
  45. -moz-transition: all 0.4s ease-in-out;
  46. -o-transition: all 0.4s ease-in-out;
  47. transition: all 0.4s ease-in-out;}
  48.  
  49. a:visited {
  50. text-decoration:none;
  51. color: #2a2a2a;
  52. -webkit-transition: all 0.4s ease-in-out;
  53. -moz-transition: all 0.4s ease-in-out;
  54. -o-transition: all 0.4s ease-in-out;
  55. transition: all 0.4s ease-in-out;}
  56.  
  57. a:hover {
  58. color: #e3e3e3;
  59. -webkit-transition: all 0.4s ease-in-out;
  60. -moz-transition: all 0.4s ease-in-out;
  61. -o-transition: all 0.4s ease-in-out;
  62. transition: all 0.4s ease-in-out;}
  63.  
  64.  
  65. ::-webkit-scrollbar {
  66. height:6px;
  67. width:4px;
  68. background-color: #ffffff;}
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color: #ededed;}
  72.  
  73. ::-webkit-scrollbar-thumb:horizontal {
  74. background-color: #ededed;}
  75.  
  76.  
  77.  
  78. /* SIDEBAR */
  79.  
  80. .sidebar {
  81. width:620px;
  82. padding-top:10px;
  83. padding-bottom:10px;
  84. background-color:#e8e8e8;
  85. z-index:2000;}
  86.  
  87.  
  88. /* LINKS */
  89.  
  90. .links {
  91. text-align:center;
  92. width:640px;
  93. height:25px;}
  94.  
  95. .links a {
  96. display:inline-block;
  97. font-size:14px;
  98. padding:4px;
  99. margin-top:0px;
  100. margin-right:6px;
  101. margin-left:6px;
  102. text-transform:lowercase;
  103. font-style:italic;
  104. letter-spacing:1px;
  105. color: #9e9e9e;
  106. -webkit-transition: all 0.4s ease-in-out;
  107. -moz-transition: all 0.4s ease-in-out;
  108. -o-transition: all 0.4s ease-in-out;
  109. transition: all 0.4s ease-in-out;}
  110.  
  111. .links a:hover {
  112. color: #9e9e9e;
  113. text-decoration:line-through;
  114. -webkit-transition: all 0.4s ease-in-out;
  115. -moz-transition: all 0.4s ease-in-out;
  116. -o-transition: all 0.4s ease-in-out;
  117. transition: all 0.4s ease-in-out;}
  118.  
  119.  
  120. /* STUFF */
  121.  
  122. .stuff {
  123. width:620px;
  124. height:auto;
  125. padding-bottom:10px;
  126. margin:0 auto;
  127. background-color:#f4f4f4;}
  128.  
  129. .image {
  130. position:absolute;
  131. margin-top:10px;
  132. margin-left:10px;
  133. width:140px;
  134. height:340px;
  135. border:2px solid #ffffff;}
  136.  
  137. .image img {
  138. width:140px;
  139. height:340px;}
  140.  
  141. .tagbox {
  142. margin-top:10px;
  143. margin-left:164px;
  144. width:426px;
  145. height:334px;
  146. padding-left:10px;
  147. padding-right:10px;
  148. padding-bottom:10px;
  149. overflow:auto;
  150. color:#9e9e9e;
  151. background-color:#ffffff;}
  152.  
  153. .tagboxtitle {
  154. margin-top:15px;
  155. text-align:center;
  156. font-weight:bold;
  157. text-transform:uppercase;
  158. font-style:italic;
  159. font-size:14px;
  160. letter-spacing:3px;
  161. color:#7e7e7e;}
  162.  
  163. .tagboxlinks {
  164. text-align:center;
  165. width:426px;}
  166.  
  167. .tagboxlinks a {
  168. display:inline-block;
  169. font-size:12px;
  170. margin-right:4px;
  171. margin-left:4px;
  172. text-transform:lowercase;
  173. font-style:italic;
  174. letter-spacing:1px;
  175. color: #9e9e9e;
  176. -webkit-transition: all 0.4s ease-in-out;
  177. -moz-transition: all 0.4s ease-in-out;
  178. -o-transition: all 0.4s ease-in-out;
  179. transition: all 0.4s ease-in-out;}
  180.  
  181. .tagboxlinks a:hover {
  182. color: #9e9e9e;
  183. text-decoration:line-through;
  184. -webkit-transition: all 0.4s ease-in-out;
  185. -moz-transition: all 0.4s ease-in-out;
  186. -o-transition: all 0.4s ease-in-out;
  187. transition: all 0.4s ease-in-out;}
  188.  
  189.  
  190.  
  191. </style>
  192.  
  193.  
  194. </head>
  195.  
  196. <body>
  197.  
  198.  
  199. <div class="stuff">
  200.  
  201. <div class="sidebar">
  202.  
  203.  
  204. <!--- EDIT YOUR PAGE LINKS HERE --->
  205. <div class="links">
  206. <a href="/"> Home </a>
  207. <a href="/ask"> Ask </a>
  208. <a href=""> Link 1 </a>
  209. <a href=""> Link 2 </a>
  210. <a href="http://superfrown.tumblr.com"> credit </a>
  211. </div>
  212.  
  213.  
  214. </div>
  215.  
  216.  
  217. <div class="image">
  218.  
  219. <!--- EDIT YOUR IMAGE HERE --->
  220. <img src="https://24.media.tumblr.com/8bdbdcb89761d54df01c9608c5d499d7/tumblr_mwwenbaFkZ1s74pnvo3_r1_400.png">
  221. </div>
  222.  
  223.  
  224. <div class="tagbox">
  225.  
  226.  
  227. <div class="tagboxtitle">
  228. <!--- EDIT YOUR TAG TITLE HERE --->
  229. Title
  230. </div>
  231.  
  232.  
  233. <div class="tagboxlinks">
  234.  
  235. <!--- EDIT YOUR TAGS HERE --->
  236. <a href="/tagged/">Tag</a>
  237. <a href="/tagged/">Tag</a>
  238. <a href="/tagged/">Tag</a>
  239. <a href="/tagged/">Tag</a>
  240. <a href="/tagged/">Tag</a>
  241. </div>
  242.  
  243. <div class="tagboxtitle">
  244.  
  245. <!--- EDIT YOUR TAG TITLE HERE --->
  246. Title
  247. </div>
  248.  
  249. <div class="tagboxlinks">
  250.  
  251. <!--- EDIT YOUR TAGS HERE --->
  252. <a href="/tagged/">Tag</a>
  253. <a href="/tagged/">Tag</a>
  254. <a href="/tagged/">Tag</a>
  255. <a href="/tagged/">Tag</a>
  256. <a href="/tagged/">Tag</a>
  257. <a href="/tagged/">Tag</a>
  258. <a href="/tagged/">Tag</a>
  259. <a href="/tagged/">Tag</a>
  260. <a href="/tagged/">Tag</a>
  261. <a href="/tagged/">Tag</a>
  262. </div>
  263.  
  264. <div class="tagboxtitle">
  265.  
  266. <!--- EDIT YOUR TAG TITLE HERE --->
  267. Title
  268. </div>
  269.  
  270. <div class="tagboxlinks">
  271.  
  272. <!--- EDIT YOUR TAGS HERE --->
  273. <a href="/tagged/">Tag</a>
  274. <a href="/tagged/">Tag</a>
  275. <a href="/tagged/">Tag</a>
  276. </div>
  277.  
  278. <div class="tagboxtitle">
  279.  
  280. <!--- EDIT YOUR TAG TITLE HERE --->
  281. Title
  282. </div>
  283.  
  284. <div class="tagboxlinks">
  285.  
  286. <!--- EDIT YOUR TAGS HERE --->
  287. <a href="/tagged/">Tag</a>
  288. <a href="/tagged/">Tag</a>
  289. <a href="/tagged/">Tag</a>
  290. <a href="/tagged/">Tag</a>
  291. <a href="/tagged/">Tag</a>
  292. <a href="/tagged/">Tag</a>
  293. <a href="/tagged/">Tag</a>
  294. </div>
  295.  
  296. <div class="tagboxtitle">
  297.  
  298. <!--- EDIT YOUR TAG TITLE HERE --->
  299. Title
  300. </div>
  301.  
  302. <div class="tagboxlinks">
  303.  
  304. <!--- EDIT YOUR TAGS HERE --->
  305. <a href="/tagged/">Tag</a>
  306. <a href="/tagged/">Tag</a>
  307. <a href="/tagged/">Tag</a>
  308. <a href="/tagged/">Tag</a>
  309. <a href="/tagged/">Tag</a>
  310.  
  311. </div>
  312.  
  313. <div class="tagboxtitle">
  314.  
  315. <!--- EDIT YOUR TAG TITLE HERE --->
  316. Title
  317. </div>
  318.  
  319. <div class="tagboxlinks">
  320.  
  321. <!--- EDIT YOUR TAGS HERE --->
  322. <a href="/tagged/">Tag</a>
  323. <a href="/tagged/">Tag</a>
  324. <a href="/tagged/">Tag</a>
  325. <a href="/tagged/">Tag</a>
  326. <a href="/tagged/">Tag</a>
  327. </div>
  328.  
  329. <div class="tagboxtitle">
  330.  
  331. <!--- EDIT YOUR TAG TITLE HERE --->
  332. Title
  333. </div>
  334.  
  335. <div class="tagboxlinks">
  336.  
  337. <!--- EDIT YOUR TAGS HERE --->
  338. <a href="/tagged/">Tag</a>
  339. <a href="/tagged/">Tag</a>
  340. <a href="/tagged/">Tag</a>
  341. <a href="/tagged/">Tag</a>
  342. <a href="/tagged/">Tag</a>
  343. </div>
  344.  
  345. <!--- IF YOU PUT MORE GROUPS/TAGS AND IT GETS TOO LONG, A SCROLLBAR WILL APPEAR --->
  346.  
  347. </div>
  348.  
  349. </div>
  350.  
  351. </body>
  352. </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!