API tools faq
paste
IAmAmelia

Redux Revamp 2

IAmAmelia
Oct 7th, 2012
6,483
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.97 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. REDUX REVAMP 2 BY CYBERSITY.TUMBLR.COM
  5. IF YOU ARE GOING TO REMOVE THE CREDIT BOX, PLEASE PUT CREDIT ELSEWHERE
  6. I DON'T MIND WHERE AS LONG AS IT'S SOMEWHERE THANK YOU
  7.  
  8. -->
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11.  
  12. {block:ifRainbowLinks}
  13. <script type='text/javascript'>
  14.  
  15. //<![CDATA[
  16.  
  17. var rate = 20;
  18.  
  19. if (document.getElementById)
  20. window.onerror=new Function("return true")
  21.  
  22. var objActive; // The object which event occured in
  23. var act = 0; // Flag during the action
  24. var elmH = 0; // Hue
  25. var elmS = 128; // Saturation
  26. var elmV = 255; // Value
  27. var clrOrg; // A color before the change
  28. var TimerID; // Timer ID
  29.  
  30. if (document.all) {
  31. document.onmouseover = doRainbowAnchor;
  32. document.onmouseout = stopRainbowAnchor;
  33. }
  34. else if (document.getElementById) {
  35. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  36. document.onmouseover = Mozilla_doRainbowAnchor;
  37. document.onmouseout = Mozilla_stopRainbowAnchor;
  38. }
  39.  
  40. function doRainbow(obj)
  41. {
  42. if (act == 0) {
  43. act = 1;
  44. if (obj)
  45. objActive = obj;
  46. else
  47. objActive = event.srcElement;
  48. clrOrg = objActive.style.color;
  49. TimerID = setInterval("ChangeColor()",100);
  50. }
  51. }
  52.  
  53. function stopRainbow()
  54. {
  55. if (act) {
  56. objActive.style.color = clrOrg;
  57. clearInterval(TimerID);
  58. act = 0;
  59. }
  60. }
  61.  
  62. function doRainbowAnchor()
  63. {
  64. if (act == 0) {
  65. var obj = event.srcElement;
  66. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  67. obj = obj.parentElement;
  68. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  69. break;
  70. }
  71.  
  72. if (obj.tagName == 'A' && obj.href != '') {
  73. objActive = obj;
  74. act = 1;
  75. clrOrg = objActive.style.color;
  76. TimerID = setInterval("ChangeColor()",100);
  77. }
  78. }
  79. }
  80.  
  81. function stopRainbowAnchor()
  82. {
  83. if (act) {
  84. if (objActive.tagName == 'A') {
  85. objActive.style.color = clrOrg;
  86. clearInterval(TimerID);
  87. act = 0;
  88. }
  89. }
  90. }
  91.  
  92. function Mozilla_doRainbowAnchor(e)
  93. {
  94. if (act == 0) {
  95. obj = e.target;
  96. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  97. obj = obj.parentNode;
  98. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  99. break;
  100. }
  101.  
  102. if (obj.nodeName == 'A' && obj.href != '') {
  103. objActive = obj;
  104. act = 1;
  105. clrOrg = obj.style.color;
  106. TimerID = setInterval("ChangeColor()",100);
  107. }
  108. }
  109. }
  110.  
  111. function Mozilla_stopRainbowAnchor(e)
  112. {
  113. if (act) {
  114. if (objActive.nodeName == 'A') {
  115. objActive.style.color = clrOrg;
  116. clearInterval(TimerID);
  117. act = 0;
  118. }
  119. }
  120. }
  121.  
  122.  
  123. function ChangeColor()
  124. {
  125. objActive.style.color = makeColor();
  126. }
  127.  
  128. function makeColor()
  129. {
  130. // Don't you think Color Gamut to look like Rainbow?
  131.  
  132. // HSVtoRGB
  133. if (elmS == 0) {
  134. elmR = elmV; elmG = elmV; elmB = elmV;
  135. }
  136. else {
  137. t1 = elmV;
  138. t2 = (255 - elmS) * elmV / 255;
  139. t3 = elmH % 60;
  140. t3 = (t1 - t2) * t3 / 60;
  141.  
  142. if (elmH < 60) {
  143. elmR = t1; elmB = t2; elmG = t2 + t3;
  144. }
  145. else if (elmH < 120) {
  146. elmG = t1; elmB = t2; elmR = t1 - t3;
  147. }
  148. else if (elmH < 180) {
  149. elmG = t1; elmR = t2; elmB = t2 + t3;
  150. }
  151. else if (elmH < 240) {
  152. elmB = t1; elmR = t2; elmG = t1 - t3;
  153. }
  154. else if (elmH < 300) {
  155. elmB = t1; elmG = t2; elmR = t2 + t3;
  156. }
  157. else if (elmH < 360) {
  158. elmR = t1; elmG = t2; elmB = t1 - t3;
  159. }
  160. else {
  161. elmR = 0; elmG = 0; elmB = 0;
  162. }
  163. }
  164.  
  165. elmR = Math.floor(elmR).toString(16);
  166. elmG = Math.floor(elmG).toString(16);
  167. elmB = Math.floor(elmB).toString(16);
  168. if (elmR.length == 1) elmR = "0" + elmR;
  169. if (elmG.length == 1) elmG = "0" + elmG;
  170. if (elmB.length == 1) elmB = "0" + elmB;
  171.  
  172. elmH = elmH + rate;
  173. if (elmH >= 360)
  174. elmH = 0;
  175.  
  176. return '#' + elmR + elmG + elmB;
  177. }
  178.  
  179. //]]>
  180.  
  181. </script>
  182. {/block:ifrainbowlinks}
  183.  
  184.  
  185.  
  186. <!-- DEFAULT VARIABLES -->
  187.  
  188. <meta name="color:Background" content="#3b627e" />
  189.  
  190.  
  191. <meta name="font:Title" content="Arial" />
  192. <meta name="font:Body" content="Arial" />
  193. <meta name="font:Accent" content="Lucida Sans" />
  194.  
  195.  
  196. <meta name="if:Show Tags" content="1" />
  197. <meta name="if:Show Album Art on Audio Posts" content="1" />
  198. <meta name="if:Maximised Background Image" content="0"/>
  199. <meta name="if:Rounded Corners" content="0">
  200. <meta name="if:Rainbow Links" content=""/>
  201. <meta name="if:Show Links" content="" />
  202. <meta name="if:Show Captions" content="" />
  203. <meta name="if:Infinite Scrolling" content="" />
  204.  
  205. <meta name="text:Disqus Shortname" content="" />
  206. <meta name="color:Sidebar" content="" />
  207. <meta name="color:Posts" content="" />
  208. <meta name="color:Links" content="" />
  209. <meta name="color:Footer" content="" />
  210. <meta name="color:Title" content="" />
  211. <meta name="color:Text" content="" />
  212.  
  213. <meta name="image:Background" content="" />
  214. <meta name="image:Header" content="" />
  215. <meta name="image:Sidebar background" content="" />
  216. <meta name="image:Post background" content= "" />
  217. <meta name="image:Permalink" content="" />
  218. <meta name="image:Footer" content="" />
  219.  
  220. <meta name="text:Link One Title" content="link" />
  221. <meta name="text:Link One" content="" />
  222. <meta name="text:Link Two Title" content="link" />
  223. <meta name="text:Link Two" content="" />
  224. <meta name="text:Link Three Title" content="link" />
  225. <meta name="text:Link Three" content="" />
  226. <meta name="text:Link Four Title" content="link" />
  227. <meta name="text:Link Four" content="" />
  228. <meta name="text:Link Five Title" content="link" />
  229. <meta name="text:Link Five" content="" />
  230. <meta name="text:Link Six Title" content="link" />
  231. <meta name="text:Link Six" content="" />
  232.  
  233.  
  234. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  235. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  236. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  237. <link rel="shortcut icon" href="{Favicon}" />
  238. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  239. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  240. <style type="text/css">
  241.  
  242.  
  243.  
  244. {block:IfMaximisedBackgroundImage}
  245. #bg img {
  246. z-index:-1;
  247. position:fixed;
  248. top:0;
  249. left:0;
  250. height:100%;
  251. width:100%;
  252. }
  253. {block:IfMaximisedBackgroundImage}
  254.  
  255.  
  256.  
  257. a:link, a:visited, a:active {
  258. text-decoration: none;
  259. transition-duration: 0.50s;
  260. -moz-transition-duration: 0.50s;
  261. -webkit-transition-duration: 0.50s;
  262. -o-transition-duration: 0.50s;
  263. }
  264.  
  265.  
  266. body {
  267. background: {color:Background} url('{image:Background}') top left fixed repeat;
  268. margin: 0;
  269. padding: 0;
  270. font-family: '{font:body}';
  271. font-size: 11px;
  272. }
  273.  
  274. #wrapper #content #navigation.jump_pagination {}
  275.  
  276. #wrapper #content #navigation.jump_pagination a {color: #fff;
  277. background-color: rgba(255,255,255, 0.1);
  278. border: 2px solid #fff;
  279. padding: 3px 8px;
  280. margin: 0 0 0 4px;
  281. {block:IfRoundedCorners}
  282. -moz-border-radius: 10px; -webkit-border-radius: 10px;
  283. {/block:IfRoundedCorners}
  284. }
  285.  
  286. #wrapper #content #navigation.jump_pagination .current_page {
  287. }
  288.  
  289. #wrapper #content #navigation.jump_pagination .jump_page {}
  290.  
  291.  
  292. .clear {
  293. clear: both;
  294. height: 0px;
  295. overflow: hidden;
  296. }
  297.  
  298. a img {
  299. border: none;
  300. }
  301.  
  302. #wrapper {
  303. width: 845px;
  304. margin: 0 auto;
  305. }
  306.  
  307. #wrapper #title {
  308. margin: 10px 10;
  309. color: {color:title};
  310. font-size: 50px;
  311. font-weight: ;
  312. font-family: '{font:title}';
  313. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  314. letter-spacing: -1px;
  315. }
  316.  
  317. #wrapper #title a {
  318. color: #fff;
  319. text-decoration: none;
  320. }
  321.  
  322. #wrapper #content {
  323. width: 540px;
  324. float: left;
  325. margin-left: 150px;
  326. }
  327.  
  328. #wrapper #content .post {
  329. font-family: {font:Body};
  330. background: {color:posts};
  331. background-image:url('{image:post background}');
  332. padding: 15px;
  333. position: relative;
  334. border: 5px outset;
  335. border-colour; #ff33CC;
  336. {block:IfRoundedCorners}
  337. -moz-border-radius: 10px; -webkit-border-radius: 10px;
  338. {/block:IfRoundedCorners}
  339. }
  340.  
  341. #wrapper #content .post .media {
  342. text-align: center;
  343. margin-bottom: 10px;
  344. }
  345.  
  346. #wrapper #content .post .quotebg {
  347. font-family: georgia, serif;
  348. font-size: 150px;
  349. color: #fff;
  350. opacity: 0.2;
  351. filter: alpha(opacity=20);
  352. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  353. position: absolute;
  354. top: 70px;
  355. left: 10px;
  356. }
  357.  
  358. #wrapper #content .post .quote {
  359. color: {color:text};
  360. font-weight: bold;
  361. padding: 20px 20px 5px 20px;
  362. }
  363.  
  364. #wrapper #content .post .quote.short {
  365. font-size: 18px;
  366. line-height: 22px;
  367. }
  368.  
  369. #wrapper #content .post .quote.medium {
  370. font-size: 18px;
  371. line-height: 22px;
  372. }
  373.  
  374. #wrapper #content .post .quote.long {
  375. font-size: 18px;
  376. line-height: 22px;
  377. }
  378.  
  379. #wrapper #content .post .quote_source *:first-child {
  380. margin-top: 0px;
  381. }
  382.  
  383. #wrapper #content .post .quote_source *:last-child {
  384. margin-bottom: 0px;
  385. }
  386.  
  387. #wrapper #content .post .quote *:first-child {
  388. margin-top: 0px;
  389. }
  390.  
  391. #wrapper #content .post .quote *:last-child {
  392. margin-bottom: 0px;
  393. }
  394.  
  395. #wrapper #content .post .copy {
  396. color: {color:text};
  397. padding: 10px;
  398. font-size: 13px;
  399. line-height: 15px;
  400. }
  401.  
  402. #wrapper #content .post .copy a {
  403. color: {Color:Links};
  404. text-decoration: none;
  405. }
  406.  
  407. #wrapper #content .post .copy p {
  408. margin: 10px 0 0 0;
  409. padding: 0;
  410. }
  411.  
  412. #wrapper #content .post .copy pre {
  413. margin: 10px 0px 10px 0px;
  414. padding: 10px;
  415. background-color: #e6e6e6;
  416. font: normal 11px Courier, monospace;
  417. overflow: auto;
  418. }
  419.  
  420. #wrapper #content .post .copy > p:first-child {
  421. margin-top: 0;
  422. }
  423.  
  424. #wrapper #content .post .copy img {
  425. max-width: 100%;
  426. }
  427.  
  428. #wrapper #content .post .question {
  429. color: #494949;
  430. font-size: 16px;
  431. font-weight: bold;
  432. background: #cbcbf1;
  433. -moz-border-radius: 8px;
  434. -webkit-border-radius: 8px;
  435. border-radius: 8px;
  436. margin: 0 0 15px 0;
  437. padding: 15px 20px;
  438. position: relative;
  439. }
  440.  
  441. #wrapper #content .post .question .nipple {
  442. width: 13px;
  443. height: 7px;
  444. background: url('http://i724.photobucket.com/albums/ww250/Miaaxxx/REDUXARROW.png');
  445. position: absolute;
  446. bottom: -7px;
  447. left: 30px;
  448. }
  449.  
  450. #wrapper #content .post .asker_container {
  451. margin: 0 0 20px 24px;
  452. }
  453.  
  454. #wrapper #content .post .asker_container img {
  455. margin: 0 12px -7px 0;
  456. }
  457.  
  458. #wrapper #content .post .asker_container a.asker {
  459. color: {color:Body};
  460. }
  461.  
  462. #wrapper #content .post .title {
  463. color: {color:title};
  464. font-size: 16px;
  465. font-weight: bold;
  466. padding: 10px 10px 0 10px;
  467. }
  468.  
  469. #wrapper #content .post .title a {
  470. color: {color:links};
  471. font-size: 16px;
  472. text-decoration: none;
  473. padding: 10px 10px 0 10px;
  474. }
  475.  
  476. #wrapper #content .post img {
  477. max-width: 500px;
  478. }
  479.  
  480. #wrapper #content .post .chat {
  481. background-color: #;
  482. border-left: 1px solid #fff;
  483. margin: 10px 10px 0 10px;
  484. font-size: 12px;
  485. }
  486.  
  487. #wrapper #content .post .chat .lines {
  488. margin-left: 1px;
  489. }
  490.  
  491. #wrapper #content .post .chat .lines .line {
  492. background-color: #fff;
  493. color: #000;
  494. margin-bottom: 1px;
  495. padding: 3px 5px;
  496. }
  497.  
  498. #wrapper #content .post .chat .lines .line.even {
  499. background-color: #fff;
  500. }
  501.  
  502. #wrapper #content .post .link {
  503. margin: 4px 0 2px 0;
  504. font-size: 16px;
  505. line-height: 25px;
  506. }
  507.  
  508. #wrapper #content .post .link a {
  509. background-color: {color:background};
  510. color: #fff;
  511. padding: 5px 7px;
  512. -moz-border-radius: 4px;
  513. -webkit-border-radius: 4px;
  514. border-radius: 4px;
  515. }
  516.  
  517. #wrapper #content .post .link a:hover {
  518. opacity: 0.9;
  519. filter: alpha(opacity=90);
  520. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  521. }
  522.  
  523.  
  524. #wrapper #content .post .footer{
  525. background-image: url('{image:footer}');
  526. background-color: {color:footer};
  527. -moz-border-radius: 4px;
  528. -webkit-border-radius: 4px;
  529. border-radius: 4px;
  530. font-family: '{font:accent}';
  531. font-size: 12px;
  532. color: #FFF;
  533. padding: 3px 10px;
  534. margin-top: 10px;
  535. }
  536.  
  537. #wrapper #content .post .footer.for_permalink:hover {
  538. opacity: 0.9;
  539. filter: alpha(opacity=90);
  540. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  541. }
  542.  
  543. #wrapper #content .post .footer .date {
  544. width: 67%;
  545. float: left;
  546. color: {Color:Links};
  547. }
  548.  
  549. #wrapper #content .post .footer .notes {
  550. width: 33%;
  551. float: right;
  552. text-align: right;
  553. color: {Color:Links};
  554. }
  555.  
  556. #wrapper #content .post .footer .notes a {
  557. color: #000;
  558. }
  559.  
  560. #wrapper #content .post .footer .tags a {
  561. color: {Color:Links};
  562. text-decoration: underline;
  563. }
  564.  
  565. #wrapper #content .post .footer .tags .tag-commas:last-child {
  566. display: none;
  567. }
  568.  
  569.  
  570.  
  571. #wrapper #content .post a {
  572. color: {color:text};
  573. text-decoration: none;
  574. }
  575.  
  576. #wrapper #content .post .copy blockquote {
  577. margin: 10px 0px 10px 10px;
  578. padding-left: 15px;
  579. border-left: solid 4px #dcdcdc;
  580. }
  581.  
  582. #wrapper #content .post .copy blockquote blockquote {
  583. border-left: solid 4px #cccccc;
  584. }
  585.  
  586. #wrapper #content .post .copy blockquote blockquote blockquote {
  587. border-left: solid 4px #bcbcbc;
  588. }
  589.  
  590. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  591. border-left: solid 4px #acacac;
  592. }
  593.  
  594. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  595. border-left: solid 4px #9c9c9c;
  596. }
  597.  
  598. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  599. border-left: solid 4px #8c8c8c;
  600. }
  601.  
  602. #wrapper #content .bottom {
  603. background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  604. width: 513px;
  605. height: 40px;
  606. margin: 0 auto;
  607. }
  608.  
  609.  
  610. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  611.  
  612. #wrapper #content #navigation {
  613. text-align: right;
  614. padding-bottom: 35px;
  615. text-transform: lowercase;
  616. }
  617.  
  618. #wrapper #content #navigation a {
  619. background-color: #fff;
  620. color: {color:Background};
  621. font-weight: normal;
  622. padding: 5px 10px;
  623. text-decoration: none;
  624. margin-left: 25px;
  625. }
  626.  
  627. #wrapper #content #navigation a:hover {
  628. opacity: 0.9;
  629. filter: alpha(opacity=90);
  630. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  631. }
  632.  
  633.  
  634. #wrapper #content
  635. .notecontainer {
  636. background: #fff;
  637. text-align: left;
  638. -moz-border-radius: 4px;
  639. -webkit-border-radius: 4px;
  640. border-radius: 4px;
  641. font-family: {font:Body};
  642. font-size: 10px;
  643. overflow: hidden;
  644. color: {color:text};
  645. margin-top: 10px;
  646. margin-bottom: -10px;
  647. }
  648.  
  649. #wrapper #content .post .notecontainer a {
  650. color: {Color:Links};
  651. text-decoration: none;
  652. }
  653.  
  654. #wrapper #content .post .notecontainer ol.notes {
  655. padding: 0px 0 10px 0;
  656. list-style-type: none;
  657. font-size: 11px;
  658. }
  659.  
  660. #wrapper #content .post .notecontainer ol.notes li.note {
  661. padding: 10px 10px 0 10px;
  662. }
  663.  
  664. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  665. vertical-align: -4px;
  666. margin-right: 10px;
  667. width: 16px;
  668. height: 16px;
  669. }
  670.  
  671. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  672. font-weight: normal;
  673. }
  674.  
  675. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  676. font-weight: normal;
  677. }
  678.  
  679. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  680. border-left: 2px solid #666;
  681. padding: 4px 10px;
  682. margin: 10px 0px 0px 25px;
  683. }
  684.  
  685. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  686. text-decoration: none;
  687. }
  688.  
  689. #wrapper #content #searchresults {
  690. color: #fff;
  691. margin: 0 0 15px 0;
  692. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  693. font-family: {font:Body};
  694. font-size: 20px;
  695. }
  696.  
  697. #wrapper #content #searchresults .search_query {
  698. font-weight: bold;
  699. }
  700.  
  701. #wrapper #content #searchresults .search_query:before {
  702. content:'“';
  703. }
  704.  
  705. #wrapper #content #searchresults .search_query:after {
  706. content:'”';
  707. }
  708.  
  709. #sidebar{
  710. position:relative !important;
  711. width: 510px;
  712. color: #000;
  713. margin-top: 4px;
  714. margin-left: 150px;
  715. padding: 10px;
  716. font-family: {font:body};
  717. border: 5px outset;
  718. border-colour; #ff33CC;
  719. background-color: {color:sidebar};
  720. background-image:url({image:sidebar background});
  721. {block:IfRoundedCorners}
  722. -moz-border-radius: 10px; -webkit-border-radius: 10px;
  723. {/block:IfRoundedCorners}
  724. }
  725.  
  726. #wrapper #sidebar h1 a {
  727. color: #000;
  728. font-weight: bold;
  729. text-decoration: none;
  730. font-size: 16px;
  731. text-align: center;
  732. }
  733.  
  734. #wrapper #sidebar a {
  735. color: {Color:Links};
  736. }
  737.  
  738.  
  739. #wrapper #sidebar #top {
  740. background: #fff;
  741. padding: 0 20px;
  742. }
  743.  
  744. #wrapper #sidebar #top #avatar {
  745. width: 146px;
  746. height: 146px;
  747. padding: 8px 0 0 9px;
  748.  
  749. position: relative;
  750. top: -24px;
  751. left: -5px;
  752. }
  753.  
  754. #wrapper #sidebar #top #pages {
  755. margin-bottom: 15px;
  756. font-size: 12px;
  757. }
  758.  
  759. #wrapper #sidebar #top #pages.ask_and_submit {
  760. display: none;
  761. {block:AskEnabled}display: block;{/block:AskEnabled}
  762. {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  763. }
  764.  
  765. #wrapper #sidebar #top #pages a.page {
  766. display: block;
  767. float: left;
  768. background-color: #eaeaea;
  769. color: #fff;
  770. padding: 4px 5px;
  771. margin: 0 5px 5px 0;
  772. }
  773.  
  774. #wrapper #sidebar #top #pages a.page:last-child {
  775. margin-right: 0;
  776. }
  777.  
  778. #wrapper #sidebar #top #pages a.page:hover {
  779. opacity: 0.9;
  780. filter: alpha(opacity=90);
  781. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  782. }
  783.  
  784. #wrapper #sidebar #top #description {
  785. font-size: 11px;
  786. position: relative;
  787. top: -18px;
  788. }
  789.  
  790. #wrapper #sidebar #top #description a {
  791. color: {color:Background};
  792. text-decoration: none;
  793. }
  794.  
  795. #wrapper #sidebar #top #search {
  796. background: #fff;
  797. border: 1px solid #eaeaea;
  798.  
  799. }
  800.  
  801. #wrapper #sidebar #top #search-scope {
  802. padding-top: 5px;
  803. font-size: 11px;
  804. text-align: center;
  805. }
  806.  
  807. #wrapper #sidebar #top #search-scope input,
  808. #wrapper #sidebar #top #search-scope label {
  809. }
  810.  
  811. #wrapper #sidebar #top #search form {
  812. margin: 0;
  813. }
  814.  
  815. #wrapper #sidebar #top #search form .query {
  816. padding: 5px;
  817. border: none;
  818. background: transparent;
  819. outline: none;
  820. width: 125px;
  821. float: left;
  822. color: #eaeaea;
  823. }
  824.  
  825. #wrapper #sidebar #top #search form .submit {
  826. background: #eaeaea;
  827. color: #fff;
  828. border: none;
  829. padding: 5px 7px;
  830. margin: 3px 3px 2px 0;
  831. float: right;
  832. }
  833.  
  834. #wrapper #sidebar #top #search form .submit:hover {
  835. opacity: 0.9;
  836. filter: alpha(opacity=90);
  837. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  838. }
  839.  
  840. #wrapper #sidebar #top .heading {
  841. color: #fff;
  842. font-family: {font:Body};
  843. font-size: 12px;
  844. margin-top: 20px;
  845. padding: 10px;
  846. background-color: #eaeaea;
  847. -webkit-border-top-left-radius: 4px;
  848. -webkit-border-top-right-radius: 4px;
  849. border-top-left-radius: 4px;
  850. border-top-right-radius: 4px;
  851. }
  852.  
  853. #wrapper #sidebar #top a .heading {
  854. color: #fff;
  855. text-decoration: none;
  856. }
  857.  
  858. #wrapper #sidebar #top .heading#followontumblr {
  859. background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_US.png') center left no-repeat #eaeaea;
  860. text-indent: -9999px;
  861. {block:German}
  862. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-de_DE.png');
  863. {/block:German}
  864.  
  865. {block:Japanese}
  866. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-ja_JP.png');
  867. {/block:Japanese}
  868.  
  869. {block:Italian}
  870. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-it_IT.png');
  871. {/block:Italian}
  872.  
  873. {block:French}
  874. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-fr_FR.png');
  875. {/block:French}
  876. }
  877.  
  878. #wrapper #sidebar #top .heading#followontumblr:hover,
  879. #wrapper #sidebar #top .heading#twitter:hover {
  880. opacity: 0.9;
  881. filter: alpha(opacity=90);
  882. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  883. }
  884.  
  885.  
  886.  
  887. #wrapper #sidebar #top .heading#twitter {
  888. background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat #eaeaea;
  889. }
  890.  
  891. #wrapper #sidebar #top .heading#following {
  892. background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat #eaeaea;
  893. }
  894.  
  895. #wrapper #sidebar #top .content {
  896. margin-top: 2px;
  897. padding: 7px 10px;
  898. background: #eaeaea;
  899. color: #b1b1b1;
  900. font-size: 11px;
  901. overflow: hidden;
  902. }
  903.  
  904. #wrapper #sidebar #top a {
  905. text-decoration: none;
  906. }
  907.  
  908. #wrapper #sidebar #top #following-avatars.content {
  909. padding: 4px;
  910. }
  911.  
  912. #wrapper #sidebar #top #following-avatars.content a img {
  913. margin: 5px;
  914. }
  915.  
  916. #wrapper #sidebar #top #buttons {
  917. padding: 20px 0 0 0;
  918. }
  919.  
  920. #wrapper #sidebar #top #buttons .button {
  921. width: 35%;
  922. height: 21px;
  923. float: left;
  924. background: left center no-repeat transparent;
  925. padding: 2px 0 0 30px;
  926. font-size: 14px;
  927. }
  928.  
  929. #wrapper #sidebar #top #buttons a {
  930. color: #eaeaea;
  931. text-decoration: none;
  932. }
  933.  
  934. #wrapper #sidebar #top #buttons div {
  935. padding-bottom: 10px;
  936. }
  937.  
  938. #wrapper #sidebar #top #buttons .button#button-rss {
  939. background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  940. text-transform: capitalize;
  941. }
  942.  
  943. #wrapper #sidebar #top #buttons .button#button-random {
  944. background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  945. }
  946.  
  947. #wrapper #sidebar #top #buttons .button#button-archive {
  948. background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  949. }
  950.  
  951. #wrapper #sidebar #top #buttons .button#button-mobile {
  952. background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  953. }
  954.  
  955. #wrapper #sidebar #bottom {
  956. width: 250px;
  957. height: 25px;
  958. }
  959.  
  960. #wrapper #sidebar #copyright {
  961. text-align: center;
  962. color: #fff;
  963. font-size: 12px;
  964. margin-bottom: 10px;
  965. }
  966.  
  967. #wrapper #sidebar #copyright a {
  968. color: #fff;
  969. margin-left: 15px;
  970. }
  971.  
  972. #by {
  973. width: 100px;
  974. padding: 2px;
  975. line-height: 15px;
  976. bottom: 2px;
  977. background: white;
  978. position: fixed;
  979. opacity: .9;
  980. right: 2px;
  981. font-size: 7px;
  982. letter-spacing: 1px;
  983. font-family: {font:body};
  984. }
  985.  
  986.  
  987.  
  988. </style>
  989. <!--[if lt IE 7.]>
  990. <style type="text/css">
  991. #wrapper #sidebar #bottom {
  992. background: transparent;
  993. }
  994.  
  995. #wrapper #sidebar #top #avatar {
  996. background: none;
  997. }
  998.  
  999. #wrapper #sidebar #top #avatar img {
  1000. border: 5px solid #f1f1f1;
  1001. }
  1002.  
  1003. #wrapper #sidebar #top .heading#followontumblr {
  1004. background-image: none;
  1005. text-indent: 0;
  1006. }
  1007.  
  1008. #wrapper #sidebar #top .heading#twitter {
  1009. background-image: none;
  1010. }
  1011.  
  1012. #wrapper #sidebar #top .heading#following {
  1013. background-image: none;
  1014. }
  1015.  
  1016. #wrapper #content .audio .player {
  1017. float: none;
  1018. }
  1019.  
  1020. #wrapper #content .post .audio .meta {
  1021. display: none;
  1022. float: none;
  1023. }
  1024. </style>
  1025. <![endif]-->
  1026.  
  1027. <!--[if lt IE 8.]>
  1028. <style type="text/css">
  1029. #wrapper #content .bottom {
  1030. background: transparent;
  1031. }
  1032.  
  1033. #wrapper #content .post .footer {
  1034. background: transparent;
  1035. color: #000;
  1036. }
  1037.  
  1038. #wrapper #content .post .audio {
  1039. float: none;
  1040. background: transparent;
  1041. }
  1042.  
  1043. #wrapper #content .post .notecontainer .notes {
  1044. padding: 0;
  1045. margin: 0;
  1046. }
  1047. </style>
  1048. <![endif]-->
  1049. <style type="text/css">
  1050. #top-link{ display:none; position:fixed; right:40px; bottom:40px;color: #fff;font-family: {font:Body};text-decoration:none;font-weight: bold;background:none;font-size:18px;}
  1051. </style>
  1052. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1053. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery-1.3.2.js"></script>
  1054. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery.scrollTo-1.4.0-min.js"></script>
  1055. <script type="text/javascript">
  1056. jQuery.fn.topLink = function(settings) {
  1057. settings = jQuery.extend({
  1058. min: 1,
  1059. fadeSpeed: 200,
  1060. ieOffset: 50
  1061. }, settings);
  1062. return this.each(function() {
  1063. //listen for scroll
  1064. var el = $(this);
  1065. el.css('display','none'); //in case the user forgot
  1066. $(window).scroll(function() {
  1067. if(!jQuery.support.hrefNormalized) {
  1068. el.css({
  1069. 'position': 'absolute',
  1070. 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  1071. });
  1072. }
  1073. if($(window).scrollTop() >= settings.min)
  1074. {
  1075. el.fadeIn(settings.fadeSpeed);
  1076. }
  1077. else
  1078. {
  1079. el.fadeOut(settings.fadeSpeed);
  1080. }
  1081. });
  1082. });
  1083. };
  1084.  
  1085. $(document).ready(function() {
  1086. $('#top-link').topLink({
  1087. min: 400,
  1088. fadeSpeed: 500
  1089. });
  1090. //smoothscroll
  1091. $('#top-link').click(function(e) {
  1092. e.preventDefault();
  1093. $.scrollTo(0,300);
  1094. });
  1095. });
  1096.  
  1097.  
  1098. </script>{/block:IfInfiniteScrolling}
  1099. </head>
  1100. <body>
  1101.  
  1102. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  1103.  
  1104.  
  1105.  
  1106. {block:IndexPage}
  1107.  
  1108. </div>
  1109. {/block:IndexPage}
  1110.  
  1111.  
  1112.  
  1113. <div id="wrapper">
  1114.  
  1115.  
  1116.  
  1117. <div id="sidebar">
  1118. <div id="title">
  1119. <a href="/">
  1120. {block:IfHeaderImage}<center><img src="{image:Header}" /></center>{/block:IfHeaderImage}
  1121.  
  1122. {block:IfNotHeaderImage}<center><FONT FACE="silkscreen"><font color="{color:title}">{title}</font></font></center>{/block:IfNotHeaderImage}</a></div>
  1123. <font size="2"><font color=black><body link="#000000" vlink="#000000" alink="#000000"><FONT FACE="ARIAL"><center>{Description}</font></font><br> {block:IfShowLinks} <a href="{text:Link One}">{text:Link One Title}</a>
  1124. {/block:ifLinkOneTitle} /
  1125. {block:ifLinkTwoTitle}
  1126. <a href="{text:Link Two}">{text:Link Two Title}</a>
  1127. {/block:ifLinkTwoTitle} /
  1128. {block:ifLinkThreeTitle}
  1129. <a href="{text:Link Three}">{text:Link Three Title}</a>
  1130. {/block:ifLinkThreeTitle} /
  1131. {block:ifLinkFourTitle}
  1132. <a href="{text:Link Four}">{text:Link Four Title}</a>
  1133. {/block:ifLinkFourTitle} /
  1134. {block:ifLinkFiveTitle}
  1135. <a href="{text:Link Five}">{text:Link Five Title}</a>
  1136. {/block:ifLinkFiveTitle} /
  1137. {block:ifLinkSixTitle}
  1138. <a href="{text:Link Six}">{text:Link Six Title}</a>
  1139. {/block:ifLinkSixTitle} </center>{/block:IfShowLinks}
  1140. </div>
  1141.  
  1142. <br><br><br>
  1143. <div id="content">
  1144.  
  1145. {block:SearchPage}
  1146. {block:SearchResults}
  1147. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  1148. {/block:SearchResults}
  1149.  
  1150. {block:NoSearchResults}
  1151. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  1152. {/block:NoSearchResults}
  1153. {/block:SearchPage}
  1154.  
  1155. <div class="autopagerize_page_element">
  1156. {block:posts}
  1157. <div class="post">
  1158.  
  1159. {block:Photo}
  1160. <div class="media">{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>{block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1161. {block:PermalinkPage}{block:Caption}<div class="copy">{block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}</div>{/block:Caption}{TimeAgo}{/block:PermalinkPage}
  1162. {/block:Photo}
  1163.  
  1164. {block:Photoset}<div class="photoset">
  1165. {Photoset-500}{block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1166. {block:PermalinkPage}{block:Caption}<div class="copy">{block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}</div>{/block:Caption}{TimeAgo}{/block:PermalinkPage}
  1167.  
  1168. </div>{/block:Photoset}
  1169.  
  1170.  
  1171. {block:Video}
  1172. <div class="media">{Video-500}</div>
  1173. {block:IfShowCaptions}{Caption}{/block:IfShowCaptions}
  1174. {block:PermalinkPage}{block:Caption}<div class="copy">{block:IfNotShowCaptions}{Caption}{/block:IfNotShowCaptions}</div>{/block:Caption}{TimeAgo}{/block:PermalinkPage}
  1175. {/block:Video}
  1176.  
  1177. {block:Audio}
  1178. {AudioPlayerBlack}
  1179. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{block:PermalinkPage}<br>{TimeAgo}{/block:PermalinkPage}
  1180. {/block:Audio}
  1181.  
  1182. {block:Quote}
  1183. <div class="quote {Length}">{Quote}</div>
  1184. <div class="copy">
  1185. <div class="quotebg">“</div>
  1186. {block:Source}
  1187. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1188. <tr>
  1189. <td valign="top" style="width:20px;">&mdash;</td>
  1190. <td valign="top" class="quote_source">
  1191. {Source}
  1192. </td>
  1193. </tr>
  1194. </table>
  1195. {/block:Source}
  1196. </div>{block:PermalinkPage}<br>{TimeAgo}{/block:PermalinkPage}
  1197. {/block:Quote}
  1198.  
  1199. {block:Text}
  1200. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1201. <div class="copy">{Body}</div>{block:PermalinkPage}<br>{TimeAgo}{/block:PermalinkPage}
  1202. {/block:Text}
  1203.  
  1204. {block:Answer}
  1205. <div class="question">
  1206. <div class="nipple"></div>
  1207. {Question}
  1208. </div>
  1209. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1210. <div class="copy">{Answer}</div>{block:PermalinkPage}<br>{TimeAgo}{/block:PermalinkPage}
  1211. {/block:Answer}
  1212.  
  1213. {block:Chat}
  1214. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1215. <div class="chat">
  1216. <div class="lines">
  1217. {block:Lines}
  1218. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1219. {/block:Lines}
  1220. </div>
  1221. </div>
  1222. <div class="clear"></div>
  1223. <div style="height:10px;"></div>{block:PermalinkPage}<Br>{TimeAgo}{/block:PermalinkPage}
  1224. {/block:Chat}
  1225.  
  1226. {block:Link}
  1227. <div class="title"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1228. {block:Description}<div class="copy">{Description}</div>{/block:Description}{block:PermalinkPage}<br>{TimeAgo}{/block:PermalinkPage}
  1229. {/block:Link}
  1230.  
  1231. {block:Date}
  1232. <a href="{Permalink}">
  1233. <div class="footer for_permalink">
  1234. <div class="date">
  1235. {block:Reblog}
  1236. {/block:Reblog}
  1237.  
  1238. {block:NotReblog}
  1239. {/block:NotReblog}
  1240. </div>
  1241. <div class="notes"><font face="arial">{NoteCount}</font> <img src="{image:permalink}"></div>
  1242. <div class="clear"></div>
  1243. </div>
  1244. </a>
  1245. {/block:Date}
  1246.  
  1247. <div class="footer" style="
  1248. display:none;
  1249. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1250. ">
  1251.  
  1252. {block:IfShowTags}
  1253. {block:HasTags}<div class="tags"><font color="000">{lang:Tagged}:</font> {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  1254. {/block:IfShowTags}
  1255.  
  1256.  
  1257.  
  1258. {block:ContentSource}
  1259. <a href="{SourceURL}" class="source_url">
  1260. {lang:Source}:
  1261. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1262. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1263. </a>
  1264. {/block:ContentSource}
  1265.  
  1266. <div class="clear"></div>
  1267. </div>
  1268.  
  1269. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1270.  
  1271. </div>
  1272. <div class="bottom"></div>
  1273. {/block:Posts}
  1274. </div>
  1275.  
  1276. {block:IfNotInfiniteScrolling}
  1277. {block:Pagination}
  1278. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1279. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1280.  
  1281. {block:IfEnableJumpPagination}
  1282. {block:JumpPagination length="5"}
  1283. {block:CurrentPage}
  1284. <span class="current_page">{PageNumber}</span>
  1285. {/block:CurrentPage}
  1286.  
  1287. {block:JumpPage}
  1288. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1289. {/block:JumpPage}
  1290.  
  1291. {/block:JumpPagination}
  1292. {/block:IfEnableJumpPagination}
  1293.  
  1294. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  1295. </div>
  1296. {/block:Pagination}
  1297. {/block:IfNotInfiniteScrolling}
  1298.  
  1299. </div>
  1300.  
  1301.  
  1302.  
  1303. {block:Twitter}
  1304. <script type="text/javascript" src="/tweets.js"></script>
  1305. {/block:Twitter}
  1306.  
  1307. {block:IfDisqusShortname}
  1308. <script type="text/javascript">
  1309. //<![CDATA[
  1310. (function() {
  1311. var links = document.getElementsByTagName('a');
  1312. var query = '?';
  1313. for(var i = 0; i < links.length; i++) {
  1314. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1315. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1316. }
  1317. }
  1318. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1319. })();
  1320. //]]>
  1321. </script>
  1322. {/block:IfDisqusShortname}
  1323. </body>
  1324.  
  1325.  
  1326. <div id="by">
  1327. <center>THEME BY <a href="http://CYBERSITY.tumblr.com">CYBERSITY</a></center></div>
  1328.  
  1329.  
  1330.  
  1331. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!