API tools faq
paste
Advertisement
weekest

sweater simontheme

weekest
Sep 20th, 2014
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.15 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript">
  6. function tb8_makeArray(n){
  7. this.length = n;
  8. return this.length;
  9. }
  10. tb8_messages = new tb8_makeArray(2);
  11. tb8_messages[0] = "is that your dad?";
  12. tb8_messages[1] = "shit";
  13. tb8_rptType = 'infinite';
  14. tb8_rptNbr = 5;
  15. tb8_speed = 100;
  16. tb8_delay = 2000;
  17. var tb8_counter=1;
  18. var tb8_currMsg=0;
  19. var tb8_tekst ="";
  20. var tb8_i=0;
  21. var tb8_TID = null;
  22. function tb8_pisi(){
  23. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  24. document.title = tb8_tekst;
  25. tb8_sp=tb8_speed;
  26. tb8_i++;
  27. if (tb8_i==tb8_messages[tb8_currMsg].length){
  28. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  29. }
  30. if (tb8_currMsg == tb8_messages.length){
  31. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  32. clearTimeout(tb8_TID);
  33. return;
  34. }
  35. tb8_counter++;
  36. tb8_currMsg = 0;
  37. }
  38. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  39. }
  40. tb8_pisi()
  41. </script>
  42.  
  43.  
  44. <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  45. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  46. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  47. //** v1.1 (April 7th, 10'):
  48. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  49. //** 2) Fixes scroll animation not working in Opera.
  50.  
  51.  
  52. var scrolltotop={
  53. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  54. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  55. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  56. controlHTML: '<img src="http://i58.tinypic.com/1196s7b.png" style="filter:alpha(opacity=70); -moz-opacity:0.7;" width="200"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  57. controlattrs: {offsetx:20, offsety:-5}, //offset of control relative to right/ bottom of window corner
  58. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  59.  
  60. state: {isvisible:false, shouldvisible:false},
  61.  
  62. scrollup:function(){
  63. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  64. this.$control.css({opacity:0}) //hide control immediately after clicking it
  65. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  66. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  67. dest=jQuery('#'+dest).offset().top
  68. else
  69. dest=0
  70. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  71. },
  72.  
  73. keepfixed:function(){
  74. var $window=jQuery(window)
  75. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  76. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  77. this.$control.css({left:controlx+'px', top:controly+'px'})
  78. },
  79.  
  80. togglecontrol:function(){
  81. var scrolltop=jQuery(window).scrollTop()
  82. if (!this.cssfixedsupport)
  83. this.keepfixed()
  84. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  85. if (this.state.shouldvisible && !this.state.isvisible){
  86. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  87. this.state.isvisible=true
  88. }
  89. else if (this.state.shouldvisible==false && this.state.isvisible){
  90. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  91. this.state.isvisible=false
  92. }
  93. },
  94.  
  95. init:function(){
  96. jQuery(document).ready(function($){
  97. var mainobj=scrolltotop
  98. var iebrws=document.all
  99. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  100. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  101. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  102. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  103. .attr({title:'back to top'})
  104. .click(function(){mainobj.scrollup(); return false})
  105. .appendTo('body')
  106. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  107. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  108. mainobj.togglecontrol()
  109. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  110. mainobj.scrollup()
  111. return false
  112. })
  113. $(window).bind('scroll resize', function(e){
  114. mainobj.togglecontrol()
  115. })
  116. })
  117. }
  118. }
  119.  
  120. scrolltotop.init()</script>-->
  121.  
  122.  
  123.  
  124.  
  125. <title>{Title}</title>
  126. <link rel="shortcut icon" href="{Favicon}">
  127. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  128. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  129.  
  130. <!---- this is theme 49 by Hollywhood
  131. please don't remove the credit
  132. thank you
  133. --->
  134.  
  135. <meta name="color:Background" content="#ffffff"/>
  136. <meta name="color:Text" content="#9B9B9B"/>
  137. <meta name="color:Link" content="#b8b8b8"/>
  138. <meta name="color:Link Hover" content="#eeeeee"/>
  139. <meta name="color:sidebar links" content="#d5d5d5"/>
  140. <meta name="color:sidebar links Hover" content="#f5f5f5"/>
  141. <meta name="color:scrollbar" content="#999999">
  142.  
  143. <meta name="image:sidebar" content=""/>
  144.  
  145. <meta name="text:link 1" content="Link 1"/>
  146. <meta name="text:link 1 url" content="/"/>
  147. <meta name="text:link 2" content="Link 2"/>
  148. <meta name="text:link 2 url" content="/"/>
  149. <meta name="text:link 3" content="Link 3"/>
  150. <meta name="text:link 3 url" content="/"/>
  151. <meta name="text:link 4" content="Link 4"/>
  152. <meta name="text:link 4 url" content="/"/>
  153. <meta name="text:link 5" content="Link 5"/>
  154. <meta name="text:link 5 url" content="/"/>
  155.  
  156.  
  157. <meta name="color:tabcolor" content="#000">
  158. <meta name="color:tabcolor2" content="#333233">
  159. <meta name="color:tabcolor3" content="#666566">
  160. <meta name="color:tabcolor4" content="#8C8C8C">
  161. <meta name="color:tabcolor5" content="#ABABAB">
  162. <meta name="color:tabcolor6" content="#CFCFCF">
  163.  
  164.  
  165. <style type="text/css">
  166.  
  167. #tabcode1{
  168. margin-bottom:3px;
  169. border-left:4px solid {color:tabcolor};
  170. padding-left:4px;
  171. height:14px;
  172. text-align:left;
  173. overflow:hidden;
  174. margin-top:-1px;
  175. border-bottom:0px solid #706732;
  176. text-transform:uppercase;
  177. letter-spacing:1px;
  178. font-size:8px;
  179. line-height:10px;
  180. z-index:0;
  181. -webkit-transition: all 0.7s ease-in-out;
  182. -moz-transition: all 0.7s ease-in-out;
  183. -o-transition: all 0.7s ease-in-out;
  184. }
  185. #tabcode1:hover{
  186. height:170px;
  187. -webkit-transition: all 0.7s ease-in-out;
  188. -moz-transition: all 0.7s ease-in-out;
  189. -o-transition: all 0.7s ease-in-out;
  190. }
  191.  
  192. #tabcode2{
  193. margin-bottom:3px;
  194. height:14px;
  195. text-align:left;
  196. overflow:hidden;
  197. border-left:4px solid {color:tabcolor2};
  198. padding-left:4px;
  199. text-transform:uppercase;
  200. background-color:transparent;
  201. letter-spacing:1px;
  202. font-size;8px;
  203. line-height:13px;
  204. z-index:0;
  205. -webkit-transition: all 0.7s ease-in-out;
  206. -moz-transition: all 0.7s ease-in-out;
  207. -o-transition: all 0.7s ease-in-out;
  208. }
  209.  
  210. #tabcode2:hover{
  211. height:300px;
  212. -webkit-transition: all 0.7s ease-in-out;
  213. -moz-transition: all 0.7s ease-in-out;
  214. -o-transition: all 0.7s ease-in-out;
  215. }
  216.  
  217. #tabcode3{
  218. margin-bottom:3px;
  219. border-left:4px solid {color:tabcolor3};
  220. padding-left:4px;
  221. height:14px;
  222. text-align:left;
  223. overflow:hidden;
  224. border-bottom:0px solid #ccc;
  225. text-transform:uppercase;
  226. background-color:transparent;
  227. letter-spacing:1px;
  228. font-size;8px;
  229. line-height:13px;
  230. z-index:0;
  231. -webkit-transition: all 0.7s ease-in-out;
  232. -moz-transition: all 0.7s ease-in-out;
  233. -o-transition: all 0.7s ease-in-out;
  234. }
  235.  
  236. #tabcode3:hover{
  237. height:55px;
  238. -webkit-transition: all 0.7s ease-in-out;
  239. -moz-transition: all 0.7s ease-in-out;
  240. -o-transition: all 0.7s ease-in-out;
  241. }
  242.  
  243. #tabcode4{
  244. margin-bottom:3px;
  245. border-left:4px solid {color:tabcolor4};
  246. padding-left:4px;
  247. height:14px;
  248. text-align:left;
  249. overflow:hidden;
  250. border-bottom:0px solid #ccc;
  251. text-transform:uppercase;
  252. background-color:transparent;
  253. letter-spacing:1px;
  254. font-size;8px;
  255. color:{color:text};
  256. line-height:13px;
  257. z-index:0;
  258. -webkit-transition: all 0.7s ease-in-out;
  259. -moz-transition: all 0.7s ease-in-out;
  260. -o-transition: all 0.7s ease-in-out;
  261. }
  262.  
  263. #tabcode4:hover{
  264. height:40px;
  265. -webkit-transition: all 0.7s ease-in-out;
  266. -moz-transition: all 0.7s ease-in-out;
  267. -o-transition: all 0.7s ease-in-out;
  268. }
  269.  
  270. #tabcode5{
  271. margin-bottom:3px;
  272. border-left:4px solid {color:tabcolor5};
  273. padding-left:4px;
  274. height:14px;
  275. text-align:left;
  276. overflow:hidden;
  277. border-bottom:0px solid #ccc;
  278. text-transform:uppercase;
  279. background-color:transparent;
  280. letter-spacing:1px;
  281. font-size;8px;
  282. color:{color:text};
  283. line-height:13px;
  284. z-index:0;
  285. -webkit-transition: all 0.7s ease-in-out;
  286. -moz-transition: all 0.7s ease-in-out;
  287. -o-transition: all 0.7s ease-in-out;
  288. }
  289.  
  290. #tabcode5:hover{
  291. height:35px;
  292. -webkit-transition: all 0.7s ease-in-out;
  293. -moz-transition: all 0.7s ease-in-out;
  294. -o-transition: all 0.7s ease-in-out;
  295. }
  296. #tabcode6{
  297. margin-bottom:3px;
  298. border-left:4px solid {color:tabcolor6};
  299. padding-left:4px;
  300. height:14px;
  301. text-align:left;
  302. overflow:hidden;
  303. text-transform:uppercase;
  304. background-color:transparent;
  305. letter-spacing:1px;
  306. font-size;8px;
  307. color:{color:text};
  308. line-height:13px;
  309. z-index:0;
  310. -webkit-transition: all 0.7s ease-in-out;
  311. -moz-transition: all 0.7s ease-in-out;
  312. -o-transition: all 0.7s ease-in-out;
  313. }
  314.  
  315. #tabcode6:hover{
  316. height:60px;
  317. -webkit-transition: all 0.7s ease-in-out;
  318. -moz-transition: all 0.7s ease-in-out;
  319. -o-transition: all 0.7s ease-in-out;
  320. }
  321.  
  322.  
  323. #tabcode{
  324. text-align:center;
  325. font-size:10px;
  326. opacity:1;
  327. text-transform:uppercase;
  328. position:fixed;
  329. font-family:calibri;
  330. left:0px;
  331. background-color:rgba(255,255,255, .8);
  332. letter-spacing:1px;
  333. width:120px;
  334. z-index:9999;
  335. padding:4px;
  336. top:15px;
  337.  
  338. }
  339.  
  340.  
  341.  
  342. ::-webkit-scrollbar-thumb{
  343. background-color: {color:scrollbar};
  344. border: 2px solid {color:background};
  345. height:auto;
  346. }
  347.  
  348. ::-webkit-scrollbar {
  349. height:auto;
  350. width:11px;
  351. background-color: {color:scrollbar};
  352. border:5px solid {color:background};
  353. }
  354.  
  355.  
  356. iframe#tumblr_controls {
  357. white-space:nowrap;
  358. -webkit-filter: invert(100%);
  359. -moz-filter: invert(100%);
  360. -o-filter: invert(100%);
  361. -ms-filter: invert(100%);
  362. filter: invert(100%);
  363. opacity:.2;transition: .8s ease-in-out;
  364. -webkit-transition: .8s ease-in-out;
  365. -moz-transition: .8s ease-in-out;
  366. -o-transition: .8s ease-in-out;
  367. }
  368.  
  369. h1 {
  370. font-weight:normal;
  371. font-size:13px;
  372. text-align:center;
  373. font-style:normal;
  374. line-height:100%;
  375. letter-spacing:1px;
  376. text-transform:normal;
  377. color:{color:text};
  378. }
  379.  
  380. h2 {
  381. font-size:10px;
  382. text-align:center;
  383. line-height:100%;
  384. letter-spacing:-0.5px;
  385. color:{color:text};
  386. font-weight:bold;
  387. text-transform:uppercase;
  388. padding:5px;
  389. padding-bottom:2px;
  390. }
  391.  
  392. blockquote {
  393. border-left:1px solid #ccc;
  394. padding:6px;
  395. margin:9px 2px 0px 9px
  396. }
  397.  
  398. body {
  399. background:{color:background};
  400. margin:0px;
  401. color:{color:text};
  402. font-family:'lao ui';
  403. font-size:10px;
  404. line-height:100%;
  405. }
  406.  
  407. a {
  408. text-decoration:none;
  409. outline:none;
  410. -moz-outline-style:none;
  411. color:{color:link};
  412. -moz-transition-duration:0.5s;
  413. -webkit-transition-duration:0.5s;
  414. -o-transition-duration:0.5s;
  415. }
  416.  
  417. a:hover {
  418. outline:none;
  419. -moz-outline-style:none;
  420. color:{color:link hover};
  421. }
  422.  
  423. img {
  424. border:none;
  425. }
  426.  
  427. #theme {
  428. width:500px;
  429. margin:0 auto -12px auto;
  430. }
  431.  
  432. #post {
  433. width:500px;
  434. padding-bottom:40px;
  435. margin-top:40px;
  436. }
  437.  
  438. #entries {
  439. padding:10px;
  440. max-width:500px;
  441. margin-left:90px;
  442. margin-top:70px;
  443. margin-bottom:50px;
  444. }
  445.  
  446.  
  447. #sidebar {
  448. color:{color:text};
  449. position:fixed;
  450. width:300px;
  451. height:auto;
  452. margin-top:45px;
  453. margin-left:-90px;
  454. text-align:left;
  455. }
  456.  
  457. #sidebarimage img {
  458. width:200px;
  459. margin-bottom:10x;
  460. margin-left:-45px;
  461. }
  462.  
  463. #links {
  464. display:block;
  465. position:fixed;
  466. font-family:calibri;
  467. width:140px;
  468. margin-top:10px;
  469. margin-left:-0px;
  470. font-size:8px;
  471. font-style:normal;
  472. letter-spacing:0px;
  473. text-transform:uppercase;
  474. text-align:right;
  475. line-height:280%;
  476. }
  477.  
  478. #links a{
  479. display:block;
  480. line-height:240%;
  481. background:#fff;
  482. width:133px;
  483. font-style:normal;
  484. border-top:1px solid {color:sidebar links};
  485. padding-right:7px;
  486. color:{color:link};
  487. text-decoration:none;
  488. -moz-transition-duration:.7s;
  489. -webkit-transition-duration:.7s;
  490. -o-transition-duration:.7s;
  491. }
  492.  
  493. #links a:hover {
  494. background:{color:sidebar links hover};
  495. letter-spacing:4px;
  496. font-style:normal;
  497. color: {color:link hover};
  498. width:133px;
  499. -moz-transition-duration:0.7s;
  500. -webkit-transition-duration:0.7s;
  501. -o-transition-duration:0.7s;
  502. }
  503.  
  504. #description {
  505. position:fixed;
  506. width:140px;
  507. font-family:arial;
  508. background:#fff;
  509. margin-top:10px;
  510. margin-left:-0px;
  511. text-align:right;
  512. font-style:italic;
  513. font-size:9px;
  514. letter-spacing:0px;
  515. color: {color:text};
  516. line-height:160%;
  517. -moz-transition-duration:1s;
  518. -webkit-transition-duration:1s;
  519. -o-transition-duration:1s;
  520. }
  521.  
  522. #description a {
  523. color:{color:link};
  524. }
  525.  
  526. #description a:hover {
  527. color:{color:link hover};
  528. }
  529.  
  530. #pagination {
  531. font-family:arial;
  532. width:140px;
  533. font-size:8px;
  534. text-transform:normal;
  535. margin-top:135px;
  536. padding-left:2px;
  537. word-spacing:6px;
  538. font-style:normal;
  539. float:right;
  540. }
  541.  
  542. #pagination a {
  543. color:{color:link};
  544. }
  545.  
  546. #info {
  547. font-family:'Latha';
  548. width:500px;
  549. margin-top:5px;
  550. padding-top:5px;
  551. padding-bottom:3px;
  552. font-size:9px;
  553. color:{color:text};
  554. text-transform:uppercase;
  555. font-style:normal;
  556. text-align:left;
  557. -moz-transition-duration:0.2s;
  558. -webkit-transition-duration:0.2s;
  559. -o-transition-duration:0.2s;
  560. }
  561.  
  562. #info a {
  563. color:{color:link};
  564. font-style:normal;
  565. }
  566.  
  567. #info a:hover {
  568. color:{color:link hover};
  569. -moz-transition-duration:0.2s;
  570. -webkit-transition-duration:0.2s;
  571. -o-transition-duration:0.2s;
  572. }
  573.  
  574. .tags {
  575. font-family:calibri;
  576. font-style:normal;
  577. width:460px;
  578. text-transform:normal;
  579. font-style:normal;
  580. line-height:120%;
  581. padding-top:6px;
  582. font-size:10px;
  583. text-align:left;
  584. -moz-transition-duration:0.5s;
  585. -webkit-transition-duration:0.5s;
  586. -o-transition-duration:0.5s;
  587. }
  588. .tags a{
  589. margin-left:6px;
  590. background:#f7f7f7;
  591. color:{color:link};
  592. }
  593. .tags a:hover{
  594. color:{color:link hover};
  595. -moz-transition-duration:0.2s;
  596. -webkit-transition-duration:0.2s;
  597. -o-transition-duration:0.2s;
  598. }
  599.  
  600.  
  601. .audio{
  602. background-color:#e5e5e5;
  603. height:65px;
  604. overflow:hidden;
  605. }
  606.  
  607. .question {
  608. padding:9px;
  609. text-align:left;
  610. text-transform:italic;
  611. color:{color:text};
  612. background-color: #f3f3f3;
  613. border-left:3px solid #e3e3e3;
  614. line-height:120%;
  615. }
  616.  
  617. .answer {
  618. text-align:left;
  619. padding:7px;
  620. color:{color:text};
  621. }
  622.  
  623. #credit {
  624. font-size:9px;
  625. font-family:cambria;
  626. font-style:italic;
  627. letter-spacing:1px;
  628. -moz-transition-duration:0.5s;
  629. -webkit-transition-duration:0.5s;
  630. -o-transition-duration:0.5s;
  631. }
  632.  
  633. #credit a {
  634. background-color:#fff;
  635. padding:5px;
  636. border:1px solid #e9e9e9;
  637. position:fixed;
  638. right:15px;
  639. bottom:10px
  640. }
  641.  
  642. #credit a:hover {
  643. color:#fff;
  644. background-color:#191919;
  645. }
  646.  
  647. #ocehans1{
  648. height:13px;
  649. text-align:center;
  650. overflow:hidden;
  651. margin-top:-1px;
  652. border-bottom:1px solid #efefef;
  653. text-transform:uppercase;
  654. letter-spacing:1px;
  655. font-size:8px;
  656. line-height:10px;
  657. z-index:999999999999999999999;
  658. -webkit-transition: all 0.5s ease-in-out;
  659. -moz-transition: all 0.5s ease-in-out;
  660. -o-transition: all 0.5s ease-in-out;
  661. }
  662. #ocehans1:hover{
  663. height:130px;
  664. -webkit-transition: all 0.5s ease-in-out;
  665. -moz-transition: all 0.5s ease-in-out;
  666. -o-transition: all 0.5s ease-in-out;
  667. }
  668.  
  669. #ocehans2{
  670. height:13px;
  671. text-align:center;
  672. overflow:hidden;
  673. border-bottom:1px solid #efefef;
  674. text-transform:uppercase;
  675. background-color:transparent;
  676. letter-spacing:1px;
  677. font-size;8px;
  678. line-height:13px;
  679. z-index:999999999999999999999;
  680. -webkit-transition: all 0.5s ease-in-out;
  681. -moz-transition: all 0.5s ease-in-out;
  682. -o-transition: all 0.5s ease-in-out;
  683. }
  684.  
  685. #ocehans2:hover{
  686. height:135px;
  687. -webkit-transition: all 0.5s ease-in-out;
  688. -moz-transition: all 0.5s ease-in-out;
  689. -o-transition: all 0.5s ease-in-out;
  690. }
  691.  
  692. #ocehans3{
  693. height:13px;
  694. text-align:center;
  695. overflow:hidden;
  696. border-bottom:1px solid #efefef;
  697. text-transform:uppercase;
  698. background-color:transparent;
  699. letter-spacing:1px;
  700. font-size;8px;
  701. line-height:13px;
  702. z-index:999999999999999999999;
  703. -webkit-transition: all 0.5s ease-in-out;
  704. -moz-transition: all 0.5s ease-in-out;
  705. -o-transition: all 0.5s ease-in-out;
  706. }
  707.  
  708. #ocehans3:hover{
  709. height:310px;
  710. -webkit-transition: all 0.5s ease-in-out;
  711. -moz-transition: all 0.5s ease-in-out;
  712. -o-transition: all 0.5s ease-in-out;
  713. }
  714.  
  715.  
  716.  
  717. #ocehans4{
  718. height:13px;
  719. text-align:center;
  720. overflow:hidden;
  721. border-bottom:1px solid #efefef;
  722. text-transform:uppercase;
  723. background-color:transparent;
  724. letter-spacing:1px;
  725. font-size;8px;
  726. line-height:13px;
  727. z-index:999999999999999999999;
  728. -webkit-transition: all 0.5s ease-in-out;
  729. -moz-transition: all 0.5s ease-in-out;
  730. -o-transition: all 0.5s ease-in-out;
  731. }
  732.  
  733. #ocehans4:hover{
  734. height:235px;
  735. -webkit-transition: all 0.5s ease-in-out;
  736. -moz-transition: all 0.5s ease-in-out;
  737. -o-transition: all 0.5s ease-in-out;
  738. }
  739.  
  740. #ocehans5{
  741. height:13px;
  742. text-align:center;
  743. overflow:hidden;
  744. border-bottom:0px solid #efefef;
  745. text-transform:uppercase;
  746. background-color:transparent;
  747. letter-spacing:1px;
  748. font-size;8px;
  749. line-height:13px;
  750. z-index:999999999999999999999;
  751. -webkit-transition: all 0.5s ease-in-out;
  752. -moz-transition: all 0.5s ease-in-out;
  753. -o-transition: all 0.5s ease-in-out;
  754. }
  755.  
  756. #ocehans5:hover{
  757. height:110px;
  758. -webkit-transition: all 0.5s ease-in-out;
  759. -moz-transition: all 0.5s ease-in-out;
  760. -o-transition: all 0.5s ease-in-out;
  761. }
  762.  
  763. #ocehans{
  764. text-align:left;
  765. font-size:8px;
  766. color:{color:text};
  767. text-transform:uppercase;
  768. opacity: 1;
  769. border:.1px solid #eee;
  770. position:fixed;
  771. font-family:calibri;
  772. right:14px;
  773. background-color:rgba(255,255,255, .8);
  774. letter-spacing:1px;
  775. width:130px;
  776. z-index:9999;
  777. padding:4px;
  778. top:25px;
  779.  
  780. }
  781.  
  782.  
  783. {CustomCSS}</style></head><body>
  784.  
  785.  
  786. <div id="tabholder">
  787. <div id="tabcode">
  788. <div id="tabcode1">
  789. <div style="font-size:8px;color:#453220;">about</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:9px; text-align:left; color:#686868;"><br>
  790. <div style="padding:1px; background:#b9d7e2;">Emma|Australia</div></br>
  791. im made up of bands,tv shows and political anger<p>
  792. this is my blog where i cry about tv shows and will probably post art
  793. <p>
  794. over there you can see some of my tags-->
  795. <p>
  796. or you can go to my <a href="/nav">nav</a> page
  797.  
  798. </div>
  799. </div>
  800.  
  801. <div id="tabcode2">
  802. <div style="font-size:8px;color:#453220;">currently</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#686868;">
  803. <br><div style="padding:1px; background:#b9d7e2;">watching</div></br>
  804. hannibal s2<br>
  805. rewatching supernatural s3<br>
  806. (planning to) rewatch in the flesh<br>
  807. (planning to) watch kill you darlings<br>
  808. <br><div style="padding:1px; background:#b9d7e2;">reading list</div></br>
  809. i never get around to reading anything<br>
  810. <br><div style="padding:1px; background:#b9d7e2;">listening to</div></br>
  811. boy and bear<br>
  812. radiohead<br>
  813. sonic youth<br>
  814. neutral milk hotel<br>
  815. <a href="http://www.weekest.tumblr.com/bands">full list of bands</a><br>
  816. <br><div style="padding:1px; background:#b9d7e2;">drawing</div></br>
  817. in the flesh
  818. </div></div>
  819.  
  820.  
  821. <div id="tabcode3">
  822. <div style="font-size:8px;color:#453220;">updates</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#686868;">
  823. crying over school<p>
  824. <script language="JavaScript">
  825. var ref = (''+document.referrer+'');
  826. var w_h = window.screen.width + " x " + window.screen.height;
  827. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4421221&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  828. </script>/
  829. <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2697451&name="></script>
  830.  
  831.  
  832. </div>
  833. </div>
  834.  
  835.  
  836. <div id="tabcode4">
  837. <div style="font-size:8px;color:#453220;">blogs</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#686868;">
  838. <a href="http://www.weekest.tumblr.com">main/band blog</a><br>
  839. <a href="http://www.toadyabbott.tumblr.com">auspol blog</a><br>
  840.  
  841. </div>
  842. </div>
  843. </div></div></div></div>
  844.  
  845.  
  846.  
  847. <div style="position:fixed; bottom:0px; right:0px;">
  848. <img src="http://i58.tinypic.com/90dbup.png" width="170" height="?"/> <br></div>
  849.  
  850.  
  851. <div id="ocehans">
  852. <center>
  853. <div id="ocehans1">
  854. <div style="font-size:8px;">tags</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:##686868;">
  855. <p>i tag most triggers a list of which you can find <a href="/tagged/triggers">here</a><br></p>
  856. <p>if eye horror is a trigger of yours this might not be the blog for you because of spn and itf<p>
  857. <p>if you want me to tag something just <a href="/ask">ask</a><br><p>
  858. <br><br>
  859. </div>
  860. </div>
  861.  
  862. <div id="ocehans2">
  863. <div style="font-size:8px;">shows</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#686868;">
  864. <p><div style="padding:1px; background:#b9d7e2;"><a href="/tagged/itf">in the flesh</a></div></p>
  865. <a href="/tagged/s1">season 1</a><br>
  866. <a href="/tagged/s2">season 2</a>
  867. <p><div style="padding:1px; background:#b9d7e2;">other shows</a></div></p>
  868. <a href="/tagged/spn">supernatural</a><br>
  869. <a href="/tagged/oitnb">orange is the new black</a><br>
  870. <a href="/tagged/hannibal">hannibal</a><br>
  871. <a href="/tagged/ahs">american horror story</a><br>
  872.  
  873. </div></div>
  874.  
  875. <div id="ocehans3">
  876. <div style="font-size:8px;">characters</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#686868;">
  877. <br><div style="padding:1px; background:#b9d7e2;">in the flesh</div></br>
  878. <a href="/tagged/kieren-walker">kieren walker</a><br>
  879. <a href="/tagged/simon-monroe">simon monroe</a><br>
  880. <a href="/tagged/amy-dyer">amy dyer</a><br>
  881. <a href="/tagged/jem-walker">jem-walker</a><br>
  882. <a href="/tagged/philip-wilson">philip wilson</a><br>
  883. <br><div style="padding:1px; background:#b9d7e2;">supernatural</div></br>
  884. <a href="/tagged/cas">castiel</a><br>
  885. <a href="/tagged/dean">dean winchester</a><br>
  886. <a href="/tagged/sam">sam winchester</a><br>
  887. <a href="/tagged/kev">kevin tran</a><br>
  888. <br><div style="padding:1px; background:#b9d7e2;">orange is the new black</div></br>
  889. <a href="/tagged/p">poussay washington</a><br>
  890. <a href="/tagged/sophia">sophia burset</a><br>
  891. <a href="/tagged/alex">alex vause</a><br>
  892. <a href="/tagged/pennsatucky">pennsatucky</a><br>
  893. <a href="/tagged/red">red</a><br>
  894. <br><div style="padding:1px; background:#b9d7e2;">hannibal</div></br>
  895. <a href="/tagged/puppy">will graham</a><br>
  896. <a href="/tagged/hanni">hannibal</a><br>
  897. <br><br>
  898. </div>
  899. </div>
  900.  
  901. <div id="ocehans4">
  902. <div style="font-size:8px;">actors</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#686868;">
  903. <br><div style="padding:1px; background:#b9d7e2;">in the flesh</div></br>
  904. <a href="/tagged/itf-cast">itf cast</a><br>
  905. <a href="/tagged/luke-newberry">luke newberry</a><br>
  906. <a href="/tagged/emmett-scanlan">emmett scanlan</a><br>
  907. <a href="/tagged/harriet-cains">harriet cains</a><br>
  908. <a href="/tagged/emily-bevan">emily bevan</a><br>
  909. <br><div style="padding:1px; background:#b9d7e2;">supernatural</div></br>
  910. <a href="/tagged/spn cast">spn cast</a><br>
  911. <a href="/tagged/life-ruiner">misha collins</a><br>
  912. <a href="/tagged/osric">osric-chau</a><br>
  913. <a href="/tagged/jensen">jensen ackles</a><br>
  914. <a href="/tagged/jared">jared padalecki</a><br>
  915. <br><div style="padding:1px; background:#b9d7e2;">orange is the new black</div></br>
  916. <a href="/tagged/oitnb-cast">oitnb cast</a><br>
  917. <a href="/tagged/laverne-cox">laverne cox</a><br>
  918.  
  919. </div></div>
  920.  
  921. <div id="ocehans5">
  922. <div style="font-size:8px;">ships</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#686868;">
  923. <p><b></b>these arent all romantic ships yo</b></p>
  924. <a href="/tagged/simon-x-kieren">simon and kieren</a><br>
  925. <a href="/tagged/destiel">dean and cas</a><br>
  926. <a href="/tagged/bdffs">kieren and amy</a><br>
  927. <a href="/tagged/amy-x-philip">amy and philip</a><br>
  928. <a href="/tagged/pxt">poussay and taystee</a><br>
  929.  
  930. </div></div>
  931. </div></div></div></div>
  932.  
  933.  
  934.  
  935. <div id="theme">
  936.  
  937. <div id="sidebar">
  938.  
  939. <div id="sidebarimage">
  940. <a href="/"><img src="{image:sidebar}"></a></div>
  941.  
  942. <div id="description">{Description}
  943.  
  944. <div id="links">
  945. <a href="{text:link 1 url}">{text:link 1}</a>
  946. <a href="{text:link 2 url}">{text:link 2}</a>
  947. <a href="{text:link 3 url}">{text:link 3}</a>
  948. <a href="{text:link 4 url}">{text:link 4}</a>
  949. <a href="{text:link 5 url}">{text:link 5}</a>
  950. </div>
  951.  
  952. {block:Pagination}
  953. <div id="pagination">
  954. {block:PreviousPage}
  955. <a href="{PreviousPage}">←</a>
  956. {/block:PreviousPage}
  957. {block:JumpPagination length="4"}
  958. {block:CurrentPage}
  959. <span class="current_page">{PageNumber}</span>
  960. {/block:CurrentPage}
  961. {block:JumpPage}
  962. <a class="jump_page" href="{URL}">{PageNumber}</a>
  963. {/block:JumpPage}
  964. {/block:JumpPagination}
  965. {block:NextPage}
  966. <a href="{NextPage}">→</a>
  967. {/block:NextPage}
  968. </div>
  969. {/block:Pagination}
  970.  
  971.  
  972. </div></div>
  973.  
  974.  
  975.  
  976. <div id="entries">{block:Posts}<div id="post">
  977.  
  978. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  979.  
  980. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  981.  
  982. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  983.  
  984. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  985.  
  986. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  987.  
  988. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  989.  
  990. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  991.  
  992. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  993.  
  994. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;&nbsp; {ASKER}:<br><i>&nbsp;&nbsp; {Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  995.  
  996. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}" style="background:#f5f5f5;padding-left:5px;padding-right:5px;">{ShortMonth} {DayOfMonth}</a> {24Hour}:{Minutes}
  997. {/block:Date} {block:NoteCount} ( <font color="#d71732">&hearts;</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
  998.  
  999. <div style="float:right;"> {block:RebloggedFrom}
  1000. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a> {block:ContentSource}
  1001. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  1002. <a title="{SourceTitle}" href="{SourceURL}"></a>
  1003. </div>
  1004. </div>
  1005.  
  1006.  
  1007. {block:HasTags}
  1008. <div class="tags">
  1009. tags: {block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</div>
  1010. {/block:HasTags}
  1011. <div class="postnote">
  1012. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1013. </div>
  1014. </div>
  1015. {/block:Posts}
  1016.  
  1017.  
  1018. </div>
  1019. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div></div>
  1020.  
  1021. </body>
  1022.  
  1023. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!