API tools faq
paste
sandragonthemes

Theme #05

sandragonthemes
Mar 4th, 2013
543
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. This is theme #05 by sandragonthemes.
  5. Please follow the rules and do not remove the credit.
  6. If you have questions or feedback please send me a message.
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <link href='http://fonts.googleapis.com/css?family=Junge|Poiret+One' rel='stylesheet' type='text/css'>
  17.  
  18. <!--DEFAULT VARIABLES-->
  19. <meta name="color:Background" content ="#ffffff"/>
  20. <meta name="color:Post and Sidebar background" content ="#f5f7fb"/>
  21. <meta name="color:Text" content="#8d8d8d"/>
  22. <meta name="color:Link" content="#b6d1e5"/>
  23. <meta name="color:Link Hover" content="#a1bdd3"/>
  24. <meta name="color:Ask background" content ="#ffffff"/>
  25.  
  26. <meta name="image:Sidebar" content="http://i.imgur.com/6b085RN.gif"/>
  27.  
  28. <meta name="font:Body" content="Trebuchet MS"/>
  29.  
  30. <meta name="text:Font size" content="11px"/>
  31. <meta name="text:Sidebar font size" content="10px"/>
  32. <meta name="text:Link 1" content="http://"/>
  33. <meta name="text:Link 1 Title" content=""/>
  34. <meta name="text:Link 2" content="http://">
  35. <meta name="text:Link 2 Title" content=""/>
  36.  
  37. <style type="text/css">
  38. {CustomCSS}
  39. /*SCROLLBAR*/
  40. ::-webkit-scrollbar {
  41. width: 9px;
  42. }
  43.  
  44. ::-webkit-scrollbar-track {
  45. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
  46. border-radius: 10px;
  47. }
  48.  
  49. ::-webkit-scrollbar-thumb {
  50. border-radius: 10px;
  51. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
  52. }
  53.  
  54. /*BODY*/
  55. body {
  56. background-color: {color:Background};
  57. font-size: {text:Font size};
  58. font-family: {font:Body};
  59. color: {color:Text};
  60. }
  61.  
  62. a{
  63. color: {color:Link};
  64. font-weight: none;
  65. text-decoration: none;
  66. }
  67.  
  68. a:hover{
  69. color: {color:Link Hover};
  70. }
  71.  
  72. a img {
  73. border: 0px;
  74. }
  75.  
  76. ul{
  77. list-style-type: none;
  78. padding: 0px;
  79. margin: 0px;
  80. }
  81.  
  82. h1{
  83. font-family: 'Poiret One', cursive;
  84. font-size: 16px;
  85. font-weight: bold;
  86. }
  87.  
  88. #container{
  89. width: 970px;
  90. margin:auto;
  91. }
  92.  
  93. /*SIDEBAR*/
  94. #sidebar_wrapper {
  95. width: 410px;
  96. height: 580px;
  97. overflow:auto;
  98. text-align: center;
  99. margin-left: 570px;
  100. position: fixed;
  101. font-size: {text:Sidebar font size};
  102. margin-top: 44px;
  103. }
  104.  
  105. #sidebar_img{
  106. width: 400px;
  107. background-color: {color:Post and Sidebar background};
  108. -moz-border-radius: 20px;
  109. border-radius: 20px;
  110. margin-bottom: 20px;
  111. }
  112.  
  113. #sidebar_img img{
  114. -moz-border-radius: 20px;
  115. border-radius: 20px;
  116. margin-top: 25px;
  117. margin-bottom: 25px;
  118. }
  119.  
  120. #desc {
  121. width: 370px;
  122. margin-top: 20px;
  123. padding: 10px;
  124. line-height:92%;
  125. text-align: center;
  126. background-color: {color:Post and Sidebar background};
  127. overflow:auto;
  128. font-family: {font:Body};
  129. font-size: {text:Sidebar font size};
  130. -moz-border-radius: 20px;
  131. border-radius: 20px;
  132. }
  133.  
  134. #blogtitle{
  135. width: 400px;
  136. height: 20px;
  137. position: fixed;
  138. margin-left: 570px;
  139. margin-top: 28px;
  140. font-family: 'Poiret One', cursive;
  141. font-weight: 900;
  142. font-size: 17px;
  143. text-align: center;
  144. z-index: 2;
  145. }
  146.  
  147. /*LINKS*/
  148. #pages{
  149. margin: auto;
  150. width: 400px;
  151. }
  152.  
  153. .links{
  154. padding: 5px;
  155. margin: 0px 3px 0px 3px;
  156. height:20px;
  157. background-color: {color:Post and Sidebar background};
  158. width: 40px;
  159. display: inline;
  160. -webkit-border-radius: 5px;
  161. -moz-border-radius: 5px;
  162. border-radius: 5px;
  163. font-size: 10px;
  164. }
  165.  
  166. /*CONTENT*/
  167. #content {
  168. margin: auto;
  169. float: left;
  170. width: 520px;
  171. }
  172.  
  173. .info_wrapper{
  174. opacity:1;
  175. width: 100px;
  176. height: 40px;
  177. color: {color:Text};
  178. background-color: {color:Post and Sidebar background};
  179. margin-left: 420px;
  180. padding-bottom: 5px;
  181. font-size: 9px;
  182. position:absolute;
  183. text-align: center;
  184. -webkit-border-bottom-right-radius: 20px;
  185. -webkit-border-bottom-left-radius: 20px;
  186. -moz-border-radius-bottomright: 20px;
  187. -moz-border-radius-bottomleft: 20px;
  188. border-bottom-right-radius: 20px;
  189. border-bottom-left-radius: 20px;
  190. }
  191.  
  192. .info_wrapper p{
  193. margin:0px;
  194.  
  195. }
  196.  
  197. .info_wrapper a{
  198. margin:0px;
  199.  
  200. }
  201.  
  202. .info_wrapper img{
  203. margin: auto;
  204. padding: 2px;
  205. display: block;
  206. }
  207.  
  208. .tags {
  209. font-size: 9px;
  210. text-align: center;
  211. border-top: 1px solid {color:Link Hover};
  212. background-color: {color:Post and Sidebar background};
  213. width: 530px;
  214. margin-left: -20px;
  215. padding: 5px;
  216. -webkit-border-bottom-left-radius: 20px;
  217. -moz-border-radius-bottomleft: 20px;
  218. border-bottom-left-radius: 20px;
  219. }
  220.  
  221. .post {
  222. margin-top: 20px;
  223. margin-bottom: 60px;
  224. background-color: {color:Post and Sidebar background};
  225. font-family: {font:Body};
  226. width: 500px;
  227. padding: 17px 20px 0px 20px;
  228. -webkit-border-radius: 20px;
  229. -webkit-border-bottom-right-radius: 0;
  230. -moz-border-radius: 20px;
  231. -moz-border-radius-bottomright: 0;
  232. border-radius: 20px;
  233. border-bottom-right-radius: 0;
  234. }
  235.  
  236. .post table{
  237. width:500px;
  238. background-color: {color:Ask background};
  239. padding: 7px;
  240. -webkit-border-radius: 10px;
  241. -moz-border-radius: 10px;
  242. border-radius: 10px;
  243. }
  244.  
  245. .notes{
  246. background-color: {color:Post and Sidebar background};
  247. margin-top: 20px;
  248. margin-bottom: 10px;
  249. padding-top: 5px;
  250. padding-bottom: 5px;
  251. border: 2px solid {color:Post and Sidebar background};
  252. }
  253.  
  254. blockquote {
  255. padding: 5px;
  256. border-left: 4px solid {color:Link Hover};
  257. margin: 5px;
  258. }
  259.  
  260. .quote {
  261. font-size: {text:Sidebar font size};
  262. font-family: Myriad Web Pro;
  263. font-style: italic;
  264. }
  265.  
  266. .source {
  267. margin-left: 25px;
  268. }
  269.  
  270. .link {
  271. font-family: 'Junge', serif;
  272. padding: 5px;
  273. font-size: 16px;
  274. }
  275.  
  276. ul.chat {
  277. margin: 0px 0px 7px 0px;
  278. padding: 0;
  279. }
  280.  
  281. .chat li {
  282. list-style-type: none;
  283. margin-left: 0px;
  284. padding: 3px;
  285. }
  286.  
  287. .label {
  288. font-weight: bold;
  289. }
  290.  
  291. .title {
  292. font-size: 20px;
  293. font-family: Georgia;
  294. color: {color:Link Hover};
  295. }
  296.  
  297. {CustomCSS}
  298. </style>
  299.  
  300. <title>{Title}</title>
  301. </head>
  302.  
  303. <body>
  304. <div id="container">
  305. <!--CONTENT STARTS HERE-->
  306. <div id="content">
  307.  
  308. {block:Posts}
  309.  
  310. {block:Text}
  311. <div class="post">
  312. {block:Title}
  313. <h1><a href="{Permalink}">{Title}</a></h1>
  314. {/block:Title}
  315. {Body}
  316. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  317. <div class="info_wrapper">
  318. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  319. <p><a href="{ReblogURL}">Reblog</a></p>
  320. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  321. </div>
  322. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  323. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  324. </div>
  325. {/block:Text}
  326.  
  327. {block:Photo}
  328. <div class="post">
  329. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  330. {block:Caption}
  331. <div class="caption">{Caption}</div>
  332. {/block:Caption}
  333. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  334. <div class="info_wrapper">
  335. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  336. <p><a href="{ReblogURL}">Reblog</a></p>
  337. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  338. </div>
  339. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  340. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  341. </div>
  342. {/block:Photo}
  343.  
  344. {block:Photoset}
  345. <div class="post">
  346. <center>{Photoset-500}</center>
  347. {block:Caption}
  348. <div class="caption">{Caption}</div>
  349. {/block:Caption}
  350. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  351. <div class="info_wrapper">
  352. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  353. <p><a href="{ReblogURL}">Reblog</a></p>
  354. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  355. </div>
  356. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  357. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  358. </div>
  359. {/block:Photoset}
  360.  
  361. {block:Quote}
  362. <div class="post">
  363. <span class="quote">"{Quote}"</span>
  364. {block:Source}
  365. <div class="source">– {Source}</div>
  366. {/block:Source}
  367. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  368. <div class="info_wrapper">
  369. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  370. <p><a href="{ReblogURL}">Reblog</a></p>
  371. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  372. </div>
  373. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  374. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  375. </div>
  376. {/block:Quote}
  377.  
  378. {block:Link}
  379. <div class="post">
  380. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  381. {block:Description}
  382. <div class="description">{Description}</div>
  383. {/block:Description}
  384. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  385. <div class="info_wrapper">
  386. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  387. <p><a href="{ReblogURL}">Reblog</a></p>
  388. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  389. </div>
  390. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  391. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  392. </div>
  393. {/block:Link}
  394.  
  395. {block:Chat}
  396. <div class="post">
  397. {block:Title}
  398. <h3><a href="{Permalink}">{Title}</a></h3>
  399. {/block:Title}
  400. <ul class="chat">
  401. {block:Lines}
  402. <li class="{Alt} user_{UserNumber}">
  403. {block:Label}
  404. <span class="label">{Label}</span>
  405. {/block:Label}
  406. {Line}
  407. </li>
  408. {/block:Lines}
  409. </ul>
  410. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  411. <div class="info_wrapper">
  412. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  413. <p><a href="{ReblogURL}">Reblog</a></p>
  414. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  415. </div>
  416. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  417. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  418. </div>
  419. {/block:Chat}
  420.  
  421. {block:Video}
  422. <div class="post">
  423. <center>{Video-500}</center>
  424. {block:Caption}
  425. <div class="caption">{Caption}</div>
  426. {/block:Caption}
  427. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  428. <div class="info_wrapper">
  429. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  430. <p><a href="{ReblogURL}">Reblog</a></p>
  431. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  432. </div>
  433. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  434. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  435. </div>
  436. {/block:Video}
  437.  
  438. {block:Audio}
  439. <div class="post">
  440. {AudioPlayerBlack}
  441. {block:Caption}
  442. <div class="caption">{Caption}</div>
  443. {/block:Caption}
  444. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  445. <div class="info_wrapper">
  446. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  447. <p><a href="{ReblogURL}">Reblog</a></p>
  448. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  449. </div>
  450. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  451. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  452. </div>
  453. {/block:Audio}
  454. {block:Answer}
  455. <div class="post">
  456.  
  457. <table>
  458. <tr>
  459. <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
  460. <td class="ask">{Asker} {text:asker}: {Question}</td>
  461. </tr>
  462. </table>
  463. {Answer}
  464. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  465. <div class="info_wrapper">
  466. <p><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth}{/block:Date}</a></p>
  467. <p><a href="{ReblogURL}">Reblog</a></p>
  468. <p>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</p>
  469. </div>
  470. </div>
  471. {/block:Answer}
  472.  
  473. {/block:Posts}
  474. </div><!--end content-->
  475. <!--SIDEBAR STARTS HERE-->
  476. <div id="blogtitle"><a href="/">{Title}</a></div>
  477. <div id="sidebar_wrapper">
  478. <div id="sidebar_img"><img src="{image:Sidebar}"/></div>
  479. <div id="pages">
  480. <!--LINKS START HERE YOU CAN ALSO EDIT THE NAMES AND URLS HERE TO ADD MORE INSERT A DIV CLASS WITH THE CLASS 'LINKS'-->
  481. {block:Pagination}{block:PreviousPage}<div class="links"><a href="{PreviousPage}">&laquo;</a></div>{/block:PreviousPage}{/block:Pagination}
  482. {block:HasPages}{block:Pages}<div class="links"><a href="{URL}">{Label}</a></div>{/block:Pages}{/block:HasPages}
  483. {block:ifLink1Title}<a href="{text:Link 1}"><div class="links">{text:Link 1 Title}</div></a>{/block:ifLink1Title}
  484. {block:ifLink2Title}<a href="{text:Link 2}"><div class="links">{text:Link 2 Title}</div></a>{/block:ifLink2Title}
  485. <div class="links"><a href="/ask">Ask</a></div>
  486. <div class="links"><a href="http://sandragonthemes.tumblr.com/">Theme</a></div>
  487. {block:Pagination}{block:NextPage}<div class="links"><a href="{NextPage}">&raquo;</a></div>{/block:NextPage}{/block:Pagination}
  488. </div><!--end pages-->
  489. <div id="desc">
  490. {block:Description}{Description}{/block:Description}
  491. </div><!--end desc-->
  492. </div><!-- end sidebar_wrapper-->
  493. </div><!--end container-->
  494. </body>
  495. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!