API tools faq
paste
Advertisement
khalisar

theme 12

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