Advertisement
lennonthemes

redux edit base

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