API tools faq
paste
Advertisement
khalisar

theme 13

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