API tools faq
paste
Advertisement
fabliam

Theme 31

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