API tools faq
paste
Advertisement
bansheequeen

Theme #02: The Undercity

bansheequeen
Oct 13th, 2012
1,147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.49 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. <!---- Theme #02 [The Undercity] // BansheeQueen Themes
  9.  
  10. DO NOT:
  11. Delete the credit or move it to a secondary page
  12. Steal the coding or credit as your own
  13.  
  14. THEME SPECIFICS:
  15. -300px wide sidebar image, height is however tall you'd like.
  16. -Option for up to 9 extra links
  17. -Optional Title
  18. -Optional Subtitle
  19.  
  20. Contact me if there are any other problems or concerns. Thanks for using!
  21. ---->
  22. <meta name="color:Background" content="#eef6fc" />
  23. <meta name="color:Sidebar Bar" content="#8da9bf" />
  24. <meta name="color:Sidebar Border" content="#315674" />
  25. <meta name="color:Description" content="#112727" />
  26. <meta name="color:Title" content="#041929" />
  27. <meta name="color:Subtitle" content="#0f3452" />
  28. <meta name="color:Entries" content="#b7cee0" />
  29. <meta name="color:NavLinkText" content="#c8fcfc" />
  30. <meta name="color:DropLinkBG" content="#3a6180" />
  31. <meta name="color:DropLinkHover" content="#94c0e2" />
  32. <meta name="color:NavLinkHover" content="#0d395c" />
  33. <meta name="color:LinkHoverText" content="#1e5252" />
  34. <meta name="color:Link" content="#f2fcfc" />
  35. <meta name="color:LinkHover" content="#353636" />
  36. <meta name="color:Bold" content="#215353" />
  37. <meta name="color:Italics" content="#2b5a5a" />
  38. <meta name="color:ChatOne" content="#326969" />
  39. <meta name="color:ChatTwo" content="#63a2a2" />
  40. <meta name="color:Text" content="#051b2c" />
  41.  
  42. <meta name="image:Sidebar BG" content="" />
  43. <meta name="image:Background" content="" />
  44.  
  45. <meta name="text:Blogtitle" content="" />
  46. <meta name="text:Subtitle" content="" />
  47.  
  48. <meta name="if:tile sidebar bg" content="1" />
  49.  
  50. <meta name="text:Blogtitle" content="" />
  51. <meta name="text:Subtitle" content="" />
  52.  
  53. <meta name="text:Link 1" content="http://"/>
  54. <meta name="text:Link 1 Title" content=""/>
  55. <meta name="text:Link 2" content="http://">
  56. <meta name="text:Link 2 Title" content=""/>
  57. <meta name="text:Link 3" content="http://"/>
  58. <meta name="text:Link 3 Title" content=""/>
  59. <meta name="text:Link 4" content="http://"/>
  60. <meta name="text:Link 4 Title" content=""/>
  61. <meta name="text:Link 5" content="http://"/>
  62. <meta name="text:Link 5 Title" content=""/>
  63. <meta name="text:Link 6" content="http://"/>
  64. <meta name="text:Link 6 Title" content=""/>
  65. <meta name="text:Link 7" content="http://"/>
  66. <meta name="text:Link 7 Title" content=""/>
  67. <meta name="text:Link 8" content="http://"/>
  68. <meta name="text:Link 8 Title" content=""/>
  69. <meta name="text:Link 9" content="http://"/>
  70. <meta name="text:Link 9 Title" content=""/>
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  73. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  74. <link href='http://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>
  75. <style type="text/css">
  76.  
  77. body {
  78. background: {color:Background};
  79. background-image: url('{image:Background}');
  80. background-attachment:fixed;
  81. background-repeat:repeat;
  82. background-position:right bottom;
  83. margin:0px;
  84. color:{color:text};
  85. font-family:fenix;
  86. font-size:12px;
  87. }
  88.  
  89. a {
  90. color:{color:Link};
  91. text-decoration: none;
  92. }
  93.  
  94. a:link, a:active, a:visited {
  95. text-decoration: none;
  96. color:{color:Link};
  97. -webkit-transition: all 0.5s linear;
  98. -moz-transition: all 0.5s linear;
  99. -o-transition: all 0.5s linear;
  100. }
  101.  
  102. a:hover {
  103. color:{color:LinkHoverText};
  104. border-top:1px solid {color:Link};
  105. border-bottom:1px solid {color:Link};
  106. opacity:1;
  107. -webkit-transition: all 0.5s linear;
  108. -moz-transition: all 0.5s linear;
  109. -o-transition: all 0.5s linear;
  110. }
  111.  
  112. h1{
  113. color:{color:Title};
  114. font-family:'Tulpen One';
  115. font-size:20px;
  116. letter-spacing:2px;
  117. text-transform: uppercase;
  118. }
  119.  
  120. b {
  121. color:{color:Bold};
  122. }
  123.  
  124. i {
  125. color:{color:Italics};
  126. }
  127.  
  128. blockquote {
  129. border-left:2px {color:Border} solid;
  130. padding-left:5px;
  131. font-family:fenix;
  132. font-size:12px;
  133. }
  134.  
  135. blockquote img {
  136. max-width:310px;
  137. overflow: auto;
  138. }
  139.  
  140. #sidebarbar {
  141. float:right;
  142. position:fixed;
  143. width:280px;
  144. height:100%;
  145. right:0px;
  146. background-color:{color:Sidebar Bar};
  147. background-image:url('{image:Sidebar BG}');
  148. background-attachment:fixed;
  149. {block:ifnottilesidebarbg}background-size:300px auto;
  150. background-position:bottom right;
  151. background-repeat:no-repeat;
  152. {block:ifnottilesidebarbg} border-left:9px solid {color:Sidebar Border}
  153. }
  154.  
  155. #title {
  156. font-family:'Allura';
  157. text-transform:lowercase;
  158. width: 280px;
  159. color:{color:Title};
  160. font-size:35px;
  161. right:0px;
  162. margin-top:150px;
  163. font-style:bold;
  164. text-align:center;
  165. text-decoration:none;
  166. position:fixed;
  167. }
  168.  
  169. #subtitle {
  170. font-family:'Tulpen One';
  171. width: 280px;
  172. text-transform:uppercase;
  173. color:{color:Subtitle};
  174. font-size:20px;
  175. letter-spacing:3px;
  176. right:0px;
  177. margin-top:185px;
  178. font-style:none;
  179. text-align:center;
  180. text-decoration:none;
  181. position:fixed;
  182. }
  183.  
  184. #description {
  185. color:{color:Description};
  186. font-family:'arial';
  187. font-size:9px;
  188. background-color:transparent;
  189. text-align:center;
  190. width:200px;
  191. margin-top:208px;
  192. right:40px;
  193. position:fixed;
  194. padding:3px;
  195. opacity:.5;
  196. -webkit-transition: all 0.6s ease-in-out;
  197. -moz-transition: all 06s ease-in-out;
  198. transition: all 0.6s ease-in-out;
  199. }
  200.  
  201. #description:hover {
  202. opacity:1;
  203. }
  204.  
  205. #navbar {
  206. background-color:{color:Sidebar Border};
  207. color:{color:NavLinkText};
  208. font-family:'Tulpen One';
  209. font-size:20px;
  210. text-transform;uppercase;
  211. position:fixed;
  212. right:280px;
  213. margin-top:233px;
  214. display:block;
  215. height:20px;
  216. width:170px;
  217. letter-spacing:2px;
  218. }
  219.  
  220. #navigation {
  221. margin-top:205px;
  222. right:283px;
  223. position:fixed;
  224. padding:5px;
  225. }
  226.  
  227. #navlinks a{
  228. font-family:'Fenix';
  229. text-transform:uppercase;
  230. width:60px;
  231. background-color:{color:Sidebar Border};
  232. color:{color:NavLinkText};
  233. font-size:8px;
  234. text-align:center;
  235. margin-bottom:6px;
  236. padding-right:19px;
  237. padding-left:18px;
  238. padding-top:2px;
  239. padding-bottom:2px;
  240. }
  241.  
  242. #navlinks a:hover {
  243.  
  244. color:{color:NavLinkText};
  245. background-color:{color:NavLinkHover};
  246. padding-top:8px;
  247. padding-bottom:8px;
  248. width:60px;
  249. }
  250.  
  251. #droplinks {
  252. position:fixed;
  253. right:302px;
  254. margin-top:246px;
  255. opacity:.7;
  256. }
  257.  
  258. #droplinks a {
  259. display:block;
  260. width:130px;
  261. height:auto;
  262. font-family:'arial';
  263. font-size: 8px;
  264. text-align:center;
  265. background-color:{color:DropLinkBG};
  266. color:{color:Link};
  267. border-top:1px solid {color:Link};
  268. border-bottom:1px solid {color:Link};
  269. padding:3px;
  270. margin-bottom:-10px;
  271. text-transform:uppercase;
  272. letter-spacing:1px;
  273. }
  274.  
  275. #droplinks a:hover {
  276. color: {color:Link};
  277. background-color:{color:DropLinkHover};
  278. opacity:1;
  279. text-align:center;
  280. text-decoration:none;
  281. letter-spacing:2px;
  282. border-top:3px solid {color:Link};
  283. border-bottom:3px solid {color:Link};
  284. -webkit-transition: all 0.5s ease-in-out;
  285. -moz-transition: all 0.5s ease-in-out;
  286. -o-transition: all 0.5s ease-in-out;
  287. -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  288. }
  289.  
  290. #portrait img {
  291. position:fixed;
  292. right:450px;
  293. width:60px;
  294. height:60px;
  295. margin-top:219px;
  296. border:10px solid {color:Sidebar Border};
  297. }
  298.  
  299. #credit{
  300. font-family: 'Tulpen One';
  301. font-size:20px;
  302. font-style:bold;
  303. position:fixed;
  304. bottom:5px;
  305. left:5px;
  306. letter-spacing:2px;
  307. padding:3px;
  308. opacity:.5;
  309. }
  310.  
  311. #entry {
  312. padding:10px;
  313. width:500px;
  314. margin-left:100px;
  315. margin-top:10px;
  316. }
  317.  
  318. #posts {
  319. width:500px;
  320. padding:7px;
  321. background-color:{color:Entries};
  322. color:{color:text};
  323. }
  324.  
  325. #posts:hover #tags {
  326. opacity:1; margin-left:505px;
  327. }
  328.  
  329. #tags {
  330. margin-left:510px;
  331. width:180px;
  332. height:auto;
  333. font-size:10px;
  334. letter-spacing:1px;
  335. text-transform:lowercase;
  336. color:#b6b3ad;
  337. text-align:left;
  338. padding:8px;
  339. font-style: italic;
  340. opacity:0;
  341. line-height:110%;
  342. -webkit-transition-duration: 0.7s;
  343. -moz-transition-duration: 0.6s;
  344. position:absolute;
  345. }
  346.  
  347. #info {
  348. font-family:'fenix';
  349. font-size:9px;
  350. text-align:right;
  351. border-top: 2px solid {color:Sidebar Border};
  352. padding: 2px 0px 0px 0px;
  353. margin-top:5px;
  354. text-transform:uppercase;
  355. }
  356.  
  357. #asks {
  358. background-color:{color:sidebar border};
  359. color: {color:link};
  360. padding:4px;
  361. margin-top:2px;
  362. margin-bottom:2px;
  363. margint-right:5px;
  364. font-family:arial;
  365. font-size:11px;
  366. border-bottom:2px {color:link};
  367. text-align:left;
  368. }
  369.  
  370. .askborder {
  371. float: left;
  372. margin: 0px 3px 0 0;
  373. padding: -0px;
  374. color:{color:link};
  375. }
  376.  
  377. #asks a {
  378. color:{color:link}
  379. }
  380.  
  381. #asks a:hover {
  382. color:{color:linkhover}
  383. }
  384.  
  385. .quote {
  386. margin-top:-64px;
  387. text-indent:30px;
  388. font-family:'Tulpen One';
  389. font-size:30px;
  390. font-style:italic;
  391. padding-top:5px;
  392. color:{color:link};
  393. }
  394.  
  395. .source {
  396. margin-top:5px;
  397. font-family:'fenix';
  398. text-align:right;
  399. padding-top:10px;
  400. }
  401.  
  402. .quotemarks {
  403. font-size:60px;
  404. padding-left:15px;
  405. color:{color:Text};
  406. line-height:90px;
  407. font-family:'Baskerville Old Face';
  408. opacity:0.1;
  409. -webkit-transition: all 0.3s ease-in;
  410. -moz-transition: all 0.3s ease-in;
  411. transition: all 0.3s ease-in;
  412. }
  413.  
  414. .quotemarks:hover {
  415. font-size:60px;
  416. color:{color:LinkHover};
  417. line-height:90px;
  418. font-family:'Baskerville Old Face';
  419. opacity:0.5;
  420. -webkit-transition: all 0.3s ease-out;
  421. -moz-transition: all 0.3s ease-out;
  422. transition: all 0.3s ease-out;
  423. }
  424.  
  425. .quotefont{
  426. font-family:'WebSymbolsRegular';
  427. text-transform:none;
  428. font-style:normal;
  429. font-size:9px;
  430. }
  431.  
  432. .audio {
  433. margin-bottom:1px;
  434. }
  435.  
  436. .audio img {
  437. max-width:207px;
  438. height:auto;
  439. }
  440. .caption {
  441. margin-top:5px;
  442. }
  443.  
  444. .user_1 .label {
  445. color:{color:chatone};
  446. font-weight:bold;
  447. }
  448.  
  449. .user_2 .label {
  450. color:{color:chattwo};
  451. font-weight:bold;
  452. }
  453.  
  454. .user_3 .label {
  455. color:{color:chatone};
  456. font-weight:bold;
  457. }
  458.  
  459. .user_4 .label {
  460. color:{color:chattwo};
  461. font-weight:bold;
  462. }
  463.  
  464. .user_5 .label {
  465. color:{color:chatone};
  466. font-weight:bold
  467. }
  468.  
  469. .user_6 .label {
  470. color:{color:chattwo};
  471. font-weight:bold
  472. }
  473.  
  474. .user_7 .label {
  475. color:{color:chatone};
  476. font-weight:bold;
  477. }
  478.  
  479. .user_8 .label {
  480. color:{color:chattwo};
  481. font-weight:bold;
  482. }
  483.  
  484. .user_9 .label {
  485. color:{color:chatone};
  486. font-weight:bold;
  487. }
  488.  
  489. .user_10 .label {
  490. color:{color:chattwo};
  491. font-weight:bold;
  492. }
  493.  
  494. .user_11 .label {
  495. color:{color:chatone};
  496. font-weight:bold;
  497. }
  498.  
  499. ul.chat, .chat ol, .chat li {
  500. list-style:none;
  501. margin:0px;
  502. padding:0px;
  503. }
  504.  
  505. #pagination {
  506. position:fixed;
  507. right:390px;
  508. margin-top:170px;
  509. font-size:30px;
  510. color:{color:link}
  511. text-decoration: none;
  512. letter-spacing: 1px;
  513. text-align:center;
  514. font-family:"georgia";
  515. padding-bottom:2px;
  516. text-transform:uppercase;
  517. }
  518.  
  519. {CustomCSS}
  520. </style>
  521. </head>
  522.  
  523. <body>
  524. <center>
  525. <div id="sidebarbar"></div>
  526.  
  527. <div id="title">{text:Blogtitle}</div>
  528.  
  529. <div id="subtitle">{text:Subtitle}</div>
  530.  
  531. <div id="description">{block:Description}{Description}{/block:Description}</div>
  532.  
  533. <div id="navbar"><hi>navigation</h1></div>
  534. <div id="navigation">
  535. <div id="navlinks">
  536. <a style="background-color:{color:Sibebar Border};" href="/">home</a><a style="background-color:{color:Sibebar Border};" href="/ask">ask</a><a style="background-color:{color:Sibebar Border};" href="/archive">archive</a><a style="background-color:{color:Sibebar Border};" href="http://bansheequeenthemes.tumblr.com">theme</a><br />
  537. </div></div></center>
  538.  
  539. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
  540. <br>
  541.  
  542. <div id="droplinks">
  543. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title}
  544. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2Title}
  545. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3Title}
  546. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a><br>{/block:ifLink4Title}
  547. {block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a><br>{/block:ifLink5Title}
  548. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a><br>{/block:ifLink6Title}
  549. {block:ifLink7Title}<a href="{text:Link 7}">{text:Link 7 Title}</a><br>{/block:ifLink7Title}
  550. {block:ifLink8Title}<a href="{text:Link 8}">{text:Link 8 Title}</a><br>{/block:ifLink8Title}
  551. {block:ifLink9Title}<a href="{text:Link 9}">{text:Link 9 Title}</a><br>{/block:ifLink9Title}
  552. </div>
  553.  
  554. <div id="portrait"><img src="{PortraitURL-96}" /></a></div>
  555. </div>
  556. <div id="entry">
  557. {block:Posts}
  558. <div id="posts">
  559. <div id="tags">
  560. {block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a><br>{/block:Tags}</a>{/block:HasTags}
  561. </div>
  562. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  563.  
  564. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  565.  
  566. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  567.  
  568. {block:Quote}
  569. <b class="quotemarks">“”</b><div class="quote">{Quote}</div>{block:Source}<div class="source">-&nbsp;&nbsp;{Source}</div>{/block:Source}
  570. {/block:Quote}
  571.  
  572. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  573.  
  574. {block:Chat}<h1>{block:Title}{Title}{/block:Title}</h1><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  575.  
  576. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  577.  
  578. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  579.  
  580. {block:Answer}<div id="asks"><img src="{AskerPortraitURL-30}" align=left class="askborder"> {asker} asked:<br> <em>{Question}</em><br /></div>{Answer}{/block:answer}
  581.  
  582. <div id="info">
  583. <a href="{ReblogURL}" target="_blank">Reblog</a> /
  584.  
  585. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} / <a href="{Permalink}">{NoteCount} ♥</a>{/block:NoteCount}<br>
  586.  
  587. {block:RebloggedFrom}From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} originally: <a href="{SourceURL}" alt="{SourceTitle}">©</a>{block:ContentSource}{/block:RebloggedFrom}<br></div></div><br>
  588.  
  589. {/block:Posts}
  590.  
  591. {block:PostNotes}{PostNotes}{/block:PostNotes}
  592.  
  593. {/block:Posts}</div></div>
  594.  
  595. <div id="credit"><a href="http://bansheequeenthemes.tumblr.com" class="credit">BQ</a></div>
  596.  
  597. </body>
  598.  
  599. </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!