API tools faq
paste
Advertisement
khalisar

theme 4

khalisar
Aug 3rd, 2013
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.25 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. color: #848484;
  374. text-transform:uppercase;
  375. letter-spacing:1px;
  376. }
  377.  
  378.  
  379. #stuffcontainer {
  380. float:left;
  381. margin-left:200px;
  382. margin-top:75px;
  383. text-align:justify;
  384. background-color:#FFFFFF;
  385. color:#FFFFFF;
  386. border:1px;
  387. margin-bottom: 35px;
  388. }
  389.  
  390.  
  391. #stuff {
  392. width:500px;
  393. margin-top:20px;
  394. text-align:justify;
  395. font-size:11px;
  396. font-family:times;
  397. line-height:90%;
  398. letter-spacing:0x;
  399. color:#FFFFFF;
  400. }
  401.  
  402.  
  403. #credit {
  404. font-size:9px;
  405. font-family:cambria;
  406. font-style:italic;
  407. letter-spacing:1px;
  408. -moz-transition-duration:0.5s;
  409. -webkit-transition-duration:0.5s;
  410. -o-transition-duration:0.5s;
  411. }
  412.  
  413. #credit a {
  414. background-color:#fff;
  415. padding:5px;
  416. border:1px solid #e9e9e9;
  417. position:fixed;
  418. right:15px;
  419. bottom:10px
  420. }
  421.  
  422. #credit a:hover {
  423. color:#fff;
  424. background-color:#A4A4A4;
  425. }
  426.  
  427.  
  428.  
  429.  
  430.  
  431. {CustomCSS}</style></head><body>
  432.  
  433. <div id="sidebar">
  434.  
  435. <div id="links">
  436. <a href="{text:link1 url}" title="{text:link1}">ii.</a>
  437. <a href="{text:link2 url}" title="{text:link2}">iii.</a>
  438. <a href="{text:link3 url}" title="{text:link3}">iv.</a>
  439. <a href="{text:link4 url}" title="{text:link4}">v.</a>
  440.  
  441. </div>
  442.  
  443. <div id="bite">
  444. <div id="sidebarimage"><a title="{text:homelink title}" href="/"><img src="{image:sidebar}"></a></div>
  445.  
  446. <div id="pagination">
  447. {block:Pagination}
  448. <div id="pagination">
  449. {block:PreviousPage}
  450. <a href="{PreviousPage}">←</a>
  451. {/block:PreviousPage}
  452. {block:NextPage}
  453. <a href="{NextPage}">→</a>
  454. {/block:NextPage}
  455. </div>
  456. {/block:Pagination}</div>
  457.  
  458. <div class="death">
  459. <div id="description"><div id="bigletter">
  460. {text:bigletter}</div>{Description}</div>
  461.  
  462.  
  463. <div id="scrollbar">{scrollbar}</div>
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471. {block:HasPages}{block:Pages}
  472.  
  473. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  474.  
  475. </div></center>
  476.  
  477.  
  478. </div></div>
  479.  
  480. </div>
  481.  
  482. <div id="entries">{block:Posts}<div id="post">
  483.  
  484. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  485.  
  486. {block:blockquote}{/block:blockquote}
  487.  
  488.  
  489.  
  490. {block:Photo}
  491. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  492. {/block:Photo}
  493.  
  494. {block:Photoset}
  495. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  496. {/block:Photoset}
  497.  
  498. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  499.  
  500. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  501.  
  502. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  503.  
  504. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  505.  
  506. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  507.  
  508. {block:Answer}<div id="questions"<a href="{askerURL}"><b>{Asker}</b> asked: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  509.  
  510. <div id="details">
  511. <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>
  512. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  513. {/block:Posts}
  514. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  515. {/block:Posts}</div></div></div>
  516.  
  517. <div id="credit" data="credit"> <a href="http://quietwillfall.tumblr.com">QWF</a></div>
  518. </div>
  519. </body>
  520. </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!