Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

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