Guest User

transparent redux by tukut

a guest
Jun 17th, 2013
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.63 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.              
  3.        
  4. <!--
  5. transparent redux by steph tukut
  6. tukut.tumblr.com
  7. please do not remove credit
  8.  
  9.  
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13. <!-- DEFAULT VARIABLES -->
  14.  
  15. <!-- COLOUR -->  
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:Text" content="#000" />
  21. <meta name="color:Link" content="#000" />
  22. <meta name="color:Link Hover" content="#000" />
  23. <meta name="color:Border" content="#000" />
  24. <meta name="color:ScrollBG" content="#ffffff" />
  25. <meta name="color:Question" content="#ffffff" />
  26. <meta name="color:Footer" content="#ffffff" />
  27. <meta name="color:Footer Text" content="#000" />
  28. <meta name="color:Audio" content="#ffffff" />
  29. <!-- FONT -->
  30.  
  31.  
  32. <meta name="font:Title" content="Arial" />
  33. <meta name="font:Body" content="Arial" />
  34. <meta name="font:Accent" content="Lucida Sans" />  
  35. <!-- IF -->
  36.  
  37. <meta name="if:Show Tags" content="1" />
  38. <meta name="if:Show Album Art on Audio Posts" content="1" />
  39. <meta name="if:Sidebar Img" content="1" />
  40. <meta name="if:Show Captions" content="0">
  41. <meta name="if:Show Page Buttons" content="1">
  42.  
  43.  
  44.  
  45. <!-- IMAGE -->
  46.  
  47. <meta name="image:Background" content="" />
  48. <meta name="image:Sidebar" content="" />
  49.  
  50. <!-- TEXT -->
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56. ::-webkit-scrollbar {
  57. height: 12px;
  58. width: 15px;
  59. background: {color:scrollbg};
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background-image:url(IMAGE URL HERE);
  64. border:1px solid gray;
  65. -webkit-border-radius: 5ex;
  66. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  67. }
  68.  
  69. ::-webkit-scrollbar-corner {
  70. background: #transparent;
  71. }
  72.  
  73. </style>
  74.  
  75.  
  76. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  77. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  78. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79. <link rel="shortcut icon" href="{Favicon}" />
  80. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  82. <style type="text/css">
  83.  
  84. iframe#tumblr_controls {right:3px !important; position:fixed !important;}
  85.  
  86. @font-face { font-family: 'ronda'; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  87.  
  88.  
  89.  
  90. body {
  91.    
  92.  
  93. background: {color:Background} url('{image:Background}') no-repeat center fixed;
  94.         -webkit-background-size: cover;
  95.         -moz-background-size: cover;
  96.         -o-background-size: cover;
  97.         background-size: cover;
  98. margin: 50px 0px 0px -40px;
  99. padding: 0;
  100.  font-family: {font:body};
  101. }
  102.  
  103.  
  104.  
  105. .clear {
  106. clear: both;
  107. height: 0px;
  108. overflow: hidden;
  109. }
  110.  
  111. a img {
  112. border: none;
  113. }
  114.  
  115. #wrapper {
  116.    
  117. width: 555px;
  118. position:right;
  119. margin: 0 auto;
  120. }
  121.  
  122. #wrapper #title {
  123. margin: 30px 0;
  124. color: #fff;
  125. font-size: 50px;
  126. font-weight: normal;
  127. font-family: {font:Title};
  128. letter-spacing: -1px;
  129. text-align: center;
  130. }
  131.  
  132.  
  133.  
  134. #wrapper #content {
  135.     margin: 40px 20px 60px 0px
  136.     padding: 5px;
  137. width: 420px;
  138. float: right;
  139. }
  140.  
  141. #wrapper #content .post {
  142. border: ;
  143. font-family: {font:body};
  144. background: ;
  145. padding: 10px;
  146. position: relative;
  147. -moz-border-radius: 10px;
  148. -webkit-border-radius: 10px;
  149. overflow: hidden;
  150. }
  151.  
  152. #wrapper #content .post .media {
  153. text-align: center;
  154. margin-bottom: 10px;
  155. }
  156.  
  157. #wrapper #content .post .quotebg {
  158. font-family: georgia, serif;
  159. font-size: 150px;
  160. color: {color:text};
  161. opacity: 0.1;
  162. filter: alpha(opacity=20);
  163. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  164. position: absolute;
  165. top: 70px;
  166. left: 10px;
  167. }
  168.  
  169. #wrapper #content .post .quote {
  170. color: {color:Text};
  171. font-weight: normal;
  172. padding: 20px 20px 5px 20px;
  173. }
  174.  
  175. #wrapper #content .post .quote.short {
  176. font-size: 18px;
  177. line-height: 22px;
  178. }
  179.  
  180. #wrapper #content .post .quote.medium {
  181. font-size: 18px;
  182. line-height: 22px;
  183. }
  184.  
  185. #wrapper #content .post .quote.long {
  186. font-size: 18px;
  187. line-height: 22px;
  188. }
  189.  
  190. #wrapper #content .post .quote_source *:first-child {
  191. margin-top: 0px;
  192. }
  193.  
  194. #wrapper #content .post .quote_source *:last-child {
  195. margin-bottom: 0px;
  196. }
  197.  
  198. #wrapper #content .post .quote *:first-child {
  199. margin-top: 0px;
  200. }
  201.  
  202. #wrapper #content .post .quote *:last-child {
  203. margin-bottom: 0px;
  204. }
  205.  
  206. #wrapper #content .post .copy {
  207. color: {color:Text};
  208. padding: 10px;
  209. font-size: 13px;
  210. line-height: 15px;
  211. }
  212.  
  213. #wrapper #content .post .copy a {
  214. color: {color:Link};
  215. text-decoration: underline;
  216. font-weight: bold;
  217. }
  218.  
  219. #wrapper #content .post .copy a:hover {
  220. color: {color:Link Hover};
  221. }
  222.  
  223. #wrapper #content .post .copy p {
  224. margin: 10px 0 0 0;
  225. padding: 0;
  226. }
  227.  
  228. #wrapper #content .post .copy pre {
  229. margin: 10px 0px 10px 0px;
  230. padding: 10px;
  231. background-color: #e6e6e6;
  232. font: normal 11px Courier, monospace;
  233. overflow: auto;
  234. }
  235.  
  236. #wrapper #content .post .copy > p:first-child {
  237. margin-top: 0;
  238. }
  239.  
  240. #wrapper #content .post .copy img {
  241. max-width: 100%;
  242. }
  243.  
  244. #wrapper #content .post .audio {
  245. background: {color:Audio};
  246. float: left;
  247. padding: 7px;
  248. margin-bottom: 10px;
  249. -moz-border-radius: 4px;
  250. -webkit-border-radius: 4px;
  251. border-radius: 4px;
  252. }
  253.  
  254. #wrapper #content .post .audio .player {
  255. float: left;
  256. }
  257.  
  258. #wrapper #content .post .audio .player .audio_player embed {
  259. border: 10px double {color:Border};
  260. }
  261.  
  262. #wrapper #content .post .audio .meta {
  263. padding: 8px 13px;
  264. height: 13px;
  265. float: left;
  266. color: {color:Text};
  267. font-family: {font:Accent};
  268. font-size: 11px;
  269. text-transform: lowercase;
  270. }
  271.  
  272. #wrapper #content .post .audio .meta a {
  273. color: {color:Link};
  274. text-decoration: underline;
  275. font-weight: bold;
  276. }
  277.  
  278. #wrapper #content .post .audio .meta a:hover {
  279. color: {color:Link Hover};
  280. }
  281.  
  282. #wrapper #content .post .album_art {
  283. text-align: center;
  284. }
  285.  
  286. #wrapper #content .post .question {
  287. color: {color:Text};
  288. font-size: 16px;
  289. font-weight: bold;
  290. background: {color:Question};
  291. -moz-border-radius: 8px;
  292. -webkit-border-radius: 8px;
  293. border-radius: 8px;
  294. margin: 0 0 15px 0;
  295. padding: 15px 20px;
  296. position: relative;
  297. }
  298.  
  299.  
  300. #wrapper #content .post .asker_container {
  301. margin: 0 0 20px 24px;
  302. }
  303.  
  304. #wrapper #content .post .asker_container img {
  305. margin: 0 12px -7px 0;
  306. }
  307.  
  308. #wrapper #content .post .asker_container a.asker {
  309. color: {color:Link};
  310. text-decoration: underline;
  311. font-weight: bold;
  312. }
  313.  
  314. #wrapper #content .post .asker_container a.asker:hover {
  315. color: {color:Link Hover};
  316. }
  317.  
  318. #wrapper #content .post .title {
  319. color: {color:Text};
  320. font-size: 16px;
  321. font-weight: bold;
  322. padding: 10px 10px 0 10px;
  323. }
  324.  
  325. #wrapper #content .post img {
  326.     margin-right:5px;
  327. max-width: 390px;
  328. }
  329.  
  330. #wrapper #content .post .chat {
  331. margin: 10px 10px 0 10px;
  332. font-size: 14px;
  333. }
  334.  
  335. #wrapper #content .post .chat .lines {
  336. margin-left: 1px;
  337. }
  338.  
  339. #wrapper #content .post .chat .lines .line {
  340. color: #494949;
  341. margin-bottom: 1px;
  342. padding: 3px 5px;
  343. }
  344.  
  345. #wrapper #content .post .chat .lines .line.even {
  346. }
  347.  
  348. #wrapper #content .post .link {
  349. margin: 4px 0 2px 0;
  350. font-size: 16px;
  351. line-height: 25px;
  352. }
  353.  
  354. #wrapper #content .post .link a {
  355. background-color: {color:Link};
  356. color: #fff;
  357. padding: 5px 7px;
  358. -moz-border-radius: 4px;
  359. -webkit-border-radius: 4px;
  360. border-radius: 4px;
  361. }
  362.  
  363. #wrapper #content .post .link a:hover {
  364. background-color: {color:Link Hover};
  365. opacity: 0.9;
  366. filter: alpha(opacity=90);
  367. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  368. }
  369.  
  370. #wrapper #content .post .footer {
  371.     border: {color:Border} solid 1px;
  372. background-color: {color:Footer};
  373. -moz-border-radius: 4px;
  374. -webkit-border-radius: 4px;
  375. border-radius: 4px;
  376. font-family:  {font:accent};
  377. font-size: 11px;
  378. color: {color:Footer Text};
  379. padding: 5px 10px;
  380. margin-top: 10px;
  381. }  
  382.  
  383. #wrapper #content .post .footer.for_permalink:hover {
  384. opacity: 0.3;
  385. filter: alpha(opacity=90);
  386. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  387. }
  388.  
  389. #wrapper #content .post .footer .date {
  390. width: 67%;
  391. float: left;
  392. color: {color:Footer Text};
  393. }
  394.  
  395. #wrapper #content .post .footer .notes {
  396. width: 33%;
  397. float: right;
  398. text-align: right;
  399. color: {color:Footer Text};
  400. }
  401.  
  402. #wrapper #content .post .footer .notes a {
  403. color: {color:Footer Text};
  404. }
  405.  
  406. #wrapper #content .post .footer .tags a {
  407. color: {color:Footer Text};
  408. text-decoration: none;
  409. }
  410.  
  411. #wrapper #content .post .footer .tags .tag-commas:last-child {
  412. display: none;
  413. }
  414.  
  415. #wrapper #content .post .footer.with_source_url .tags {
  416. max-width: 330px;
  417. float: left;
  418. }
  419.  
  420. #wrapper #content .post .footer.with_source_url .source_url {
  421. color: {color:Footer Text};
  422. float: right;
  423. max-width: 160px;
  424. overflow: hidden;
  425. white-space: nowrap;
  426.  
  427. }
  428.  
  429. #wrapper #content .post .footer.with_source_url .source_url img {
  430. vertical-align: top;
  431. -moz-opacity: 0.5;
  432. opacity: 0.5;
  433. }
  434.  
  435. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  436. -moz-opacity: 0.7;
  437. opacity: 0.7;
  438. }
  439.  
  440.  
  441.  #wrapper #content .post .footer:hover {
  442.                             opacity: 0.5;
  443.                             filter: alpha(opacity=90);
  444.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  445.                         }
  446.  
  447.  
  448.  
  449. #wrapper #content .post a {
  450. color: #6e7173;
  451. text-decoration: none;
  452. }
  453.  
  454. #wrapper #content .post .copy blockquote {
  455. margin: 10px 0px 10px 10px;
  456. padding-left: 15px;
  457. border-left: solid 3px {color:Link};
  458. }
  459.  
  460. #wrapper #content .post .copy blockquote blockquote {
  461. border-left: solid 3px {color:Link};
  462. }
  463.  
  464. #wrapper #content .post .copy blockquote blockquote blockquote {
  465. border-left: solid 3px {color:Link};
  466. }
  467.  
  468. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  469. border-left: solid 3px {color:Link};
  470. }
  471.  
  472. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  473. border-left: solid 3px {color:Link};
  474. }
  475.  
  476. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  477. border-left: solid 3px {color:Link};
  478. }
  479.  
  480. #wrapper #content .bottom {
  481. width: 513px;
  482. height: 40px;
  483. margin: 0 auto;
  484. }
  485.  
  486. #wrapper #content #navigation {
  487. text-align: right;
  488. padding-bottom: 35px;
  489. text-transform: lowercase;
  490. }
  491.  
  492. #wrapper #content #navigation a {
  493. border:;
  494. background-color: ;
  495. color: {color:Link};
  496. padding: 5px 10px;
  497. text-decoration: none;
  498. margin-left: 25px;
  499. -moz-border-radius: 10px;
  500. -webkit-border-radius: 10px;
  501. }   /*butt2*/
  502.  
  503. #wrapper #content #navigation a:hover {
  504. opacity: 0.9;
  505. filter: alpha(opacity=90);
  506. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  507. }
  508.  
  509. #wrapper #content #navigation.jump_pagination {}
  510.  
  511. #wrapper #content #navigation.jump_pagination a {
  512. margin: 0 0 0 4px;
  513. }
  514.  
  515. #wrapper #content #navigation.jump_pagination .current_page {
  516. color: #fff;
  517. background-color: rgba(255,255,255, 0.1);
  518. border: 2px solid #fff;
  519. padding: 3px 8px;
  520. margin: 0 0 0 4px;
  521. cursor: default;
  522. }
  523.  
  524. #wrapper #content #navigation.jump_pagination .jump_page {}
  525.  
  526. #wrapper #content .post .notecontainer {
  527. background: #eaeaea;
  528. -moz-border-radius: 4px;
  529. -webkit-border-radius: 4px;
  530. border-radius: 4px;
  531. font-family: {font:Accent};
  532. font-size: 11px;
  533. color: #666;
  534. margin-top: 10px;
  535. margin-bottom: -10px;
  536. }
  537.  
  538. #wrapper #content .post .notecontainer a {
  539. color: #666;
  540.  
  541. text-decoration: none;
  542. }
  543.  
  544. #wrapper #content .post .notecontainer ol.notes {
  545. padding: 0px 0 10px 0;
  546. list-style-type: none;
  547. font-size: 11px;
  548. }
  549.  
  550. #wrapper #content .post .notecontainer ol.notes li.note {
  551. padding: 10px 10px 0 10px;
  552. }
  553.  
  554. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  555. vertical-align: -4px;
  556. margin-right: 10px;
  557. width: 16px;
  558. height: 16px;
  559. }
  560.  
  561. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  562. font-weight: normal;
  563. }
  564.  
  565. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  566. font-weight: normal;
  567. }
  568.  
  569. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  570. border-left: 2px solid #666;
  571. padding: 4px 10px;
  572. margin: 10px 0px 0px 25px;
  573. }
  574.  
  575. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  576. text-decoration: none;
  577. }
  578.  
  579. #wrapper #sidebar {
  580. position: fixed!important;
  581. margin-top:120px;
  582. margin-left:-130px;
  583. width: 200px;
  584. float: left;
  585. color: {color:Background};
  586. font-family: arial;
  587. }
  588.  
  589.  
  590. #wrapper #sidebar a {
  591. color: {color:Background};
  592. }
  593.  
  594. #wrapper #sidebar #top {
  595. background:;
  596. padding: 0 20px;
  597. border: ;
  598. -moz-border-radius: 10px;
  599. -webkit-border-radius: 10px;
  600. overflow: hidden;
  601. }
  602.  
  603.  #wrapper #sidebar #top img {
  604. max-width: 138px;
  605. -moz-border-radius: 0px;
  606. -webkit-border-radius: 0px;
  607. }  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615. #wrapper #sidebar #top #pages {
  616.                         margin-bottom: 15px;
  617.                         font-size: 12px;
  618.                     }
  619.                    
  620.                         #wrapper #sidebar #top #pages.ask_and_submit {
  621.                             display: none;
  622.                             {block:AskEnabled}display: block;{/block:AskEnabled}
  623.                             {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  624.                         }
  625.                        
  626.                        
  627.                         #wrapper #sidebar #top #pages a.page {
  628.                            
  629.     border: {color:Border} solid 1px;
  630.                             display: block;
  631.                             float: left;
  632.                             background-color: {color:footer};
  633.                             text-decoration: none;
  634.                             color: {color:Link};
  635.                             padding: 4px 5px;
  636.                             margin: 0px 5px 5px 0px;
  637.                             -webkit-border-radius: 3px;
  638.                             -moz-border-radius: 3px;
  639.                             border-radius: 3px;
  640.                         }
  641.                        
  642.                         #wrapper #sidebar #top #pages a.page:last-child {
  643.                             margin-right: 0;
  644.                         }
  645.                        
  646.                         #wrapper #sidebar #top #pages a.page:hover {
  647.                             opacity: 0.3;
  648.                             filter: alpha(opacity=90);
  649.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  650.                         }
  651.                        
  652.                        
  653.              
  654.  
  655.  
  656.  
  657. #wrapper #sidebar #top #description {
  658. font-size: 11px;
  659. position: relative;
  660. top: -18px;
  661. color: {color:Text};
  662. }
  663.  
  664. #wrapper #sidebar #top #description a {
  665. color: {color:Link};
  666. font-size: 11px;
  667. font-family: arial;
  668. text-decoration: none;
  669. font-weight: normal;
  670. }
  671.  
  672. #wrapper #sidebar #top #description a:hover {
  673. color: {color:Link Hover};
  674. }
  675.  
  676. #wrapper #sidebar #top .heading {
  677. color: #fff;
  678. font-family: helvetica, arial, sans-serif;
  679. font-size: 17px;
  680. margin-top: 20px;
  681. padding: 10px;
  682. background-color: {color:Background};
  683. -webkit-border-top-left-radius: 4px;
  684. -webkit-border-top-right-radius: 4px;
  685. -moz-border-radius-topleft: 4px;
  686. -moz-border-radius-topright: 4px;
  687. border-top-left-radius: 4px;
  688. border-top-right-radius: 4px;
  689. }
  690.  
  691. #wrapper #sidebar #top a .heading {
  692. color: #fff;
  693. text-decoration: none;
  694. }
  695.  
  696. #wrapper #sidebar #top .content {
  697. margin-top: 2px;
  698. padding: 7px 10px;
  699. background: #eaeaea;
  700. color: #666;
  701. font-size: 11px;
  702. overflow: hidden;
  703. }
  704.  
  705. #wrapper #sidebar #top a {
  706. text-decoration: none;
  707. }
  708.  
  709. #wrapper #sidebar #bottom {
  710. background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
  711. width: 250px;
  712. height: 25px;
  713. }
  714.  
  715.  
  716.  
  717.  
  718. </style>
  719.  
  720.  
  721.  
  722.  
  723. <!--[if lt IE 7.]>
  724. <style type="text/css">
  725. #wrapper #sidebar #bottom {
  726. background: transparent;
  727. }
  728.  
  729. #wrapper #sidebar #top #avatar {
  730. background: none;
  731. }
  732.  
  733. #wrapper #sidebar #top #avatar img {
  734. border: 5px solid #f1f1f1;
  735. }
  736.  
  737. #wrapper #sidebar #top .heading#followontumblr {
  738. background-image: none;
  739. text-indent: 0;
  740. }
  741.  
  742. #wrapper #sidebar #top .heading#twitter {
  743. background-image: none;
  744. }
  745.  
  746. #wrapper #sidebar #top .heading#following {
  747. background-image: none;
  748. }
  749.  
  750. #wrapper #content .post .audio .player {
  751. float: none;
  752. }
  753.  
  754. #wrapper #content .post .audio .meta {
  755. display: none;
  756. float: none;
  757. }
  758. </style>
  759. <![endif]-->
  760.  
  761. <!--[if lt IE 8.]>
  762. <style type="text/css">
  763. #wrapper #content .bottom {
  764. background: transparent;
  765. }
  766.  
  767. #wrapper #content .post .footer {
  768. background: transparent;
  769. color: #000;
  770. }
  771.  
  772. #wrapper #content .post .audio {
  773. float: none;
  774. background: transparent;
  775. }
  776.  
  777. #wrapper #content .post .notecontainer .notes {
  778. padding: 0;
  779. margin: 0;
  780. }
  781. </style>
  782. <![endif]-->
  783. <style type="text/css">{CustomCSS}</style>
  784. </head>
  785. <body>
  786.  
  787.  
  788.  
  789.  
  790.  
  791. <div id="wrapper">
  792. <div id="title">
  793. <a href="/">
  794.  
  795. </a>
  796. </div>
  797.  
  798. <div id="content">
  799.  
  800. {block:Posts}
  801. <div class="post">
  802.  
  803. {block:Photo}
  804. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:395px;" />{LinkCloseTag}</div>
  805. {block:ifShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  806. {/block:Photo}
  807.  
  808. {block:Photoset}
  809. <div class="media">{LinkOpenTag}{Photoset-400}{LinkCloseTag}</div>{block:ifShowCaptions}
  810. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  811. {/block:Photoset}
  812.  
  813. {block:Video}
  814. <div class="media">{Video-400} </div>  
  815. {block:ifShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  816. {/block:Video}
  817.  
  818. {block:Audio}
  819. {block:IfShowAlbumArtOnAudioPosts}
  820. {block:AlbumArt}
  821. <div class="album_art">
  822. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  823. </div>
  824. {/block:AlbumArt}
  825. {/block:IfShowAlbumArtOnAudioPosts}
  826.  
  827. <div class="audio">
  828. <div class="player">{AudioPlayerWhite}</div>
  829. <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  830. <div class="clear"></div>
  831. </div>
  832. <div class="clear"></div>{block:ifShowCaptions}
  833. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  834. {/block:Audio}
  835.  
  836. {block:Quote}
  837. <div class="quote {Length}">{Quote}</div>
  838. <div class="copy">
  839. <div class="quotebg">“</div>
  840. {block:Source}
  841. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  842. <tr>
  843. <td valign="top" style="width:20px;">&mdash;</td>
  844. <td valign="top" class="quote_source">
  845. {Source}
  846. </td>
  847. </tr>
  848. </table>
  849. {/block:Source}
  850. </div>
  851. {/block:Quote}
  852.  
  853. {block:Text}
  854. {block:Title}<div class="title">{Title}</div>{/block:Title}
  855. <div class="copy">{Body}</div>
  856. {/block:Text}
  857.  
  858. {block:Answer}
  859. <div class="question">
  860. <div class="nipple"></div>
  861. {Question}
  862. </div>
  863. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  864. <div class="copy">{Answer}</div>
  865. {/block:Answer}
  866.  
  867. {block:Chat}
  868. {block:Title}<div class="title">{Title}</div>{/block:Title}
  869. <div class="chat">
  870. <div class="lines">
  871. {block:Lines}
  872. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  873. {/block:Lines}
  874. </div>
  875. </div>
  876. <div class="clear"></div>
  877. <div style="height:10px;"></div>
  878. {/block:Chat}
  879.  
  880. {block:Link}
  881. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  882. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  883. {/block:Link}
  884.  
  885. {block:Date}
  886. <a href="{Permalink}">
  887. <div class="footer for_permalink">
  888. <div class="date">
  889. {block:Reblog}
  890. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  891. {/block:Reblog}
  892.  
  893. {block:NotReblog}
  894. {lang:Posted TimeAgo from source}
  895. {/block:NotReblog}
  896. </div>
  897. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  898. <div class="clear"></div>
  899. </div>
  900. </a>
  901. {/block:Date}
  902.  
  903. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  904. display:none;
  905. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  906. {block:ContentSource}display:block;{/block:ContentSource}
  907. ">
  908. {block:IfShowTags}
  909. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  910. {/block:IfShowTags}
  911.  
  912. {block:ContentSource}
  913. <a href="{SourceURL}" class="source_url">
  914. {lang:Source}:
  915. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  916. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  917. </a>
  918. {/block:ContentSource}
  919.  
  920. <div class="clear"></div>
  921. </div>
  922.  
  923. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  924.  
  925. </div>
  926. <div class="bottom"></div>
  927. {/block:Posts}
  928.  
  929. {block:Pagination}
  930. <div id="navigation" >
  931. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  932.  
  933. {block:IfEnableJumpPagination}
  934. {block:JumpPagination length="5"}
  935. {block:CurrentPage}
  936. <span class="current_page">{PageNumber}</span>
  937. {/block:CurrentPage}
  938.  
  939. {block:JumpPage}
  940. <a class="jump_page" href="{URL}">{PageNumber}</a>
  941. {/block:JumpPage}
  942.  
  943. {/block:JumpPagination}
  944. {/block:IfEnableJumpPagination}
  945.  
  946. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  947. </div>
  948. {/block:Pagination}
  949.  
  950.  
  951.  
  952.  
  953. </div>
  954.  
  955.  
  956. <div id="sidebar">
  957. <div id="top">
  958. <br>
  959.  
  960. {block:IfSidebarimg}
  961. <center><a href="/"><img src="{image:Sidebar}" /></a></img></center>
  962. <br>
  963.  
  964. {/block:IfSidebarimg}
  965.  
  966. <br>
  967. <small><small><div id="description"><center>
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974. <div style=""></div>
  975.     <p style=" font-weight: normal; font-family: arial, monospace;color:#000000">{Description}  </p>
  976.   </td>
  977.   </tr>
  978.  
  979.  
  980.  <br>
  981.  
  982.  
  983.   {block:ifshowpagebuttons}
  984.    <div style="border: 3px solid #transparent; padding: 0px 0px 0px 35px;">
  985.    
  986.  
  987.  
  988.    
  989.    <div id="pages" class="ask_and_submit">  
  990.               {block:AskEnabled}   <a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
  991.                     {block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  992.                    
  993.                     <br>
  994.                    
  995.                </div>  
  996.  
  997.                
  998.                 {block:HasPages}
  999.                     <div id="pages">
  1000.                         {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
  1001.                        
  1002.                     </div>
  1003.                 {/block:HasPages}
  1004.    
  1005.  </div>
  1006.  
  1007.  
  1008.  
  1009.   {/block:ifshowpagebuttons}
  1010.  
  1011. </div></div></div></small></small>
  1012.  
  1013.  
  1014.  
  1015. </div>
  1016.  
  1017. </div>
  1018.  
  1019. </div>
  1020.  
  1021. </div>
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. </body>
  1033. </html>
Advertisement
Add Comment
Please, Sign In to add comment