southkiralina

Old Theme Seven

Jun 13th, 2012
760
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.80 KB | None | 0 0
  1. <!--
  2. theme by -injection. please don't remove credit. if you do put in your faq.-->
  3. <html lang="en">
  4. <head>
  5.  
  6. {Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling}
  7.  
  8.  
  9.  
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11. <meta name="color:background" content="#000000"/>
  12. <meta name="color:sidebar background" content="#ffffff" />
  13. <meta name="color:posts background" content="#ffffff" />
  14. <meta name="color:text" content="#000000"/>
  15. <meta name="color:title" content="#000000"/>
  16. <meta name="color:links" content="#000000"/>
  17. <meta name="color:link hover" content="#686868"/>
  18. <meta name="color:Box" content="#ffffff"/>
  19. <meta name="image:Sidebar" content=""/>
  20. <meta name="image:Background" content=""/>
  21. <meta name="if:Show Sidebar Image" content=""/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="if:Infinite Scrolling" content=""/>
  24. <meta name="if:Rainbow Links" content=""/>
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <style type="text/css">
  31. #tumblr_controls{
  32. position:fixed!important;
  33. }
  34.  
  35.  
  36.  
  37.  
  38. body {
  39. margin:0px;
  40. background-color: {color:Background};
  41. background-image:url({image:Background});
  42. background-attachment: fixed;
  43. background-repeat: repeat;
  44.  
  45. }
  46.  
  47. body, div, p, textarea, submit, input{
  48. font-family: arial;
  49. font-size: 11px;
  50. line-height:{text:text line height};
  51. color:{color:Text};
  52. }
  53.  
  54. p {
  55. margin:0px;
  56. margin-top:0px;
  57. }
  58.  
  59. a:link, a:active, a:visited{
  60. color: {color:links};
  61. text-decoration: none;
  62. }
  63.  
  64. a:hover {
  65. {block:ifnotrainbowlinks}
  66. color:{color:link hover};
  67. {/block:ifnotrainbowlinks}
  68. text-decoration: none;
  69. letter-spacing: 1px;
  70. -webkit-transition: color 0.5s ease-out;
  71. -moz-transition: color 0.5s ease-out;
  72. }
  73.  
  74. div#cage{
  75. margin:auto;
  76. position:relative;
  77. width:1200px;
  78. overflow:auto;
  79. overflow-y:hidden;
  80. }
  81.  
  82.  
  83. div#content{
  84. margin-top: 6px;
  85. margin-left:230px;
  86. width:auto;
  87. height:auto;
  88. margin-bottom:7px;
  89. }
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98. #entry{
  99. float: left;
  100. {block:IndexPage}
  101. width: 350px;
  102. height: 220px;
  103. overflow:hidden;
  104. overflow-y:hidden;
  105. border: 1px solid #d5dbe6;
  106. margin:1px;
  107. {/block:IndexPage}
  108. {block:PermalinkPage}
  109. width:340px;
  110. height: auto;
  111. margin:1px;
  112. padding:1px;
  113. {/block:PermalinkPage}
  114. -webkit-transition: all 0.4s linear;
  115. -webkit-transition: all 0.4s linear;
  116. -moz-transition: all 0.4s linear;
  117. transition: all 0.4s linear;
  118. background-color:{color:posts background};
  119. }
  120.  
  121. #entry:hover{
  122. overflow:hidden;
  123. -moz-border-radius:2px;
  124. border-radius:2px;
  125. -webkit-transition: all 0.4s linear;
  126. -webkit-transition: all 0.4s linear;
  127. -moz-transition: all 0.4s linear;
  128. transition: all 0.4s linear;
  129. }
  130.  
  131.  
  132.  
  133. #entry .permalink{
  134. position:absolute;
  135. margin-top:0px;
  136. width:346px;
  137. height:15px;
  138. padding-bottom:2px;
  139. padding-left:4px;
  140. padding-top:0px;
  141. background-color:#fff;
  142. overflow:hidden;
  143. font-size:10px;
  144. font-family:Ubuntu;
  145. letter-spacing:0px;
  146. line-height:13px;
  147. text-align:left;
  148. opacity:0.0;
  149. -webkit-transition: all 0.2s linear;
  150. -webkit-transition: all 0.2s linear;
  151. -moz-transition: all 0.2s linear;
  152. transition: all 0.2s linear;
  153. }
  154.  
  155. #entry:hover .permalink{
  156. margin-top:0px;
  157. overflow:visible;
  158. -webkit-transition: all 0.4s linear; opacity: 0.8;
  159. -webkit-transition: all 0.4s linear;
  160. -moz-transition: all 0.4s linear;
  161. transition: all 0.4s linear;
  162. }
  163.  
  164.  
  165.  
  166.  
  167. div#sidebar{
  168. position:fixed !important;
  169. width: 200px;
  170. height:auto;
  171. margin: 40px 0px 0px 0px;
  172. padding-top:0px;
  173. padding-left:1px;
  174. font-size: 12px;
  175. line-height:13px;
  176. letter-spacing:0px;
  177. margin-bottom: 6px;
  178.  
  179. background-color:{Color:Box};
  180. border: 1px solid #d5dbe6;
  181. }
  182.  
  183.  
  184.  
  185. #postnotes{
  186. text-align: justify;}
  187.  
  188. #postnotes blockquote{
  189. border: 0px;}
  190.  
  191. .title{
  192. font-family: cambria;
  193. font-size: 14px;
  194. line-height: 13px;
  195. color: {color:Title};
  196. letter-spacing: {text:title letter spacing};
  197. font-weight: normal;
  198. padding:0px 0px 0px 0px;
  199. }
  200.  
  201. .title2{
  202. font-family: cambria;
  203. font-size: 14px;
  204. line-height: 13px;
  205. color: {color:Title};
  206. letter-spacing: {text:title letter spacing};
  207. font-weight: {text:title font weight};
  208. padding:0px 0px 0px 0px;
  209. }
  210.  
  211. blockquote{
  212. padding:0px 0px 2px 5px;
  213. margin:0px 0px 2px 1px;
  214. border-left: 1px dotted #555555;
  215. }
  216.  
  217. blockquote p, ul{
  218. margin:0px;
  219. padding:0px;
  220. }
  221.  
  222. .blogtitle{font-family: Helvetica, Arial; font-size: 17px; line-height: 17px; text-transform: auto;}
  223.  
  224. a img{border: 0px;}
  225.  
  226. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  227.  
  228. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  229. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  230.  
  231. .notes img{width:10px; position:relative; top:3px;}
  232.  
  233. .permalink{
  234. display: block;
  235. font-size: 10px;
  236. text-align: right;
  237. }
  238.  
  239.  
  240. small{font-size: 90%;}
  241.  
  242.  
  243. </style>
  244.  
  245.  
  246. <link rel="shortcut icon" href="{Favicon}">
  247. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  248. <meta name="viewport" content="width=820" />
  249. <link rel="shortcut icon" href="{Favicon}">
  250. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  251. <meta name="viewport" content="width=820" />
  252. {block:ifrainbowlinks}
  253. <script type='text/javascript'>
  254.  
  255. //<![CDATA[
  256.  
  257. var rate = 50;
  258.  
  259. if (document.getElementById)
  260.  
  261. window.onerror=new Function("return true")
  262.  
  263. var objActive; // The object which event occured in
  264.  
  265. var act = 0; // Flag during the action
  266.  
  267. var elmH = 0; // Hue
  268.  
  269. var elmS = 128; // Saturation
  270.  
  271. var elmV = 255; // Value
  272.  
  273. var clrOrg; // A color before the change
  274.  
  275. var TimerID; // Timer ID
  276.  
  277. if (document.all) {
  278.  
  279. document.onmouseover = doRainbowAnchor;
  280.  
  281. document.onmouseout = stopRainbowAnchor;
  282.  
  283. }
  284.  
  285. else if (document.getElementById) {
  286.  
  287. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  288.  
  289. document.onmouseover = Mozilla_doRainbowAnchor;
  290.  
  291. document.onmouseout = Mozilla_stopRainbowAnchor;
  292.  
  293. }
  294.  
  295. function doRainbow(obj)
  296.  
  297. {
  298.  
  299. if (act == 0) {
  300.  
  301. act = 1;
  302.  
  303. if (obj)
  304.  
  305. objActive = obj;
  306.  
  307. else
  308.  
  309. objActive = event.srcElement;
  310.  
  311. clrOrg = objActive.style.color;
  312.  
  313. TimerID = setInterval("ChangeColor()",100);
  314.  
  315. }
  316.  
  317. }
  318.  
  319.  
  320.  
  321. function stopRainbow()
  322.  
  323. {
  324.  
  325. if (act) {
  326.  
  327. objActive.style.color = clrOrg;
  328.  
  329. clearInterval(TimerID);
  330.  
  331. act = 0;
  332.  
  333. }
  334.  
  335. }
  336.  
  337.  
  338.  
  339. function doRainbowAnchor()
  340.  
  341. {
  342.  
  343. if (act == 0) {
  344.  
  345. var obj = event.srcElement;
  346.  
  347. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  348.  
  349. obj = obj.parentElement;
  350.  
  351. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  352.  
  353. break;
  354.  
  355. }
  356.  
  357. if (obj.tagName == 'A' && obj.href != '') {
  358.  
  359. objActive = obj;
  360.  
  361. act = 1;
  362.  
  363. clrOrg = objActive.style.color;
  364.  
  365. TimerID = setInterval("ChangeColor()",100);
  366.  
  367. }
  368.  
  369. }
  370.  
  371. }
  372.  
  373.  
  374.  
  375. function stopRainbowAnchor()
  376.  
  377. {
  378.  
  379. if (act) {
  380.  
  381. if (objActive.tagName == 'A') {
  382.  
  383. objActive.style.color = clrOrg;
  384.  
  385. clearInterval(TimerID);
  386.  
  387. act = 0;
  388.  
  389. }
  390.  
  391. }
  392.  
  393. }
  394.  
  395.  
  396.  
  397. function Mozilla_doRainbowAnchor(e)
  398.  
  399. {
  400.  
  401. if (act == 0) {
  402.  
  403. obj = e.target;
  404.  
  405. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  406.  
  407. obj = obj.parentNode;
  408.  
  409. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  410.  
  411. break;
  412.  
  413. }
  414.  
  415. if (obj.nodeName == 'A' && obj.href != '') {
  416.  
  417. objActive = obj;
  418.  
  419. act = 1;
  420.  
  421. clrOrg = obj.style.color;
  422.  
  423. TimerID = setInterval("ChangeColor()",100);
  424.  
  425. }
  426.  
  427. }
  428.  
  429. }
  430.  
  431.  
  432.  
  433. function Mozilla_stopRainbowAnchor(e)
  434.  
  435. {
  436.  
  437. if (act) {
  438.  
  439. if (objActive.nodeName == 'A') {
  440.  
  441. objActive.style.color = clrOrg;
  442.  
  443. clearInterval(TimerID);
  444.  
  445. act = 0;
  446.  
  447. }
  448.  
  449. }
  450.  
  451. }
  452.  
  453.  
  454.  
  455. function ChangeColor()
  456.  
  457. {
  458.  
  459. objActive.style.color = makeColor();
  460.  
  461. }
  462.  
  463.  
  464.  
  465. function makeColor()
  466.  
  467. {
  468.  
  469. // Don't you think Color Gamut to look like Rainbow?
  470.  
  471. // HSVtoRGB
  472.  
  473. if (elmS == 0) {
  474.  
  475. elmR = elmV; elmG = elmV; elmB = elmV;
  476.  
  477. }
  478.  
  479. else {
  480.  
  481. t1 = elmV;
  482.  
  483. t2 = (255 - elmS) * elmV / 255;
  484.  
  485. t3 = elmH % 60;
  486.  
  487. t3 = (t1 - t2) * t3 / 60;
  488.  
  489. if (elmH < 60) {
  490.  
  491. elmR = t1; elmB = t2; elmG = t2 + t3;
  492.  
  493. }
  494.  
  495. else if (elmH < 120) {
  496.  
  497. elmG = t1; elmB = t2; elmR = t1 - t3;
  498.  
  499. }
  500.  
  501. else if (elmH < 180) {
  502.  
  503. elmG = t1; elmR = t2; elmB = t2 + t3;
  504.  
  505. }
  506.  
  507. else if (elmH < 240) {
  508.  
  509. elmB = t1; elmR = t2; elmG = t1 - t3;
  510.  
  511. }
  512.  
  513. else if (elmH < 300) {
  514.  
  515. elmB = t1; elmG = t2; elmR = t2 + t3;
  516.  
  517. }
  518.  
  519. else if (elmH < 360) {
  520.  
  521. elmR = t1; elmG = t2; elmB = t1 - t3;
  522.  
  523. }
  524.  
  525. else {
  526.  
  527. elmR = 0; elmG = 0; elmB = 0;
  528.  
  529. }
  530.  
  531. }
  532.  
  533. elmR = Math.floor(elmR).toString(16);
  534.  
  535. elmG = Math.floor(elmG).toString(16);
  536.  
  537. elmB = Math.floor(elmB).toString(16);
  538.  
  539. if (elmR.length == 1) elmR = "0" + elmR;
  540.  
  541. if (elmG.length == 1) elmG = "0" + elmG;
  542.  
  543. if (elmB.length == 1) elmB = "0" + elmB
  544.  
  545. elmH = elmH + rate;
  546.  
  547. if (elmH >= 360)
  548.  
  549. elmH = 0;
  550.  
  551. return '#' + elmR + elmG + elmB;
  552.  
  553. }
  554.  
  555. //]]>
  556.  
  557. </script>
  558. {/block:ifrainbowlinks}
  559. </head>
  560. <body>
  561.  
  562. <div id="cage">
  563. <div id="center">
  564. <div id="sidebar">
  565. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=199px></a>{/block:ifshowsidebarimage}
  566. <center>{Description}<br></center>
  567. {block:ifshowarrows}<center><br>
  568. {block:PreviousPage}<a href="{PreviousPage}"><font size="5"><b><</b></font></a>{/block:PreviousPage}
  569. {block:NextPage}<a href="{NextPage}"><font size="5"><b>></b></font></a>{/block:NextPage}
  570. </center>{/block:ifshowarrows}
  571. {block:ifnotinfinitescrolling}<br><p>{block:Pagination}<center>{block:PreviousPage}<a href="{PreviousPage}"><font size="2">< </font></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><font size="2">></font></a>{/block:NextPage}</center>{/block:Pagination}{/block:ifnotinfinitescrolling}</center></div>
  572.  
  573. <!-k-!>
  574.  
  575. <div id="content"> {block:Posts} <div id="entry">
  576.  
  577.  
  578.  
  579. {block:IndexPage}
  580. <div class="permalink">
  581. <a href="{permalink}">{NoteCountWithLabel}</a><br><a href="{ReblogURL}" target="_blank"><img src="http://i1003.photobucket.com/albums/af157/rmsnamless/Photography/tiny_reblog_blue.png"></a></span></div>
  582. {/block:IndexPage}
  583.  
  584. {block:Text}
  585. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  586. <span class="entrytext">{Body}</span>
  587. {block:PermalinkPage}{block:HasTags}{block:Tags}#{Tag} {/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  588. {/block:Text}
  589.  
  590. {block:Link}
  591. <a href="{URL}" class="title"><center>{Name}</center></a>
  592. {block:Description}{Description}{/block:Description}
  593. {block:Link}
  594.  
  595. <!-i-!>
  596.  
  597.  
  598. {block:Photo}<center>
  599. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=350px height=230px/></div></a>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  600. {/block:Photo}
  601.  
  602.  
  603.  
  604. {block:Quote}
  605. {Quote}
  606. {block:Source}<b>{Source}</b>{/block:Source}
  607. {/block:Quote}
  608.  
  609. {block:Chat}
  610. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  611. <ul class="chat">
  612. {block:Lines}
  613. <li class="user_{UserNumber}">
  614. {block:Label}
  615. <span class="label">{Label}</span>
  616. {/block:Label}
  617.  
  618. {Line}
  619. </li>
  620. {/block:Lines}
  621. </ul>
  622. {/block:Chat}
  623.  
  624. {block:Audio}
  625. <center>{AudioPlayerBlack}
  626. {block:Caption}{Caption}{/block:Caption}</center>
  627. {/block:Audio}
  628. <!-r-!>
  629. {block:Video}
  630. <div class="video">{Video-400}</div>
  631. {block:Video}
  632.  
  633. {block:PermalinkPage}<center>{block:Caption}{Caption}{/block:Caption}<br>
  634. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  635. {block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}<br>{block:RebloggedFrom}
  636. Reblogged from
  637. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  638. <br>
  639. Posted by
  640. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  641. {/block:RebloggedFrom}
  642. <br>
  643. {block:HasTags}
  644. Tags: {block:Tags}
  645. <a href="{TagURL}">#{Tag} </a>
  646. {/block:Tags}
  647. {/block:HasTags}</center>
  648. <br>
  649. <div style="padding-left:1px;">
  650. {block:PostNotes}{PostNotes}
  651. {/block:PostNotes}</div>{/block:PermalinkPage}
  652.  
  653. </div>
  654.  
  655. {/block:Posts}
  656.  
  657.  
  658. </div>
  659. <!-a-!>
  660. </body>
  661. <div style="position:fixed; top:0px; left:0px;">
  662. theme by<a href="http://-injection.tumblr.com">-injection</a>
Advertisement
Add Comment
Please, Sign In to add comment