API tools faq
paste
Advertisement
fabliam

Theme 20

fabliam
Apr 1st, 2013
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.75 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.  
  9. <meta name="color:background" content="#ffffff"/>
  10. <meta name="color:border" content="f3f1f1"/>
  11. <meta name="color:text" content="#b6b5b5"/>
  12. <meta name="color:link" content="#a8a7a7"/>
  13. <meta name="color:scrollbar" content="ede7dc"/>
  14.  
  15. <meta name="image:sidebar1" content=""/>
  16.  
  17.  
  18. <!-- LINKS -->
  19.  
  20. <meta name="text:link 1" content="link 1" />
  21. <meta name="text:link 1 url" content="/" />
  22. <meta name="text:link 2" content="link 2" />
  23. <meta name="text:link 2 url" content="/" />
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. a {color:;text-decoration:none;-webkit-tra… all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  29.  
  30. .fufu {width:227px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.4s ease-out;}
  31.  
  32. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  33.  
  34. #biter
  35.  
  36. #bite a {display:block}
  37.  
  38. #bite .death {margin-top:0px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  39.  
  40. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  41.  
  42. ::-webkit-scrollbar {background-color:#fff; height:5px; width:5px}
  43. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  44. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:5px!important}
  45.  
  46. /* --- BODY ---*/
  47.  
  48. body {
  49. background:{color:background};
  50. margin:0px; color:{color:text};
  51. font-family:calibri;
  52. font-size:11px;
  53. line-height:100%;
  54. }
  55.  
  56.  
  57. blockquote {
  58. border-left:1px solid #dfdfdf;
  59. padding-left:2px;
  60. margin:5px;
  61. }
  62.  
  63.  
  64. a {
  65. color:#b1b0b0;
  66. text-decoration:none;
  67. -webkit-transition:all 0.5s ease-in-out;
  68. -moz-transition:all 0.5s ease-in-out;
  69. -o-transition:all 0.5s ease-in-out;
  70. -ms-transition:all 0.5s ease-in-out;
  71. transition:all 0.5s ease-in-out;
  72. }
  73.  
  74. a:hover {
  75. text-decoration:none;
  76. color:#676767;
  77. }
  78.  
  79. img {none;}
  80.  
  81. h1 {
  82. font-family:calibri;
  83. font-size:20px;
  84. font-style:none;
  85. text-transform:none;
  86. text-align:center;
  87. font-weight:normal;
  88. }
  89.  
  90. h2 {
  91. font-family:cambria;
  92. font-size:11px;
  93. font-style:italic;
  94. text-transform:none;
  95. font-weight:normal;
  96. }
  97.  
  98. #entries {
  99. padding:10px;
  100. width:500px;
  101. margin-left:370px;
  102. margin-top:20px;
  103. }
  104.  
  105. #post {
  106. width:500px;
  107. padding-bottom:50px;
  108. font-style:none;
  109. }
  110.  
  111.  
  112. /* --- HEADER --- */
  113.  
  114. .header {
  115. position:absolute;
  116. height: 55px;
  117. margin-top:-85px;
  118. width:480px;
  119. margin-left: 440px;
  120. border-bottom: solid 1px #f8f8f8;
  121. border-top: solid 1px #f8f8f8;
  122. margin-bottom:50px;
  123. font-family:calibri;
  124. text-transform: uppercase;
  125. font-style:normal;
  126. padding:10px;
  127. line-height:110%;
  128. background-color: #fcfcfc;
  129. text-align:center;
  130. font-size: 8px;
  131. color:{color:text};
  132. }
  133.  
  134.  
  135. /* --- SIDEBAR ---*/
  136.  
  137. #sidebar {
  138. width:100px;
  139. height:80px;
  140. position:fixed;
  141. margin-left:-6px;
  142. margin-top:-36px;
  143. }
  144.  
  145. #sidebarimage {
  146. width:200px;
  147. height:500px;
  148. }
  149.  
  150. #sidebarimage img {;
  151. width:300px;
  152. height:800px;
  153. margin-left:0px;
  154. margin-top:10px;
  155. border:1px solid {color:border};
  156. padding:5px;
  157. }
  158.  
  159. #pagination {
  160. position:fixed;
  161. width:158px;
  162. height:18px;
  163. text-align:center;
  164. margin-top:80px;
  165. margin-bottom:110px;
  166. margin-left:-25px;
  167. font-family:cambria;
  168. font-size:8px;
  169. letter-spacing:4px;
  170. text-transform:uppercase;
  171. font-style:normal;
  172. z-index:100;
  173. bottom:0;
  174. padding:2px;
  175. background:white;
  176. border-left:1px solid {color:border};
  177. border-bottom:1px solid {color:border};
  178. border-right:1px solid {color:border};
  179. }
  180.  
  181. #description {
  182. width:150px;
  183. margin-bottom:15px;
  184. margin-left:-25px;
  185. margin-top:7px;
  186. text-align:center;
  187. font-size:10px;
  188. color:{color:text};
  189. letter-spacing:1px;
  190. line-height:105%;
  191. background:white;
  192. opacity:0.99;
  193. padding:6px;
  194. border:1px solid {color:border}
  195. }
  196.  
  197. #questions {
  198. background-color: #f3f3f3;
  199. color: {color:text};
  200. border-top: solid 1px #f8f8f8;
  201. margin-left:0px;
  202. padding:11px;
  203. margin-top: 5px;
  204. margin-bottom:5px;
  205. font-family:cambria;
  206. font-size:10px;
  207. font-style:italic;
  208. text-align:left;
  209. }
  210.  
  211. #menu {
  212. padding:5px;
  213. margin-top:5px;
  214. width:150px;
  215. margin-left:90px;
  216. letter-spacing:-0.5px;
  217. }
  218.  
  219. #menu a {
  220. display:inline-block;
  221. font-family:calibri;
  222. margin-bottom:5px;
  223. padding:5px;
  224. font-size:8px;
  225. font-style:none;
  226. text-align:center;
  227. text-transform:uppercase;
  228. }
  229.  
  230.  
  231. .notecount {
  232. width:150px;
  233. margin-left:350px;
  234. position:absolute;
  235. text-align:right;
  236. }
  237.  
  238. .note {
  239. padding:0px 20px 0px 20px;
  240. text-transform:uppercase;
  241. font-family:calibri;
  242. text-align:left;
  243. letter-spacing:0px;
  244. font-size: 8px;
  245. line-height:80%;
  246. color:{color:link};
  247. }
  248.  
  249. .note li {
  250. list-style-type:none;
  251. padding:5px 20px 5px 20px;
  252. text-align:left;
  253. margin-left:-80px;
  254. }
  255.  
  256. #info {
  257. font-family:calibri;
  258. text-align:center;
  259. margin-top:5px;
  260. padding-top:5px;
  261. padding:5px;
  262. text-transform:uppercase;
  263. font-style:none;
  264. font-size:8px;
  265. line-height:80%;
  266. border-top:1px solid {color:border};
  267. }
  268.  
  269. #tags {
  270. font-family:calibri;
  271. text-align:center;
  272. margin-top:-5px;
  273. padding-bottom:3px;
  274. text-transform:uppercase;
  275. font-style:none;
  276. font-size:8px;
  277. border-bottom:1px solid {color:border};
  278. }
  279.  
  280. #tags a {
  281. display:inline;
  282. text-align:center;
  283. }
  284.  
  285. #cred {
  286. position:fixed;
  287. font-size:8px;
  288. font-weight:normal;
  289. line-height:150%;
  290. letter-spacing:2px;
  291. right:10px;
  292. bottom:10px;
  293. text-transform:uppercase;
  294. text-align:center;
  295. }
  296.  
  297. #cred a {
  298. padding:3px;
  299. color:#fff;
  300. background-color:{color:link};
  301. -moz-transition-duration:0.5s;
  302. -webkit-transition-duration:0.5s;
  303. -o-transition-duration:0.5s;
  304. }
  305.  
  306.  
  307. {CustomCSS}</style></head><body>
  308.  
  309.  
  310. <div id="sidebar">
  311. <div id="bite">
  312. <div id="sidebarimage"><img src="{image:sidebar1}"/></div>
  313. <div class="death">
  314. <div id="menu">
  315. <a style="border: 1px solid {color:border}; padding:4px; width:100px; background:white;"<a href="/">home</a></br>
  316. <a style="border: 1px solid {color:border}; padding:4px; width:100px; background:white;"<a href="/ask">mssg</a></br>
  317. <a style="border: 1px solid {color:border}; padding:4px; width:100px; background:white;"<a href="{text:link 1 url}">{text:link 1}</a></br>
  318. <a style="border: 1px solid {color:border}; padding:4px; width:100px; background:white;"<a href="{text:link 2 url}">{text:link 2}</a></br>
  319. <div id="description">{Description}</div>
  320. <div id="pagination">
  321. {block:Pagination}
  322. {block:PreviousPage}
  323. <a href="{PreviousPage}">←</a>
  324. {/block:PreviousPage}
  325. {block:NextPage}
  326. <a href="{NextPage}">→</a>
  327. {/block:NextPage}
  328. </div>
  329. {/block:Pagination}</div>
  330.  
  331. </div></div>
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. {block:HasPages}{block:Pages}
  341.  
  342. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  343.  
  344. </div></center></i>
  345.  
  346.  
  347.  
  348.  
  349.  
  350. </div>
  351.  
  352. <div id="entries">{block:Posts}<div id="post">
  353.  
  354. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><i>{Body}</i>{/block:Text}
  355.  
  356. {block:Photo}
  357. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  358. {/block:Photo}
  359.  
  360. {block:Photoset}
  361. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  362. {/block:Photoset}
  363.  
  364. {block:Quote}❝<i>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</i>
  365.  
  366. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<i>{Description}</i>{/block:Description}{/block:Link}
  367.  
  368. {block:Chat}<i>{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}</i>
  369.  
  370. {block:Audio}{AudioPlayerWhite}{block:Caption}<i>{Caption}</i>{/block:Caption}{/block:Audio}
  371.  
  372. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  373.  
  374. {block:Answer}<div id="questions">❝<b>{Asker}</b> sent: {Question}</div>
  375. <div id="answer"><i>{Answer}</i></div>{/block:answer}
  376.  
  377. <div id="info">
  378. {block:Date}posted <a href="{Permalink}">{TimeAgo}{/block:Date}{/block:Date}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}</a> {block:ContentSource} <a href="{SourceURL}">(© {SourceLink}</a>){/block:ContentSource}</div>
  379.  
  380. <div id="tags">
  381. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  382.  
  383. <div class="note">
  384. {block:PostNotes}{PostNotes}{/block:PostNotes}
  385. </div>
  386. </div>
  387. {block:Posts}
  388.  
  389. <div id="cred"><a href="http://fabliam.tumblr.com/">credit</a></div>
  390.  
  391. </div>
  392.  
  393. </body>
  394.  
  395. </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!