API tools faq
paste
octomoosey

Roses

octomoosey
Jan 18th, 2014
6,163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <style type="text/css">
  12.  
  13. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  14.  
  15. iframe#tumblr_controls {
  16. right:3px !important;
  17. position: fixed !important;
  18. -webkit-transition: opacity 0.7s
  19. linear;opacity: 0.2;
  20. -webkit-transition: all 0.8s ease-out;
  21. -moz-transition: all 0.8s ease-out;
  22. transition: all 0.8s ease-out;}
  23.  
  24. iframe#tumblr_controls:hover{
  25. -webkit-transition: opacity 0.7s linear;
  26. opacity: 1;
  27. -webkit-transition: all 0.4s ease-out;
  28. -moz-transition: all 0.4s ease-out;
  29. transition: all 0.4s ease-out;}
  30.  
  31. ::-webkit-scrollbar {
  32. width: 5px;height: 5px;}
  33.  
  34. ::-webkit-scrollbar-button:start:decrement,
  35. ::-webkit-scrollbar-button:end:increment {
  36. height: 6px;display: block;background-color:#fff;}
  37.  
  38. ::-webkit-scrollbar-track-piece {
  39. background-color: transparent;}
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {
  42. height: 9px;background-color: #a20b0b;} /* change the scrollbar color here */
  43.  
  44. body {
  45. background:#fff; /* change the background color here */
  46. background-image: url('backgroundimageurl'); /* change the background image here */
  47. background-position:bottom right;
  48. background-repeat: no-repeat;
  49. background-attachment: fixed;
  50. font-family:Calibri;
  51. font-size:10px;
  52. padding:5px;
  53. line-height:100%;}
  54.  
  55. #title {
  56. font-family: 'caviardreams';
  57. width:350px;
  58. color: #000;
  59. font-size:22px;
  60. margin-top:25px;
  61. margin-bottom:5px;
  62. padding-bottom:8px;}
  63.  
  64. #image {
  65. width:100px;}
  66.  
  67. #image1 img {
  68. width:100px;
  69. height:100px;
  70. margin-top:30px;
  71. margin-left:-230px;}
  72.  
  73. #image2 img {
  74. width:100px;
  75. height:100px;
  76. margin-top:-100px;
  77. margin-left:0px;}
  78.  
  79. #image3 img {
  80. width:100px;
  81. height:100px;
  82. margin-top:-100px;
  83. margin-left:230px;}
  84.  
  85. #container {
  86. text-align:center;
  87. line-height:100%;
  88. font-size:11px;
  89. font-style:normal;
  90. letter-spacing:2px;
  91. width:350px;
  92. background:transparent;
  93. padding:10px;
  94. position:relative;
  95. margin-top:0px;
  96. margin-left:0px;}
  97.  
  98. #info img {
  99. max-width:300px;}
  100.  
  101. #links a{
  102. text-decoration: none;
  103. display: inline-block;
  104. text-transform: lowercase;
  105. letter-spacing: 2px;
  106. color:#ffffff; /* change the main links color here */
  107. background:#000000; /* change the main links background color here */
  108. text-align:center;
  109. width:60px;
  110. margin-top:10px;
  111. padding:5px 2px 5px 2px;}
  112.  
  113. #links a:hover{
  114. background:#ffffff; /* change the main links hover background color here */
  115. color:#1d1d1d; /* change the main links hover color here */
  116. transition: all 0.6s ease-out;
  117. -webkit-transition: all 0.6s ease-out;
  118. -moz-transition: all 0.6s ease-out;
  119. -o-transition: all 0.6s ease-out;}
  120.  
  121. #grouptitle {
  122. color:#000;
  123. font-family: 'times new roman';
  124. text-transform:uppercase;
  125. font-size:13px;
  126. margin-top:15px;
  127. margin-bottom:5px;
  128. border-bottom:1px solid #000; /* change the group title border color here */
  129. padding-bottom:8px;}
  130.  
  131. #grouplinks {
  132. margin-top:0px;
  133. padding:5px;
  134. margin-left:0px;}
  135.  
  136. #grouplinks a {
  137. text-decoration: none;
  138. font-family: 'times new roman';
  139. text-transform:lowercase;
  140. color:#a20b0b; /* change links color here */
  141. font-size:11px;
  142. padding:6px;
  143. text-align:center;
  144. letter-spacing:1px;
  145. margin-bottom:5px;
  146. -webkit-transition: all 0.4s ease-in-out;
  147. -moz-transition: all 0.4s ease-in-out;
  148. -o-transition: all 0.4s ease-in-out;
  149. -ms-transition: all 0.4s ease-in-out;
  150. transition: all 0.4s ease-in-out;}
  151.  
  152. #grouplinks a:hover {
  153.  
  154. color:#000;} /* change the links hover color here */
  155.  
  156. {CustomCSS}</style>
  157.  
  158. </head>
  159. <body>
  160. <div align="center">
  161.  
  162. <!-- change the image urls here -->
  163.  
  164. <div id="image1"><img src="image1url"></div>
  165. <div id="image2"><img src="image2url"></div>
  166. <div id="image3"><img src="image3url"></div>
  167.  
  168. <div id="title">-- N a v i g a t i o n --</div> <!-- change the page title here -->
  169.  
  170. <!-- change the top links here -->
  171.  
  172. <center><div id="links">
  173. <a href="/">home</a>
  174. <a href="/ask">ask</a>
  175. <a href="/submit">submit</a>
  176. <a href="https://www.tumblr.com/dashboard">dash</a>
  177. <a href="https://octomoosey.tumblr.com/">theme</a> <!-- DO NOT REMOVE CREDIT -->
  178. </div>
  179.  
  180. <div id="container">
  181.  
  182. <div id="grouptitle">about + ooc</div> <!-- change the group title here -->
  183.  
  184. <div id="grouplinks">
  185.  
  186. <!-- add your navigation links here -->
  187.  
  188. <a href="/">link one</a> +
  189.  
  190. <a href="/">link two</a> +
  191.  
  192. <a href="/">link three</a> +
  193.  
  194. <a href="/">link four</a> +
  195.  
  196. <a href="/">link five</a> +
  197.  
  198. <a href="/">link six</a> +
  199.  
  200. <a href="/">link seven</a> +
  201.  
  202. <a href="/">link eight</a> +
  203.  
  204. <a href="/">link nine</a> +
  205.  
  206. <a href="/">link ten</a> +
  207.  
  208. <a href="/">link eleven</a> +
  209.  
  210. <a href="/">link twelve</a>
  211.  
  212. </div>
  213.  
  214. <div id="grouptitle">graphics</div>
  215. <div id="grouplinks">
  216.  
  217. <a href="/">link one</a> +
  218.  
  219. <a href="/">link two</a> +
  220.  
  221. <a href="/">link three</a> +
  222.  
  223. <a href="/">link four</a> +
  224.  
  225. <a href="/">link five</a> +
  226.  
  227. <a href="/">link six</a> +
  228.  
  229. <a href="/">link seven</a> +
  230.  
  231. <a href="/">link eight</a> +
  232.  
  233. <a href="/">link nine</a> +
  234.  
  235. <a href="/">link ten</a> +
  236.  
  237. <a href="/">link eleven</a> +
  238.  
  239. <a href="/">link twelve</a>
  240.  
  241. </div>
  242.  
  243. <div id="grouptitle">muse tags</div>
  244. <div id="grouplinks">
  245.  
  246. <a href="/">link one</a> +
  247.  
  248. <a href="/">link two</a> +
  249.  
  250. <a href="/">link three</a> +
  251.  
  252. <a href="/">link four</a> +
  253.  
  254. <a href="/">link five</a> +
  255.  
  256. <a href="/">link six</a> +
  257.  
  258. <a href="/">link seven</a> +
  259.  
  260. <a href="/">link eight</a> +
  261.  
  262. <a href="/">link nine</a> +
  263.  
  264. <a href="/">link ten</a> +
  265.  
  266. <a href="/">link eleven</a> +
  267.  
  268. <a href="/">link twelve</a>
  269.  
  270. </div>
  271.  
  272. <div id="grouptitle">memes</div>
  273. <div id="grouplinks">
  274.  
  275. <a href="/">link one</a> +
  276.  
  277. <a href="/">link two</a> +
  278.  
  279. <a href="/">link three</a> +
  280.  
  281. <a href="/">link four</a> +
  282.  
  283. <a href="/">link five</a> +
  284.  
  285. <a href="/">link six</a> +
  286.  
  287. <a href="/">link seven</a> +
  288.  
  289. <a href="/">link eight</a> +
  290.  
  291. <a href="/">link nine</a> +
  292.  
  293. <a href="/">link ten</a> +
  294.  
  295. <a href="/">link eleven</a> +
  296.  
  297. <a href="/">link twelve</a>
  298.  
  299. </div>
  300.  
  301. <div id="grouptitle">magic anons</div>
  302. <div id="grouplinks">
  303.  
  304. <a href="/">link one</a> +
  305.  
  306. <a href="/">link two</a> +
  307.  
  308. <a href="/">link three</a> +
  309.  
  310. <a href="/">link four</a> +
  311.  
  312. <a href="/">link five</a> +
  313.  
  314. <a href="/">link six</a> +
  315.  
  316. <a href="/">link seven</a> +
  317.  
  318. <a href="/">link eight</a> +
  319.  
  320. <a href="/">link nine</a> +
  321.  
  322. <a href="/">link ten</a> +
  323.  
  324. <a href="/">link eleven</a> +
  325.  
  326. <a href="/">link twelve</a>
  327.  
  328. </div>
  329.  
  330. </div>
  331. </body>
  332. </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!