API tools faq
paste
Advertisement
hatterthemes

Theme 008 v.2

hatterthemes
Jun 20th, 2012
298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.19 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. <!-- Theme 008 by hatterthemes -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <!--DEFAULT VARIABLES-->
  6. <meta name="color:Background" content="#cdeafc" />
  7. <meta name="color:Entry" content="#fff9f5" />
  8. <meta name="color:Accent" content="#f1ead3" />
  9. <meta name="color:Title" content="#000000" />
  10. <meta name="color:Text" content="#040404" />
  11. <meta name="color:Link" content="#f8819c" />
  12. <meta name="color:Link Hover" content="#ff0026" />
  13. <meta name="color:Petal" content="#fff4c3" />
  14. <meta name="color:Petal Hover" content="#f8f6be" />
  15. <meta name="color:Petal Rim" content="#8acdfc" />
  16. <meta name="color:Info" content="#0b42d1" />
  17. <meta name="color:Tab" content="#00bfff" />
  18. <meta name="color:Tab2" content="#fcf87f" />
  19. <meta name="color:Tags" content="#000066" />
  20. <meta name="color:Audio Background" content="#fce7ea" />
  21. <meta name="color:Scrollbar" content="#aefdef" />
  22. <meta name="color:Scrollbar Shadow" content="#717573" />
  23. <meta name="color:Scrollbar Background" content="#ffffff" />
  24. <meta name="color:Selection" content="#aefdef">
  25.  
  26. <meta name="image:SidebarImage" content="" />
  27. <meta name="image:AudioBackground" content="http://www.webdesignerwall.com/wp-content/uploads/2007/08/flower-1.jpg" />
  28. <meta name="image:BackgroundImage" content="" />
  29.  
  30. <meta name="text:Link1" content="http://" />
  31. <meta name="text:Link1 Title" content="Link 1" />
  32. <meta name="text:Link2" content="http://" />
  33. <meta name="text:Link2 Title" content="Link 2" />
  34. <meta name="text:Link3" content="http://" />
  35. <meta name="text:Link3 Title" content="Link 3" />
  36. <meta name="text:Link4" content="http://" />
  37. <meta name="text:Link4 Title" content="Link 4" />
  38. <meta name="text:Link5" content="http://" />
  39. <meta name="text:Link5 Title" content="Link 5" />
  40. <meta name="text:Link6" content="/archive" />
  41. <meta name="text:Link6 Title" content="archive" />
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48. <style type="text/css">
  49.  
  50.  
  51. /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 1, 2012 05:34:46 PM America/New_York */
  52. @font-face {font-family: 'RosarioRegular';src: url('Rosario-Regular-webfont.eot');src: url('Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Regular-webfont.woff') format('woff'),url('Rosario-Regular-webfont.ttf') format('truetype'),url('Rosario-Regular-webfont.svg#RosarioRegular') format('svg');font-weight: normal;font-style: normal;}
  53.  
  54. @font-face {font-family: 'RosarioItalic';src: url('Rosario-Italic-webfont.eot');src: url('Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Italic-webfont.woff') format('woff'),url('Rosario-Italic-webfont.ttf') format('truetype'),url('Rosario-Italic-webfont.svg#RosarioItalic') format('svg');font-weight: normal;font-style: normal;}
  55.  
  56. @font-face {font-family: 'RosarioBold';src: url('Rosario-Bold-webfont.eot');src: url('Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Bold-webfont.woff') format('woff'),url('Rosario-Bold-webfont.ttf') format('truetype'),url('Rosario-Bold-webfont.svg#RosarioBold') format('svg');font-weight: normal;font-style: normal;}
  57.  
  58. @font-face {font-family: 'RosarioBoldItalic';src: url('Rosario-BoldItalic-webfont.eot');src: url('Rosario-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-BoldItalic-webfont.woff') format('woff'),url('Rosario-BoldItalic-webfont.ttf') format('truetype'),url('Rosario-BoldItalic-webfont.svg#RosarioBoldItalic') format('svg');font-weight: normal;font-style: normal;}
  59.  
  60. body {
  61. color:{color:Text};
  62. background:{color:Background};
  63. background-image:url('{image:BackgroundImage}');
  64. font-family: "Rosario" arial sans-serif;
  65. font-size:12px;
  66. line-height:110%;
  67. text-align:justify;
  68. background-attachment:fixed;
  69. }
  70.  
  71. /* Let's get this party started */
  72. ::-webkit-scrollbar {
  73. width: 6px;
  74. height: 6px;
  75. }
  76.  
  77. /* Track */
  78. ::-webkit-scrollbar-track {
  79. -webkit-box-shadow: inset 0 0 6px {color:Scrollbar Shadow};
  80. background: {color:Scrollbar Background};
  81. }
  82.  
  83. /* Handle */
  84. ::-webkit-scrollbar-thumb {
  85. -webkit-border-radius: 10px;
  86. border-radius: 10px;
  87. background: {color:Scrollbar};
  88. -webkit-box-shadow: inset 0 0 6px {color:Scrollbar Shadow};
  89. }
  90. ::-webkit-scrollbar-thumb:window-inactive {
  91. background: {color:Scrollbar Background};
  92. }
  93.  
  94. ::selection{
  95. background:{color:Selection};
  96. }
  97.  
  98. ::-moz-selection{
  99. background:{color:Selection};
  100. }
  101.  
  102. a {
  103. color:{color:Link};
  104. text-decoration:none;
  105. }
  106.  
  107. a:hover {
  108. color:{color:Link Hover};
  109. }
  110.  
  111. blockquote {
  112. margin-left:25px;
  113. padding-left:10px;
  114. border-left:2px ridge {color:Link};
  115. }
  116.  
  117. .phone {color:#000;}
  118.  
  119. iframe#tumblr_controls {
  120. top: 0% !important;
  121. right:0% !important;
  122. position: fixed !important;
  123. opacity:0.5;
  124. width:300px;
  125. -webkit-transition: all 0.6s ease-in;
  126. -moz-transition:all 0.6s ease-in;
  127. -o-transition:all 0.6s ease-in;
  128. transition:all 0.6s ease-in;
  129. }
  130.  
  131. iframe#tumblr_controls:hover {
  132. opacity:1.0;
  133. -webkit-transition: all 0.6s ease-in;
  134. -moz-transition:all 0.6s ease-in;
  135. -o-transition:all 0.6s ease-in;
  136. transition:all 0.6s ease-in;
  137. }
  138.  
  139. #info {
  140. position:fixed;
  141. margin-left:135px;
  142. margin-top:-60px;
  143. -webkit-transition: all 0.6s ease-in;
  144. -moz-transition:all 0.6s ease-in;
  145. -o-transition:all 0.6s ease-in;
  146. transition:all 0.6s ease-in;
  147. }
  148.  
  149.  
  150. #content {
  151. margin-top:60px;
  152. margin-left:100px;
  153. }
  154.  
  155.  
  156. .trickarrow {
  157. display:block;
  158. width:205px;
  159. height:205px;
  160. border-radius:100px;
  161. background:url('{image:SidebarImage}')no-repeat center;
  162. -webkit-background-size: cover;
  163. -moz-background-size: cover;
  164. -o-background-size: cover;
  165. background-size: cover;
  166. margin-left:145px;
  167. margin-top:40px;
  168. position:fixed;
  169. z-index:2;
  170. }
  171.  
  172. .font2 {opacity:0;z-index:4;-webkit-transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;
  173. -o-transition:all 0.4s ease-in-out;
  174. transition:all 0.4s ease-in-out;}
  175. .trickarrow:hover .font2{
  176. opacity:0.72;
  177. -webkit-transition: all 0.4s ease-in-out;-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.  
  182. #title {
  183. display:block;
  184. width:250px;
  185. height:100px;
  186. margin-left:20px;
  187. margin-top:400px;
  188. position:fixed;
  189. overflow:wrap;
  190. text-align:right;
  191. font-size:18px;
  192. font-style:italic;
  193. z-index:-11;
  194. }
  195.  
  196. .desc {
  197. color:{color:Text};
  198. width:270px;
  199. overflow-x:wrap;
  200. text-align:justified;
  201. padding:15px;
  202. margin-bottom:5px
  203. margin-left:20px;
  204. margin-top:400px;
  205. z-index:11!important;
  206. opacity:0.7;
  207. }
  208.  
  209. a#displayText {
  210. width:280px;
  211. display:block;
  212. text-align:center;
  213. border-left:1px solid {color:Accent};
  214. border-top:1px solid {color:Accent};
  215. border-right:3px solid {color:Accent};
  216. border-bottom:3px solid {color:Accent};
  217. -webkit-border-radius:3px;
  218. -moz-border-radius:3px;
  219. -o-border-radius:3px;
  220. border-radius:3px;
  221. font-style:italic;
  222. text-transform:lowercase;
  223. color:{color:Text};
  224. }
  225.  
  226. .theme {
  227. display:block;
  228. width:300px;
  229. height:12px;
  230. font-size:10px;
  231. text-align:center;
  232. }
  233.  
  234. .theme a:hover {
  235. color:{color:Link};
  236. }
  237.  
  238. div#entries {
  239. width:530px;
  240. margin-left:510px;
  241. padding-top:0px;
  242. }
  243.  
  244. .posts {
  245. background:{color:Entry};
  246. border-left:1px solid {color:Accent};
  247. border-top:1px solid {color:Accent};
  248. border-right:3px solid {color:Accent};
  249. border-bottom:3px solid {color:Accent};
  250. -webkit-border-radius:10px;
  251. -moz-border-radius:10px;
  252. -o-border-radius:10px;
  253. border-radius:10px;
  254. display:block;
  255. height:auto;
  256. padding:5px;
  257. padding-left:10px;
  258. padding-right:10px;
  259. margin-bottom:10px;
  260. z-index:11;
  261. }
  262.  
  263. .posts img {
  264. -webkit-border-top-left-radius:10px;
  265. -moz-border-radius-topleft:10px;
  266. -o-border-top-left-radius:10px;
  267. border-top-left-radius:10px;
  268. -webkit-transition: all 0.6s ease-in-out;
  269. -moz-transition: all 0.6s ease-in-out;
  270. -o-transition: all 0.6s ease-in-out;
  271. transition:all 0.6s ease-in-out;
  272. opacity:0.86;
  273. }
  274.  
  275. .posts img:hover{
  276. opacity:1;
  277. -webkit-transition: all 0.6s ease-in-out;
  278. -moz-transition: all 0.6s ease-in-out;
  279. -o-transition: all 0.6s ease-in-out;
  280. transition:all 0.6s ease-in-out;
  281. }
  282.  
  283. .photoset {
  284. -webkit-border-top-left-radius:10px;
  285. -moz-border-radius-topleft:10px;
  286. -o-border-top-left-radius:10px;
  287. border-top-left-radius:10px;
  288. -webkit-transition: all 0.6s ease-in-out;
  289. -moz-transition: all 0.6s ease-in-out;
  290. -o-transition: all 0.6s ease-in-out;
  291. transition:all 0.6s ease-in-out;
  292. opacity:0.86;
  293. }
  294.  
  295. .photoset:hover{
  296. opacity:1;
  297. -webkit-transition: all 0.6s ease-in-out;
  298. -moz-transition: all 0.6s ease-in-out;
  299. -o-transition: all 0.6s ease-in-out;
  300. transition:all 0.6s ease-in-out;
  301. }
  302.  
  303.  
  304.  
  305. .chat ol, .chat li {list-style:none; margin-left:10px; padding:2px; border-bottom:1px solid {color:Text};}
  306.  
  307. ul.chat {list-style:none; margin-left:10px; padding:2px;}
  308.  
  309. .notes {
  310. display:block;
  311. background:{color:Accent};
  312. {block:PermalinkPage}
  313. text-align:left;
  314. font-size:12px;
  315. {/block:PermalinkPage}
  316. {block:IndexPage}
  317. text-align:center;
  318. font-size:10px;
  319. {/block:IndexPage}
  320. text-transform:lowercase;
  321. list-style:none;
  322. }
  323.  
  324. {block:PermalinkPage}
  325. .notes img:hover {
  326. -webkit-transform:rotate(-10deg);
  327. -moz-transform:rotate(-10deg);
  328. -o-transform:rotate(-10deg);
  329. transform:rotate(-10deg);
  330. }
  331. {/block:PermalinkPage}
  332.  
  333. .notes a{
  334. {block:PermalinkPage}
  335. color:{color:Link Hover};
  336. {/block:PermalinkPage}
  337. {block:IndexPage}
  338. color:{color:Text};
  339. {/block:IndexPage}
  340. }
  341.  
  342. .notes a:hover{
  343. color:{color:Link}
  344. }
  345.  
  346.  
  347. .pagination {
  348. background-image:{color:Accent};
  349. color:{color:Link Hover};
  350. text-align:center;
  351. display:block;
  352. padding:5px;
  353. margin-bottom:-10px;
  354. -webkit-border-bottom-right-radius:25px;
  355. -moz-border-radius-bottomright:25px;
  356. -o-border-bottom-right-radius:25px;
  357. border-bottom-right-radius:25px;
  358. }
  359.  
  360. iframe#tumblr_controls {
  361. top: 0% !important;
  362. right:0% !important;
  363. position: fixed !important;
  364. }
  365.  
  366. #questions {
  367. display:block;
  368. background:transparent!important;
  369. border-bottom:2px solid {color:Header};
  370. }
  371.  
  372. .questions {
  373. font-size:10px;
  374. color:{color:Text}!important;
  375. margin-left:300px;
  376. margin-top:-15px;
  377. width:auto;
  378. text-transform:lowercase;
  379. }
  380.  
  381. .source {
  382. text-align:right;
  383. }
  384.  
  385. .postsource {
  386. float:right;
  387. margin-top:-25px;
  388. color:{Accent};
  389. }
  390.  
  391. .postsource img {
  392. width:14px;
  393. height:14px;
  394. opacity:0.7;
  395. -webkit-transition: all 0.6s ease-in-out;
  396. -moz-transition: all 0.6s ease-in-out;
  397. -o-transition: all 0.6s ease-in-out;
  398. transition:all 0.6s ease-in-out;
  399. margin-top:10px;
  400. }
  401.  
  402. .postsource img:hover {
  403. opacity:1;
  404. -webkit-transition: all 0.6s ease-in-out;
  405. -moz-transition: all 0.6s ease-in-out;
  406. -o-transition: all 0.6s ease-in-out;
  407. transition:all 0.6s ease-in-out;
  408. }
  409.  
  410. .posts:hover #infotab, #infotab:hover {opacity:1;margin-left:535px;margin-top:5px;-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  411.  
  412. #infotab{opacity:0.3;position:absolute; font-size:10px; text-transform:lowercase; color:{color:Info}; height:auto; width: 100px; padding:0px; margin-bottom:0px; background-color:#trans; display:block; margin-left:525px;margin-top:0px;text-align:left; padding:2px;-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; z-index:0;border-left:5px solid {color:Tab2};}
  413.  
  414. #infotab a {text-transform:lowercase; color:{color:Tags}; font-style:italic;}
  415. #infotab a:hover {color:{color:Link};}
  416.  
  417. #theme {
  418. bottom:0!important;
  419. left:0!important;
  420. padding:5px;
  421. position:fixed;
  422. font-size:12px;
  423. font-style:italic;
  424. opacity:0.5;
  425. color:{color:Text};
  426. }
  427.  
  428. #theme:hover {
  429. opacity:1;
  430. -webkit-transition: all 1s ease;
  431. -moz-transition: all 1s ease;
  432. -o-transition: all 1s ease;
  433. transition: all 1s ease;
  434. }
  435.  
  436. #link {display:block;width:50px;height:75px;-webkit-border-top-right-radius:500px;-webkit-border-bottom-left-radius:500px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:500px;-moz-border-radius-bottomleft:500px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomright:10px;-o-border-top-right-radius:500px;-o-border-bottom-left-radius:500px;-o-border-top-left-radius:10px;-o-border-bottom-right-radius:10px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:10px;background:{color:Petal};text-align:right;margin-left:20px;margin-bottom:-15px;-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-o-transform:rotate(-7deg);transform:rotate(-7deg);border:5px solid {color:Petal Rim};position:fixed;}
  437. #link2 {display:block;width:50px;height:75px;-webkit-border-top-right-radius:500px;-webkit-border-bottom-left-radius:500px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:500px;-moz-border-radius-bottomleft:500px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomright:10px;-o-border-top-right-radius:500px;-o-border-bottom-left-radius:500px;-o-border-top-left-radius:10px;-o-border-bottom-right-radius:10px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:10px;background:{color:Petal};-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);margin-left:-15px;margin-top:100px;border:5px solid {color:Petal Rim};position:fixed;}
  438. #link3 {display:block;width:50px;height:75px;-webkit-border-top-left-radius:500px;-webkit-border-bottom-right-radius:500px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:500px;-moz-border-radius-bottomright:500px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-o-border-top-left-radius:500px;-o-border-bottom-right-radius:500px;-o-border-top-right-radius:10px;-o-border-bottom-left-radius:10px;border-top-left-radius:500px;border-bottom-right-radius:500px;border-top-right-radius:10px;border-bottom-left-radius:10px;padding:10px;background:{color:Petal};margin-top:195px;margin-left:15px;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);transform:rotate(7deg);border:5px solid {color:Petal Rim};position:fixed;}
  439. #link4 {display:block;width:50px;height:75px;-webkit-border-top-right-radius:500px;-webkit-border-bottom-left-radius:500px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:500px;-moz-border-radius-bottomleft:500px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomright:10px;-o-border-top-right-radius:500px;-o-border-bottom-left-radius:500px;-o-border-top-left-radius:10px;-o-border-bottom-right-radius:10px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:10px;background:{color:Petal};-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);margin-top:-23px;margin-left:110px;border:5px solid {color:Petal Rim};position:fixed;}
  440. #link5 {display:block;width:50px;height:75px;-webkit-border-top-left-radius:500px;-webkit-border-bottom-right-radius:500px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:500px;-moz-border-radius-bottomright:500px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-o-border-top-left-radius:500px;-o-border-bottom-right-radius:500px;-o-border-top-right-radius:10px;-o-border-bottom-left-radius:10px;border-top-left-radius:500px;border-bottom-right-radius:500px;border-top-right-radius:10px;border-bottom-left-radius:10px;padding:10px;background:{color:Petal};-webkit-transform:rotate(-28deg);-moz-transform:rotate(-28deg);-o-transform:rotate(-28deg);transform:rotate(-28deg);margin-left:103px;margin-top:218px;border:5px solid {color:Petal Rim};position:fixed;}
  441. #link6 {display:block;width:50px;height:75px;-webkit-border-top-left-radius:500px;-webkit-border-bottom-right-radius:500px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:500px;-moz-border-radius-bottomright:500px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-o-border-top-left-radius:500px;-o-border-bottom-right-radius:500px;-o-border-top-right-radius:10px;-o-border-bottom-left-radius:10px;border-top-left-radius:500px;border-bottom-right-radius:500px;border-top-right-radius:10px;border-bottom-left-radius:10px;padding:10px;background:{color:Petal};margin-left:200px;-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);-o-transform:rotate(8deg);transform:rotate(8deg);border:5px solid {color:Petal Rim};position:fixed;}
  442. #link7 {display:block;width:50px;height:75px;-webkit-border-top-right-radius:500px;-webkit-border-bottom-left-radius:500px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:500px;-moz-border-radius-bottomleft:500px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomright:10px;-o-border-top-right-radius:500px;-o-border-bottom-left-radius:500px;-o-border-top-left-radius:10px;-o-border-bottom-right-radius:10px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:10px;background:{color:Petal};-webkit-transform:rotate(-65deg);-moz-transform:rotate(-65deg);-o-transform:rotate(-65deg);transform:rotate(-65deg);margin-left:227px;border:5px solid {color:Petal Rim};margin-top:100px;position:fixed;}
  443. #link8 {display:block;width:55px;height:75px;-webkit-border-top-right-radius:500px;-webkit-border-bottom-left-radius:500px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:500px;-moz-border-radius-bottomleft:500px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomright:10px;-o-border-top-right-radius:500px;-o-border-bottom-left-radius:500px;-o-border-top-left-radius:10px;-o-border-bottom-right-radius:10px;border-top-right-radius:500px;border-bottom-left-radius:500px;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:10px;background:{color:Petal};text-align:right;margin-left:194px;margin-top:190px;border:5px solid {color:Petal Rim};position:fixed;}
  444.  
  445. #link:hover,#link2:hover,#link3:hover,#link4:hover,#link5:hover,#link6:hover,#link7:hover,#link8:hover {
  446. background:{color:Petal Hover};
  447. border:5px solid {color:Petal Hover};
  448. }
  449.  
  450. .text {margin-top:15px;text-align:left;}
  451. .text2 {margin-top:15px;text-align:center;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);}
  452. .text3 {margin-top:25px;text-align:center;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
  453. .text4 {margin-top:10px;text-align:left;-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);}
  454. .text5 {margin-top:25px;text-align:center;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
  455. .text6 {margin-top:15px;text-align:center;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
  456. .text7 {margin-top:40px;margin-left:10px;text-align:center;-webkit-transform:rotate(55deg);-moz-transform:rotate(55deg);-o-transform:rotate(55deg);transform:rotate(55deg);}
  457. .text8 {margin-top:35px;text-align:center;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
  458.  
  459. .quote {
  460. background:url('http://i1180.photobucket.com/albums/x418/myfatherwillbehearingaboutthis/Gifs/th_quotes.png') no-repeat;
  461. padding:15px;
  462. }
  463.  
  464. .audio {
  465. width:500px;
  466. height:25px;
  467. -webkit-border-radius:10px;
  468. -moz-border-radius:10px;
  469. -o-border-radius:10px;
  470. border-radius:10px;
  471. border-bottom:3px dotted {color:Audio Background};
  472. background:{color:Audio Background};
  473. background-image:url('{image:AudioBackground}');
  474. overflow:hidden;
  475. }
  476.  
  477. .a2 {
  478. opacity:0.6;
  479. width:auto;
  480. -webkit-border-radius:10px;
  481. -moz-border-radius:10px;
  482. -o-border-radius:10px;
  483. border-radius:10px;
  484. overflow:hidden;
  485. }
  486.  
  487. </style>
  488. </head>
  489.  
  490.  
  491. <body>
  492. <div id="theme"><a href="http://hatterthemes.tumblr.com">theme ©</a></div>
  493. <div id="info">
  494. <div id="title">{Title}</div>
  495. <div class="desc">{Description}</div>
  496. </div>
  497. <div id="content">
  498. <a href="/"><div id="link"><div class="text">&nbsp;&nbsp;home</div></div></a>
  499. <a href="{text:Link1}"><div id="link2"><div class="text2">{text:Link1 Title}</div></div></a>
  500. <a href="{text:Link2}"><div id="link3"><div class="text3">{text:Link2 Title}</div></div></a>
  501. <a href="/ask"><div id="link4"><div class="text4">&nbsp;&nbsp;ask</div></div></a>
  502. <a href="{text:Link3}"><div id="link5"><div class="text5">{text:Link3 Title}</div></div></a>
  503. <a href="{text:Link6}"><div id="link6"><div class="text6">{text:Link6 Title}</div></div>
  504. <a href="{text:Link4}"><div id="link7"><div class="text7">{text:Link4 Title}</div></div></a>
  505. <a href="{text:Link5}"><div id="link8"><div class="text8">{text:Link5 Title}</div></div></a>
  506. </div>
  507. <div class="trickarrow"><a class="font2" href="http://www.tumblr.com/follow/{Name}"><br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://i1180.photobucket.com/albums/x418/myfatherwillbehearingaboutthis/Gifs/democopy.png" width="150"></a></div>
  508.  
  509. <div id="entries">
  510. {block:ifEndlessScrolling}<div class = "autopagerize_page_element" >{/block:ifEndlessScrolling}{block:Posts}
  511. <div class="posts">
  512.  
  513. {block:IndexPage}
  514. {block:HasTags}
  515. <div id="infotab">
  516. tags<br>
  517. {block:Tags}<a href="{TagURL}" target="_blank"># {Tag}</a><br>{/block:Tags}
  518. {block:RebloggedFrom}
  519. via:<a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  520. origin:<a href="{ReblogRootURL}">{ReblogRootName}</a>
  521. {/block:RebloggedFrom}
  522. </div>
  523. {/block:HasTags}
  524. {/block:IndexPage}
  525.  
  526.  
  527. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  528. {block:Text}{Body}{/block:Text}
  529.  
  530. {block:Quote}<div class="quote"><center><h2>"{Quote}"</h2></center></div><p class="source">— {Source}</p>{/block:Quote}
  531.  
  532. {block:Link}<a href="{URL}" class="link" {Target}><center><h1>{Name}</h1></center></a>
  533. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  534.  
  535. {block:Photo}<br /><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  536.  
  537. {block:Photoset}<center><div class="photoset">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  538.  
  539. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  540.  
  541. {block:Video}<br />{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  542.  
  543. {block:Answer}<div id="questions"><h2>"{Question}"</h2></div><div class="questions"><em>wondered by {Asker}</em></div>
  544. {Answer}{/block:answer}
  545.  
  546. {block:Audio}<div class="audio"><div class="a2">{AudioPlayer}</div></div>{block:Caption}<center>{Caption}</center>{/block:Caption}{/block:Audio}<br>
  547.  
  548. <div class="notes"><center>{block:IndexPage}Posted <a href="{Permalink}">{TimeAgo}</a> with {/block:IndexPage}{NoteCountWithLabel}.{block:PermalinkPage}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  549. <div class="postsource">{block:RebloggedFrom}via<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>+<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  550. </div></div>
  551.  
  552. {/block:Posts}
  553. {block:PostNotes}{PostNotes}{/block:PostNotes}
  554.  
  555. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}"><< Newer</a> &nbsp;{/block:PreviousPage}++{block:NextPage}&nbsp;<a href="{NextPage}">Older >></a>{/block:NextPage}</div>
  556.  
  557. </div>
  558. </div>
  559. </body>
  560. </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!