API tools faq
paste
Advertisement
khalisar

theme 8

khalisar
Aug 10th, 2013
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.84 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.  
  10. <!-- theme 3 by quietwillfall
  11. please don't remove credit
  12. thank you-->
  13.  
  14. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  15.  
  16. <style>
  17. div#qTip {
  18. padding: 2px;
  19. display: none;
  20. font-style:none;
  21. text-align: center;
  22. position: absolute;
  23. font-size:11px;
  24. line-height:10px;
  25. font-family:calibri;
  26. z-index: 1000;
  27. background: white;
  28. z-index: 9999999;
  29. border:1px solid #ccc;
  30. color: #999;
  31. letter-spacing: 1px;
  32. }
  33. </style>
  34.  
  35. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  36. <head>
  37.  
  38. <!-- COLORS -->
  39.  
  40. <meta name="color:background" content="#ffffff"/>
  41. <meta name="color:line" content="#BDBDBD">
  42. <meta name="color:text" content="#b6b5b5"/>
  43. <meta name="color:link" content="#A4A4A4"/>
  44. <meta name="color:linkhover" content="#f0e7e1"/>
  45. <meta name="color:scrollbar" content="ececec"/>
  46.  
  47.  
  48. <!-- FONTS -->
  49.  
  50. <meta name="font:title" content="Cambria" />
  51. <meta name="font:body" content="calibri" />
  52. <meta name="font:pagination" content="calibri" />
  53.  
  54. <!-- IMAGES -->
  55.  
  56. <meta name="image:sidebar" content=""/>
  57.  
  58.  
  59. <!-- LINKS -->
  60.  
  61. <meta name="image:sidebar" content="/">
  62. <meta name="text:homelink title" content="home">
  63. <meta name="text:link1" content="">
  64. <meta name="text:link1 url" content="/">
  65. <meta name="text:link2" content="">
  66. <meta name="text:link2 url" content="/">
  67. <meta name="text:link3" content="">
  68. <meta name="text:link3 url" content="/">
  69. <meta name="text:link4" content="">
  70. <meta name="text:link4 url" content="/">
  71. <meta name="text:link5" content="">
  72. <meta name="text:link5 url" content="/">
  73. <meta name="text:link6" content="">
  74. <meta name="text:link6 url" content="/">
  75.  
  76. <style type="text/css">
  77.  
  78. ::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
  79. ::-webkit-scrollbar-thumb:vertical {background-color:#999; height:50px;border-radius:10px;border:1px solid #fff;}
  80. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
  81.  
  82. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  83.  
  84.  
  85.  
  86. #bite
  87. #bite a{
  88. display:block
  89. }
  90. #bite .death {
  91. margin-top:-40px;filter: alpha(opacity = 0);
  92. opacity:0;-webkit-transition: all .5s ease-out;
  93. -moz-transition: all .5s ease-out;transition: all .5s ease-out;
  94. }
  95.  
  96. #bite:hover .death {
  97. margin-top:-30px;
  98. -webkit-transition: all 1s ease-out;
  99. -moz-transition: all 1s ease-out;
  100. transition: all 1s ease-out;
  101. filter: alpha(opacity = 100);
  102. filter: alpha(opacity = 100);
  103. opacity:100;
  104. }
  105.  
  106.  
  107.  
  108.  
  109.  
  110. /* --- BODY ---*/
  111.  
  112. body {
  113. font-style:none;
  114. background:{color:background};
  115. margin:0px; color:{color:text};
  116. font-family:calibri;
  117. font-size:11px;
  118. line-height:100%;
  119.  
  120. }
  121.  
  122. blockquote {
  123. border-left:2px solid #ECECEC;
  124. padding-left:2px;
  125. margin:5px;
  126. }
  127.  
  128. a {
  129. color:{color:link}
  130. }
  131.  
  132. a {
  133. text-decoration:none;
  134. -webkit-transition:all 0.5s ease-in-out;
  135. -moz-transition:all 0.5s ease-in-out;
  136. -o-transition:all 0.5s ease-in-out;
  137. -ms-transition:all 0.5s ease-in-out;
  138. transition:all 0.5s ease-in-out;
  139. }
  140.  
  141. a:hover {
  142. color:{color:linkhover}
  143. }
  144.  
  145. img {none;}
  146.  
  147. h1 , h2 {
  148. font-family:calibri;
  149. text-transform:none;
  150. font-size:14px;
  151. line-height:30px;
  152. letter-spacing:0px;
  153. text-align:center;
  154. font-style:none;
  155. }
  156.  
  157. #entries {
  158. padding:10px;
  159. width:500px;
  160. margin-left:500px;
  161. margin-top:50px;
  162.  
  163.  
  164. }
  165.  
  166. #post {
  167. width:500px;
  168. padding-bottom:100px;
  169. font-style:none;
  170. padding:15px;
  171. margin-bottom:10px;
  172. border-bottom:1px solid{color:Line};
  173. }
  174.  
  175.  
  176.  
  177.  
  178. /* --- SIDEBAR ---*/
  179.  
  180.  
  181. #sidebar
  182. {
  183. width:300px;
  184. position:fixed;
  185. margin-left:170px;
  186. margin-top:110px;
  187. }
  188.  
  189. #sidebar {width:100px;}
  190.  
  191. #sidebar img {
  192. width:150px;
  193. max-height:450px;
  194. margin-bottom:5px;
  195. margin-top: 15px;
  196. padding:0px;
  197. margin-left:90px;
  198. opacity:1;
  199. -moz-transition-duration:1s;
  200. -webkit-transition-duration:1s;
  201. -o-transition-duration:1s;
  202. }
  203.  
  204.  
  205.  
  206. #nav {
  207. position:fixed;
  208. overflow:hidden;
  209. margin-top:150px;
  210. margin-left:315px;
  211. }
  212.  
  213. #link1 a , #link2 a, #link3 a
  214.  
  215. #title
  216. {
  217. font-family:cambria;
  218. text-align:justify;
  219. margin-top:-129px;
  220. padding-bottom:0px;
  221. text-transform:none;
  222. font-style:normal;
  223. font-size:10px;
  224. }
  225.  
  226. #description {
  227. margin-left: 120px;
  228. margin-top: 10px;
  229. width: 90px;
  230. line-height: 100%;
  231. letter-spacing:1px;
  232. text-transform:none;
  233. text-align:center;
  234. font-family:calibri;
  235. font-size: 10px;
  236. font-style:none;
  237. padding-bottom:10px;
  238. padding-top:0px;
  239.  
  240. }
  241.  
  242. #description a:hover {
  243. text-align:center;
  244. color: #fff;
  245. padding:0px;
  246. width:40px;
  247. -moz-transition-duration:1s;
  248. -webkit-transition-duration:.1s;
  249. -o-transition-duration:1s;
  250. }
  251. #sidebar:hover #description{
  252. opacity:1;
  253. -moz-transition-duration:1s;
  254. -webkit-transition-duration:1s;
  255. -o-transition-duration:1s;}
  256.  
  257.  
  258. #links {
  259. background-color:#FFFFFF;
  260. position: fixed;
  261. font-family:calibri;
  262. padding-top: 3px;
  263. border-top:double #A4A4A4;
  264. padding-bottom: 8px;
  265. margin-top: -23px;
  266. margin-left: 121px;
  267. padding-left: 0px;
  268. padding-right: 0px;
  269. letter-spacing: 2px;
  270. word-spacing:5px;
  271. line-height:15px;
  272. height: 50px;
  273. width: 86px;
  274. text-align:center;
  275. -moz-transition-duration:.7s;
  276. -webkit-transition-duration:.7s;
  277. -o-transition-duration:.7s;
  278. }
  279.  
  280. #links a:hover {
  281. font-style:italic;
  282. color: #111;
  283. -moz-transition-duration:.6s;
  284. -webkit-transition-duration:.6s;
  285. -o-transition-duration:.6s;
  286. }
  287. }
  288.  
  289. #links a {
  290. padding 0px;
  291. padding-top: 5px;
  292. padding-bottom: 1px;
  293. padding-right:2px;
  294. padding-left:2px;
  295. margin-bottom: 5px;
  296. font-size: 10px;
  297. font-style:normal;
  298. text-align:center;
  299. text-transform:none;
  300. width: 50px;
  301. }
  302.  
  303. #sidebar:hover #links{
  304. margin-top:8px;
  305. -moz-transition-duration:1s;
  306. -webkit-transition-duration:1s;
  307. -o-transition-duration:1s;
  308. }
  309.  
  310.  
  311. #questions {
  312. background-color:#ffffff;
  313. color: {color:text};
  314. margin-left:0px;
  315. padding:5px;
  316. margin-top:5px;
  317. margin-bottom:5px;
  318. font-family:calibri;
  319. font-size:10px;
  320. font-style:normal;
  321. text-align:center;
  322. }
  323.  
  324. .note {
  325. padding:0px 20px 0px 20px;
  326. background-color:#FFFFFF;
  327. text-transform:lowercase;
  328. letter-spacing:0px;
  329. font-size: 11px;
  330. font-style:normal;
  331. text-align:left;
  332. line-height:120%;
  333. }
  334.  
  335. .note li {
  336. list-style-type:none;
  337. padding:5px 25px 5px 25px;
  338. text-align:left;
  339. margin-right:30px;
  340. margin-top:-50px;
  341. }
  342.  
  343. #info {
  344. font-family:calibri;
  345. text-align:center;
  346. margin-top:10px;
  347. padding-top:10px;
  348. padding:0px;
  349. padding-bottom:1px;
  350. text-transform:none;
  351. font-style:none;
  352. font-size:10px;
  353. line-height:100%;
  354. }
  355.  
  356. #RebloggedFrom {
  357. font-family:calibri;
  358. text-align:center;
  359. margin-top:-5px;
  360. padding-bottom:0px;
  361. text-transform:none;
  362. font-style:none;
  363. font-size:10px;
  364. }
  365.  
  366. #tags {
  367. font-family:calibri;
  368. text-align:right;
  369. margin-top:-11px;
  370. opacity:0;
  371. padding-bottom:0px;
  372. text-transform:none;
  373. font-style:none;
  374. font-size:10px;
  375. }
  376.  
  377. #post #tags {
  378. opacity:0;
  379. -moz-transition-duration:1s;
  380. -webkit-transition-duration:1s;
  381. -o-transition-duration:1s;
  382. }
  383.  
  384. #post:hover #tags {
  385. opacity:1;
  386. -moz-transition-duration:1s;
  387. -webkit-transition-duration:1s;
  388. -o-transition-duration:1s;
  389.  
  390. }
  391.  
  392.  
  393.  
  394.  
  395. #pagination
  396. {
  397. font-size:10px;
  398. margin-top:13px;
  399. margin-left:130px;
  400. font-family:calibri;
  401. font-style:normal;
  402. text-align:center;
  403. width:50px
  404. color: #848484;
  405. text-transform:uppercase;
  406. letter-spacing:1px;
  407. }
  408.  
  409.  
  410. #stuffcontainer {
  411. float:left;
  412. margin-left:200px;
  413. margin-top:75px;
  414. text-align:justify;
  415. background-color:#FFFFFF;
  416. color:#FFFFFF;
  417. border:1px;
  418. margin-bottom: 35px;
  419. }
  420.  
  421.  
  422. #stuff {
  423. width:500px;
  424. margin-top:20px;
  425. text-align:justify;
  426. font-size:11px;
  427. font-family:times;
  428. line-height:90%;
  429. letter-spacing:0x;
  430. color:#FFFFFF;
  431. }
  432.  
  433.  
  434. #credit {
  435. font-size:9px;
  436. font-family:cambria;
  437. font-style:italic;
  438. letter-spacing:1px;
  439. -moz-transition-duration:0.5s;
  440. -webkit-transition-duration:0.5s;
  441. -o-transition-duration:0.5s;
  442. }
  443.  
  444. #credit a {
  445. background-color:#fff;
  446. padding:5px;
  447. border:1px solid #e9e9e9;
  448. position:fixed;
  449. right:15px;
  450. bottom:10px
  451. }
  452.  
  453. #credit a:hover {
  454. color:#fff;
  455. background-color:#A4A4A4;
  456. }
  457.  
  458.  
  459.  
  460.  
  461.  
  462. {CustomCSS}</style></head><body>
  463.  
  464. <div id="sidebar">
  465.  
  466.  
  467. <div id="bite">
  468. <div id="sidebarimage"><a title="{text:homelink title}" href="/"><img src="{image:sidebar}"></a></div>
  469.  
  470.  
  471.  
  472. <div id="pagination">
  473. {block:Pagination}
  474. <div id="pagination">
  475. {block:PreviousPage}
  476. <a href="{PreviousPage}">←</a>
  477. {/block:PreviousPage}
  478. {block:NextPage}
  479. <a href="{NextPage}">→</a>
  480. {/block:NextPage}
  481. </div>
  482. {/block:Pagination}</div>
  483.  
  484. <div id="links">
  485. <a href="{text:link1 url}">{text:link1}</a>
  486. <a href="{text:link2 url}">{text:link2}</a>
  487. <a href="{text:link3 url}">{text:link3}</a>
  488. <a href="{text:link4 url}">{text:link4}</a>
  489. <a href="{text:link5 url}">{text:link5}</a>
  490. <a href="{text:link6 url}">{text:link6}</a>
  491.  
  492.  
  493. </div>
  494.  
  495.  
  496. <div class="death">
  497. <div id="description">{Description}
  498. </div>
  499.  
  500.  
  501.  
  502. <div id="scrollbar">{scrollbar}</div>
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510. {block:HasPages}{block:Pages}
  511.  
  512. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  513.  
  514. </div></center>
  515.  
  516.  
  517. </div></div>
  518.  
  519. </div>
  520.  
  521. <div id="entries">{block:Posts}<div id="post">
  522.  
  523. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  524.  
  525. {block:blockquote}{/block:blockquote}
  526.  
  527.  
  528.  
  529. {block:Photo}
  530. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  531. {/block:Photo}
  532.  
  533. {block:Photoset}
  534. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  535. {/block:Photoset}
  536.  
  537. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  538.  
  539. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  540.  
  541. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  542.  
  543. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  544.  
  545. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  546.  
  547. {block:Answer}<div id="questions"<a href="{askerURL}"><b>{Asker}</b> asked: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  548.  
  549. <div id="details">
  550. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at </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} <font color=#FF92B5>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
  551. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  552. {/block:Posts}
  553. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  554. {/block:Posts}</div></div></div>
  555.  
  556. <div id="credit" data="credit"> <a href="http://quietwillfall.tumblr.com">QWF</a></div>
  557. </div>
  558. </body>
  559. </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!