API tools faq
paste
Advertisement
fabliam

Theme 18

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