deadboys

yeehaw theme by performative

May 25th, 2018
273
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.58 KB | None | 0 0
  1. <!-- theme by charlie @performative don't remove credit !-->
  2. <html>
  3. <head>
  4. <!--fonts!-->
  5. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Henny+Penny" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Faster+One" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css?family=Uncial+Antiqua" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Vollkorn+SC" rel="stylesheet">
  17.  
  18. <!--fonts end!-->
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <meta name="image:icon" content=""/>
  27. <meta name="image:bg" content=""/>
  28.  
  29. <meta name="color:bg" content=""/>
  30. <meta name="color:container" content=""/>
  31. <meta name="color:text" content=""/>
  32. <meta name="color:link" content=""/>
  33. <meta name="color:link hover" content=""/>
  34. <meta name="color:desc" content=""/>
  35. <meta name="color:grad1" content=""/>
  36. <meta name="color:grad2" content=""/>
  37. <meta name="color:post bg" content=""/>
  38. <meta name="color:border" content=""/>
  39. <meta name="color:icon hover" content=""/>
  40. <meta name="color:desc" content=""/>
  41.  
  42. <meta name="select:font" content="Abril Fatface"/>
  43. <meta name="select:font" content="Comfortaa"/>
  44. <meta name="select:font" content="Poiret One"/>
  45. <meta name="select:font" content="Monoton"/>
  46. <meta name="select:font" content="Bangers"/>
  47. <meta name="select:font" content="Special Elite"/>
  48. <meta name="select:font" content="Henny Penny"/>
  49. <meta name="select:font" content="Faster One"/>
  50. <meta name="select:font" content="Megrim"/>
  51. <meta name="select:font" content="Nosifer"/>
  52. <meta name="select:font" content="Uncial Antiqua"/>
  53. <meta name="select:font" content="Vollkorn SC"/>
  54. <meta name="select:font" content="Arial"/>
  55. <meta name="select:font" content="Veranda"/>
  56. <meta name="select:font" content="Sans Serif"/>
  57. <meta name="select:font" content="Comic Sans Ms"/>
  58.  
  59. <meta name="select:desc font" content="Abril Fatface"/>
  60. <meta name="select:desc font" content="Comfortaa"/>
  61. <meta name="select:desc font" content="Poiret One"/>
  62. <meta name="select:desc font" content="Monoton"/>
  63. <meta name="select:desc font" content="Bangers"/>
  64. <meta name="select:desc font" content="Special Elite"/>
  65. <meta name="select:desc font" content="Henny Penny"/>
  66. <meta name="select:desc font" content="Faster One"/>
  67. <meta name="select:desc font" content="Megrim"/>
  68. <meta name="select:desc font" content="Nosifer"/>
  69. <meta name="select:desc font" content="Uncial Antiqua"/>
  70. <meta name="select:desc font" content="Vollkorn SC"/>
  71. <meta name="select:desc font" content="Arial"/>
  72. <meta name="select:desc font" content="Veranda"/>
  73. <meta name="select:desc font" content="Sans Serif"/>
  74. <meta name="select:desc font" content="Comic Sans Ms"/>
  75.  
  76. <meta name="text:icon width" content=""/>
  77. <meta name="text:custom desc" content=""/>
  78. <meta name="text:font size" content="20px"/>
  79. <meta name="text:link 1" content="link"/>
  80. <meta name="text:link 2" content="link"/>
  81. <meta name="text:link 3" content="link"/>
  82. <meta name="text:link 1 url" content="link"/>
  83. <meta name="text:link 2 url" content="link"/>
  84. <meta name="text:link 3 url" content="link"/>
  85.  
  86. <meta name="if:post bg" content=""/>
  87. <meta name="if:full bg" content=""/>
  88. <meta name="if:hover icon" content=""/>
  89. <meta name="if:custom desc" content=""/>
  90. <meta name="if:desc" content=""/>
  91. <meta name="if:gradient background" content=""/>
  92. <meta name="if:animated gradient" content=""/>
  93. <meta name="if:post border" content=""/>
  94. <meta name="if:border" content=""/>
  95.  
  96. <style>
  97. body{
  98. font-family:{select:font};
  99. font-size:{text:font size};
  100. background-color:{color:bg};
  101. color:{color:text};
  102. background-image:url('{image:bg}');
  103. {block:iffullbg}
  104. background-size:cover;
  105. {/block:iffullbg}
  106. {block:ifgradientbackground}
  107. background: linear-gradient({color:grad1},{color:grad2});
  108. {block:ifgradientbackground}
  109. {block:ifanimatedgradient}
  110. animation-name:example;
  111. animation-duration: 20s;
  112. animation-iteration-count: infinite;
  113. {/block:ifanimatedgradient}
  114.  
  115. }
  116.  
  117. a{
  118. color:{color:link};
  119. text-decoration:none;
  120. -webkit-transition-duration: .3s;
  121. -moz-transition-duration: .3s;
  122. -o-transition-duration: .3s;
  123. }
  124.  
  125. a:hover{
  126. color:{color:link hover};
  127. -webkit-transition-duration: .3s;
  128. -moz-transition-duration: .3s;
  129. -o-transition-duration: .3s;
  130. }
  131.  
  132. #side{
  133. width:500px;
  134. height:auto;
  135. padding:10px;
  136. background-color:none;
  137. margin-top:10px;
  138. }
  139.  
  140. #side img{
  141. width:{text:icon width};
  142. }
  143.  
  144. @keyframes example {
  145. 0% {background-color: {color:grad1};}
  146. 25% {background-color: {color:grad2};}
  147. 100% {background-color: {color:grad1};}
  148. }
  149.  
  150. #post{
  151. width:470px;
  152. margin-top:0px;
  153. {block:ifpostbg}
  154. background:{color:post bg};
  155. {/block:ifpostbg}
  156. padding:5px;
  157. {block:ifborder}
  158. border-width:3px;
  159. border-style:outset;
  160. border-color:{color:border};
  161. {/block:ifborder}
  162. margin-top:10px;
  163. }
  164.  
  165. .desc{
  166. font-family:{select:desc font};
  167. color:{color:desc};
  168. }
  169.  
  170. #postcontain{
  171. width:600px;
  172. height:400px;
  173. background-color:red;
  174. overflow-y:scroll;
  175. overflow-x:hidden;
  176. padding:0px;
  177. background-color:{color:container};
  178. {block:ifborder}
  179. border-width:3px;
  180. border-style:outset;
  181. border-color:{color:border};
  182. {/block:ifborder}
  183. }
  184.  
  185. #credit {
  186.  
  187. font-size:20px;
  188. position: fixed;
  189. padding: 10px;
  190. width: 10px;
  191. height: 7;
  192. line-height: 90%;
  193. bottom: 5px;
  194. left: 5px;
  195. }
  196. </style>
  197. </head>
  198. <body>
  199. <center>
  200. <div id="side">
  201. <div id="side img">
  202. <img src="{image:icon}"/><br>
  203. {block:ifdesc}
  204. <div class="desc">
  205. {block:ifcustomdesc}
  206. {text:custom desc}
  207. {/block:ifcustomdesc}
  208. {block:ifnotcustomdesc}
  209. {Description}
  210. {/block:ifnotcustomdesc}
  211. </div>
  212. {/block:ifdesc}
  213. </div>
  214. </div>
  215. <div id="postcontain">
  216. {block:Posts}
  217.  
  218. <div id="post">
  219.  
  220.  
  221. {block:Text}
  222. {block:Title}<h3>{Title}</h3>{/block:Title}
  223. {Body}
  224. {/block:Text}
  225.  
  226.  
  227. {block:Photo}
  228. {LinkOpenTag}
  229. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  230. {LinkCloseTag}
  231. {block:Caption}<p>{Caption}</p>{/block:Caption}
  232. {/block:Photo}
  233.  
  234.  
  235. {block:Photoset}
  236. {Photoset-250}
  237. {block:Caption}<p>{Caption}</p>{/block:Caption}
  238. {/block:Photoset}
  239.  
  240.  
  241. {block:Quote}
  242. <h4>"{Quote}"</h4>
  243. {block:Source}<p>{Source}</p>{/block:Source}
  244. {/block:Quote}
  245.  
  246.  
  247. {block:Link}
  248. <h3><a href="{URL}" target="_blank">{Name}</a></h3>
  249. {block:Description}<p>{Description}</p>{/block:Description}
  250. {/block:Link}
  251.  
  252. {block:Chat}
  253. {block:Title}<h3>{Title}</h3>{/block:Title}
  254. {block:Lines}
  255. {block:Label}{Label}{/block:Label} {Line}</br>
  256. {/block:Lines}
  257. {/block:Chat}
  258.  
  259.  
  260. {block:Audio}
  261. {AudioPlayerBlack}
  262. {block:Caption}{Caption}{/block:Caption}
  263. {/block:Audio}
  264.  
  265.  
  266. {block:Video}
  267. {Video-500}
  268. {block:Caption}{Caption}{/block:Caption}
  269. {/block:Video}
  270.  
  271.  
  272. {block:Answer}
  273. {Asker} said: "{Question}"
  274. {Answer}
  275. {/block:Answer}
  276.  
  277.  
  278.  
  279. {block:Date}<p><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  280.  
  281.  
  282. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  283.  
  284.  
  285. {block:NoteCount} with {NoteCountWithLabel}</p>{/block:NoteCount}
  286.  
  287.  
  288. {block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</p>{/block:HasTags}
  289.  
  290.  
  291. {block:PermalinkPage}
  292.  
  293. {block:PostNotes}
  294. {PostNotes}
  295. {/block:PostNotes}<br>
  296.  
  297. {/block:PermalinkPage}
  298.  
  299.  
  300. {block:ContentSource}
  301. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  302. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  303. {/block:SourceLogo}
  304. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  305. {/block:ContentSource}
  306.  
  307. </div>
  308.  
  309. {/block:Posts}
  310.  
  311. </div>
  312. </div>
  313. <div id="credit">
  314. <b><a href="performative.tumblr.com">(c)</a></b>
  315. </div>
  316. <p id="footer">
  317. {block:PreviousPage}
  318. <a href="{PreviousPage}">&#171; Previous</a>
  319. {/block:PreviousPage}{block:NextPage}
  320. <a href="{NextPage}">Next &#187;</a>
  321. {/block:NextPage}
  322.  
  323. </p>
  324. </body>
  325. </html>
Advertisement
Add Comment
Please, Sign In to add comment