Advertisement
ikarli

Theme 23 by yr21

Feb 15th, 2014
1,335
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.17 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. 88 88 88 -- 8888888 888888
  5. 88 88 88//88\\ 88 88 // 88
  6. 88 888 88 88 88 88
  7. 8888 88 88 88
  8. 888 88 88 88
  9. 888 88 88
  10. 888 88 88
  11. 888 888888888 8888888
  12. -->
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:Background" content="#3b627e" />
  22.  
  23. <meta name="image:Sidebar" content=""/>
  24. <meta name="font:Body" content="Arial" />
  25. <meta name="font:Accent" content="Lucida Sans" />
  26. <meta name="if:Show Tags" content="1" />
  27. <meta name="if:Show Album Art on Audio Posts" content="1" />
  28. <meta name="if:Enable Jump Pagination" content="0" />
  29. <meta name="image:Background" content="" />
  30. <meta name="color:Box Links" content="#828283" />
  31. <meta name="text:Link 1" content="/" />
  32. <meta name="text:Link 1 Text" content="link 1" />
  33. <meta name="text:Link 2" content="/" />
  34. <meta name="text:Link 2 Text" content="link 2" />
  35. <meta name="text:Link 3" content="/" />
  36. <meta name="text:Link 3 Text" content="link 3" />
  37. <meta name="text:Link 4" content="/" />
  38. <meta name="text:Link 4 Text" content="link 4" />
  39. <meta name="text:Drop Down Title" content="title" />
  40. <meta name="text:Drop Down Link 1" content="" />
  41. <meta name="text:Drop Down Link 1 url" content="" />
  42. <meta name="text:Drop Down Link 2" content="" />
  43. <meta name="text:Drop Down Link 2 url" content="" />
  44. <meta name="text:Drop Down Link 3" content="" />
  45. <meta name="text:Drop Down Link 3 url" content="" />
  46. <meta name="text:Drop Down Link 4" content="" />
  47. <meta name="text:Drop Down Link 4 url" content="" />
  48. <meta name="text:Drop Down Link 5" content="" />
  49. <meta name="text:Drop Down Link 5 url" content="" />
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  54.  
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72.  
  73.  
  74. ::-webkit-scrollbar-thumb{background-color: #828283;border: 2px solid #fff;height:auto;}
  75. ::-webkit-scrollbar {height:9px;width:9px;background-color: #828283 ;border: 4px solid #fff;}
  76. ::selection {background: #838382;color: transparent;}
  77. ::-moz-selection {background: #838382;color: transparent;}
  78.  
  79. body {
  80. background-image:url('{image:Background}');
  81. background-repeat: no repeat;
  82. background-position: bottom right;
  83. background-attachment: fixed;
  84. coverbackground-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  85. margin: 0;
  86. padding: 0;
  87. font-family: {font:Body};
  88. }
  89.  
  90. .clear {
  91. clear: both;
  92. height: 0px;
  93. overflow: hidden;
  94. }
  95.  
  96. a img {
  97. border: none;
  98. }
  99.  
  100. #wrapper {
  101. width: 845px;
  102. margin: 0 auto;
  103. }
  104.  
  105.  
  106.  
  107. #wrapper #content {
  108. margin-top: 100px;
  109. margin-lefT:270px;
  110. width: 420px;
  111. float:left;
  112.  
  113. }
  114.  
  115.  
  116.  
  117. #wrapper #content .post {
  118. font-family: {font:Body};
  119. background: #fff;
  120. padding: 10px;
  121. opacity:1;
  122. box-shadow:rgba(0,0,0,.07)5px 5px;
  123. position: relative;
  124. }
  125.  
  126. #wrapper #content .post .media {
  127. text-align: center;
  128. margin-bottom: 10px;
  129. }
  130.  
  131. #wrapper #content .post .quotebg {
  132. font-family: georgia, serif;
  133. font-size: 150px;
  134. color: #000;
  135. opacity: 0.2;
  136. filter: alpha(opacity=20);
  137. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  138. position: absolute;
  139. top: 70px;
  140. left: 10px;
  141. }
  142.  
  143. #wrapper #content .post .quote {
  144. color: {color:Background};
  145. font-weight: bold;
  146. padding: 20px 20px 5px 20px;
  147. }
  148.  
  149. #wrapper #content .post .quote.short {
  150. font-size: 33px;
  151. line-height: 35px;
  152. }
  153.  
  154. #wrapper #content .post .quote.medium {
  155. font-size: 25px;
  156. line-height: 28px;
  157. }
  158.  
  159. #wrapper #content .post .quote.long {
  160. font-size: 18px;
  161. line-height: 22px;
  162. }
  163.  
  164. #wrapper #content .post .quote_source *:first-child {
  165. margin-top: 0px;
  166. }
  167.  
  168. #wrapper #content .post .quote_source *:last-child {
  169. margin-bottom: 0px;
  170. }
  171.  
  172. #wrapper #content .post .quote *:first-child {
  173. margin-top: 0px;
  174. }
  175.  
  176. #wrapper #content .post .quote *:last-child {
  177. margin-bottom: 0px;
  178. }
  179.  
  180. #wrapper #content .post .copy {
  181. color: #6e7173;
  182. padding: 10px;
  183. font-size: 13px;
  184. line-height: 15px;
  185. }
  186.  
  187. #wrapper #content .post .copy a {
  188. color: #6e7173;
  189. text-decoration: underline;
  190. }
  191.  
  192. #wrapper #content .post .copy p {
  193. margin: 10px 0 0 0;
  194. padding: 0;
  195. }
  196.  
  197. #wrapper #content .post .copy pre {
  198. margin: 10px 0px 10px 0px;
  199. padding: 10px;
  200. background-color: #e6e6e6;
  201. font: normal 11px Courier, monospace;
  202. overflow: auto;
  203. }
  204.  
  205. #wrapper #content .post .copy > p:first-child {
  206. margin-top: 0;
  207. }
  208.  
  209. #wrapper #content .post .copy img {
  210. max-width: 100%;
  211. }
  212.  
  213. #wrapper #content .post .audio {
  214. background: #eaeaea;
  215. float: left;
  216. padding: 7px;
  217. margin-bottom: 10px;
  218. -moz-border-radius: 4px;
  219. -webkit-border-radius: 4px;
  220. border-radius: 4px;
  221. }
  222.  
  223. #wrapper #content .post .audio .player {
  224. float: left;
  225. }
  226.  
  227. #wrapper #content .post .audio .player .audio_player embed {
  228. border: 1px solid #c8c8c8;
  229.  
  230. }
  231.  
  232. #wrapper #content .post .audio .meta {
  233. padding: 8px 13px;
  234. height: 13px;
  235. float: left;
  236. color: #666;
  237. font-family: {font:Accent};
  238. font-size: 11px;
  239. text-transform: lowercase;
  240. }
  241.  
  242. #wrapper #content .post .audio .meta a {
  243. color: #666;
  244. text-decoration: none;
  245.  
  246. }
  247.  
  248. #wrapper #content .post .album_art {
  249. text-align: center;
  250. }
  251.  
  252. #wrapper #content .post .question {
  253. color: #494949;
  254. font-size: 16px;
  255. font-weight: bold;
  256. background: #f1f1f1;
  257. -moz-border-radius: 8px;
  258. -webkit-border-radius: 8px;
  259. border-radius: 8px;
  260. margin: 0 0 15px 0;
  261. padding: 15px 20px;
  262. position: relative;
  263.  
  264. }
  265.  
  266. #wrapper #content .post .question .nipple {
  267. width: 13px;
  268. height: 7px;
  269. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  270. position: absolute;
  271. bottom: -7px;
  272. left: 30px;
  273. }
  274.  
  275. #wrapper #content .post .asker_container {
  276. margin: 0 0 20px 24px;
  277. }
  278.  
  279. #wrapper #content .post .asker_container img {
  280. margin: 0 12px -7px 0;
  281. }
  282.  
  283. #wrapper #content .post .asker_container a.asker {
  284. color: {color:Body};
  285. }
  286.  
  287. #wrapper #content .post .title {
  288. color: #494949;
  289. font-size: 16px;
  290. font-weight: bold;
  291. padding: 10px 10px 0 10px;
  292. }
  293.  
  294. #wrapper #content .post img {
  295. max-width: 400px;
  296. }
  297.  
  298. #wrapper #content .post .chat {
  299. background-color: #fff;
  300. border-left: 5px solid #dedddd;
  301. margin: 10px 10px 0 10px;
  302. font-size: 14px;
  303. }
  304.  
  305. #wrapper #content .post .chat .lines {
  306. margin-left: 1px;
  307. }
  308.  
  309. #wrapper #content .post .chat .lines .line {
  310. background-color: #eaeaea;
  311. color: #494949;
  312. margin-bottom: 1px;
  313. padding: 3px 5px;
  314. }
  315.  
  316. #wrapper #content .post .chat .lines .line.even {
  317. background-color: #dedddd;
  318. }
  319.  
  320. #wrapper #content .post .link {
  321. margin: 4px 0 2px 0;
  322. font-size: 16px;
  323. line-height: 25px;
  324. }
  325.  
  326. #wrapper #content .post .link a {
  327. background-color: #fff;
  328. color: #000;
  329. text-decoration:none;
  330. padding: 5px 7px;
  331. -moz-border-radius: 4px;
  332. -webkit-border-radius: 4px;
  333. border-radius: 4px;
  334. }
  335.  
  336. #wrapper #content .post .link a:hover {
  337. opacity: 0.9;
  338. filter: alpha(opacity=90);
  339. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  340. }
  341.  
  342. #wrapper #content .post .footer {
  343. background: #fff;
  344. -moz-border-radius: 4px;
  345. -webkit-border-radius: 4px;
  346. border-radius: 1px;
  347. font-family: {font:Accent};
  348. font-size: 9px;
  349. color: #666;
  350. border:1px solid #eaeaea;
  351. padding: 3px 7px;
  352. margin-top: 2px;
  353. }
  354.  
  355.  
  356.  
  357. #wrapper #content .post .footer.for_permalink:hover {
  358. opacity: 0.9;
  359. filter: alpha(opacity=90);
  360. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  361. }
  362.  
  363. #wrapper #content .post .footer .date {
  364. width: 67%;
  365. float: left;
  366. color: #666;
  367. }
  368.  
  369. #wrapper #content .post .footer .notes {
  370. width: 33%;
  371. float: right;
  372. text-align: right;
  373. color: #666;
  374. }
  375.  
  376. #wrapper #content .post .footer .notes a {
  377. color: #666;
  378. }
  379.  
  380. #wrapper #content .post .footer .tags a {
  381. color: #4a4a51;
  382. }
  383.  
  384. #wrapper #content .post .footer .tags .tag-commas:last-child {
  385. display: none;
  386. }
  387.  
  388. #wrapper #content .post .footer.with_source_url .tags {
  389. max-width: 330px;
  390. float: left;
  391. }
  392.  
  393. #wrapper #content .post .footer.with_source_url .source_url {
  394. float: right;
  395. max-width: 160px;
  396. overflow: hidden;
  397. white-space: nowrap;
  398.  
  399. }
  400.  
  401. #wrapper #content .post .footer.with_source_url .source_url img {
  402. vertical-align: top;
  403. -moz-opacity: 0.5;
  404. opacity: 0.5;
  405. }
  406.  
  407. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  408. -moz-opacity: 0.7;
  409. opacity: 0.7;
  410. }
  411.  
  412. #wrapper #content .post a {
  413. color: #6e7173;
  414. text-decoration: none;
  415. }
  416.  
  417. #wrapper #content .post .copy blockquote {
  418. margin: 10px 0px 10px 10px;
  419. padding-left: 15px;
  420. border-left: solid 4px #dcdcdc;
  421. }
  422.  
  423. #wrapper #content .post .copy blockquote blockquote {
  424. border-left: solid 4px #cccccc;
  425. }
  426.  
  427. #wrapper #content .post .copy blockquote blockquote blockquote {
  428. border-left: solid 4px #bcbcbc;
  429. }
  430.  
  431. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  432. border-left: solid 4px #acacac;
  433. }
  434.  
  435. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  436. border-left: solid 4px #9c9c9c;
  437. }
  438.  
  439. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  440. border-left: solid 4px #8c8c8c;
  441. }
  442.  
  443. #wrapper #content .bottom {
  444. width: 413px;
  445. height: 40px;
  446. margin: 0 auto;
  447. }
  448.  
  449. #wrapper #content #navigation {
  450. text-align: right;
  451. padding-bottom: 35px;
  452. text-transform: lowercase;
  453. }
  454.  
  455. #wrapper #content #navigation a {
  456. background-color: #fff;
  457. color: #000;
  458. padding: 5px 10px;
  459. text-decoration: none;
  460. margin-left: 25px;
  461. }
  462.  
  463. #wrapper #content #navigation a:hover {
  464. opacity: 0.9;
  465. filter: alpha(opacity=90);
  466. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  467. }
  468.  
  469. #wrapper #content #navigation.jump_pagination {}
  470.  
  471. #wrapper #content #navigation.jump_pagination a {
  472. margin: 0 0 0 4px;
  473. }
  474.  
  475. #wrapper #content #navigation.jump_pagination .current_page {
  476. color: #fff;
  477. background-color: rgba(255,255,255, 0.1);
  478. border: 2px solid #fff;
  479. padding: 3px 8px;
  480. margin: 0 0 0 4px;
  481. cursor: default;
  482. }
  483.  
  484. #wrapper #content #navigation.jump_pagination .jump_page {}
  485.  
  486. #wrapper #content .post .notecontainer {
  487. background: #eaeaea;
  488. -moz-border-radius: 4px;
  489. -webkit-border-radius: 4px;
  490. border-radius: 4px;
  491. font-family: {font:Accent};
  492. font-size: 11px;
  493. color: #666;
  494. margin-top: 10px;
  495. margin-bottom: -10px;
  496. }
  497.  
  498. #wrapper #content .post .notecontainer a {
  499. color: #666;
  500. text-decoration: underline;
  501. }
  502.  
  503. #wrapper #content .post .notecontainer ol.notes {
  504. padding: 0px 0 10px 0;
  505. list-style-type: none;
  506. font-size: 11px;
  507. }
  508.  
  509. #wrapper #content .post .notecontainer ol.notes li.note {
  510. padding: 10px 10px 0 10px;
  511. }
  512.  
  513. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  514. vertical-align: -4px;
  515. margin-right: 10px;
  516. width: 16px;
  517. height: 16px;
  518. }
  519.  
  520. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  521. font-weight: normal;
  522. }
  523.  
  524. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  525. font-weight: normal;
  526. }
  527.  
  528. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  529. border-left: 2px solid #666;
  530. padding: 4px 10px;
  531. margin: 10px 0px 0px 25px;
  532. }
  533.  
  534. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  535. text-decoration: none;
  536. }
  537.  
  538.  
  539.  
  540. #sidebar {
  541. position:fixed;
  542. height:284px;
  543. width:160px;
  544. box-shadow:rgba(0,0,0,.07)5px 5px;
  545. margin-left:-10px;
  546. margin-top:200px;
  547. background:white;
  548. }
  549.  
  550. #sidebarimage {
  551. width 130px;
  552. }
  553.  
  554. #sidebarimage img {
  555. width:130px;
  556. height:160px;
  557. margin-top:14px;
  558. padding:3px;
  559. margin-left:13px;
  560. }
  561.  
  562. #s-m-t-tooltip {
  563. max-width:150px;
  564. padding:5px 10px 5px 10px;
  565. margin:20px 14px 7px 10px;
  566. border:1px solid #eee; /* change the border color */
  567. background-color:#eee; /* change the background color */
  568. font-family:arial bold; /* change the font */
  569. font-style: normal;
  570. font-size:9px; /* change the font size */
  571. line-height:11px;
  572. letter-spacing:1px; /* change the letter spacing */
  573. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  574. color:#000; /* change the text color */
  575. z-index:999;
  576. }
  577.  
  578. #links{
  579. margin-top:8px;
  580. margin-left:83px;
  581. padding-bottom:0px;
  582. font-size:9px;
  583.  
  584. }
  585.  
  586. #links a{
  587. color:#202121;
  588. display:inline-block;
  589. width:5px;
  590. height:5px;
  591. text-decoration:none;
  592. background-color:{color:Box Links};
  593. border:2px solid {color:Box Links};
  594. -moz-transition-duration:0.3s;
  595. -webkit-transition-duration:0.3s;
  596. -o-transition-duration:0.3s;
  597. }
  598.  
  599. #links a:hover{
  600. color:;
  601. text-decoration:none;
  602. border:2px solid {color:Box Links};
  603. background-color:#ffffff;
  604. -moz-transition-duration:0.3s;
  605. -webkit-transition-duration:0.3s;
  606. -o-transition-duration:0.3s;
  607. }
  608.  
  609.  
  610.  
  611. #description {
  612. text-align:center;
  613. font-family:'Arial'bold;
  614. width:130px;
  615. height:100px;
  616. margin-top:8px;
  617. margin-left:15px;
  618. font-size:12px;
  619. position:fixed;
  620. line-height:15px;
  621. text-transform:none;
  622. color:#000;
  623. }
  624.  
  625. #description a {
  626. text-decoration:none;
  627. color:#000;
  628. }
  629.  
  630.  
  631. #cred {
  632. position:fixed;
  633. font-family:arial;
  634. text-transform:justify;
  635. font-size:10px;
  636. right:9px;
  637. bottom:9px;
  638. padding:4px;
  639. letter-spacing:1px;
  640. }
  641.  
  642. #cred a{
  643. color:#000;
  644. text-decoration:none;
  645. }
  646.  
  647.  
  648.  
  649.  
  650. </style>
  651. <!--[if lt IE 7.]>
  652. <style type="text/css">
  653. #wrapper #sidebar #bottom {
  654. background: transparent;
  655. }
  656.  
  657. #wrapper #sidebar #top #avatar {
  658. background: none;
  659. }
  660.  
  661. #wrapper #sidebar #top #avatar img {
  662. border: 5px solid #f1f1f1;
  663. }
  664.  
  665. #wrapper #sidebar #top .heading#followontumblr {
  666. background-image: none;
  667. text-indent: 0;
  668. }
  669.  
  670. #wrapper #sidebar #top .heading#twitter {
  671. background-image: none;
  672. }
  673.  
  674. #wrapper #sidebar #top .heading#following {
  675. background-image: none;
  676. }
  677.  
  678. #wrapper #content .post .audio .player {
  679. float: none;
  680. }
  681.  
  682. #wrapper #content .post .audio .meta {
  683. display: none;
  684. float: none;
  685. }
  686. </style>
  687. <![endif]-->
  688.  
  689. <!--[if lt IE 8.]>
  690. <style type="text/css">
  691. #wrapper #content .bottom {
  692. background: transparent;
  693. }
  694.  
  695. #wrapper #content .post .footer {
  696. background: transparent;
  697. color: #000;
  698. }
  699.  
  700. #wrapper #content .post .audio {
  701. float: none;
  702. background: transparent;
  703. }
  704.  
  705. #wrapper #content .post .notecontainer .notes {
  706. padding: 0;
  707. margin: 0;
  708. }
  709. </style>
  710. <![endif]-->
  711. <style type="text/css">{CustomCSS}</style>
  712.  
  713.  
  714.  
  715. </head>
  716.  
  717.  
  718. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  719.  
  720. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  721.  
  722. <script>
  723.  
  724. (function($){
  725.  
  726. $(document).ready(function(){
  727.  
  728. $("a[title]").style_my_tooltips({
  729.  
  730. tip_follows_cursor:true,
  731.  
  732. tip_delay_time:0,
  733.  
  734. tip_fade_speed:0,
  735.  
  736. attribute:"title"
  737.  
  738. });
  739.  
  740. });
  741.  
  742. })(jQuery);
  743.  
  744. </script>
  745.  
  746.  
  747.  
  748.  
  749. <body>
  750.  
  751.  
  752.  
  753.  
  754. <!-- rainbow links -->
  755. <script type='text/javascript'>
  756. //<![CDATA[
  757. var rate = 50;
  758. if (document.getElementById)
  759. window.onerror=new Function("return true")
  760.  
  761. var objActive; // The object which event occured in
  762. var act = 0; // Flag during the action
  763. var elmH = 0; // Hue
  764. var elmS = 128; // Saturation
  765. var elmV = 255; // Value
  766. var clrOrg; // A color before the change
  767. var TimerID; // Timer ID
  768. if (document.all) {
  769. document.onmouseover = doRainbowAnchor;
  770. document.onmouseout = stopRainbowAnchor;
  771. }
  772. else if (document.getElementById) {
  773. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  774. document.onmouseover = Mozilla_doRainbowAnchor;
  775. document.onmouseout = Mozilla_stopRainbowAnchor;
  776. }
  777. function doRainbow(obj)
  778. {
  779. if (act == 0) {
  780. act = 1;
  781. if (obj)
  782. objActive = obj;
  783. else
  784. objActive = event.srcElement;
  785. clrOrg = objActive.style.color;
  786. TimerID = setInterval("ChangeColor()",100);
  787. }
  788. }
  789. function stopRainbow()
  790. {
  791. if (act) {
  792. objActive.style.color = clrOrg;
  793. clearInterval(TimerID);
  794. act = 0;
  795. }
  796. }
  797. function doRainbowAnchor()
  798. {
  799. if (act == 0) {
  800. var obj = event.srcElement;
  801. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  802. obj = obj.parentElement;
  803. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  804. break;
  805. }
  806. if (obj.tagName == 'A' && obj.href != '') {
  807. objActive = obj;
  808. act = 1;
  809. clrOrg = objActive.style.color;
  810. TimerID = setInterval("ChangeColor()",100);
  811. }
  812. }
  813. }
  814. function stopRainbowAnchor()
  815. {
  816. if (act) {
  817. if (objActive.tagName == 'A') {
  818. objActive.style.color = clrOrg;
  819. clearInterval(TimerID);
  820. act = 0;
  821. }
  822. }
  823. }
  824. function Mozilla_doRainbowAnchor(e)
  825. {
  826. if (act == 0) {
  827. obj = e.target;
  828. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  829. obj = obj.parentNode;
  830. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  831. break;
  832. }
  833. if (obj.nodeName == 'A' && obj.href != '') {
  834. objActive = obj;
  835. act = 1;
  836. clrOrg = obj.style.color;
  837. TimerID = setInterval("ChangeColor()",100);
  838. }
  839. }
  840. }
  841. function Mozilla_stopRainbowAnchor(e)
  842. {
  843. if (act) {
  844. if (objActive.nodeName == 'A') {
  845. objActive.style.color = clrOrg;
  846. clearInterval(TimerID);
  847. act = 0;
  848. }
  849. }
  850. }
  851. function ChangeColor()
  852. {
  853. objActive.style.color = makeColor();
  854. }
  855. function makeColor()
  856. {
  857. // Don't you think Color Gamut to look like Rainbow?
  858. // HSVtoRGB
  859. if (elmS == 0) {
  860. elmR = elmV; elmG = elmV; elmB = elmV;
  861. }
  862. else {
  863. t1 = elmV;
  864. t2 = (255 - elmS) * elmV / 255;
  865. t3 = elmH % 60;
  866. t3 = (t1 - t2) * t3 / 60;
  867. if (elmH < 60) {
  868. elmR = t1; elmB = t2; elmG = t2 + t3;
  869. }
  870. else if (elmH < 120) {
  871. elmG = t1; elmB = t2; elmR = t1 - t3;
  872. }
  873. else if (elmH < 180) {
  874. elmG = t1; elmR = t2; elmB = t2 + t3;
  875. }
  876. else if (elmH < 240) {
  877. elmB = t1; elmR = t2; elmG = t1 - t3;
  878. }
  879. else if (elmH < 300) {
  880. elmB = t1; elmG = t2; elmR = t2 + t3;
  881. }
  882. else if (elmH < 360) {
  883. elmR = t1; elmG = t2; elmB = t1 - t3;
  884. }
  885. else {
  886. elmR = 0; elmG = 0; elmB = 0;
  887. }
  888. }
  889. elmR = Math.floor(elmR).toString(16);
  890. elmG = Math.floor(elmG).toString(16);
  891. elmB = Math.floor(elmB).toString(16);
  892. if (elmR.length == 1) elmR = "0" + elmR;
  893. if (elmG.length == 1) elmG = "0" + elmG;
  894. if (elmB.length == 1) elmB = "0" + elmB
  895. elmH = elmH + rate;
  896. if (elmH >= 360)
  897. elmH = 0;
  898. return '#' + elmR + elmG + elmB;
  899. }
  900. //]]>
  901. </script>
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912. <div id="wrapper">
  913.  
  914.  
  915. <div id="content">
  916.  
  917. {block:SearchPage}
  918. {block:SearchResults}
  919. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  920. {/block:SearchResults}
  921.  
  922. {block:NoSearchResults}
  923. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  924. {/block:NoSearchResults}
  925. {/block:SearchPage}
  926.  
  927. {block:Posts}
  928. <div class="post">
  929.  
  930. {block:Photo}
  931. <div class="media"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a></div>
  932. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  933. {/block:Photo}
  934.  
  935. {block:Video}
  936. <div class="media">{Video-400}</div>
  937. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  938. {/block:Video}
  939.  
  940.  
  941.  
  942.  
  943. {block:Audio}
  944.  
  945. {block:AudioEmbed}
  946. {AudioEmbed}
  947. {/block:AudioEmbed}
  948.  
  949. {block:AudioPlayer}
  950. {block:IfShowAlbumArtOnAudioPosts}
  951. {block:AlbumArt}
  952. <div class="album_art">
  953. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  954. </div>
  955. {/block:AlbumArt}
  956. {/block:IfShowAlbumArtOnAudioPosts}
  957.  
  958. <div class="audio">
  959. <div class="player">{AudioPlayerWhite}</div>
  960. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  961. <div class="clear"></div>
  962. </div>
  963. {/block:AudioPlayer}
  964.  
  965. <div class="clear"></div>
  966.  
  967. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  968.  
  969. {/block:Audio}
  970.  
  971.  
  972.  
  973.  
  974.  
  975. {block:Quote}
  976. <div class="quote {Length}">{Quote}</div>
  977. <div class="copy">
  978. <div class="quotebg">“</div>
  979. {block:Source}
  980. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  981. <tr>
  982. <td valign="top" style="width:20px;">&mdash;</td>
  983. <td valign="top" class="quote_source">
  984. {Source}
  985. </td>
  986. </tr>
  987. </table>
  988. {/block:Source}
  989. </div>
  990. {/block:Quote}
  991.  
  992. {block:Text}
  993. {block:Title}<div class="title">{Title}</div>{/block:Title}
  994. <div class="copy">{Body}</div>
  995. {/block:Text}
  996.  
  997. {block:Answer}
  998. <div class="question">
  999. <div class="nipple"></div>
  1000. {Question}
  1001. </div>
  1002. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1003. <div class="copy">{Answer}</div>
  1004. {/block:Answer}
  1005.  
  1006. {block:Chat}
  1007. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1008. <div class="chat">
  1009. <div class="lines">
  1010. {block:Lines}
  1011. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1012. {/block:Lines}
  1013. </div>
  1014. </div>
  1015. <div class="clear"></div>
  1016. <div style="height:10px;"></div>
  1017. {/block:Chat}
  1018.  
  1019. {block:Link}
  1020. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1021. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1022. {/block:Link}
  1023.  
  1024. {block:Date}
  1025. <a href="{Permalink}">
  1026. <div class="footer for_permalink">
  1027. <div class="date">
  1028. {block:ContentSource}
  1029. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1030. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1031. {/block:SourceLogo}
  1032. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1033. {/block:ContentSource} {block:Reblog}
  1034. <a href="{ReblogParentURL}"> {lang:Reblogged TimeAgo from ReblogParentName}</a> {block:RebloggedFromReblog}<span style="text-transform:lowercase;"></span>{/block:RebloggedFromReblog}
  1035. {/block:Reblog}
  1036.  
  1037. {block:NotReblog}
  1038. {lang:Posted TimeAgo from source}
  1039. {/block:NotReblog}
  1040. </div>
  1041. <div class="notes"><a href="{Permalink}"> {block:NoteCount}{NoteCount}{/block:NoteCount}♡</a> {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  1042. <div class="clear"></div>
  1043. </div>
  1044. </a>
  1045. {/block:Date}
  1046.  
  1047. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  1048. display:none;
  1049. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1050.  
  1051. ">
  1052. {block:IfShowTags}
  1053. {block:HasTags}<div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a> </span>{/block:Tags}</div>{/block:HasTags}
  1054. {/block:IfShowTags}
  1055.  
  1056.  
  1057. </a>
  1058.  
  1059. {block:ContentSource}
  1060. <a href="{SourceURL}" class="source_url">
  1061. ©<!--{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1062. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo} -->
  1063. </a>{/block:ContentSource}
  1064. <div class="clear"></div>
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. <div class="clear"></div>
  1071. </div>
  1072.  
  1073. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1074.  
  1075.  
  1076. </div>
  1077. <div class="bottom"></div>
  1078. {/block:Posts}
  1079.  
  1080. {block:Pagination}
  1081. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1082. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1083.  
  1084. {block:IfEnableJumpPagination}
  1085. {block:JumpPagination length="5"}
  1086. {block:CurrentPage}
  1087. <span class="current_page">{PageNumber}</span>
  1088. {/block:CurrentPage}
  1089.  
  1090. {block:JumpPage}
  1091. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1092. {/block:JumpPage}
  1093.  
  1094. {/block:JumpPagination}
  1095. {/block:IfEnableJumpPagination}
  1096.  
  1097. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  1098. </div>
  1099. {/block:Pagination}
  1100.  
  1101. </div>
  1102.  
  1103. <div id="sidebar">
  1104.  
  1105. <div id="sidebarimage">
  1106. <img src="{image:Sidebar}">
  1107.  
  1108.  
  1109. <div id="links">
  1110.  
  1111. <a href="{text:Link 1}"title="{text:Link 1 Text}"></a> &nbsp;
  1112.  
  1113. <a href="{text:Link 2}"title="{text:Link 2 Text}"></a> &nbsp;
  1114.  
  1115. <a href="{text:Link 3}"title="{text:Link 3 Text}"></a> &nbsp;
  1116.  
  1117. <a href="{text:Link 4}"title="{text:Link 4 Text}"></a> &nbsp;
  1118.  
  1119.  
  1120. </div>
  1121.  
  1122.  
  1123. <div id="description">{Description}
  1124. <br>
  1125.  
  1126. <select onchange='location=this.options[this.selectedIndex].value;' style='width:100px;margin-left:0px;margin-top:11px;margin-bottom:20px;text-align:center;'>
  1127.  
  1128. <option>{text:Drop Down Title}</option>
  1129.  
  1130.  
  1131. <option value="{text:Drop Down Link 1 url}">{text:Drop Down Link 1}</option>
  1132.  
  1133. <option value="{text:Drop Down Link 2 url}">{text:Drop Down Link 2}</option>
  1134.  
  1135. <option value="{text:Drop Down Link 3 url}">{text:Drop Down Link 3}</option>
  1136.  
  1137. <option value="{text:Drop Down Link 4 url}">{text:Drop Down Link 4}</option>
  1138.  
  1139. <option value="{text:Drop Down Link 5 url}">{text:Drop Down Link 5}</option>
  1140.  
  1141. </select>
  1142. </div>
  1143. </div></div>
  1144.  
  1145.  
  1146.  
  1147. <div class="clear"></div>
  1148.  
  1149.  
  1150.  
  1151.  
  1152. </div>
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159.  
  1160. <div class="clear"></div>
  1161. </div>
  1162.  
  1163.  
  1164. <div id="cred">
  1165. <a href="http://yr21.tumblr.com">♛</a>
  1166. </div>
  1167. </div>
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175. </body>
  1176. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement