Advertisement
kingsdylan

theme #9, tattooed heart

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