API tools faq
paste
Advertisement
CrystalSkyThemes

Theme 13# No infinite Scrolling

CrystalSkyThemes
Jan 13th, 2013
39
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.00 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--Theme by Crystal.-->
  3.  
  4. <html>
  5. <big><big><a href="http://crystalskythemes.tumblr.com/">©</a></big></big>
  6. <head>
  7.  
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Sacramento|Scada' rel='stylesheet' type='text/css'>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Unica+One|Fjalla+One' rel='stylesheet' type='text/css'>
  12.  
  13.  
  14.  
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}" />
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  21.  
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#FFFFFF"/>
  25. <meta name="color:Sidebar" content="#ddd"/>
  26. <meta name="color:Text" content="#000000"/>
  27. <meta name="color:Title" content="" />
  28. <meta name="color:Link" content="#D48E8E"/>
  29. <meta name="color:Italic" content="#C69CB4"/>
  30. <meta name="color:Bold" content="#AB8044"/>
  31. <meta name="color:Link Hover" content="#000000"/>
  32. <meta name="color:quote" content="" />
  33. <meta name="color:source" content="" />
  34. <meta name="image:Background" content=""/>
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="image:sdbg" content="" />
  37. <meta name="text:Link1 Url" content="/" />
  38. <meta name="text:Link1 Title" content="Link 1" />
  39. <meta name="text:Link2 Url" content="/" />
  40. <meta name="text:Link2 Title" content="Link 2" />
  41. <meta name="text:Link3 Url" content="/" />
  42. <meta name="text:Link3 Title" content="Link 3" />
  43. <meta name="text:Link4 Url" content="/" />
  44. <meta name="text:Link4 Title" content="Link 4" />
  45. <meta name="text:quote" content="Quote here" />
  46. <meta name="text:source" content="Source here" />
  47.  
  48. <style type="text/css">
  49.  
  50. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  51.  
  52.  
  53. img{
  54. -webkit-transition: opacity 0.8s linear;
  55. opacity: 0.65;
  56. }
  57. img:hover{
  58. -webkit-transition: opacity 0.8s linear;
  59. opacity: 1;
  60. }
  61.  
  62.  
  63. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:scada; font-size:10px;}
  64.  
  65. a:link, a:active, a:visited{
  66. color: {color:Link};
  67. text-decoration: none;
  68. -webkit-transition: color 0.2s ease-out;
  69. -moz-transition: color 0.2s ease-out;
  70. }
  71.  
  72. a:hover{
  73. color:{color:Link Hover};
  74. text-decoration:line-through;
  75. text-shadow: 0px 0px 4px #000000;
  76. -webkit-transition: opacity 0.4s linear;
  77. -webkit-transition: all 0.5s ease-out;
  78. -moz-transition: all 0.4s ease-out;
  79. transition: all 0.4s ease-out;}
  80.  
  81. a img{border:0}
  82.  
  83. #entries{margin-left:320px; width:510px;margin-bottom:0px; margin-top:0px; padding:0px; overflow:hidden; padding:0px}
  84.  
  85. #sidebar {width:230px; margin-left:50px; height:100%px; margin-top:100px; position:fixed; overflow:hidden; background-color: #fff; padding:3px;border: 5px double #ddd;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  86.  
  87. #sidebarimg {margin-bottom:3px; padding:5px;border:10px }
  88.  
  89. #sidebarimg img {max-width:220px;}
  90.  
  91.  
  92. #sidebar:hover {-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;transition: all 0.9s ease-out;
  93. -o-transition-transition: all 0.9s ease-out; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  94.  
  95. #titlebar{color:{color:title};text-shadow: 1px 1px 5px #000;font-family: sacramento;font-size:40px;line-height:10px;padding:10px;background-color: transparent;text-transform: normal;text-align: left;margin-top:-29px;position:fixed;}
  96.  
  97. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/pwgdr2n/yAkm3iisd/a_s_black_swan.ttf'); }
  98.  
  99.  
  100. #qquote{font-family:black swan;font-size: 69px;text-shadow:1px 1px 7px #000000 ; line-height: 10px; color: {color:quote}; text-align:left; padding: 5px; margin-top:400px; margin-left:900px; position:absolute; letter-spacing:1px;}
  101.  
  102. #sub{font-family:Unica One; color:{color:source};text-transform: uppercase;font-size:15px; text-align:right; letter-spacing:3px; margin-top:425px; margin-left:968px; position:absolute;border-left:5px double #989898;border-right:5px double #989898;}
  103.  
  104.  
  105. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  106.  
  107.  
  108. #linkies{width:220px;font-family:ronda;text-transform:lowercase;font-size:8px; font-weight:none;text-align:right;background-color:transparent; line-height:15px; padding:5px;margin-left:-50px;margin-top:-9px;}
  109.  
  110. #linkies{text-align:center;opacity:0;margin-top:-9px;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;;margin-left:5px}
  111.  
  112. #sidebar:hover #linkies{margin-top:-9px; opacity:1;transition: all 0.6s ease-out;-o-transition-transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;;margin-left:25px;}
  113.  
  114. #description {font-family:arial; font-size:10px;padding:2px; margin-top:-10px;text-align:center;background-color:{color:sidebar};overflow:auto; border: 2px solid #ddd; padding: 0px; width: 220px; height: 20px;opacity:0.3;-o-transition-transition: all 0.7s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;background-image:url('{image:sdbg}');}
  115.  
  116. #sidebar:hover #description {font-family:arial; font-size:10px;padding:2px; margin-top:-10px;text-align:center;background-color:{color:sidebar};overflow:auto; border: 2px solid #ddd; padding: 0px; width: 220px; height: 60px;opacity:0.9;;-o-transition-transition: all 0.7s ease-out;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
  117.  
  118. #descrip {margin-bottom: 0px; padding:5px; text-align:justify; color:{color:Text};}
  119.  
  120. #posts{background-color:transparent; margin-bottom:0px; margin-top:2px; padding:0px; overflow:hidden; padding:0px;}
  121.  
  122. #h1{font-family:Sacramento; color:{color:Title}; text-transform:lowercase; font-size:30px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;position:visible;}
  123.  
  124. #notes{background-color:transparent; width:510px; margin-bottom:15px;}
  125.  
  126. #notess{width:500px; background-color:transparent; padding:3px 7px 3px 7px;}
  127.  
  128. .bubble {align:right;text-color:#000;background: #ddd; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  129. .bubble p {margin:1px 0px;}
  130. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 11;line-height: 12px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  131.  
  132. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #ddd; text-color:#000;}
  133.  
  134. #source {text-align:right; font-size:09px;}
  135.  
  136. #fade {display: none;background: #000;position: fixed; left: 0; top: 0;
  137. width: 100%; height: 100%;opacity: .50;z-index: 9999;}
  138.  
  139.  
  140. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  141.  
  142. p{margin-top:5px; margin-bottom:5px; }
  143.  
  144. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:1px dotted {color:Link};}
  145.  
  146. .ask{background-color:transparent; font-size:10px; font-family:short stack;}
  147.  
  148. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  149.  
  150. .chat {line-height: 12px; list-style: none }
  151.  
  152. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  153.  
  154. .person1 {background-color:transparent; color: {color:text}; }
  155.  
  156. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  157.  
  158. .person2 {color: {color:Text} }
  159.  
  160. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  161.  
  162. .quote{font-family:sacramento; font-size:23px; color: {color:Text}; font-style:italic;}
  163.  
  164. #audio { padding: 0px; }
  165.  
  166. .qu { opacity: 0.7; font-family: grand hotel; font-size: 25px; font-weight: bold; line-height: 33px;}
  167.  
  168. .ote { opacity: 0.9; margin-top: -34px; text-indent: 15px; }
  169.  
  170. .audio { background-color :white;display: block; }
  171.  
  172. #pagination {font-size:30px; text-align: center; font-family:short stack; text-align:center;}
  173.  
  174. #pagination a{color:{color:Link}}
  175.  
  176. i, em {color: {color:italic};}
  177.  
  178. b, strong {color: {color:bold};}
  179.  
  180. ::selection {color:{color:Text};background-color: {color:Link};}
  181.  
  182. ::-moz-selection {color:{color:Text};background-color: {color:Link};}
  183.  
  184. ::-webkit-selection {color:{color:Text};background-color:{color:Link};}
  185.  
  186. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Link};height:auto;border: 1px solid #ddd;border-radius:200px;}
  187.  
  188. ::-webkit-scrollbar-thumb:horizontal {background-color:#eee; height:auto !important;border-radius:200px;}
  189.  
  190. ::-webkit-scrollbar {height:auto;width:5px;background-color: transparent;
  191. border-radius:200px;}
  192.  
  193.  
  194. p {margin:0px;margin-top:0px;}
  195.  
  196. .notesilh {max-width:300; height:auto; padding:5px;color:transparent; background:{color:background}; margin-left:5px; margin-bottom:-10px;border-left:0px solid {color:link};filter:alpha(opacity=0); opacity:0; font-size:8px; font-family:"ronda";-webkit-transition-duration: .90s;position: absolute; text-align:center; text-transform: lowercase; align:center; z-index:99999;border:3px double #ddd;}
  197.  
  198. .boxx:hover .notesilh {opacity:0.9; width:500; height:auto;margin-left:90px; margin-top:0px;font-size:8px; font-family:"ronda";-webkit-transition-duration: .95s;position: absolute; text-align:center; text-transform: lowercase; align:center;z-index:99999;background:{color:background}; border-left:0px solid {color:link}; color:{color:text};border:3px double #ddd;}
  199.  
  200. #tumblr_controls {position: fixed !important; color:black;opacity:0.3; -o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
  201.  
  202. #tumblr_controls:hover {color:black;opacity:.9; -o-transition-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
  203.  
  204. </style>
  205.  
  206. <style type="text/css">{CustomCSS}</style>
  207.  
  208.  
  209.  
  210.  
  211. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  212. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  213. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  214. <script type="text/javascript">
  215. $(document).ready(function() {
  216. $().UItoTop({ easingType: 'easeOutQuart' });
  217. });
  218. </script>
  219. </head>
  220.  
  221. <body>
  222. <div id="sidebar">
  223. <div id="titlebar">{Title}</div>
  224. <div id="linkies"><br><a href="/">home</a> . <a href="/ask">ask</a> . {block:ifLink1Title} <a href="{text:Link1 Url}">{text:Link1 Title}</a> . {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link2 Url}">{text:Link2 Title}</a> .{/block:ifLink2Title}{block:ifLink3Title} <a href="{text:Link3 Url}">{text:Link3 Title}</a> . {/block:ifLink3Title}{block:ifLink4Title} <a href="{text:Link4 Url}">{text:Link4 Title}</a>{/block:ifLink4Title}</div>
  225. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  226. <div id="descrip"><div id="description">{block:Description}{Description}{/block:Description}</div></div>
  227. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">↜</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">↝</a>{/block:NextPage}</div>
  228. </div>
  229.  
  230.  
  231. <div id="qquote">{text:quote}</div>
  232. <div id="sub">{text:source}</div>
  233.  
  234. <div id="entries">
  235. <div class = "autopagerize_page_element" >
  236. {block:Posts}
  237.  
  238. <div id="posts">
  239.  
  240. {block:Text}
  241.  
  242. <div class="boxx"><div class="notesilh">
  243. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  244. {block:HasTags} <br> {block:Tags}
  245.  
  246. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  247.  
  248.  
  249. </div>
  250. <div class="postalign">
  251.  
  252. {block:Title}
  253.  
  254. <div id="h1">{Title}</div>
  255.  
  256. {/block:Title}
  257.  
  258. {Body}
  259.  
  260. </div>
  261.  
  262. {/block:Text}
  263.  
  264. {block:Photo}
  265. <div class="boxx"><div class="notesilh">
  266. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  267. {block:HasTags} <br> {block:Tags}
  268.  
  269. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  270.  
  271.  
  272. </div>
  273. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  274.  
  275.  
  276.  
  277. {/block:Photo}
  278.  
  279. {block:Photoset}
  280. <div class="boxx"><div class="notesilh">
  281. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  282. {block:HasTags} <br> {block:Tags}
  283.  
  284. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  285.  
  286.  
  287. </div>
  288.  
  289.  
  290.  
  291. <div class="postalign"><center>{Photoset-500}</center></div>
  292.  
  293. {/block:Photoset}
  294.  
  295. {block:Quote}
  296.  
  297. <div class="postalign">
  298. <div class="boxx"><div class="notesilh">
  299. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  300. {block:HasTags} <br> {block:Tags}
  301.  
  302. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  303.  
  304. </div>
  305.  
  306. <div class="quote">{Quote}</div>
  307. {block:Source}
  308. <div id="source">— {Source}</div>
  309. </div>
  310. {/block:Source}
  311. {/block:Quote}
  312.  
  313. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div> {Answer} <p align=right><a href="{Permalink}"><p align=right><span class="permalink"><a href="{permalink}">{notecountwithlabel}</a></span></align>
  314. {/block:Answer}
  315.  
  316. {block:Link}
  317.  
  318. <div class="postalign">
  319. <div class="boxx"><div class="notesilh">
  320. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  321. {block:HasTags} <br> {block:Tags}
  322.  
  323. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  324.  
  325.  
  326. </div>
  327. <div id="h1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  328.  
  329. {block:Description}
  330.  
  331. {Description}
  332.  
  333. {/block:Description}
  334.  
  335. </div>
  336.  
  337. {/block:Link}
  338.  
  339. {block:Chat}<div class="boxx"><div class="notesilh">
  340. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  341. {block:HasTags} <br> {block:Tags}
  342.  
  343. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  344.  
  345.  
  346. </div><div class="postalign">{block:Title}<div id="h1">{Title}</div>{/block:Title}
  347.  
  348. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}
  349.  
  350. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  351.  
  352. </div>{/block:Chat}
  353.  
  354. {block:Video}{Video-500}<div class="postalign"><div class="boxx"><div class="notesilh">
  355. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  356. {block:HasTags} <br> {block:Tags}
  357.  
  358. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  359.  
  360.  
  361. </div></div>{/block:Video}
  362.  
  363. {block:Audio}
  364.  
  365. <div id="audio">
  366. <div class="boxx"><div class="notesilh">
  367. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} - {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} - <a href="{ReblogURL}" class="menu">Reblog</a>
  368. {block:HasTags} <br> {block:Tags}
  369.  
  370. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  371.  
  372.  
  373. </div>
  374. {block:AlbumArt}
  375. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  376. {block:TrackName}
  377. Song: <b>{TrackName}</b><br>
  378. {/block:TrackName}
  379. {block:Artist}
  380. Artist: <b>{Artist}</b><br><br>
  381. {/block:Artist}
  382. {AudioPlayerBlack}<br>
  383. </div>
  384. {/block:Audio}
  385. </div>
  386.  
  387. {/block:Posts}
  388.  
  389. {block:PostNotes}
  390.  
  391. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  392.  
  393. {/block:PostNotes}
  394. </div>
  395. </div>
  396. </div>
  397.  
  398. </body>
  399.  
  400. </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!