kingsdylan

theme #10, firework

Dec 31st, 2013
514
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.81 KB | None | 0 0
  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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9. hi hope you like this theme and i hope you will also follow the rules, or else i will found you, and then i will kill you (。◕‿◕。)
  10. --->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#838282"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="color:Link Hover" content="#eeeeee"/>
  16.  
  17. <meta name="image:sidebar" content=""/>
  18. <meta name="text:panel" content="panel"/>
  19.  
  20. <meta name="text:link1" content="Link1"/>
  21. <meta name="text:link1 url" content="/"/>
  22. <meta name="text:link2" content="Link2"/>
  23. <meta name="text:link2 url" content="/"/>
  24. <meta name="text:link3" content="Link3"/>
  25. <meta name="text:link3 url" content="/"/>
  26.  
  27. <style type="text/css">
  28.  
  29. img, a img { border: 0px; opacity: .80; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
  30.  
  31. img:hover, a:hover img {opacity: 70; filter: alpha(opacity=100); -o-transition: opacity .1s linear; -webkit-transition: opacity .5s linear; -moz-transition: opacity 1.5s linear;}
  32.  
  33. ::-webkit-scrollbar {background-color: ##fff; height:8px; width:4px}
  34. ::-webkit-scrollbar-thumb:vertical {background-color: #ffffff; height:50px}
  35. ::-webkit-scrollbar-thumb:horizontal {background-color: #ffffff; height:8px!important}
  36.  
  37.  
  38.  
  39. iframe#tumblr_controls {
  40. white-space:nowrap;
  41. -webkit-filter: invert(100%);
  42. -moz-filter: invert(100%);
  43. -o-filter: invert(100%);
  44. -ms-filter: invert(100%);
  45. filter: invert(100%);
  46. opacity:.2;transition: .8s ease-in-out;
  47. -webkit-transition: .8s ease-in-out;
  48. -moz-transition: .8s ease-in-out;
  49. -o-transition: .8s ease-in-out;}
  50.  
  51. body {
  52. margin:0px;
  53. font-family:Arial;
  54. font-size:9px;
  55. background: url(http://media.tumblr.com/996e8f149576b9364b2b8a83c214c7e0/tumblr_inline_mn1hwh1goa1qz4rgp.png) no-repeat center center fixed;
  56. -webkit-background-size: cover;
  57. -moz-background-size: cover;
  58. -o-background-size: cover;
  59. background-size: cover;
  60. line-height:100%;
  61. color:{color:text};
  62. }
  63.  
  64. a {
  65. cursor:help;
  66. text-decoration:none;
  67. outline:none;
  68. -moz-outline-style:none;
  69. color:{color:link};
  70. -moz-transition-duration:0.5s;
  71. -webkit-transition-duration:0.5s;
  72. -o-transition-duration:0.5s;
  73. }
  74.  
  75. a {
  76. text-decoration: none;
  77. color:{color:Link};
  78. -moz-transition-duration:0.1s;
  79. -webkit-transition-duration:0.1s;
  80. -o-transition-duration:0.1s;
  81. }
  82.  
  83. a:hover {
  84. text-decoration:none;
  85. color:{color:Link Hover};
  86. }
  87.  
  88. img {
  89. border:none;
  90. }
  91.  
  92. blockquote {
  93. padding-left:5px;
  94. border-left:2px solid;
  95. }
  96.  
  97. blockquote blockquote {
  98. padding-left:5px;
  99. border-left:2px solid;
  100. }
  101.  
  102. #entries {
  103. padding:10px;
  104. width:500px;
  105. margin-left:600px;
  106. margin-top:40px;
  107. }
  108.  
  109. #post {
  110. width:400px;
  111. margin-bottom:50px;
  112. background-color:#fff;
  113. padding:10px;
  114. }
  115.  
  116. #sidebar {
  117. width:150px;
  118. position:fixed;
  119. margin-left:180px;
  120. margin-top:200px;
  121. }
  122.  
  123. #sidebarimage {
  124. width: 150px;
  125. }
  126.  
  127. #sidebarimage img {
  128. width:250px;
  129. height: auto;
  130. background-color:#fff;
  131. padding:10px;
  132. }
  133.  
  134. #links {
  135. padding-top: 5px;
  136. margin-left:0px;
  137. background:white;
  138. padding-left:85px;
  139. padding-right:185px;
  140. }
  141.  
  142. #links a {
  143. letter-spacing: 1px;
  144.  
  145. }
  146.  
  147. #links a:hover {
  148. text-decoration: none;
  149. font-style: italic;
  150. }
  151.  
  152. #description {
  153. font-family: arial;
  154. font-size: 9px;
  155. text-align:center;
  156. width:261px;
  157. background:#fff;
  158. padding-right:9px;
  159. margin-top:-2px;
  160. }
  161.  
  162. #pagination {
  163. font-size:13px;
  164. text-align:center;
  165. margin-top: -20px;
  166. padding-left:230px;
  167. }
  168.  
  169. #info {
  170. text-align:center;
  171. margin-top:10px;
  172. text-transform: uppercase;
  173. font-size: 8px;
  174. }
  175.  
  176. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  177.  
  178. #zaynflirt{
  179. position:fixed;
  180. font-family:redensek;
  181. font-size:18px;
  182. line-height:50%;
  183. right:10px;
  184. bottom:15px;
  185. text-transform:uppercase;
  186. }
  187.  
  188. <!------ ASK/ANSWERED ------>
  189.  
  190. #asker {
  191. font-size: 9px;
  192. padding:5px;
  193. text-align:left;
  194. font-family:arial;
  195. color: #b6afaf;
  196. background-color:white;
  197. }
  198.  
  199. #askerj {
  200. border-radius: 100px;
  201. float: left;
  202. padding-left: 4px;
  203. padding-right: 8px;
  204. padding-top: 4px;
  205. }
  206.  
  207. #askerj img {
  208. border-radius: 100px;
  209. }
  210.  
  211. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  212.  
  213. #urlasker {
  214. font-family:cedarcursive;
  215. font-size:15px;
  216. }
  217.  
  218. #answer {
  219. text-align: right;
  220. background-color: #fcfcfc;
  221. color: #b6afaf;
  222. min-height: 30px;
  223. padding:1px;
  224. padding-right:9px;
  225. padding-left:11px;
  226. }
  227.  
  228.  
  229. {CustomCSS}</style></head><body>
  230.  
  231. <div id="sidebar">
  232. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  233. <div id="description">{description}</div>
  234.  
  235. <div id="links">
  236. <form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select onchange='location=this.options[this.selectedIndex].value;' style="width: 100px; height: 20px; font-size: 9px;"></form>
  237.  
  238. <option>{text:panel}</option>
  239.  
  240. <option value="/">home</option>
  241. <option value="/ask">message</option>
  242. <option value="{text:link1 url}">{text:link1}</option>
  243. <option value="{text:link2 url}">{text:link2}</option>
  244. <option value="{text:link3 url}">{text:link3}</option>
  245. </select>
  246. </div>
  247. <div id="links">
  248. </div>
  249.  
  250. <div id="pagination">
  251. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}
  252. {block:NextPage}<a href="{NextPage}"> →</a>{/block:NextPage}{/block:Pagination}
  253. </div>
  254. </div>
  255.  
  256. <div id="zaynflirt">
  257. <a href="http://zaynflirt.tumblr.com">☾</a>
  258. </div>
  259.  
  260.  
  261. <div id="entries">{block:Posts}<div id="post">
  262.  
  263. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  264.  
  265. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  266.  
  267. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  268.  
  269. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  270.  
  271. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  272.  
  273. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  274.  
  275. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  276.  
  277. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  278.  
  279. {block:Answer}<div id="askerj"><img src="{AskerPortraitURL-24}"></div><div id="asker"><div id="urlasker">{Asker}</div><br>{Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  280.  
  281. <div id="info">
  282. {block:Date}{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">
  283. {NoteCountWithLabel}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}"
  284. title="{ReblogParenttitle}">Via</a> - <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}-{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  285.  
  286. </div>
  287. {block:PostNotes}{PostNotes}{/block:PostNotes}
  288. {/block:Posts}</div>
  289.  
  290. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment