API tools faq
paste
Advertisement
sandragonthemes

Theme #11

sandragonthemes
Jun 29th, 2013
1,497
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.24 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!doctype html>
  3.  
  4. <!--
  5. This is theme #11 by sandragonthemes.
  6. Please follow the rules and do not remove the credit.
  7. If you have questions or feedback please send me a message.
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <link href='http://fonts.googleapis.com/css?family=Quicksand|Raleway:500|Junge' rel='stylesheet' type='text/css'>
  18.  
  19. <!--DEFAULT VARIABLES-->
  20. <meta name="color:Background" content ="#101010"/>
  21. <meta name="color:Text" content="#9fa0a0"/>
  22. <meta name="color:Link" content="#686799"/>
  23. <meta name="color:Link Hover" content="#4d4b80"/>
  24. <meta name="color:Bottom bar Background" content="#262626"/>
  25. <meta name="color:Scrollbar" content="#323232"/>
  26.  
  27. <meta name="image:Image" content="http://i.imgur.com/NcP6XjU.png"/>
  28.  
  29. <meta name="font:Body" content="Trebuchet MS"/>
  30.  
  31. <meta name="text:Font size" content="11px"/>
  32. <meta name="text:Link 01" content="http://"/>
  33. <meta name="text:Link 01 Title" content=""/>
  34. <meta name="text:Link 02" content="http://">
  35. <meta name="text:Link 02 Title" content=""/>
  36. <meta name="text:Link 03" content="http://">
  37. <meta name="text:Link 03 Title" content=""/>
  38. <meta name="text:Link 04" content="http://">
  39. <meta name="text:Link 04 Title" content=""/>
  40. <meta name="text:Link 05" content="http://">
  41. <meta name="text:Link 05 Title" content=""/>
  42. <meta name="text:Link 06" content="http://">
  43. <meta name="text:Link 06 Title" content=""/>
  44. <meta name="text:Link 07" content="http://">
  45. <meta name="text:Link 07 Title" content=""/>
  46. <meta name="text:Link 08" content="http://">
  47. <meta name="text:Link 08 Title" content=""/>
  48. <meta name="text:Link 09" content="http://">
  49. <meta name="text:Link 09 Title" content=""/>
  50. <meta name="text:Link 10" content="http://">
  51. <meta name="text:Link 10 Title" content=""/>
  52.  
  53. <style type="text/css">
  54. {CustomCSS}
  55.  
  56. /*SCROLLBAR*/
  57. ::-webkit-scrollbar {
  58. width: 12px;
  59. height:12px;
  60. background-color: {color:Bottom bar Background};
  61. }
  62.  
  63. ::-webkit-scrollbar-track {
  64. background-color: {color:Bottom bar Background};
  65. margin-bottom:150px;
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. background-color: {color:Scrollbar};
  70. width:10px;
  71. }
  72.  
  73. /*BODY*/
  74. body {
  75. background-color: {color:Background};
  76. font-family: {font:Body};
  77. font-size: {text:Font size};
  78. color: {color:Text};
  79. letter-spacing:1px;
  80. }
  81.  
  82. a{
  83. color: {color:Link};
  84. font-weight:normal;
  85. text-decoration: none;
  86. text-transform:uppercase;
  87. font-size: 9px;
  88. font-family: 'Raleway', sans-serif;
  89. }
  90.  
  91. a:hover{
  92. color: {color:Link Hover};
  93. }
  94.  
  95. ul{
  96. list-style-type: none;
  97. padding: 0px;
  98. margin: 0px;
  99. }
  100.  
  101. h1{
  102. font-size: 13px;
  103. }
  104.  
  105. h1 a{
  106. font-weight:normal;
  107. font-size: 13px;
  108. }
  109.  
  110. hr{
  111. background-color:{color:Bottom bar Background};
  112. height:1px;
  113. border:0px;
  114. }
  115.  
  116. #container{
  117. margin:auto;
  118. width: 500px;
  119. padding-bottom:150px;
  120. }
  121.  
  122. /*BOTTOMBAR*/
  123. #bottom{
  124. width:100%;
  125. height:150px;
  126. position:fixed;
  127. bottom:0;
  128. background-color: {color:Bottom bar Background};
  129. margin-left:-8px;
  130. border-top:1px solid {color:Background};
  131. }
  132.  
  133. #wrap{
  134. width: 902px;
  135. margin:auto;
  136. }
  137.  
  138. #image{
  139. width:175px;
  140. height:175px;
  141. margin-top:-31px;
  142. float:left;
  143. background-color: #262626;
  144. }
  145.  
  146. #image img{
  147. width:160px;
  148. height:160px;
  149. border:10px solid {color:Bottom bar Background};
  150. }
  151.  
  152. #desc{
  153. width:424px;
  154. height:120px;
  155. overflow:hidden;
  156. float:left;
  157. margin-left:50px;
  158. margin-top:14px;
  159. font-family: 'Quicksand', sans-serif;
  160. font-size:14px;
  161. }
  162.  
  163. #desc a{
  164. font-family: 'Quicksand', sans-serif;
  165. font-size:14px;
  166. text-transform: none;
  167. }
  168.  
  169. /*LINKS ON BOTTOMBAR*/
  170. #links{
  171. width:200px;
  172. height:120px;
  173. margin:14px 0px 0px 50px;
  174. float:left;
  175. line-height:100%;
  176. }
  177.  
  178. #links li{
  179. width:90px;
  180. height:9px;
  181. padding: 2px;
  182. text-align:center;
  183. background-color: {color:Scrollbar};
  184. margin:2px;
  185. float:left;
  186. overflow:hidden;
  187. }
  188.  
  189. /*LINKS AND PAGINATION*/
  190. #links_pagination{
  191. width:150px;
  192. height:150px;
  193. margin-left:570px;
  194. margin-top:100px;
  195. position:fixed;
  196. float:left;
  197. }
  198.  
  199. .leftlink{
  200. margin:0px;
  201. font-size:14px;
  202. }
  203.  
  204. .rightlink{
  205. margin:0px 0px 0px 30px;
  206. font-size:14px;
  207. }
  208.  
  209. .centerlink{
  210. margin:0px 0px 0px 10px;
  211. font-size:15px;
  212. }
  213.  
  214. .centerlink a{
  215. font-family: 'Trebuchet MS', sans-serif;
  216. font-size:13px;
  217. }
  218.  
  219. .rightlink a{
  220. font-family: 'Junge', serif;
  221. font-size:13px;
  222. }
  223.  
  224. .leftlink a{
  225. font-family: 'Quicksand', sans-serif;
  226. font-size:16px;
  227. }
  228.  
  229. .link4{
  230. margin:0px 0px 0px 17px;;
  231. font-size:14px;
  232. }
  233.  
  234. .link4 a{
  235. font-family: 'Quicksand', sans-serif;
  236. font-size:15px;
  237. }
  238.  
  239. /*CONTENT*/
  240.  
  241. #content{
  242. width:500px;
  243. float:left;
  244. padding-bottom:110px;
  245. }
  246.  
  247. .post {
  248. width: 500px;
  249. margin-top: 20px;
  250. margin-bottom: 50px;
  251. font-family: {font:Body};
  252. }
  253.  
  254. .post table{
  255. width:500px;
  256. background-color: {color:Bottom bar Background};
  257. -webkit-border-radius: 3px;
  258. -moz-border-radius: 3px;
  259. border-radius: 3px;
  260. }
  261.  
  262. .notes{
  263. margin-top: 10px;
  264. margin-bottom: 10px;
  265. padding-top: 5px;
  266. padding-bottom: 5px;
  267. background-color: {color:Bottom bar Background};
  268. -webkit-border-radius: 5px;
  269. -moz-border-radius: 5px;
  270. border-radius: 5px;
  271. }
  272.  
  273. .notes a{
  274. text-transform: uppercase;
  275. font-size: 10px;
  276. }
  277.  
  278. .info{
  279. width: 500px;
  280. text-transform:uppercase;
  281. height:13px;
  282. text-align:center;
  283. }
  284.  
  285. .info a{
  286. font-size: 8px;
  287. margin: 0px 6px 0px;
  288. }
  289.  
  290. .tags{
  291. font-size: 9px;
  292. color:{color:Scrollbar};
  293. width: 500px;
  294. text-transform:uppercase;
  295. text-align:center;
  296. }
  297.  
  298. .tags a{
  299. font-size:8px;
  300. }
  301.  
  302. blockquote {
  303. padding: 5px;
  304. border-left: 1px solid {color:Bottom bar Background};
  305. margin: 5px;
  306. font-size: {text:Font size};
  307. }
  308.  
  309. .quote {
  310. font-style: italic;
  311. }
  312.  
  313. .source {
  314. margin-left: 25px;
  315. }
  316.  
  317. .link {
  318. padding: 5px;
  319. font-size: 13px;
  320. }
  321.  
  322. .link a {
  323. font-size: 13px;
  324. }
  325.  
  326. ul.chat {
  327. margin: 0px 0px 7px 0px;
  328. padding: 0;
  329. }
  330.  
  331. .chat li {
  332. list-style-type: none;
  333. margin-left: 0px;
  334. padding: 3px;
  335. }
  336.  
  337. .chat li.odd {
  338. margin-bottom: 1px;
  339. }
  340.  
  341. .chat li.even {
  342. margin-bottom: 1px;
  343. }
  344.  
  345. .label {
  346. font-weight: bold;
  347. color: {color:Blogtitle};
  348. }
  349.  
  350. {CustomCSS}
  351. </style>
  352.  
  353. <title>{Title}</title>
  354.  
  355.  
  356. </head>
  357.  
  358. <body>
  359. <div id="container">
  360. <!--CONTENT STARTS HERE-->
  361. <div id="content">
  362. {block:Posts}
  363.  
  364. {block:Text}
  365. <div class="post">
  366. {block:Title}
  367. <h1><a href="{Permalink}">{Title}</a></h1>
  368. {/block:Title}
  369. {Body}
  370. <div class="info">
  371. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  372. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  373. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  374. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  375. </div>
  376. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  377. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  378. </div>
  379. {/block:Text}
  380.  
  381. {block:Photo}
  382. <div class="post">
  383. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  384. {block:Caption}
  385. <div class="caption">{Caption}</div>
  386. {/block:Caption}
  387. <div class="info">
  388. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  389. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  390. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  391. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  392. </div>
  393. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  394. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  395. </div>
  396. {/block:Photo}
  397.  
  398. {block:Photoset}
  399. <div class="post">
  400. <center>{Photoset-500}</center>
  401. {block:Caption}
  402. <div class="caption">{Caption}</div>
  403. {/block:Caption}
  404. <div class="info">
  405. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  406. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  407. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  408. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  409. </div>
  410. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  411. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  412. </div>
  413. {/block:Photoset}
  414.  
  415. {block:Quote}
  416. <div class="post">
  417. <span class="quote">"{Quote}"</span>
  418. {block:Source}
  419. <div class="source">– {Source}</div>
  420. {/block:Source}
  421. <div class="info">
  422. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  423. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  424. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  425. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  426. </div>
  427. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  428. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  429. </div>
  430. {/block:Quote}
  431.  
  432. {block:Link}
  433. <div class="post">
  434. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  435. {block:Description}
  436. <div class="description">{Description}</div>
  437. {/block:Description}
  438. <div class="info">
  439. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  440. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  441. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  442. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  443. </div>
  444. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  445. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  446. </div>
  447. {/block:Link}
  448.  
  449. {block:Chat}
  450. <div class="post">
  451. {block:Title}
  452. <h1><a href="{Permalink}">{Title}</a></h1>
  453. {/block:Title}
  454. <ul class="chat">
  455. {block:Lines}
  456. <li class="{Alt} user_{UserNumber}">
  457. {block:Label}
  458. <span class="label">{Label}</span>
  459. {/block:Label}
  460. {Line}
  461. </li>
  462. {/block:Lines}
  463. </ul>
  464. <div class="info">
  465. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  466. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  467. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  468. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  469. </div>
  470. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  471. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  472. </div>
  473. {/block:Chat}
  474.  
  475. {block:Video}
  476. <div class="post">
  477. <center>{Video-500}</center>
  478. {block:Caption}
  479. <div class="caption">{Caption}</div>
  480. {/block:Caption}
  481. <div class="info">
  482. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  483. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  484. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  485. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  486. </div>
  487. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  488. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  489. </div>
  490. {/block:Video}
  491.  
  492. {block:Audio}
  493. <div class="post">
  494. {AudioPlayerBlack}
  495. {block:Caption}
  496. <div class="caption">{Caption}</div>
  497. {/block:Caption}
  498. <div class="info">
  499. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  500. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  501. {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}
  502. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  503. </div>
  504. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  505. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  506. </div>
  507. {/block:Audio}
  508.  
  509. {block:Answer}
  510. <div class="post">
  511. <center>
  512. {Asker} {text:asker} asked:<br>
  513. {Question}
  514. </center>
  515. <hr>
  516. {Answer}
  517. <div class="info">
  518. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  519. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  520. </div>
  521. <div class="tags">{block:Tags}|<a href="{TagURL}" class="tag">{Tag}</a>| {/block:Tags}</div>
  522. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  523. </div>
  524. {/block:Answer}
  525.  
  526. {/block:Posts}
  527. </div>
  528. <div id="links_pagination">
  529. <p class="leftlink"><a href="/">Home</a></p>
  530. <p class="rightlink"><a href="/ask">Ask</a></p>
  531. <p class="centerlink"><a href="/archive">Archive</a></p>
  532. <p class="link4"><a href="http://sandragonthemes.tumblr.com">Theme</a></p>
  533. <br>
  534. <p class="leftlink">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</p>
  535. <p class="link4">{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}</p>
  536. </div>
  537. </div><!--end container-->
  538.  
  539.  
  540.  
  541. <!--BOTTOM BAR STARTS HERE-->
  542. <div id="bottom"><div id="wrap">
  543. <div id="image"><img src="{image:Image}"></div>
  544. <div id="desc">{Description}</div>
  545. <div id="links"><ul>
  546. {block:HasPages}{block:Pages}<a href="{URL}"><li>{Label}</li></a>{/block:Pages}{/block:HasPages}
  547. <a href="{text:Link 01}">{block:ifLink01Title}<li>{text:Link 01 Title}</li>{/block:ifLink01Title}</a>
  548. <a href="{text:Link 02}">{block:ifLink02Title}<li>{text:Link 02 Title}</li>{/block:ifLink02Title}</a>
  549. <a href="{text:Link 03}">{block:ifLink03Title}<li>{text:Link 03 Title}</li>{/block:ifLink03Title}</a>
  550. <a href="{text:Link 04}">{block:ifLink04Title}<li>{text:Link 04 Title}</li>{/block:ifLink04Title}</a>
  551. <a href="{text:Link 05}">{block:ifLink05Title}<li>{text:Link 05 Title}</li>{/block:ifLink05Title}</a>
  552. <a href="{text:Link 06}">{block:ifLink06Title}<li>{text:Link 06 Title}</li>{/block:ifLink06Title}</a>
  553. <a href="{text:Link 07}">{block:ifLink07Title}<li>{text:Link 07 Title}</li>{/block:ifLink07Title}</a>
  554. <a href="{text:Link 08}">{block:ifLink08Title}<li>{text:Link 08 Title}</li>{/block:ifLink08Title}</a>
  555. <a href="{text:Link 09}">{block:ifLink09Title}<li>{text:Link 09 Title}</li>{/block:ifLink09Title}</a>
  556. <a href="{text:Link 10}">{block:ifLink10Title}<li>{text:Link 10 Title}</li>{/block:ifLink10Title}</a>
  557. </ul></div>
  558. </div></div>
  559. <!--end bottom-->
  560. </body>
  561. </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!