API tools faq
paste
Advertisement
khalisar

theme 14

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