API tools faq
paste
IAmAmelia

Redux Revamp

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