sandragonthemes

Theme #06

Mar 8th, 2013
1,001
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.59 KB | None | 0 0
  1. <!doctype html>
  2.  
  3. <!--
  4. This is theme #06 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=Rufina|Junge|Cherry+Swash:400,700' rel='stylesheet' type='text/css'>
  17.  
  18. <!--DEFAULT VARIABLES-->
  19. <meta name="color:Background" content ="#555152"/>
  20. <meta name="color:Post and Sidebar" content ="#393637"/>
  21. <meta name="color:Text" content="#7c7c7c"/>
  22. <meta name="color:Link" content="#f5dae6"/>
  23. <meta name="color:Link Hover" content="#d9c5cc"/>
  24. <meta name="color:Shadows" content="#272324"/>
  25. <meta name="color:Circles" content="#ab7979"/>
  26.  
  27. <meta name="image:Sidebar image" content="http://i.imgur.com/bjKEUHc.jpg"/>
  28.  
  29. <meta name="font:Body" content="Garamond"/>
  30.  
  31. <meta name="text: Font size" content="11px"/>
  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. <meta name="text:Link 3" content="http://">
  37. <meta name="text:Link 3 Title" content=""/>
  38.  
  39. <style type="text/css">
  40. /*SCROLLBAR*/
  41. ::-webkit-scrollbar {
  42. width: 12px;
  43. }
  44.  
  45. ::-webkit-scrollbar-track {
  46. background-color: {color:Shadows};
  47. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
  48. border-radius: 10px;
  49. }
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. background-color: {color:Post and Sidebar};
  53. border-radius: 10px;
  54. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
  55. }
  56.  
  57. /*BODY*/
  58. body {
  59. background-color:{color:Background};
  60. font-size: 10px;
  61. font-family:{font:Body};
  62. font-size: {text: Font size};
  63. }
  64.  
  65. a {
  66. color: {color:Link};
  67. font-weight: none;
  68. text-decoration: none;
  69. -webkit-transition: all 0.6s ease-in-out;
  70. -moz-transition: all 0.6s ease-in-out;
  71. -o-transition: all 0.6s ease-in-out;
  72. transition: all 0.6s ease-in-out;
  73. }
  74.  
  75. a:hover {
  76. color: {color:Link Hover};
  77. -webkit-transition: all 0.6s ease-in-out;
  78. -moz-transition: all 0.6s ease-in-out;
  79. -o-transition: all 0.6s ease-in-out;
  80. transition: all 0.6s ease-in-out;
  81. }
  82.  
  83. a img {
  84. border: 0px;
  85. }
  86.  
  87. ul{
  88. list-style-type: none;
  89. padding: 0px;
  90. margin: 0px;
  91. }
  92.  
  93. h1 a{
  94. color: {color:Link};
  95. font-family: 'Rufina', serif;
  96. font-size: 14px;
  97.  
  98. }
  99.  
  100. h1 a:hover{
  101. font-family: 'Rufina', serif;
  102. font-size: 14px;
  103. color: {color:Link Hover};
  104. }
  105.  
  106. h2{
  107. font-weight: none;
  108. width: 500px;
  109. height: 25px;
  110. margin-left: -225px;
  111. margin-top: 250px;
  112. font-family: 'Rufina', serif;
  113. font-size: 18px;
  114. color: {color:Blogtitle};
  115. -webkit-transform: rotate(-90deg);
  116. -moz-transform: rotate(-90deg);
  117. -ms-transform: rotate(-90deg);
  118. -o-transform: rotate(-90deg);
  119. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
  120. overflow: hidden;
  121. -webkit-transition: all 0.4s ease-in-out;
  122. -moz-transition: all 0.4s ease-in-out;
  123. -o-transition: all 0.4s ease-in-out;
  124. transition: all 0.4s ease-in-out;
  125. }
  126.  
  127. h2:hover{
  128. color: {color:Blogtitle Hover};
  129. -webkit-transition: all 0.4s ease-in-out;
  130. -moz-transition: all 0.4s ease-in-out;
  131. -o-transition: all 0.4s ease-in-out;
  132. transition: all 0.4s ease-in-out;
  133. }
  134.  
  135. #container{
  136. width: 900px;
  137. margin-left: 50px;
  138. }
  139.  
  140. /*MENU LINKS*/
  141. #menu_wrapper{
  142. width: 70px;
  143. height: 535px;
  144. margin: 18px 15px 0px 0px;
  145. padding-top:2px;
  146. float:left;
  147. overflow-y:auto;
  148. overflow-x:hidden;
  149. }
  150.  
  151. .menu{
  152. width: 50px;
  153. height: 32px;
  154. margin: 0px 0px 15px;
  155. padding-top: 18px;
  156. background-color:{color:Circles};
  157. -webkit-border-radius: 50px;
  158. -moz-border-radius: 25px;
  159. border-radius: 25px;
  160. overflow:hidden;
  161. transition-duration: 0.7s;
  162. -moz-transition-duration: 0.7s;
  163. -webkit-transition-duration: 0.7s;
  164. -o-transition-duration: 0.7s;
  165. }
  166.  
  167. .menu:hover{
  168. -moz-transform:rotate(360deg);
  169. -webkit-transform:rotate(360deg);
  170. -o-transform:rotate(360deg);
  171. -ms-transform:rotate(360deg);
  172. background-color: {color:Post and Sidebar};
  173. -moz-box-shadow: 2px 2px 0px {color:Shadows};
  174. -webkit-box-shadow: 2px 2px 0px {color:Shadows};
  175. box-shadow: 2px 2px 0px {color:Shadows};
  176. transition-duration: 0.7s;
  177. -moz-transition-duration: 0.7s;
  178. -webkit-transition-duration: 0.7s;
  179. -o-transition-duration: 0.7s;
  180. }
  181.  
  182. /*SIDEBAR*/
  183. #sidebar_wrapper {
  184. position: fixed;
  185. width: 357px;
  186. height: 650px;
  187. margin: -8px 0px 0px -8px;
  188. margin:auto;
  189. text-align: center;
  190. float:left;
  191. font-family:{font:Body};
  192. }
  193.  
  194. #sidebar_img{
  195. width: 250px;
  196. height:250px;
  197. margin: 20px 0px;
  198. background-color: {color:Post and Sidebar}
  199. -webkit-border-radius: 125px;
  200. -moz-border-radius: 125px;
  201. border-radius: 125px;
  202. -webkit-transition:all 0.7s;
  203. -moz-transition:all 0.7s;
  204. -ms-transition:all 0.7s;
  205. -o-transition:all 0.7s;
  206. float:left;
  207. padding-left:2px;
  208. }
  209.  
  210. #sidebar_img img{
  211. width: 250px;
  212. height: 250px;
  213. -webkit-border-radius: 125px;
  214. -moz-border-radius: 125px;
  215. border-radius: 125px;
  216. }
  217.  
  218. #sidebar_img:hover{
  219. opacity: 0.75;
  220. }
  221.  
  222. #desc_wrapper{
  223. margin:auto;
  224. width:262px;
  225. padding: 0px 6px 2px 2px;
  226. height: 251px;
  227. overflow-y:auto;
  228. overflow-x:visible;
  229. float:left;
  230. }
  231.  
  232. #desc{
  233. width:230px;
  234. padding:10px;
  235. -webkit-border-radius: 5px;
  236. -moz-border-radius: 5px;
  237. border-radius: 5px;
  238. background-color:{color:Post and Sidebar};
  239. overflow:auto;
  240. color: {color:Text};
  241. float:left;
  242. }
  243.  
  244. /*PAGINATION*/
  245. #navigation{
  246. width:334px;
  247. }
  248.  
  249. #next a{
  250. display: block;
  251. background-color: {color:Post and Sidebar};
  252. padding: 5px;
  253. margin-top: -20px;
  254. margin-bottom: 10px;
  255. float:right;
  256. -webkit-border-radius: 5px;
  257. -moz-border-radius: 5px;
  258. border-radius: 5px;
  259. transition-duration: 0.2s;
  260. -moz-transition-duration: 0.2s;
  261. -webkit-transition-duration: 0.2s;
  262. -o-transition-duration: 0.2s;
  263. }
  264.  
  265. #next a:hover{
  266. margin-left: 1px;
  267. margin-top: -22px;
  268. margin-bottom: 10px;
  269. -moz-box-shadow: -2px 2px 0px {color:Shadows};
  270. -webkit-box-shadow: -2px 2px 0px {color:Shadows};
  271. box-shadow: -2px 2px 0px {color:Shadows};
  272. transition-duration: 0.2s;
  273. -moz-transition-duration: 0.2s;
  274. -webkit-transition-duration: 0.2s;
  275. -o-transition-duration: 0.2s;
  276. }
  277.  
  278. #prev a{
  279. display:block;
  280. padding: 5px;
  281. margin-top: -20px;
  282. margin-bottom: 10px;
  283. background-color: {color:Post and Sidebar};
  284. margin-left:2px;
  285. float:left;
  286. -webkit-border-radius: 5px;
  287. -moz-border-radius: 5px;
  288. border-radius: 5px;
  289. transition-duration: 0.2s;
  290. -moz-transition-duration: 0.2s;
  291. -webkit-transition-duration: 0.2s;
  292. -o-transition-duration: 0.2s;
  293. }
  294.  
  295. #prev a:hover{
  296. margin-left: 0px;
  297. margin-top: -22px;
  298. margin-bottom: 10px;
  299. -moz-box-shadow: 2px 2px 0px {color:Shadows};
  300. -webkit-box-shadow: 2px 2px 0px {color:Shadows};
  301. box-shadow: 2px 2px 0px {color:Shadows};
  302. transition-duration: 0.2s;
  303. -moz-transition-duration: 0.2s;
  304. -webkit-transition-duration: 0.2s;
  305. -o-transition-duration: 0.2s;
  306. }
  307.  
  308. /*REBLOG NOTES VIA SOURCE*/
  309. .info_wrapper{
  310. width: 30px;
  311. height: 70px;
  312. margin: -10px 0px 0px 525px;
  313. position:absolute;
  314. color: {color:Text};
  315. }
  316.  
  317. .info_wrapper_img{
  318. width: 30px;
  319. height: 70px;
  320. position:absolute;
  321. margin-left: 560px;
  322. margin-top:-10px;
  323. }
  324.  
  325. .info_wrapper_img img{
  326. width: 30px;
  327. height: 30px;
  328. -webkit-border-radius: 15px;
  329. -moz-border-radius: 15px;
  330. border-radius: 15px;
  331. margin-bottom:2px;
  332. transition-duration: 0.7s;
  333. -moz-transition-duration: 0.7s;
  334. -webkit-transition-duration: 0.7s;
  335. -o-transition-duration: 0.7s;
  336. }
  337.  
  338. .info_wrapper_img img:hover{
  339. -moz-transform:rotate(360deg);
  340. -webkit-transform:rotate(360deg);
  341. -o-transform:rotate(360deg);
  342. -ms-transform:rotate(360deg);
  343. background-color: {color:Post and Sidebar};
  344. -moz-box-shadow: 2px 2px 0px {color:Shadows};
  345. -webkit-box-shadow: 2px 2px 0px {color:Shadows};
  346. box-shadow: 2px 2px 0px {color:Shadows};
  347. transition-duration: 0.7s;
  348. -moz-transition-duration: 0.7s;
  349. -webkit-transition-duration: 0.7s;
  350. -o-transition-duration: 0.7s;
  351. }
  352.  
  353. .info_wrapper a{
  354. display:block;
  355. text-align:center;
  356. padding-top: 9px;
  357. width: 30px;
  358. height: 21px;
  359. margin-bottom:5px;
  360. background-color:{color:Circles};
  361. -webkit-border-radius: 15px;
  362. -moz-border-radius: 15px;
  363. border-radius: 15px;
  364. font-size: 9px;
  365. transition-duration: 0.7s;
  366. -moz-transition-duration: 0.7s;
  367. -webkit-transition-duration: 0.7s;
  368. -o-transition-duration: 0.7s;
  369. }
  370.  
  371. .info_wrapper a:hover{
  372. -moz-transform:rotate(360deg);
  373. -webkit-transform:rotate(360deg);
  374. -o-transform:rotate(360deg);
  375. -ms-transform:rotate(360deg);
  376. background-color: {color:Post and Sidebar};
  377. -moz-box-shadow: 2px 2px 0px {color:Shadows};
  378. -webkit-box-shadow: 2px 2px 0px {color:Shadows};
  379. box-shadow: 2px 2px 0px {color:Shadows};
  380. transition-duration: 0.7s;
  381. -moz-transition-duration: 0.7s;
  382. -webkit-transition-duration: 0.7s;
  383. -o-transition-duration: 0.7s;
  384. }
  385.  
  386. .info_wrapper_img a[title]:hover:after{
  387. content: attr(title);
  388. padding: 4px 8px;
  389. margin-left: 5px;
  390. background-color: {color:Post and Sidebar};
  391. position: absolute;
  392. -moz-border-radius: 3px;
  393. -webkit-border-radius: 3px;
  394. border-radius: 3px;
  395. -moz-box-shadow: 2px 2px 0px {color:Shadows};
  396. -webkit-box-shadow: 2px 2px 0px {color:Shadows};
  397. box-shadow: 2px 2px 0px {color:Shadows};
  398. }
  399.  
  400. /*CONTENT*/
  401. .content {
  402. margin-left:100px;
  403. position: absolute;
  404. }
  405.  
  406. .post {
  407. position: relative;
  408. margin-left: 260px;
  409. margin-top: 20px;
  410. margin-bottom: 20px;
  411. background-color: {color:Post and Sidebar};
  412. -webkit-border-radius: 5px;
  413. -moz-border-radius: 5px;
  414. border-radius: 5px;
  415. width: 500px;
  416. padding: 10px;
  417. color: {color:Text};
  418. font-family:{font:Body};
  419. }
  420.  
  421. .post table{
  422. width: 500px;
  423. background-color: {color:Background};
  424. color: {color:Shadows};
  425. -webkit-border-radius: 5px;
  426. -moz-border-radius: 5px;
  427. border-radius: 5px;
  428. }
  429.  
  430. .reblog_btn img{
  431. border: 0px solid {color:Post and Sidebar};
  432. }
  433.  
  434. .reblog_btn{
  435. border: 0px solid {color:Post and Sidebar};
  436. }
  437.  
  438. .tags {
  439. width: 520px;
  440. margin-left: -10px;
  441. padding-top: 5px;
  442. padding-bottom: -3px;
  443. font-size: 10px;
  444. text-align: center;
  445. border-top: 1px solid {color:Background};
  446. }
  447.  
  448. .tags a:hover{
  449. background-color: {color:Shadows};
  450. padding:3px;
  451. -webkit-border-radius: 3px;
  452. -moz-border-radius: 3px;
  453. border-radius: 3px;
  454. transition-duration: 0.15s;
  455. -moz-transition-duration: 0.15s;
  456. -webkit-transition-duration: 0.15s;
  457. -o-transition-duration: 0.15s;
  458. }
  459.  
  460. .tag {
  461. font-size: 10px;
  462. text-align:center;
  463. }
  464.  
  465. blockquote {
  466. font-size: 11px;
  467. padding: 5px;
  468. border-left: 4px solid {color:Circles};
  469. margin: 5px;
  470. }
  471.  
  472. .quote {
  473. font-style: italic;
  474. }
  475.  
  476. .source {
  477. margin-left: 25px;
  478. }
  479.  
  480. .link {
  481. font-family: 'Junge', serif;
  482. padding: 5px;
  483. font-size: 16px;
  484. }
  485.  
  486. .link:hover {
  487. color: {color:Link Hover};
  488. }
  489.  
  490. ul.chat {
  491. margin: 0;
  492. padding: 0;
  493. }
  494.  
  495. .chat li {
  496. list-style-type: none;
  497. margin-left: 0px;
  498. padding: 3px;
  499. }
  500.  
  501. .label {
  502. font-weight: bold;
  503. color: {color:Text};
  504. }
  505.  
  506. .title {
  507. font-size: 30px;
  508. font-family:{font:Body};
  509. color: {color:Blogtitle};
  510. }
  511.  
  512. {CustomCSS}
  513. </style>
  514. <title>{Title}</title>
  515. </head>
  516. <body>
  517. <div id="container">
  518. <!--CONTENT STARTS HERE-->
  519. <div class="content">
  520. {block:Posts}
  521.  
  522. {block:Text}
  523. <div class="post">
  524. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  525. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  526. {block:Title}
  527. <h1><a href="{Permalink}">{Title}</a></h1>
  528. {/block:Title}
  529. {Body}
  530. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  531. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  532. </div>
  533. {/block:Text}
  534.  
  535. {block:Photo}
  536. <div class="post">
  537. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  538. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  539. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  540. {block:Caption}
  541. <div class="caption">{Caption}</div>
  542. {/block:Caption}
  543. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  544. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  545. </div>
  546. {/block:Photo}
  547.  
  548. {block:Photoset}
  549. <div class="post">
  550. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  551. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  552. <center>{Photoset-500}</center>
  553. {block:Caption}
  554. <div class="caption">{Caption}</div>
  555. {/block:Caption}
  556. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  557. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  558. </div>
  559. {/block:Photoset}
  560.  
  561. {block:Quote}
  562. <div class="post">
  563. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  564. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  565. <span class="quote">"{Quote}"</span>
  566. {block:Source}
  567. <div class="source">– {Source}</div>
  568. {/block:Source}
  569. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  570. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  571. </div>
  572. {/block:Quote}
  573.  
  574. {block:Link}
  575. <div class="post">
  576. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  577. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  578. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  579. {block:Description}
  580. <div class="description">{Description}</div>
  581. {/block:Description}
  582. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  583. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  584. </div>
  585. {/block:Link}
  586.  
  587. {block:Chat}
  588. <div class="post">
  589. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  590. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  591. {block:Title}
  592. <a href="{Permalink}">{Title}</a>
  593. {/block:Title}
  594. <ul class="chat">
  595. {block:Lines}
  596. <li class="{Alt} user_{UserNumber}">
  597. {block:Label}
  598. <span class="label">{Label}</span>
  599. {/block:Label}
  600. {Line}
  601. </li>
  602. {/block:Lines}
  603. </ul>
  604. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  605. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  606. </div>
  607. {/block:Chat}
  608.  
  609. {block:Video}
  610. <div class="post">
  611. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  612. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  613. <center>{Video-500}</center>
  614. {block:Caption}
  615. <div class="caption">{Caption}</div>
  616. {/block:Caption}
  617. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  618. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  619. </div>
  620. {/block:Video}
  621.  
  622. {block:Audio}
  623. <div class="post">
  624. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  625. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  626. {AudioPlayerBlack}
  627. {block:Caption}
  628. <div class="caption">{Caption}</div>
  629. {/block:Caption}
  630. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  631. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  632. </div>
  633. {/block:Audio}
  634.  
  635. {block:Answer}
  636. <div class="post">
  637. <div class="info_wrapper"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} <a href="{ReblogURL}">Reblog</a> </div>
  638. <div class="info_wrapper_img">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="Via"><img src="{ReblogParentPortraitURL-48}"/></a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Source"><img src="{ReblogRootPortraitURL-48}"/></a>{/block:RebloggedFrom}</div>
  639. <table>
  640. <tr>
  641. <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
  642. <td class="ask">{Asker} {text:asker}: {Question}</td>
  643. </tr>
  644. </table>
  645. {Answer}
  646. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  647. </div>
  648. {/block:Answer}
  649.  
  650. {/block:Posts}
  651. </div><!--end content-->
  652.  
  653. <!--SIDEBAR STARTS HERE-->
  654. <div id="sidebar_wrapper">
  655. <div id="menu_wrapper">
  656. <a href="/"><div class="menu">Home</div></a>
  657. {block:HasPages}{block:Pages}<div class="menu"><a href="{URL}">{Label}</a></div>{/block:Pages}{/block:HasPages}
  658. {block:ifLink1Title}<div class="menu"><a href="{text:Link 1}">{text:Link 1 Title}</a></div>{/block:ifLink1Title}
  659. {block:ifLink2Title}<div class="menu"><a href="{text:Link 2}">{text:Link 2 Title}</a></div>{/block:ifLink2Title}
  660. {block:ifLink3Title}<div class="menu"><a href="{text:Link 3}">{text:Link 3 Title}</a></div>{/block:ifLink3Title}
  661. <div class="menu"><a href="/ask">Ask</a></div>
  662. <div class="menu"><a href="http://sandragonthemes.tumblr.com/">Theme</a></div>
  663. </div>
  664. <div id="sidebar_img">
  665. <img src="{image:Sidebar image}"/>
  666. </div>
  667. <div id="navigation">
  668. <div id="next">{block:Pagination}{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}</div>
  669. <div id="prev">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}{/block:Pagination}</div>
  670. </div>
  671. <div id="desc_wrapper">
  672. <div id="desc">{block:Description}{Description}{/block:Description}</div>
  673. </div>
  674. </div><!--END SIDEBAR-->
  675. </div><!--END CONTAINER-->
  676. </body>
  677. </html>
Add Comment
Please, Sign In to add comment