API tools faq
paste
Advertisement
fabliam

theme 29

fabliam
May 7th, 2013
384
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.93 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:cambria;
  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:400px;
  173. height:800px;
  174. position:fixed;
  175. margin-left:-80px;
  176. margin-top:-50px;
  177. border-right:1px solid {color:border};
  178. }
  179.  
  180. #sidebarimage {
  181. width:100px;
  182. height:200px;
  183. }
  184.  
  185. #sidebarimage img {;
  186. width:150px;
  187. height:150px;
  188. margin-left:313px;
  189. margin-top:55px;
  190. border-radius:180px;
  191. border:1px solid {color:border};
  192. padding:7px;
  193. }
  194.  
  195. #pagination {
  196. position:fixed;
  197. width:100px;
  198. text-align:center;
  199. margin-top:-100px;
  200. margin-bottom:345px;
  201. margin-left:18px;
  202. font-family:cambria;
  203. font-size:8px;
  204. letter-spacing:4px;
  205. text-transform:uppercase;
  206. font-style:normal;
  207. z-index:100;
  208. bottom:0;
  209. padding:2px;
  210. }
  211.  
  212. #description {
  213. width:120px;
  214. height:90px;
  215. margin-left:10px;
  216. margin-top:-50px;
  217. text-align:center;
  218. text-transform:lowercase;
  219. font-weight:normal;
  220. line-height:120%;
  221. font-family:cambria;
  222. font-style:italic;
  223. font-size:9px;
  224. padding-top:65px;
  225. padding-left:-50px;
  226. }
  227.  
  228. #questions {
  229. background-color: #f3f3f3;
  230. color: {color:text};
  231. border-top: solid 1px #f8f8f8;
  232. margin-left:0px;
  233. padding:11px;
  234. margin-top: 5px;
  235. margin-bottom:5px;
  236. font-family:cambria;
  237. font-size:10px;
  238. font-style:italic;
  239. text-align:left;
  240. }
  241.  
  242. #menu {
  243. width:140px;
  244. height:140px;
  245. margin-bottom:10px;
  246. margin-top:-383px;
  247. margin-left:321px;
  248. font-size:8px;
  249. text-transform:uppercase;
  250. text-align:center;
  251. letter-spacing:2px;
  252. line-height:10%;
  253. background:{color:menu};
  254. opacity:0.99;
  255. padding:5px;
  256. border-radius:180px;
  257. }
  258.  
  259. #menu a {
  260. display:inline-block;
  261. font-family:calibri;
  262. margin-bottom:5px;
  263. margin-top:13px;
  264. padding:3px;
  265. font-size:8px;
  266. font-style:none;
  267. text-align:center;
  268. text-transform:uppercase;
  269. }
  270.  
  271. #menu a:hover {
  272. color:{color:linkhover};
  273. }
  274.  
  275. .notecount {
  276. width:150px;
  277. margin-left:350px;
  278. position:absolute;
  279. text-align:right;
  280. }
  281.  
  282. .note {
  283. padding:0px 20px 0px 20px;
  284. text-transform:uppercase;
  285. font-family:calibri;
  286. text-align:left;
  287. letter-spacing:0px;
  288. font-size: 8px;
  289. line-height:80%;
  290. color:{color:link};
  291. }
  292.  
  293. .note li {
  294. list-style-type:none;
  295. padding:5px 20px 5px 20px;
  296. text-align:left;
  297. margin-left:-80px;
  298. }
  299.  
  300. #info {
  301. font-family:calibri;
  302. text-align:center;
  303. margin-top:5px;
  304. padding-top:5px;
  305. padding:5px;
  306. text-transform:uppercase;
  307. font-style:none;
  308. font-size:8px;
  309. line-height:80%;
  310. border-top:1px solid {color:border};
  311. }
  312.  
  313. #tags {
  314. font-family:calibri;
  315. text-align:center;
  316. margin-top:-5px;
  317. padding-bottom:3px;
  318. text-transform:uppercase;
  319. font-style:none;
  320. font-size:8px;
  321. border-bottom:1px solid {color:border};
  322. }
  323.  
  324. #tags a {
  325. display:inline;
  326. text-align:center;
  327. }
  328.  
  329. #cred {
  330. position:fixed;
  331. font-size:8px;
  332. font-weight:normal;
  333. line-height:150%;
  334. letter-spacing:2px;
  335. right:10px;
  336. bottom:10px;
  337. text-transform:uppercase;
  338. text-align:center;
  339. }
  340.  
  341. #cred a {
  342. padding:3px;
  343. color:#fff;
  344. background-color:{color:link};
  345. -moz-transition-duration:0.5s;
  346. -webkit-transition-duration:0.5s;
  347. -o-transition-duration:0.5s;
  348. }
  349.  
  350.  
  351. {CustomCSS}</style></head><body>
  352.  
  353.  
  354. <div id="sidebar">
  355. <div id="sidebarimage">
  356. <img src="{image:sidebar1}">
  357.  
  358. <div id="bite">
  359. <img src="{image:sidebar2}"><div class="death"></div>
  360. <img src="{image:sidebar3}">
  361.  
  362. <div class="death">
  363. <div id="menu">
  364. <a href="/">home</a>
  365. <a href="/ask">mssg</a></br>
  366. <a href="{text:link 1 url}">{text:link 1}</a>
  367. <a href="{text:link 2 url}">{text:link 2}</a>
  368.  
  369. <div id="description">{Description}</div>
  370.  
  371. <div id="pagination">
  372. {block:Pagination}
  373. {block:PreviousPage}
  374. <a href="{PreviousPage}">←</a>
  375. {/block:PreviousPage}
  376. {block:NextPage}
  377. <a href="{NextPage}">→</a>
  378. {/block:NextPage}
  379. </div>
  380. {/block:Pagination}</div>
  381.  
  382. </div></div></div>
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390. {block:HasPages}{block:Pages}
  391.  
  392. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  393.  
  394. </div></center></i>
  395.  
  396.  
  397.  
  398.  
  399.  
  400. </div>
  401.  
  402. <div id="entries">{block:Posts}<div id="post">
  403.  
  404. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><i>{Body}</i>{/block:Text}
  405.  
  406. {block:Photo}
  407. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  408. {/block:Photo}
  409.  
  410. {block:Photoset}
  411. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  412. {/block:Photoset}
  413.  
  414. {block:Quote}❝<i>{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}</i>
  415.  
  416. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<i>{Description}</i>{/block:Description}{/block:Link}
  417.  
  418. {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>
  419.  
  420. {block:Audio}{AudioPlayerWhite}{block:Caption}<i>{Caption}</i>{/block:Caption}{/block:Audio}
  421.  
  422. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  423.  
  424. {block:Answer}<div id="questions">❝<b>{Asker}</b> sent: {Question}</div>
  425. <div id="answer"><i>{Answer}</i></div>{/block:answer}
  426.  
  427. <div id="info">
  428. {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>
  429.  
  430. <div id="tags">
  431. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  432.  
  433. <div class="note">
  434. {block:PostNotes}{PostNotes}{/block:PostNotes}
  435. </div>
  436. </div>
  437. {block:Posts}
  438.  
  439. <div id="cred"><a href="http://fabliam.tumblr.com/">credit</a></div>
  440.  
  441. </div>
  442.  
  443. </body>
  444.  
  445. </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!