API tools faq
paste
Advertisement
Gived

Redux edit (2)

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