API tools faq
paste
Advertisement
khalisar

theme 9

khalisar
Aug 10th, 2013
51
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 8 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. line-height:15px;
  169. padding-bottom:100px;
  170. font-style:none;
  171. padding:15px;
  172. margin-bottom:10px;
  173. border-bottom:1px solid{color:Line};
  174. }
  175.  
  176.  
  177.  
  178.  
  179. /* --- SIDEBAR ---*/
  180.  
  181.  
  182. #sidebar
  183. {
  184. width:300px;
  185. position:fixed;
  186. margin-left:170px;
  187. margin-top:110px;
  188. }
  189.  
  190. #sidebar {width:100px;}
  191.  
  192. #sidebar img {
  193. width:150px;
  194. max-height:450px;
  195. margin-bottom:5px;
  196. margin-top: 15px;
  197. padding:0px;
  198. margin-left:90px;
  199. opacity:1;
  200. -moz-transition-duration:1s;
  201. -webkit-transition-duration:1s;
  202. -o-transition-duration:1s;
  203. }
  204.  
  205.  
  206.  
  207. #nav {
  208. position:fixed;
  209. overflow:hidden;
  210. margin-top:150px;
  211. margin-left:315px;
  212. }
  213.  
  214. #link1 a , #link2 a, #link3 a
  215.  
  216. #title
  217. {
  218. font-family:cambria;
  219. text-align:justify;
  220. margin-top:-129px;
  221. padding-bottom:0px;
  222. text-transform:none;
  223. font-style:normal;
  224. font-size:10px;
  225. }
  226.  
  227. #description {
  228. margin-left: 120px;
  229. margin-top: 10px;
  230. width: 90px;
  231. line-height: 100%;
  232. letter-spacing:1px;
  233. text-transform:none;
  234. text-align:center;
  235. font-family:calibri;
  236. font-size: 10px;
  237. font-style:none;
  238. padding-bottom:10px;
  239. padding-top:0px;
  240.  
  241. }
  242.  
  243. #description a:hover {
  244. text-align:center;
  245. color: #fff;
  246. padding:0px;
  247. width:40px;
  248. -moz-transition-duration:1s;
  249. -webkit-transition-duration:.1s;
  250. -o-transition-duration:1s;
  251. }
  252. #sidebar:hover #description{
  253. opacity:1;
  254. -moz-transition-duration:1s;
  255. -webkit-transition-duration:1s;
  256. -o-transition-duration:1s;}
  257.  
  258.  
  259. #links {
  260.  
  261. position: fixed;
  262. font-family:calibri;
  263. padding-top: 3px;
  264. border-top:double #A4A4A4;
  265. padding-bottom: 8px;
  266. margin-top: -13px;
  267. margin-left: 121px;
  268. padding-left: 0px;
  269. padding-right: 0px;
  270. letter-spacing: 2px;
  271. word-spacing:5px;
  272. line-height:15px;
  273. height: 50px;
  274. width: 86px;
  275. text-align:center;
  276. -moz-transition-duration:.7s;
  277. -webkit-transition-duration:.7s;
  278. -o-transition-duration:.7s;
  279. }
  280.  
  281. #links a:hover {
  282. font-style:italic;
  283. color: #111;
  284. -moz-transition-duration:.6s;
  285. -webkit-transition-duration:.6s;
  286. -o-transition-duration:.6s;
  287. }
  288. }
  289.  
  290. #links a {
  291. padding 0px;
  292. padding-top: 5px;
  293. padding-bottom: 1px;
  294. padding-right:2px;
  295. padding-left:2px;
  296. margin-bottom: 5px;
  297. font-size: 10px;
  298. font-style:normal;
  299. text-align:center;
  300. text-transform:none;
  301. width: 50px;
  302. }
  303.  
  304. #sidebar:hover #links{
  305. margin-top:28px;
  306. -moz-transition-duration:1s;
  307. -webkit-transition-duration:1s;
  308. -o-transition-duration:1s;
  309. }
  310.  
  311.  
  312. #questions {
  313. background-color:#ffffff;
  314. color: {color:text};
  315. margin-left:0px;
  316. padding:5px;
  317. margin-top:5px;
  318. margin-bottom:5px;
  319. font-family:calibri;
  320. font-size:10px;
  321. font-style:normal;
  322. text-align:center;
  323. }
  324.  
  325. .note {
  326. padding:0px 20px 0px 20px;
  327. background-color:#FFFFFF;
  328. text-transform:lowercase;
  329. letter-spacing:0px;
  330. font-size: 11px;
  331. font-style:normal;
  332. text-align:left;
  333. line-height:120%;
  334. }
  335.  
  336. .note li {
  337. list-style-type:none;
  338. padding:5px 25px 5px 25px;
  339. text-align:left;
  340. margin-right:30px;
  341. margin-top:-50px;
  342. }
  343.  
  344. #info {
  345. font-family:calibri;
  346. text-align:center;
  347. margin-top:10px;
  348. padding-top:10px;
  349. padding:0px;
  350. padding-bottom:1px;
  351. text-transform:none;
  352. font-style:none;
  353. font-size:10px;
  354. line-height:100%;
  355. }
  356.  
  357. #RebloggedFrom {
  358. font-family:calibri;
  359. text-align:center;
  360. margin-top:-5px;
  361. padding-bottom:0px;
  362. text-transform:none;
  363. font-style:none;
  364. font-size:10px;
  365. }
  366.  
  367. #tags {
  368. font-family:calibri;
  369. text-align:right;
  370. margin-top:-11px;
  371. opacity:0;
  372. padding-bottom:0px;
  373. text-transform:none;
  374. font-style:none;
  375. font-size:10px;
  376. }
  377.  
  378. #post #tags {
  379. opacity:0;
  380. -moz-transition-duration:1s;
  381. -webkit-transition-duration:1s;
  382. -o-transition-duration:1s;
  383. }
  384.  
  385. #post:hover #tags {
  386. opacity:1;
  387. -moz-transition-duration:1s;
  388. -webkit-transition-duration:1s;
  389. -o-transition-duration:1s;
  390.  
  391. }
  392.  
  393.  
  394.  
  395.  
  396. #pagination
  397. {
  398. font-size:8px;
  399. margin-top:63px;
  400. margin-left:75px;
  401. letter-spacing:2px
  402. font-family:calibri;
  403. font-style:normal;
  404. text-align:center;
  405. width:100px
  406. color: #848484;
  407. letter-spacing:1px;
  408. }
  409.  
  410.  
  411. #stuffcontainer {
  412. float:left;
  413. margin-left:200px;
  414. margin-top:75px;
  415. text-align:justify;
  416. background-color:#FFFFFF;
  417. color:#FFFFFF;
  418. border:1px;
  419. margin-bottom: 35px;
  420. }
  421.  
  422.  
  423. #stuff {
  424. width:500px;
  425. margin-top:20px;
  426. text-align:justify;
  427. font-size:11px;
  428. font-family:times;
  429. line-height:90%;
  430. letter-spacing:0x;
  431. color:#FFFFFF;
  432. }
  433.  
  434.  
  435. #credit {
  436. font-size:9px;
  437. font-family:cambria;
  438. font-style:italic;
  439. letter-spacing:1px;
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. }
  444.  
  445. #credit a {
  446. background-color:#fff;
  447. padding:5px;
  448. border:1px solid #e9e9e9;
  449. position:fixed;
  450. right:15px;
  451. bottom:10px
  452. }
  453.  
  454. #credit a:hover {
  455. color:#fff;
  456. background-color:#A4A4A4;
  457. }
  458.  
  459.  
  460.  
  461.  
  462.  
  463. {CustomCSS}</style></head><body>
  464.  
  465. <div id="sidebar">
  466.  
  467.  
  468. <div id="bite">
  469. <div id="sidebarimage"><a title="{text:homelink title}" href="/"><img src="{image:sidebar}"></a></div>
  470.  
  471.  
  472.  
  473.  
  474.  
  475. <div id="links">
  476. <a href="{text:link1 url}">{text:link1}</a>
  477. <a href="{text:link2 url}">{text:link2}</a>
  478. <a href="{text:link3 url}">{text:link3}</a>
  479. <a href="{text:link4 url}">{text:link4}</a>
  480. <a href="{text:link5 url}">{text:link5}</a>
  481. <a href="{text:link6 url}">{text:link6}</a>
  482.  
  483.  
  484. </div>
  485.  
  486.  
  487. <div class="death">
  488. <div id="description">{Description}
  489. </div>
  490. </div>
  491.  
  492. <div id="pagination">
  493. {block:Pagination}
  494. <div id="pagination">
  495. {block:PreviousPage}
  496. <a href="{PreviousPage}">awake</a>
  497. {/block:PreviousPage}
  498. {block:NextPage}
  499. <a href="{NextPage}">dream</a>
  500. {/block:NextPage}
  501. </div>
  502. {/block:Pagination}</div>
  503.  
  504. <div id="scrollbar">{scrollbar}</div>
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512. {block:HasPages}{block:Pages}
  513.  
  514. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  515.  
  516. </div></center>
  517.  
  518.  
  519. </div></div>
  520.  
  521. </div>
  522.  
  523. <div id="entries">{block:Posts}<div id="post">
  524.  
  525. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  526.  
  527. {block:blockquote}{/block:blockquote}
  528.  
  529.  
  530.  
  531. {block:Photo}
  532. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  533. {/block:Photo}
  534.  
  535. {block:Photoset}
  536. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  537. {/block:Photoset}
  538.  
  539. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  540.  
  541. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  542.  
  543. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  544.  
  545. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  546.  
  547. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  548.  
  549. {block:Answer}<div id="questions"<a href="{askerURL}"><b>{Asker}</b> asked: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  550.  
  551. <div id="details">
  552. <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>
  553. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  554. {/block:Posts}
  555. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  556. {/block:Posts}</div></div></div>
  557.  
  558. <div id="credit" data="credit"> <a href="http://quietwillfall.tumblr.com">QWF</a></div>
  559. </div>
  560. </body>
  561. </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!