API tools faq
paste
Advertisement
sandragonthemes

Theme #07

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