API tools faq
paste
Advertisement
khalisar

theme 3

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