Public Pastes
Guest

newsidebar

By: anxiety-anxiety on Jan 28th, 2012  |  syntax: None  |  size: 16.61 KB  |  hits: 19  |  expires: Never
download  |  raw  |  embed  |  report abuse
Copied
  1. <!--
  2. Theme by 0racular
  3. DONT REMOVE CREDIT.
  4. Note:Custom scrollbar only works in Google Chrome and Safari.
  5. If you steal this theme I /will/ find out and I will find you and I will bring hell with me.
  6. -->
  7.  
  8. <html lang="en">
  9. <head>
  10.  
  11.  
  12. <title>{Title}
  13. </title>
  14.  
  15. {Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling}
  16.  
  17. {block:ifenableminicursor}<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>{/block:ifenableminicursor}
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  20.  
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22.  
  23. <meta name="color:background" content="#20C6E6"/>
  24. <meta name="color:sidebar background" content="#ffffff" />
  25. <meta name="color:text" content="#000000"/>
  26. <meta name="color:title" content="#000000"/>
  27. <meta name="color:links" content="#000000"/>
  28. <meta name="color:link hover" content="#686868"/>
  29.  
  30. <meta name="text:title font size" content="12px"/>
  31. <meta name="text:text font size" content="10px"/>
  32. <meta name="text:first custom link title" content=""/>
  33. <meta name="text:first custom link url" content=""/>
  34. <meta name="text:second custom link title" content=""/>
  35. <meta name="text:second custom link url" content=""/>
  36. <meta name="text:third custom link title" content=""/>
  37. <meta name="text:third custom link url" content=""/>
  38. <meta name="text:fourth custom link title" content=""/>
  39. <meta name="text:fourth custom link url" content=""/>
  40. <meta name="text:fifth custom link title" content=""/>
  41. <meta name="text:fifth custom link url" content=""/>
  42.  
  43. <meta name="font:text font" content="arial"/>
  44. <meta name="font:title font" content="georgia"/>
  45.  
  46. <meta name="image:Sidebar" content="1"/>
  47.  
  48. <meta name="if:show blog title" content="0"/>
  49. <meta name="if:show description" content="1"/>
  50. <meta name="if:show sidebar photo" content="1"/>
  51. <meta name="if:show default links" content="0"/>
  52. <meta name="if:show captions" content="0"/>
  53. <meta name="if:infinite scrolling" content="1"/>
  54. <meta name="if:enable mini cursor" content="1"/>
  55. <meta name="if:rainbow links" content="1"/>
  56. <meta name="if:custom scrollbar" content="0"/>
  57. <meta name="if:first custom link" content="0"/>
  58. <meta name="if:second custom link" content="0"/>
  59. <meta name="if:third custom link" content="0"/>
  60. <meta name="if:fourth custom link" content="0"/>
  61. <meta name="if:fifth custom link" content="0"/>
  62.  
  63. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  64. <script type="text/javascript">
  65. $(document).ready(function () {
  66. $('li.drawer div:nth-child(2)').hide();
  67. $('li.drawer h4').click(function () {
  68. if ($(this).hasClass('open')) {
  69. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  70. else {
  71. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  72. $(this).next().slideDown();
  73. $(this).addClass('open');}
  74. });
  75. });
  76. </script>
  77. <style type="text/css">
  78.  
  79. {block:ifcustomscrollbar}
  80. ::-webkit-scrollbar {width: 9px; height: 3px; background:{color:background};}
  81. ::-webkit-scrollbar-thumb {background-color: #fff;}
  82. {/block:ifcustomscrollbar}
  83.  
  84. body {
  85. margin:0px;
  86. background-color: {color:Background};
  87. background-attachment: fixed;
  88. background-repeat: repeat;
  89. }
  90.  
  91. body, div, p, textarea, submit, input{
  92. font-family: {font:text font};
  93. font-size: {text:text font size};
  94. line-height:11px;
  95. color:{color:Text};
  96. }
  97.  
  98. p {
  99. margin:0px;
  100. margin-top:0px;
  101. }
  102.  
  103. a:link, a:active, a:visited{
  104. color: {color:links};
  105. text-decoration: none;
  106. }
  107.  
  108. a:hover {
  109. {block:ifnotrainbowlinks}
  110. color:{color:link hover};
  111. {block:ifnotrainbowlinks}
  112. text-decoration: none;
  113. }
  114.  
  115. div#center{
  116. margin:auto;
  117. position:relative;
  118. width:730px;
  119. overflow:auto;
  120. overflow-y:hidden;
  121. }
  122.  
  123. div#content{
  124. float:left;
  125. width:400px;
  126. padding:2px;
  127. padding-bottom:0px;
  128. margin-left:260px;
  129. margin-top:29px;
  130. margin-bottom:2px;
  131. border:1px solid black;
  132. background-color:#FFFFFF;
  133. }
  134.  
  135. div#topbar{
  136. position:fixed;
  137. float:left;
  138. margin-left:260px;
  139. border:1px solid black;
  140. width:400px;
  141. height:10px;
  142. padding:1px 2px 3px 2px;
  143. background-color:#fff;
  144. }
  145.  
  146. div#bridge{
  147. position:fixed;
  148. width:406px;
  149. margin-top:11px;
  150. margin-left:260px;
  151. height:18px;
  152. background-color:{color:background};
  153. z-index:10px;
  154. border-bottom:1px solid black;
  155. }
  156.  
  157. div#bridge2{
  158. position:fixed;
  159. width:404px;
  160. margin-top:30px;
  161. margin-left:261px;
  162. height:2px;
  163. background-color:#fff;
  164. z-index:10px;
  165. }
  166.  
  167. div#sidebar{
  168. border:1px solid black;
  169. position:fixed !important;
  170. width:200px;
  171. height:auto;
  172. margin-top:265px;
  173. margin-left:47px;
  174. padding:1px;
  175. background-color:{color:sidebar background};
  176. -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
  177. -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
  178. box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
  179. }
  180.  
  181. div#sidebarphoto{
  182. border:1px solid black;
  183. position:fixed !important;
  184. width:200px;
  185. height:400px;
  186. margin-top:5px;
  187. margin-left:47px;
  188. padding:1px;
  189. background-color:{color:sidebar background};
  190. -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
  191. -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
  192. box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
  193. }
  194.  
  195. div#entry{
  196. background-color: #000000;
  197. margin-top:0px;
  198. padding-top:0px;
  199. padding-bottom:2px;
  200. background-color:#fff;
  201. }
  202.  
  203. #entry .permalink{
  204. position:absolute;
  205. margin-top:-5px;
  206. width:400px;
  207. height:10px;
  208. padding-bottom:4px;
  209. background-color:#ffffff;
  210. overflow:hidden;
  211. font-size:10px;
  212. font-family:Ubuntu;
  213. letter-spacing:-1px;
  214. line-height:13px;
  215. text-align:center;
  216. opacity:0.0;
  217. -webkit-transition: all 0.2s linear;
  218. -webkit-transition: all 0.2s linear;
  219. -moz-transition: all 0.2s linear;
  220. transition: all 0.2s linear;
  221. }
  222.  
  223. #entry:hover .permalink{
  224. margin-top:0px;
  225. overflow:visible;
  226. -webkit-transition: all 0.4s linear; opacity: 0.8;
  227. -webkit-transition: all 0.4s linear;
  228. -moz-transition: all 0.4s linear;
  229. transition: all 0.4s linear;
  230. }
  231.  
  232. div#corner{
  233. position:fixed !important;
  234. width:auto;
  235. height:auto;
  236. margin-top:0px;
  237. margin-left:0px;
  238. padding:1px;
  239. padding-right:2px;
  240. background-color:{color:sidebar background};
  241. }
  242.  
  243. #postnotes{
  244. text-align: justify;}
  245.  
  246. #postnotes blockquote{
  247. border: 0px;}
  248.  
  249. .credit{
  250. color:#000000;
  251. font-family:arial;
  252. font-size:10px;
  253. line-height:11px;
  254. letter-spacing:0px;
  255. }
  256.  
  257. .credit a{
  258. color:#000000;
  259. font-family:arial;
  260. font-size:10px;
  261. line-height:11px;
  262. letter-spacing:0px;
  263. }
  264.  
  265. .bow{
  266. z-index:100000;
  267. }
  268.  
  269. .toplinks{
  270. line-height:11px;
  271. color:#000000;
  272. }
  273.  
  274. .title{
  275. font-family: {font:title font};
  276. font-size: {text:title font size};
  277. line-height:12px;
  278. color: {color:title};
  279. letter-spacing: 0px;
  280. font-weight: normal;
  281. padding:0px 0px 0px 0px;
  282. }
  283.  
  284. blockquote{
  285. padding:0px 0px 2px 5px;
  286. margin:0px 0px 0px 0px;
  287. border-left: 1px solid #555555;
  288. }
  289.  
  290. blockquote p, ul{
  291. margin:0px;
  292. padding:0px;
  293. }
  294.  
  295.  
  296. a img{border: 0px;}
  297.  
  298. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  299.  
  300. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  301. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  302.  
  303. .notes img{
  304. width:10px;
  305. position:relative;
  306. top:3px;
  307. }
  308.  
  309. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  310. {block:IndexPage}
  311. width: 400px !important;
  312. {/block:IndexPage}
  313. }
  314.  
  315. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  316.  
  317. ul#drawers a {text-decoration: none; color: #000;}
  318.  
  319. ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  320. transition: background-color 0.5s ease-out;}
  321.  
  322. h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
  323.  
  324. li.drawer h4.open {background-color: #121213; border-top: 0px;}
  325.  
  326. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  327.  
  328. li.drawer div li {list-style-type: disc;}
  329.  
  330. li.drawer div ul {-webkit-padding-start: 12px;}
  331. </style>
  332.  
  333. {block:ifrainbowlinks}
  334. <link rel="shortcut icon" href="{Favicon}">
  335. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  336. <script type='text/javascript'>
  337. //<![CDATA[
  338. var rate = 20;
  339. if (document.getElementById)
  340. window.onerror=new Function("return true")
  341. var objActive; // The object which event occured in
  342. var act = 0; // Flag during the action
  343. var elmH = 0; // Hue
  344. var elmS = 128; // Saturation
  345. var elmV = 255; // Value
  346. var clrOrg; // A color before the change
  347. var TimerID; // Timer ID
  348. if (document.all) {
  349. document.onmouseover = doRainbowAnchor;
  350. document.onmouseout = stopRainbowAnchor;
  351. }
  352. else if (document.getElementById) {
  353. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  354. document.onmouseover = Mozilla_doRainbowAnchor;
  355. document.onmouseout = Mozilla_stopRainbowAnchor;
  356. }
  357. function doRainbow(obj)
  358. {
  359. if (act == 0) {
  360. act = 1;
  361. if (obj)
  362. objActive = obj;
  363. else
  364. objActive = event.srcElement;
  365. clrOrg = objActive.style.color;
  366. TimerID = setInterval("ChangeColor()",100);
  367. }
  368. }
  369.  
  370. function stopRainbow()
  371. {
  372. if (act) {
  373. objActive.style.color = clrOrg;
  374. clearInterval(TimerID);
  375. act = 0;
  376. }
  377. }
  378.  
  379. function doRainbowAnchor()
  380. {
  381. if (act == 0) {
  382. var obj = event.srcElement;
  383. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  384. obj = obj.parentElement;
  385. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  386. break;
  387. }
  388. if (obj.tagName == 'A' && obj.href != '') {
  389. objActive = obj;
  390. act = 1;
  391. clrOrg = objActive.style.color;
  392. TimerID = setInterval("ChangeColor()",100);
  393. }
  394. }
  395. }
  396.  
  397. function stopRainbowAnchor()
  398. {
  399. if (act) {
  400. if (objActive.tagName == 'A') {
  401. objActive.style.color = clrOrg;
  402. clearInterval(TimerID);
  403. act = 0;
  404. }
  405. }
  406. }
  407.  
  408. function Mozilla_doRainbowAnchor(e)
  409. {
  410. if (act == 0) {
  411. obj = e.target;
  412. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  413. obj = obj.parentNode;
  414. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  415. break;
  416. }
  417. if (obj.nodeName == 'A' && obj.href != '') {
  418. objActive = obj;
  419. act = 1;
  420. clrOrg = obj.style.color;
  421. TimerID = setInterval("ChangeColor()",100);
  422. }
  423. }
  424. }
  425.  
  426. function Mozilla_stopRainbowAnchor(e)
  427. {
  428. if (act) {
  429. if (objActive.nodeName == 'A') {
  430. objActive.style.color = clrOrg;
  431. clearInterval(TimerID);
  432. act = 0;
  433. }
  434. }
  435. }
  436.  
  437. function ChangeColor()
  438. {
  439. objActive.style.color = makeColor();
  440. }
  441.  
  442. function makeColor()
  443. {
  444. // Don't you think Color Gamut to look like Rainbow?
  445. // HSVtoRGB
  446. if (elmS == 0) {
  447. elmR = elmV; elmG = elmV; elmB = elmV;
  448. }
  449. else {
  450. t1 = elmV;
  451. t2 = (255 - elmS) * elmV / 255;
  452. t3 = elmH % 60;
  453. t3 = (t1 - t2) * t3 / 60;
  454. if (elmH < 60) {
  455. elmR = t1; elmB = t2; elmG = t2 + t3;
  456. }
  457. else if (elmH < 120) {
  458. elmG = t1; elmB = t2; elmR = t1 - t3;
  459. }
  460. else if (elmH < 180) {
  461. elmG = t1; elmR = t2; elmB = t2 + t3;
  462. }
  463. else if (elmH < 240) {
  464. elmB = t1; elmR = t2; elmG = t1 - t3;
  465. }
  466. else if (elmH < 300) {
  467. elmB = t1; elmG = t2; elmR = t2 + t3;
  468. }
  469. else if (elmH < 360) {
  470. elmR = t1; elmG = t2; elmB = t1 - t3;
  471. }
  472. else {
  473. elmR = 0; elmG = 0; elmB = 0;
  474. }
  475. }
  476. elmR = Math.floor(elmR).toString(16);
  477. elmG = Math.floor(elmG).toString(16);
  478. elmB = Math.floor(elmB).toString(16);
  479. if (elmR.length == 1) elmR = "0" + elmR;
  480. if (elmG.length == 1) elmG = "0" + elmG;
  481. if (elmB.length == 1) elmB = "0" + elmB;
  482. elmH = elmH + rate;
  483. if (elmH >= 360)
  484. elmH = 0;
  485. return '#' + elmR + elmG + elmB;
  486. }
  487. //]]>
  488. </script>
  489. {/block:ifrainbowlinks}
  490.  
  491. <link rel="shortcut icon" href="{Favicon}">
  492. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  493. <meta name="viewport" content="width=820" />
  494. </head>
  495. <body>
  496.  
  497. <div id="corner">
  498. <span class="credit">theme by <a href="http://0racular.tumblr.com">0racular</a></span>
  499. </div>
  500.  
  501. <div id="cage">
  502. <div id="center">
  503.  
  504. {block:ifshowsidebarphoto}<div id="sidebarphoto">
  505. <center><img src="{image:sidebar}" width=200px; height=300px;></img></center>
  506. </div>{/block:ifshowsidebarphoto}
  507.  
  508. {block:ifshowdescription}<div id="sidebar">
  509. <center>
  510. {block:ifshowblogtitle}<span class=title><a title="" href="/">
  511. {Title}
  512. </a></span><br>{/block:ifshowblogtitle}</center>
  513. <center>
  514. {Description}
  515. </center>
  516. {block:ifnotinfinitescrolling}
  517. <br><p>{block:Pagination}<center>
  518. {block:PreviousPage}<a href="{PreviousPage}"><font size="2">&#8592; </font></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><font size="2">&#8594;</font></a>{/block:NextPage}</center>{/block:Pagination}
  519. {/block:ifnotinfinitescrolling}
  520. </div>{/block:ifshowdescription}
  521.  
  522. {block:ifnotshowdescription}
  523. {block:ifnotinfinitescrolling}<div id="sidebar">
  524. {block:Pagination}<center>
  525. {block:PreviousPage}<a href="{PreviousPage}"><font size="2">&#8592; </font></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><font size="2">&#8594;</font></a>{/block:NextPage}</center>{/block:Pagination}
  526. </div>{/block:ifnotinfinitescrolling}
  527. {/block:ifnotshowdescription}
  528.  
  529. <div id="content">
  530.  
  531. {block:Posts}
  532.  
  533. <div id="entry">
  534.  
  535. {block:IndexPage}
  536. <div class="permalink">
  537. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  538. {/block:IndexPage}
  539.  
  540. {block:Text}
  541. {block:Title}<span class="title">{Title}</span>{/block:Title}
  542. {Body}
  543. {/block:Text}
  544.  
  545. {block:Link}
  546. <a href="{URL}" class="title">{Name}</a>
  547. {block:Description}{Description}{/block:Description}
  548. {block:Link}
  549.  
  550. {block:Photo}<center>
  551. {block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  552. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  553. {/block:Photo}
  554.  
  555. {block:Photoset}
  556. <center><div class="photoset_photo">{Photoset-400}</div></center>
  557. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  558. {/block:Photoset}
  559.  
  560. {block:Quote}
  561. <span class="title">{Quote}</span>
  562. {block:Source}<p align="center">-{Source}</p>{/block:Source}
  563. </span>
  564. {/block:Quote}
  565.  
  566. {block:Chat}
  567. {block:Title}<span class="title">{Title}</span>{/block:Title}
  568. <ul class="chat">
  569. {block:Lines}
  570. <li class="user_{UserNumber}">
  571. {block:Label}
  572. <span class="label">{Label}</span>
  573. {/block:Label}
  574. {Line}
  575. </li>
  576. {/block:Lines}
  577. </ul>
  578. {/block:Chat}
  579.  
  580. {block:Audio}
  581. <center><div class="audio"><div style="width:400px; height:-10px;"><div style="float:center">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  582. </div></div>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}</center>
  583. {/block:Audio}
  584.  
  585. {block:Video}<center>
  586. {Video-400}</center>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  587. {block:Video}
  588.  
  589. {block:PermalinkPage}{block:ifnotshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnotshowcaptions}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{/block:PermalinkPage}
  590.  
  591. {block:PostNotes}{PostNotes}
  592. {/block:PostNotes}
  593. </div>
  594.  
  595. {/block:Posts}
  596.  
  597. </div>
  598. <div id="bridge">
  599. </div>
  600. <div id="bridge2">
  601. </div>
  602. <div id="topbar"><span class="toplinks"><center>{block:ifnotshowdefaultlinks}{block:ifnotfirstcustomlink}{block:ifnotsecondcustomlink}{block:ifnotthirdcustomlink}{block:ifnotfourthcustomlink}{block:ifnotfifthcustomlink}<div style="padding-top:1px;"><img src="http://i150.photobucket.com/albums/s105/xion6789/blank.png"/></div>{/block:ifnotfifthcustomlink}{/block:ifnotfourthcustomlink}{/block:ifnotthirdcustomlink}{/block:ifnotsecondcustomlink}{/block:ifnotfirstcustomlink}{/block:ifnotshowdefaultlinks}
  603. {block:ifshowdefaultlinks}
  604. <p><a href="/">home</a> | <a href="/ask">ask</a> | <a href="/archive">archive</a>
  605. {/block:ifshowdefaultlinks}
  606. {block:iffirstcustomlink}{block:ifshowdefaultlinks}|{/block:ifshowdefaultlinks} <a href="{text:first custom link url}">{text:first custom link title}</a>{/block:iffirstcustomlink}
  607. {block:ifsecondcustomlink} You knew me at my best, now I can't even stand on my own. <a href="{text:second custom link url}">{text:second custom link title}</a>{/block:ifsecondcustomlink}
  608. {block:ifthirdcustomlink} <a href="{text:third custom link url}">{text:third custom link title}</a>{/block:ifthirdcustomlink}
  609. {block:iffourthcustomlink}  <a href="{text:fourth custom link url}">{text:fourth custom link title}</a>{/block:iffourthcustomlink}
  610. {block:iffifthcustomlink}  <a href="{text:fifth custom link url}">{text:fifth custom link title}</a>{/block:iffifthcustomlink}
  611. <span class="bow"><div style="padding-top:1px;"><img src="http://i150.photobucket.com/albums/s105/xion6789/bowalone-2.png"/></div></span></center></span>
  612. </div>
  613.  
  614. </div>
  615.  
  616. </div>
  617. </center>
  618.  
  619. </body>
  620. </html>
create a new version of this paste RAW Paste Data