API tools faq
paste
humpschapel

theme12

humpschapel
Aug 4th, 2013
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.49 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.  
  3. <!--
  4.  
  5. theme12 by faith aka lukerhemmimgs ((previously humpschapel and snowpatrohl))
  6. follow the rules or harry styles will cry
  7. you do not want to see harry cry
  8. thanks for using!
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15. <link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'>
  16.  
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Sidebar" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:Link" content="#b8b8b8"/>
  28. <meta name="color:Tags" content="f0f0f0"/>
  29. <meta name="color:Hover" content="#f2f2f2"/>
  30. <meta name="color:Line" content="#f2f2f2"/>
  31. <meta name="color:Border" content="#e4e4e4"/>
  32. <meta name="color:Post" content="#ffffff"/>
  33. <meta name="color:Answer" content="#f8f8f8"/>
  34. <meta name="image:sidebar" content=""/>
  35. <meta name="image:bg" content=""/>
  36. <meta name="text:linkA" content="">
  37. <meta name="text:linkA url" content="/">
  38. <meta name="text:linkB" content="">
  39. <meta name="text:linkB url" content="/">
  40. <meta name="text:linkC" content="">
  41. <meta name="text:linkC url" content="/">
  42. <meta name="text:linkD" content="">
  43. <meta name="text:linkD url" content="/">
  44. <meta name="text:linkE" content="">
  45. <meta name="text:linkE url" content="/">
  46. <meta name="color:scrollbarbg" content="ffffff"/>
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52. /* --- SCROLLBAR ---*/
  53.  
  54. ::-webkit-scrollbar {background-color:#f7f7f7; border:3px solid #fff;height:8px; width:8px;}
  55. ::-webkit-scrollbar-thumb:vertical {background-color:#D6D5D5; border:2px solid #fff; height:50px;border-radius:300px;-webkit-border-radius: 300px;
  56. -moz-border-radius: 300px;}
  57. ::-webkit-scrollbar-thumb:horizontal {background-color:#D6D5D5;border:2px solid #fff; height:8px!important}
  58.  
  59.  
  60. /* --- BODY ---*/
  61.  
  62. body {
  63. background:{color:background};
  64. margin:0px;
  65. color:{color:text};
  66. font-family: 'Arimo', sans-serif;
  67. font-size:9px;
  68. line-height:100%;
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. outline:none;
  74. -moz-outline-style:none;
  75. color:{color:link};
  76. }
  77.  
  78. img {
  79. border:none;
  80. }
  81.  
  82. blockquote {
  83. padding-left:5px;
  84. border-left:2px solid;
  85. }
  86.  
  87. blockquote blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92. h1 {
  93. font-size:9px;
  94. text-transform:uppercase;
  95. }
  96.  
  97. a:hover {
  98. opacity:10;
  99. color:{color:hover};
  100. -webkit-transition: all 0.7s ease;
  101. -moz-transition: all 0.7s ease;
  102. -o-transition: all 0.7s ease
  103. }
  104.  
  105. /* --- POST ENTRIES ---*/
  106.  
  107.  
  108. #entries {
  109. padding:10px;
  110. width:500px;
  111. margin-left:500px;
  112. margin-top:-55px;
  113. padding:50px;
  114. border:8px solid #eee;
  115. }
  116.  
  117. /* --- BODY: POSTS ---*/
  118.  
  119.  
  120. #post {
  121. width:500px;
  122. padding-bottom:0px;
  123. padding:0px;
  124. margin-top:50px;
  125. background-color:{color:Post};
  126. }
  127.  
  128. /* --- SIDEBAR IMAGE ---*/
  129.  
  130.  
  131. #sidebar {
  132. width:100px;
  133. height:100px;
  134. position:fixed;
  135. margin-left:270px;
  136. margin-top:200px;
  137. opacity:.80;
  138. background-color:{color:Sidebar};
  139. }
  140.  
  141. #sidebarimage {
  142. width 100px;
  143. }
  144.  
  145. #sidebarimage img {
  146. width:100px;
  147. height:auto;
  148. border:solid 5px;
  149. padding:2px;
  150. border-color: {color:border};
  151. background-color:{color:Sidebar};
  152. }
  153.  
  154. /* --- SIDEBAR LINKS ---*/
  155.  
  156. .links {
  157. width:55px;
  158. height:0px;
  159. padding: 0px;
  160. font-size:10px;
  161. font-family: 'Autour One', cursive;
  162. text-align:justify;
  163. opacity:0;
  164. margin-top:-124px;
  165. margin-left:-90px;
  166. text-align:center;
  167. text-transform:lowercase;
  168. word-spacing:2px;
  169. display:inline;
  170. padding-bottom:20px;
  171. word-spacing:3px;
  172. position:fixed;
  173. -moz-transition-duration:0.5s;
  174. -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;
  175. }
  176.  
  177. .links a {
  178. color:#fff;
  179. display:inline-block;
  180. width:70px;
  181. height:10px;
  182. font-size:9px;
  183. letter-spacing:1px;
  184. padding:6px;
  185. background-color:{color:border};
  186. -moz-transition-duration:0.4s;
  187. -webkit-transition-duration:0.4s; -o-transition-duration:0.4
  188.  
  189. }
  190.  
  191. .links a:hover {
  192. color:#fff;
  193. background-color:#000;
  194. -moz-transition-duration:0s;
  195. -webkit-transition-duration:0s; -o-transition-duration:0s;
  196. }
  197.  
  198. #sidebar:hover .links {
  199. -webkit-transform: rotateY(720deg);
  200. -moz-transform: rotateY(720deg);
  201. -o-transform: rotateY(720deg);
  202. opacity:1;
  203. margin-left:120px;
  204. margin-top:-114px;
  205. -webkit-transition: all 0.6s ease;
  206. -moz-transition: all 0.6s ease;
  207. -o-transition: all 0.6s ease;
  208. }
  209.  
  210.  
  211.  
  212. /* --- DESCRIPTION ---*/
  213.  
  214. #description {
  215. position:fixed;
  216. font-family: 'Autour One', cursive;
  217. line-height:120%;
  218. font-size:8px;
  219. font-style:lowercase;
  220. width:80px;
  221. height:80px;
  222. margin-top:-120px;
  223. padding:8px;
  224. margin-left:115px;
  225. text-align:justify;
  226. color:{color:text};
  227. }
  228.  
  229. #description a {
  230. color:{color:text};
  231. -moz-transition-duration:0.4s;
  232. -webkit-transition-duration:0.4s;
  233. -o-transition-duration:0.4s;}
  234.  
  235. #sidebar:hover #description {
  236. opacity:0;
  237. margin-left:120px;
  238. margin-top:-112px;
  239. -webkit-transition: all 0.6s ease;
  240. -moz-transition: all 0.6s ease;
  241. -o-transition: all 0.6s ease;
  242. }
  243.  
  244. /* --- PAGINATION---*/
  245.  
  246. #pagination {
  247. width:300px;
  248. font-size:9px;
  249. text-align:center;
  250. margin-left:-95px;
  251. margin-top:5px;
  252. position:fixed;
  253. font-family: 'Autour One', cursive;
  254. letter-spacing:0px;
  255.  
  256. }
  257.  
  258. /* --- POST INFO ---*/
  259.  
  260.  
  261. #info {
  262. text-align:right;
  263. font-family: 'Autour One', cursive;
  264. margin-top:10px;
  265. text-transform:lowercase;
  266. font-size:8px;
  267. font-style:none;
  268. border-top:1px solid #f2f2f2
  269. }
  270.  
  271.  
  272. /* --- POST TAGS---*/
  273.  
  274.  
  275. #tags {
  276. font-family: 'Autour One', cursive;
  277. letter-spacing:0px;
  278. text-transform:lowercase;
  279. font-size:8px;
  280. font-style:none;
  281. margin-top:4px;
  282. text-align:right;
  283. }
  284.  
  285. #tags
  286. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  287. -webkit-transition: all 0.6s ease-in-out;
  288. -moz-transition: all 0.6s ease-in-out;
  289. -o-transition: all 0.6s ease-in-out;
  290. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  291.  
  292.  
  293. /* --- QUESTIONS ---*/
  294.  
  295. .asker {
  296. font-style:none;
  297. text-transform:lowercase;
  298. font-family: 'Autour One', cursive;
  299. font-size:11px;
  300. color:;
  301. }
  302.  
  303. .ask {
  304. padding:10px;
  305. width:500px;
  306. text-align:left;
  307. line-height:11px;
  308. font-size:9px;
  309. color:;
  310. background-color:;
  311. font-family: arimo;
  312. text-transform:none;
  313.  
  314.  
  315. }
  316.  
  317. .ans {
  318. width:480px;
  319. padding:0px;
  320. color:;
  321. font-style:none;
  322. text-align:left;
  323. line-height:11px;
  324. font-family: arimo;
  325. text-transform:none;
  326. font-size:9px;
  327. letter-spacing:0px;
  328. }
  329.  
  330.  
  331. {CustomCSS}
  332. </style></head>
  333. <body>
  334.  
  335. <div id="sidebar">
  336. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  337.  
  338.  
  339. <div id="description">
  340. {Description}
  341. </div>
  342.  
  343.  
  344. <div class="links">
  345. {block:IfLinkA}
  346. <a href="{text:linkA url}">{text:linkA}</a>
  347. {/block:IfLinkA}
  348. {block:IfLinkB}
  349. <a href="{text:linkB url}">{text:linkB}</a>
  350. {/block:IfLinkB}
  351. {block:IfLinkC}
  352. <a href="{text:linkC url}">{text:linkC}</a>
  353. {/block:IfLinkC}
  354. {block:IfLinkD}
  355. <a href="{text:linkD url}">{text:linkD}</a>
  356. {/block:IfLinkD}
  357. {block:IfLinkE}
  358. <a href="{text:linkE url}">{text:linkE}</a>
  359. {/block:IfLinkE}
  360. </div>
  361.  
  362.  
  363. {block:Pagination}<div id="pagination">
  364. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  365. {block:JumpPagination length="5"}
  366. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  367. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  368. {/block:JumpPagination}
  369. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  370. </div>{/block:Pagination}
  371.  
  372. </div>
  373.  
  374.  
  375. <div id="entries">{block:Posts}<div id="post">
  376.  
  377. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  378.  
  379. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  380.  
  381. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  382.  
  383. {block:Quote}{Quote}{/block:Quote}
  384.  
  385. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  386.  
  387. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  388.  
  389. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  390. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  391. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  392. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  393. {/block:Audio}
  394.  
  395. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  396.  
  397. {block:Answer}<div class="ask">{Asker} - {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  398.  
  399. <div id="info">
  400. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}"><a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> <big><big><big><b>+</b></big></big></big><a href="{ReblogURL}" target="_blank" class="details"><big><big><big><b>reblog</b></big></big></big></a>
  401. {block:HasTags}<div id="tags">tagged {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  402. {/block:Posts}
  403. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  404. {/block:Posts}</div></div></div>
  405.  
  406. <div style="position:fixed;bottom:3px; right:3px; font-size:15px; letter-spacing:1px; font-family: 'Autour One', cursive;"><a href="http://dontcastor.tumblr.com/">f.t.</a></center></div>
  407.  
  408.  
  409.  
  410. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!