API tools faq
paste
Advertisement
houjoumuraku

Theme 4 #1 revamp ~White Wolf~

houjoumuraku
Jan 22nd, 2014
1,666
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.95 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. <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. <!--- by Inia @pinklaguz
  9. message me if any bugs --->
  10.  
  11.  
  12. <!-- Here's the colors go nuts -->
  13. <meta name="color:background" content="#eeeeee"/>
  14. <meta name="color:posts background" content="#ffffff"/>
  15. <meta name="color:bold" content="#3197c4"/>
  16. <meta name="color:italic" content="#73c7d7"/>
  17. <meta name="color:text" content="#999999"/>
  18. <meta name="color:link" content="#396380"/>
  19. <meta name="color:link hover" content="#79c5c5"/>
  20. <meta name="color:blog titles" content="#6c828d"/>
  21. <meta name="color:accent gradient 1" content="#3197c4"/>
  22. <meta name="color:accent gradient 2" content="#73c7d7"/>
  23. <meta name="color:navigation" content="#ffffff"/>
  24. <meta name="color:borders" content="#79c5c5"/>
  25. <meta name="color:info background" content="#eeeeee"/>
  26. <meta name="color:info" content="#6c828d"/>
  27. <meta name="color:sbarbg" content="#ffffff"/>
  28.  
  29. <!-- Images!! -->
  30. <meta name="image:background" content="http://31.media.tumblr.com/84d238f641a39fbacb92eb2c114cd773/tumblr_mfnxbeUrFe1rebw0do6_250.png" />
  31. <meta name="image:bg2" content="http://25.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo4_250.jpg"/>
  32. <meta name="image:sidebar" content="https://i.ibb.co/vwcL9wN/Untitled-1.png"/>
  33. <meta name="image:icon" content="https://i.ibb.co/4mXzg70/Untitled-2.png"/>
  34.  
  35. <!-- Options :) -->
  36. <meta name="text:font size" content="12"/>
  37. <meta name="text:blog title" content="Put a blog title"/>
  38. <meta name="if:fading photos" centent="1"/>
  39.  
  40. <meta name="text:link 1 title" content="link one"/>
  41. <meta name="text:link 1 url" content="/"/>
  42. <meta name="text:link 2 title" content="link two"/>
  43. <meta name="text:link 2 url" content="/"/>
  44. <meta name="text:link 3 title" content="link three"/>
  45. <meta name="text:link 3 url" content="/"/>
  46. <meta name="text:link 4 title" content="link four"/>
  47. <meta name="text:link 4 url" content="/"/>
  48. <meta name="text:link 5 title" content="link five"/>
  49. <meta name="text:link 5 url" content="/"/>
  50. <meta name="text:link 6 title" content="link six"/>
  51. <meta name="text:link 6 url" content="/"/>
  52.  
  53. <!-- If the fonts don't work uh idk -->
  54. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  55. <link href="https://fonts.googleapis.com/css?family=Lato|Share+Tech" rel="stylesheet">
  56. <script src="//use.edgefonts.net/lato;share-regular.js"></script>
  57.  
  58.  
  59. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  60. <style type="text/css">
  61. ::-webkit-scrollbar-track {background-color:{color:borders}; border:3px solid {color:background};}
  62. ::-webkit-scrollbar-thumb {background-color:{color:borders};}
  63. ::-webkit-scrollbar {width:7px;height:7px;}
  64.  
  65. body {
  66. background:{color:background};
  67. background-image: url({image:background});
  68. background-attachment: fixed;
  69. background-repeat: repeat;
  70. margin:0px;
  71. color:{color:text};
  72. font-family: 'Lato', lato, sans-serif;
  73. font-size:{text:font size}px;
  74. line-height:150%;
  75. word-wrap:break-word;
  76. }
  77.  
  78. a {
  79. color:{color:link};
  80. text-decoration: none;
  81. -webkit-transition: opacity 0.5s linear;
  82. -webkit-transition: all 0.5s ease-out;
  83. -moz-transition: all 0.5s ease-out;
  84. transition: all 0.5s ease-out;
  85. }
  86.  
  87. a:hover {
  88. color: {color:link hover};
  89. -webkit-transition: opacity 0.5s linear;
  90. -webkit-transition: all 0.5s ease-out;
  91. -moz-transition: all 0.5s ease-out;
  92. transition: all 0.5s ease-out;
  93. }
  94.  
  95. b,strong {
  96. color: {color:bold};
  97. }
  98.  
  99. i,em {
  100. color:{color:italic};
  101. }
  102.  
  103. img {
  104. border:none;
  105. max-width:100%;
  106. height:auto;
  107. }
  108.  
  109. blockquote {
  110. padding-left:5px;
  111. border-left:2px solid {color:borders};
  112. }
  113.  
  114. blockquote img {max-width: 100%; height:auto;}
  115.  
  116.  
  117. h1 {
  118. font-size: 22px;
  119. font-family: 'Share Tech', share-regular, sans-serif;
  120. color: {color:blog titles};
  121. text-transform: uppercase;
  122. }
  123.  
  124.  
  125. h2 {
  126. font-family: 'Share Tech', share-regular, sans-serif;
  127. font-size: 16px;
  128. color: {color:bold};
  129. }
  130.  
  131. #icons {
  132. margin-top:300px;
  133. margin-left:90px;
  134. position:fixed;
  135. }
  136.  
  137. #icons a{
  138. width:100px;
  139. background-color:{color:sbarbg};
  140. font-family: 'Share Tech', share-regular, sans-serif;
  141. color:{color:link};
  142. margin-top:5px;
  143. display:block;
  144. font-size:18px;
  145. letter-spacing:1px;
  146. text-transform:none;
  147. }
  148.  
  149. #icons span {
  150. background:linear-gradient(90deg, {color:accent gradient 1} 0%, {color:accent gradient 2} 100%);
  151. font-size:15px;
  152. padding:15px;
  153. padding-top:10px;
  154. padding-left:10px;
  155. width:10px;
  156. height:10px;
  157. line-height:14px;
  158. color:{color:navigation};
  159. font-weight:100;
  160. margin-left:-30px;
  161. display:inline-block;
  162. margin-top:0px;
  163. }
  164.  
  165. #contain {
  166. margin: 0 auto;
  167. position:relative;
  168. width:1100px;
  169. }
  170.  
  171. #entries {
  172. padding:10px;
  173. width:540px;
  174. margin-left:250px;
  175. margin-top:0px;
  176. background-color: {color:posts background};
  177. }
  178.  
  179. #post {
  180. width:500px;
  181. padding: 10px;
  182. margin: 10px;
  183. margin-top:20px;
  184. color:{color:text};
  185. }
  186.  
  187. #bgaccent {
  188. background-image: url({image:bg2});
  189. left: 0px;
  190. top: 0px;
  191. width: 100%;
  192. height: 24%;
  193. border-bottom:5px solid {color:sbarbg};
  194. position: fixed;
  195. z-index: -2;
  196. }
  197.  
  198. #sidebar {
  199. width:250px;
  200. position:fixed;
  201. margin-left:870px;
  202. margin-top:150px;
  203. }
  204.  
  205. #sideimg {
  206. width: 250px;
  207. margin-bottom: 2px;
  208. padding:5px;
  209. background-color:{color:sbarbg};
  210. }
  211.  
  212. #title {
  213. font-size:18px;
  214. width: 250px;
  215. padding: 5px;
  216. font-family: 'Share Tech', share-regular, sans-serif;
  217. letter-spacing: 1px;
  218. text-transform: uppercase;
  219. color: {color:blog titles};
  220. background-color: {color:sbarbg};
  221. text-align:center;
  222. margin-bottom:5px;
  223. }
  224.  
  225.  
  226. #description {
  227. padding:5px;
  228. text-align: justify;
  229. line-height: 120%;
  230. width: 250px;
  231. height: auto;
  232. margin-top: 13px;
  233. background-color: {color:sbarbg};
  234. }
  235.  
  236. #linkies {
  237. margin-top: 10px;
  238. margin-bottom: 10px;
  239. width: 265px;
  240. margin-left:-2px
  241. }
  242.  
  243. #linkies a{
  244. background-image:linear-gradient(90deg, {color:accent gradient 1} 0%, {color:accent gradient 2} 100%);
  245. display: inline-block;
  246. padding: 5px;
  247. width: 115px;
  248. font-size: 10px;
  249. font-family: 'Lato', lato, sans-serif;
  250. text-align: center;
  251. margin: 2.5px;
  252. letter-spacing: 2px;
  253. text-transform: uppercase;
  254. color: {color:navigation};
  255. }
  256.  
  257. #pagination {
  258. font-size:12px;
  259. text-align:center;
  260. margin-top: 10px;
  261. width:260px;
  262. text-transform:uppercase;
  263. }
  264.  
  265. #infotags {
  266. text-align:left;
  267. color: {color:info};
  268. font-size: 12px;
  269. font-family: 'Lato', Lato, sans-serif;
  270. line-height: 18px;
  271. margin-top:10px;
  272. background-image: url({image:bg2});
  273. padding: 5px;
  274. }
  275.  
  276. #infotags a{
  277. margin-right:10px;
  278. }
  279.  
  280. #infotop {
  281. text-align:left;
  282. color:{color:info};
  283. font-size:12px;
  284. letter-spacing: 1px;
  285. font-family: 'Share Tech', share-regular, sans-serif;
  286. background-image: url({image:bg2});
  287. padding:5px;
  288. line-height:18px;
  289. margin-bottom:10px;
  290. text-transform:uppercase;
  291. }
  292.  
  293. {block:iffadingphotos}
  294. .fade {
  295. opacity:0.7;
  296. -webkit-transition: opacity 0.5s linear;
  297. -webkit-transition: all 0.5s ease-out;
  298. -moz-transition: all 0.5s ease-out;
  299. transition: all 0.5s ease-out;
  300. }
  301.  
  302. .fade:hover {
  303. opacity:1.0;
  304. -webkit-transition: opacity 0.5s linear;
  305. -webkit-transition: all 0.5s ease-out;
  306. -moz-transition: all 0.5s ease-out;
  307. transition: all 0.5s ease-out;
  308. }
  309. {/block:iffadingphotos}
  310.  
  311. {CustomCSS}</style></head><body>
  312.  
  313. <div id="bgaccent"></div>
  314. <div id="contain">
  315. <img src="{image:icon}" style="width:120px; height:120px; padding:5px; background-color:{color:sbarbg}; margin-left:60px; margin-top:150px; position:fixed;">
  316. <div id="icons">
  317. <a href="/"><span class="th th-home-o"></span> Home</a>
  318. <a href="/ask"><span class="th th-envelope-o"></span> Hsk</a>
  319. <a href="/archive"><span class="th th-calendar-1-o"></span> Archive</a>
  320. <a href="/submit"><span class="th th-edit-o"></span> Submit</a>
  321. <a href="https://knightgeneral.tumblr.com"><span class="th th-star-o"></span> Credit</a>
  322. </div>
  323.  
  324. <div id="sidebar">
  325. <div id="sideimg"><img src="{image:sidebar}" style="width: 250px;"></div>
  326. <div id="linkies">
  327. <a href="{text:link 1 url}">{text:link 1 title}</a>
  328. <a href="{text:link 2 url}">{text:link 2 title}</a>
  329. <a href="{text:link 3 url}">{text:link 3 title}</a>
  330. <a href="{text:link 4 url}">{text:link 4 title}</a>
  331. <a href="{text:link 5 url}">{text:link 5 title}</a>
  332. <a href="{text:link 6 url}">{text:link 6 title}</a>
  333. </div>
  334. <div id="title">{text:blog title}</div>
  335. <div id="description">{Description}</div>
  336.  
  337. <div id="pagination">
  338. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  339. &nbsp;{CurrentPage} of {TotalPages}&nbsp;
  340. {block:NextPage}<a href="{NextPage}"><span class="th th-chevron-right"></span></a>{/block:NextPage}{/block:Pagination}
  341. </div>
  342.  
  343. </div>
  344.  
  345. <div id="entries">
  346. {block:Posts}
  347. <!-- {block:NoRebloggedFrom}
  348. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  349. {/block:NoRebloggedFrom} -->
  350. {block:ContentSource}<!-- {SourceURL}
  351. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  352. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  353. {/block:ContentSource}
  354.  
  355. <div id="post">
  356. <div id="infotop">{block:Date}posted <a href="{permalink}">{TimeAgo}</a> at {12hour}:{minutes} {ampm}{/block:Date} {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  357. </div>
  358.  
  359. {block:Text}<span style="font-family: 'Share Tech', share-regular, sans-serif; text-transform: uppercase; color: {color:blog titles}; letter-spacing: 2px; font-size: 28px;">{Title}</span>
  360. {Body}{/block:Text}
  361.  
  362. {block:Photo}{LinkOpenTag}<div class="fade"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  363.  
  364. {block:Photoset}<div class="fade">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  365.  
  366. {block:Quote}<span style="font-family: 'Share Tech', share-regular, sans-serif; font-size: 24px;">{Quote}</span><br><center>{block:Source} —{Source}{/block:Source}</center>{/block:Quote}
  367.  
  368. {block:Link}<span style="font-family: 'Share Tech', share-regular, sans-serif; text-transform: uppercase; color: {color:blog titles}; font-size: 24px;"><a href="{URL}" {Target}>{Name}</a></span>{block:Description}{Description}{/block:Description}{/block:Link}
  369.  
  370. {block:Chat}{block:Title}<span style="font-family: 'Share Tech', share-regular, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; background-color: {color:sbarbg};">{Title}</span>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  371.  
  372. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  373.  
  374. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  375.  
  376. {block:Answer}
  377. <table style="padding-bottom:5px;margin-bottom:5px;">
  378. <tr>
  379. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-24}" style="border:5px solid {color:posts background};"></td>
  380. <td style="vertical-align:top;"><strong>{Asker} says:</strong> {Question}</td>
  381. </tr>
  382. </table>
  383. {Answer}
  384. {/block:Answer}
  385.  
  386. <div id="infotags">
  387. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  388.  
  389. </div>
  390. {block:PostNotes}{PostNotes}{/block:PostNotes}
  391. {/block:Posts}</div></div>
  392.  
  393. </body></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!