API tools faq
paste
Advertisement
khalisar

theme 3

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