API tools faq
paste
Advertisement
lizabethspb

theme 22

lizabethspb
Jul 27th, 2014
2,866
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9.  
  10.  
  11. {block:IfFallingImages}<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="{image:Falling Image 1}";image_urls['rain2']="{image:Falling Image 2}";image_urls['rain3']="{image:Falling Image 3}";image_urls['rain4']="{image:Falling Image 4}";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  12. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  13. .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  14. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script>{/block:IfFallingImages}
  15.  
  16. {block:IfScrollToTopButton}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  17. <script type="text/javascript">
  18.  
  19.  
  20. var scrolltotop={
  21.  
  22. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  23. controlHTML: '<img src="{image:Scroll to Top Button}" style="filter:alpha(opacity=70); -moz-opacity:0.7;" width="70"/>',
  24. controlattrs: {offsetx:35, offsety:580},
  25. anchorkeyword: '#top',
  26.  
  27. state: {isvisible:false, shouldvisible:false},
  28.  
  29. scrollup:function(){
  30. if (!this.cssfixedsupport)
  31. this.$control.css({opacity:0})
  32. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  33. if (typeof dest=="string" && jQuery('#'+dest).length==1)
  34. dest=jQuery('#'+dest).offset().top
  35. else
  36. dest=0
  37. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  38. },
  39.  
  40. keepfixed:function(){
  41. var $window=jQuery(window)
  42. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  43. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  44. this.$control.css({left:controlx+'px', top:controly+'px'})
  45. },
  46.  
  47. togglecontrol:function(){
  48. var scrolltop=jQuery(window).scrollTop()
  49. if (!this.cssfixedsupport)
  50. this.keepfixed()
  51. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  52. if (this.state.shouldvisible && !this.state.isvisible){
  53. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  54. this.state.isvisible=true
  55. }
  56. else if (this.state.shouldvisible==false && this.state.isvisible){
  57. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  58. this.state.isvisible=false
  59. }
  60. },
  61.  
  62. init:function(){
  63. jQuery(document).ready(function($){
  64. var mainobj=scrolltotop
  65. var iebrws=document.all
  66. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  67. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  68. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  69. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  70. .attr({title:'back to top'})
  71. .click(function(){mainobj.scrollup(); return false})
  72. .appendTo('body')
  73. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  74. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  75. mainobj.togglecontrol()
  76. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  77. mainobj.scrollup()
  78. return false
  79. })
  80. $(window).bind('scroll resize', function(e){
  81. mainobj.togglecontrol()
  82. })
  83. })
  84. }
  85. }
  86.  
  87. scrolltotop.init()</script>{/block:IfScrollToTopButton}
  88.  
  89. {block:IfLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  90. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  91. <script type="text/javascript" charset="utf-8">
  92. var $j = jQuery.noConflict();
  93. $j(function() {
  94. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  95. $j("img").lazyload({
  96. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  97. effect: "fadeIn",
  98. });
  99. });
  100. </script>{/block:IfLazyLoad}
  101.  
  102. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codes.bitshare.cm/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  103.  
  104. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  105. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  106. <script>
  107. (function($){
  108. $(document).ready(function(){
  109. $("a[title]").style_my_tooltips({
  110. tip_follows_cursor:true,
  111. tip_delay_time:60,
  112. tip_fade_speed:400,
  113. attribute:"title"
  114. });
  115. });
  116. })(jQuery);
  117. </script>
  118.  
  119.  
  120. {block:IfCursorSparkles}<script type="text/javascript">
  121. // <![CDATA[
  122. var colour="#ff94a9";
  123. var sparkles=120;
  124.  
  125. /****************************
  126. * Tinkerbell Magic Sparkle *
  127. * (c) 2005 mf2fm web-design *
  128. * http://www.mf2fm.com/rv *
  129. * DON'T EDIT BELOW THIS BOX *
  130. ****************************/
  131. var x=ox=400;
  132. var y=oy=300;
  133. var swide=800;
  134. var shigh=600;
  135. var sleft=sdown=0;
  136. var tiny=new Array();
  137. var star=new Array();
  138. var starv=new Array();
  139. var starx=new Array();
  140. var stary=new Array();
  141. var tinyx=new Array();
  142. var tinyy=new Array();
  143. var tinyv=new Array();
  144.  
  145. window.onload=function() { if (document.getElementById) {
  146. var i, rats, rlef, rdow;
  147. for (var i=0; i<sparkles; i++) {
  148. var rats=createDiv(3, 3);
  149. rats.style.visibility="hidden";
  150. document.body.appendChild(tiny[i]=rats);
  151. starv[i]=0;
  152. tinyv[i]=0;
  153. var rats=createDiv(5, 5);
  154. rats.style.backgroundColor="transparent";
  155. rats.style.visibility="hidden";
  156. var rlef=createDiv(1, 5);
  157. var rdow=createDiv(5, 1);
  158. rats.appendChild(rlef);
  159. rats.appendChild(rdow);
  160. rlef.style.top="2px";
  161. rlef.style.left="0px";
  162. rdow.style.top="0px";
  163. rdow.style.left="2px";
  164. document.body.appendChild(star[i]=rats);
  165. }
  166. set_width();
  167. sparkle();
  168. }}
  169.  
  170. function sparkle() {
  171. var c;
  172. if (x!=ox || y!=oy) {
  173. ox=x;
  174. oy=y;
  175. for (c=0; c<sparkles; c++) if (!starv[c]) {
  176. star[c].style.left=(starx[c]=x)+"px";
  177. star[c].style.top=(stary[c]=y)+"px";
  178. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  179. star[c].style.visibility="visible";
  180. starv[c]=50;
  181. break;
  182. }
  183. }
  184. for (c=0; c<sparkles; c++) {
  185. if (starv[c]) update_star(c);
  186. if (tinyv[c]) update_tiny(c);
  187. }
  188. setTimeout("sparkle()", 40);
  189. }
  190.  
  191. function update_star(i) {
  192. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  193. if (starv[i]) {
  194. stary[i]+=1+Math.random()*3;
  195. if (stary[i]<shigh+sdown) {
  196. star[i].style.top=stary[i]+"px";
  197. starx[i]+=(i%5-2)/5;
  198. star[i].style.left=starx[i]+"px";
  199. }
  200. else {
  201. star[i].style.visibility="hidden";
  202. starv[i]=0;
  203. return;
  204. }
  205. }
  206. else {
  207. tinyv[i]=50;
  208. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  209. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  210. tiny[i].style.width="2px";
  211. tiny[i].style.height="2px";
  212. star[i].style.visibility="hidden";
  213. tiny[i].style.visibility="visible"
  214. }
  215. }
  216.  
  217. function update_tiny(i) {
  218. if (--tinyv[i]==25) {
  219. tiny[i].style.width="1px";
  220. tiny[i].style.height="1px";
  221. }
  222. if (tinyv[i]) {
  223. tinyy[i]+=1+Math.random()*3;
  224. if (tinyy[i]<shigh+sdown) {
  225. tiny[i].style.top=tinyy[i]+"px";
  226. tinyx[i]+=(i%5-2)/5;
  227. tiny[i].style.left=tinyx[i]+"px";
  228. }
  229. else {
  230. tiny[i].style.visibility="hidden";
  231. tinyv[i]=0;
  232. return;
  233. }
  234. }
  235. else tiny[i].style.visibility="hidden";
  236. }
  237.  
  238. document.onmousemove=mouse;
  239. function mouse(e) {
  240. set_scroll();
  241. y=(e)?e.pageY:event.y+sdown;
  242. x=(e)?e.pageX:event.x+sleft;
  243. }
  244.  
  245. function set_scroll() {
  246. if (typeof(self.pageYOffset)=="number") {
  247. sdown=self.pageYOffset;
  248. sleft=self.pageXOffset;
  249. }
  250. else if (document.body.scrollTop || document.body.scrollLeft) {
  251. sdown=document.body.scrollTop;
  252. sleft=document.body.scrollLeft;
  253. }
  254. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  255. sleft=document.documentElement.scrollLeft;
  256. sdown=document.documentElement.scrollTop;
  257. }
  258. else {
  259. sdown=0;
  260. sleft=0;
  261. }
  262. }
  263.  
  264. window.onresize=set_width;
  265. function set_width() {
  266. if (typeof(self.innerWidth)=="number") {
  267. swide=self.innerWidth;
  268. shigh=self.innerHeight;
  269. }
  270. else if (document.documentElement && document.documentElement.clientWidth) {
  271. swide=document.documentElement.clientWidth;
  272. shigh=document.documentElement.clientHeight;
  273. }
  274. else if (document.body.clientWidth) {
  275. swide=document.body.clientWidth;
  276. shigh=document.body.clientHeight;
  277. }
  278. }
  279.  
  280. function createDiv(height, width) {
  281. var div=document.createElement("div");
  282. div.style.position="absolute";
  283. div.style.height=height+"px";
  284. div.style.width=width+"px";
  285. div.style.overflow="hidden";
  286. div.style.backgroundColor=colour;
  287. return (div);
  288. }
  289. // ]]>
  290. </script>{block:IfCursorSparkles}
  291.  
  292.  
  293. <title>{Title}</title>
  294. <link rel="shortcut icon" href="{Favicon}">
  295. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  296. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  297.  
  298.  
  299. <meta name="color:Background" content="#ffffff"/>
  300. <meta name="color:Title" content="#f2f2f2"/>
  301. <meta name="color:Navi Links" content="black"/>
  302. <meta name="color:Navi Links BG" content="white"/>
  303. <meta name="color:Navi Links on Hover" content="white"/>
  304. <meta name="color:Navi Links BG on Hover" content="gray"/>
  305. <meta name="color:Text" content="#a8a8a8"/>
  306. <meta name="color:Link" content="#b8b8b8"/>
  307. <meta name="color:Hover Text" content="black"/>
  308. <meta name="color:Hover Text Background" content="white"/>
  309. <meta name="color:Navi Links Line" content="#f2f2f2"/>
  310. <meta name="color:Post" content="#ffffff"/>
  311. <meta name="color:Scrollbar" content="black"/>
  312. <meta name="color:Scrollbar Background" content="white"/>
  313. <meta name="color:Text Selection" content="black"/>
  314.  
  315. <meta name="image:Sidebar" content=""/>
  316. <meta name="image:Background" content=""/>
  317. <meta name="image:Cursor" content="http://www.totallylayouts.com/cursors/random/tiny_cursor.png"/>
  318. <meta name="image:Cursor Link Hover" content="http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"/>
  319. <meta name="image:Scroll to Top Button" content="http://media.tumblr.com/tumblr_lw4i8ijjPt1r43b17.png"/>
  320. <meta name="image:Falling Image 1" content=""/>
  321. <meta name="image:Falling Image 2" content=""/>
  322. <meta name="image:Falling Image 3" content=""/>
  323. <meta name="image:Falling Image 4" content=""/>
  324. <meta name="image:Banner" content="" />
  325.  
  326. <meta name="text:Title" content="" />
  327. <meta name="text:Link 1" content="" />
  328. <meta name="text:Link 1 Text" content="" />
  329. <meta name="text:Link 1 Letter" content="" />
  330. <meta name="text:Link 2" content="" />
  331. <meta name="text:Link 2 Text" content="" />
  332. <meta name="text:Link 2 Letter" content="" />
  333. <meta name="text:Link 3" content="" />
  334. <meta name="text:Link 3 Text" content="" />
  335. <meta name="text:Link 3 Letter" content="" />
  336. <meta name="text:Link 4" content="" />
  337. <meta name="text:Link 4 Text" content="" />
  338. <meta name="text:Link 4 Letter" content="" />
  339. <meta name="text:Link 5" content="" />
  340. <meta name="text:Link 5 Text" content="" />
  341. <meta name="text:Link 5 Letter" content="" />
  342. <meta name="text:Link 6" content="" />
  343. <meta name="text:Link 6 Text" content="" />
  344. <meta name="text:Link 6 Letter" content="" />
  345. <meta name="text:Link 7" content="" />
  346. <meta name="text:Link 7 Text" content="" />
  347. <meta name="text:Link 7 Letter" content="" />
  348. <meta name="text:Link 8" content="" />
  349. <meta name="text:Link 8 Text" content="" />
  350. <meta name="text:Link 8 Letter" content="" />
  351.  
  352. <meta name="if:Infinite Scroll" content="0" />
  353. <meta name="if:Lazy Load" content="0" />
  354. <meta name="if:Blurry Links On Hover" content="0" />
  355. <meta name="if:Scroll to Top Button" content="0" />
  356. <meta name="if:Cursor Sparkles" content="0" />
  357. <meta name="if:Falling Images" content="0" />
  358. <meta name="if:Banner" content="0" />
  359. <meta name="if:Black Audio Player" content="0" />
  360. <meta name="if:Show Link 1" content="1" />
  361. <meta name="if:Show Link 2" content="1" />
  362. <meta name="if:Show Link 3" content="1" />
  363. <meta name="if:Show Link 4" content="1" />
  364. <meta name="if:Show Link 5" content="1" />
  365. <meta name="if:Show Link 6" content="1" />
  366. <meta name="if:Show Link 7" content="1" />
  367. <meta name="if:Show Link 8" content="1" />
  368.  
  369.  
  370. <style type="text/css">
  371.  
  372.  
  373. {block:IfBanner}#topthingy {
  374. width:100%;
  375. height:250px;
  376. background: url('{image:Banner}') top fixed repeat-x;
  377. position:fixed;
  378. margin-top:-50px;
  379. opacity: 0.8;
  380. }{/block:IfBanner}
  381.  
  382. #s-m-t-tooltip {
  383. max-width:300px;
  384. background-color:{color:hover text Background};
  385. font-size:10px;
  386. color:{color:hover text};
  387. letter-spacing:1px;
  388. text-transform:lowercase;
  389. padding:6px;
  390. margin:15px 0px 0px 15px;
  391. z-index:9999999999999999999999999999999999;
  392. border-radius: 2px;
  393. box-shadow:2px 2px 1px #ccc;
  394. }
  395.  
  396. *, body, a {cursor: url({image:Cursor}), auto;}
  397.  
  398. a:hover {cursor:url({image:Cursor Link Hover}), auto;}
  399.  
  400.  
  401.  
  402. /* --- SCROLLBAR ---*/
  403.  
  404. ::-webkit-scrollbar {
  405. width: 5px;height: 5px;}
  406. ::-webkit-scrollbar-button:start:decrement,
  407. ::-webkit-scrollbar-button:end:increment {
  408. height: 6px;display: block;background-color: white;}
  409. ::-webkit-scrollbar-track-piece {
  410. background-color:{color:scrollbar background};}
  411. ::-webkit-scrollbar-thumb:vertical {
  412. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  413.  
  414.  
  415. /* --- BODY ---*/
  416.  
  417. body {
  418. background-image:url('{image:background}');
  419. background:{color:background};
  420. margin:0px;
  421. color:{color:text};
  422. font-family:Calibri;
  423. font-size:9px;
  424. line-height:100%;
  425. }
  426.  
  427. a {
  428. text-decoration:none;
  429. outline:none;
  430. -moz-outline-style:none;
  431. color:{color:link};
  432. }
  433.  
  434. img {
  435. border:none;
  436. }
  437.  
  438. blockquote {
  439. padding-left:5px;
  440. border-left:2px solid;
  441. }
  442.  
  443. blockquote blockquote {
  444. padding-left:5px;
  445. border-left:2px solid;
  446. }
  447.  
  448. h1 {
  449. font-size:9px;
  450. text-transform:uppercase;
  451. }
  452.  
  453. a:hover {
  454. opacity:10;
  455. color:{color:hover};
  456. -webkit-transition: all 0.7s ease;
  457. -moz-transition: all 0.7s ease;
  458. -o-transition: all 0.7s ease
  459. }
  460.  
  461. /* --- POST ENTRIES ---*/
  462.  
  463.  
  464. #entries {
  465. padding:10px;
  466. width:500px;
  467. margin-left:450px;
  468. margin-top:-50px;
  469. font-size:10px;
  470. }
  471.  
  472. /* --- BODY: POSTS ---*/
  473.  
  474.  
  475. #post {
  476. width:500px;
  477. padding-bottom:20px;
  478. padding:10px;
  479. margin-top:115px;
  480. background-color:{color:Post};
  481. }
  482.  
  483. /* --- SIDEBAR IMAGE ---*/
  484.  
  485.  
  486. #sidebar {
  487. width:100px;
  488. position:fixed;
  489. margin-left:200px;
  490. margin-top:210px;
  491. opacity:.80;
  492. background-color:{color:Sidebar};
  493. }
  494.  
  495. #sidebarimage {
  496. width 100px;
  497. }
  498.  
  499. #sidebarimage img {
  500. width:170px;
  501. padding:6px;
  502. background-color:transparent;
  503. border:1px solid transparent;
  504. }
  505.  
  506.  
  507. @font-face{font-family:Im Fashionista; src: url(http://static.tumblr.com/9wzbixa/rQPmj2mab/i_m_fashionista__demo-version.ttf);}
  508.  
  509. #title {
  510. color:{color:Title};
  511. font-family:Im Fashionista;
  512. font-size:12px;
  513. margin-top:10px;
  514. background-color:transparent;
  515. width:184px;
  516. text-align:center;
  517. }
  518.  
  519. #links {
  520. background-color:transparent;
  521. width:184px;
  522. height:5px;
  523. font-family:'calibri';
  524. text-align:center;
  525. margin-top:10px;
  526. margin-left:0px;
  527. text-align:center;
  528. text-transform:uppercase;
  529. position:fixed;
  530. word-spacing:4px;
  531. }
  532.  
  533.  
  534. #links a {
  535. font-size: 10px;
  536. padding:5px;
  537. padding-bottom:2px;
  538. padding-top:2px;
  539. border-bottom:2px solid {color:Navi Links Line};
  540. color:{color:Navi Links};
  541. background-color:{color:Navi Links BG};
  542. -webkit-transition: all 0.4s ease-in-out;
  543. -moz-transition: all 0.4s ease-in-out;
  544. -o-transition: all 0.4s ease-in-out;
  545. -ms-transition: all 0.4s ease-in-out;
  546. transition: all 0.4s ease-in-out;
  547. }
  548.  
  549. #links a:hover {
  550. {block:IfNotBlurryLinksOnHover}color:{color:Navi Links On Hover};{/block:IfNotBlurryLinksOnHover}
  551. background-color:{color:Navi Links BG on Hover};
  552. {block:IfBlurryLinksOnHover}color: transparent;
  553. text-shadow: #000 0 0 5px;
  554. text-decoration:none;{/block:IfBlurryLinksOnHover}
  555. -webkit-transition: all 0.4s ease-in-out;
  556. -moz-transition: all 0.4s ease-in-out;
  557. -o-transition: all 0.4s ease-in-out;
  558. -ms-transition: all 0.4s ease-in-out;
  559. transition: all 0.s ease-in-out;
  560. }
  561.  
  562.  
  563. /* --- DESCRIPTION ---*/
  564.  
  565. #description {
  566. background-color:transparent;
  567. position:fixed;
  568. font-family:cambria;
  569. line-height:90%;
  570. font-size:10px;
  571. width:164px;
  572. margin-top:24px;
  573. padding:8px;
  574. margin-left:0px;
  575. text-align:center;
  576. color:{color:text};
  577. }
  578.  
  579. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  580. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  581.  
  582. /* --- PAGINATION---*/
  583.  
  584.  
  585. #pagination {
  586. font-size:8px;
  587. text-align:center;
  588. color:gray;
  589. font-family:consolas;
  590. text-transform:uppercase;
  591. letter-spacing:2px;
  592. margin-top:11px;
  593. }
  594.  
  595. #pagination a:hover {
  596. text-decoration:none;
  597. }
  598. #tags {
  599. margin-top:8px;
  600. text-align:center;
  601. text-transform:lowercase;
  602. font-size:8px;
  603. font-family:times;
  604. font-style:italic;
  605. letter-spacing:0px;
  606. letter-spacing:1px;
  607. font-family:cambria;
  608. opacity: 0;
  609. -webkit-transition: all 0.6s ease-in-out;
  610. -moz-transition: all 0.6s ease-in-out;
  611. -o-transition: all 0.6s ease-in-out;
  612. -ms-transition: all 0.6s ease-in-out;
  613. transition: all 0.6s ease-in-out;
  614. }
  615.  
  616. #tags a {
  617. padding:2px;
  618. }
  619.  
  620. #post:hover #tags {
  621. opacity:1;
  622. -moz-transition-duration:.5s;
  623. -webkit-transition-duration:.5s;
  624. -o-transition-duration:.5s;
  625. }
  626.  
  627. #info {
  628. text-align:center;
  629. font-family: times;
  630. font-size:7px;
  631. text-transform:uppercase;
  632. padding:3px;
  633. font-family:times new roman;
  634. padding-bottom:0px;
  635. margin-top:12px;
  636. margin-bottom:7px;
  637. }
  638.  
  639. #info a {
  640. background-color:#f5f5f5;
  641. padding:5px;
  642. margin-right:2px;
  643. }
  644.  
  645. #info a:hover {
  646. background-color:#fff;
  647. color:{color:link};
  648. }
  649.  
  650.  
  651. #asker {
  652. border-radius:1%;
  653. border-bottom:1px solid #eee;
  654. padding:15px;
  655. padding-top:30px;
  656. font-family:cambria;
  657. letter-spacing:1px;
  658. text-align:left;
  659. font-style:normal;
  660. margin-left:0px;
  661. background-color:transparent;
  662. }
  663.  
  664. #askericon img {
  665. width:30px;
  666. height:30px;
  667. padding:5px;
  668.  
  669. }
  670.  
  671. #askericon {
  672. margin-left:-10px;
  673. margin-top:-25px;
  674. }
  675.  
  676. #answer {
  677. font-family:cambria;
  678. margin-left:13px;
  679. }
  680.  
  681. #question {
  682. margin-top:6px;
  683. }
  684.  
  685.  
  686. ::selection {
  687. background: {color:text selection}; /* Safari */
  688. }
  689. ::-moz-selection {
  690. background: {color:text selection}; /* Firefox */
  691. }
  692.  
  693. #elephant {
  694. width:100px;
  695. bottom:10px;
  696. right:50px;
  697. position:fixed;
  698. }
  699.  
  700. #elephant img {
  701. width:150px;
  702. opacity:.7;
  703. -moz-transition-duration:.4s;
  704. -webkit-transition-duration:.4s;
  705. -o-transition-duration:.4s;
  706. }
  707.  
  708. #credit {
  709. font-family:Hello Brock;
  710. position:fixed;
  711. right:0px;
  712. bottom:0px;
  713. padding:4px;
  714. text-transform:uppercase;
  715. letter-spacing:2px;
  716. font-size:13px;
  717. margin-bottom:3px;
  718. margin-right:3px;
  719. border-color:#bbb;
  720. background: #fff;
  721. -moz-transition-duration:1s;
  722. -webkit-transition-duration:1s;
  723. -o-transition-duration:1s;
  724. }
  725. #credit a {
  726. color:#8278b2;
  727. }
  728. #credit a:hover {
  729. color:#e9b0ea;
  730. }
  731.  
  732. {CustomCSS}</style></head><body>
  733.  
  734.  
  735. {block:IfBanner}<div id="topthingy"></div>{/block:IfBanner}
  736.  
  737. <div id="sidebar">
  738. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  739.  
  740. <div id="title">{text:Title}</div>
  741. <div id="links">
  742. {block:IfShowLink1}<a href="{text:Link 1}" title="{text:Link 1 Text}">{text:Link 1 Letter}</a>{/block:IfShowLink1}
  743. {block:IfShowLink2}<a href="{text:Link 2}" title="{text:Link 2 Text}">{text:Link 2 Letter}</a>{/block:IfShowLink2}
  744. {block:IfShowLink3}<a href="{text:Link 3}" title="{text:Link 3 Text}">{text:Link 3 Letter}</a>{/block:IfShowLink3}
  745. {block:IfShowLink4}<a href="{text:Link 4}" title="{text:Link 4 Text}">{text:Link 4 Letter}</a>{/block:IfShowLink4}
  746. {block:IfShowLink5}<a href="{text:Link 5}" title="{text:Link 5 Text}">{text:Link 5 Letter}</a>{/block:IfShowLink5}
  747. {block:IfShowLink6}<a href="{text:Link 6}" title="{text:Link 6 Text}">{text:Link 6 Letter}</a>{/block:IfShowLink6}
  748. {block:IfShowLink7}<a href="{text:Link 7}" title="{text:Link 7 Text}">{text:Link 7 Letter}</a>{/block:IfShowLink7}
  749. {block:IfShowLink8}<a href="{text:Link 8}" title="{text:Link 8 Text}">{text:Link 8 Letter}</a>{/block:IfShowLink8}
  750. </div>
  751.  
  752. <div id="description">
  753. {Description}
  754.  
  755.  
  756. {block:IfNotInfiniteScroll}{block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  757. </div></div>
  758.  
  759. </div>
  760.  
  761. {block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
  762.  
  763. <div id="entries">{block:Posts}<div id="post">
  764.  
  765. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  766.  
  767. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  768.  
  769. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  770.  
  771. {block:Quote}{Quote}{/block:Quote}
  772.  
  773. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  774.  
  775. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  776.  
  777. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{block:IfBlackAudioPlayer}{AudioPlayerBlack}{/block:IfBlackAudioPlayer} {block:IfNotBlackAudioPlayer}{AudioPlayerWhite}{/block:IfNotBlackAudioPlayer}</left></span>
  778. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  779. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  780. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  781. {/block:Audio}
  782.  
  783. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  784.  
  785. {block:Answer}<div id="asker"><div id="askericon"><a href="{AskerURL}" title="{AskerName}"><img src="{AskerPortraitURL-40}" align="left"/></a></div> <div id="question">{Question}</div> </div><left><br/><div id="answer">{Answer}</div>{/block:Answer}
  786.  
  787. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> {/block:RebloggedFrom}
  788. {block:ContentSource} <a href="{SourceURL}" title="{ReblogRootName}">SOURCE</a>{/block:ContentSource} {/block:Date}</div>
  789. {block:HasTags}
  790. <div id="tags">
  791. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  792. {/block:HasTags}
  793. <div class="postnote">
  794. {block:PostNotes}{PostNotes}{/block:PostNotes}
  795. </div>
  796. </div>
  797. {/block:Posts}
  798.  
  799.  
  800. </div>
  801. {/block:Posts}
  802.  
  803.  
  804.  
  805. <!--
  806. THEME MAKER CREDIT
  807. -->
  808.  
  809. <div id="credit"><a href="http://caskisses.tumblr.com" target="_blank" title="theme credit">LB</a></div>
  810.  
  811.  
  812. </body></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!