API tools faq
paste
Advertisement
CrystalSkyThemes

Theme 29#

CrystalSkyThemes
Jan 22nd, 2013
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.93 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4. <link href='http://fonts.googleapis.com/css?family=Just+Another+Hand|Codystar|Andika|Allerta|Megrim|Vibur' rel='stylesheet' type='text/css'>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}" />
  10.  
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:Background" content="#FFFFFF"/>
  16. <meta name="color:Text" content=""/>
  17. <meta name="color:Link" content=""/>
  18. <meta name="color:Bold" content=""/>
  19. <meta name="color:Title" content=""/>
  20. <meta name="color:Italic" content=""/>
  21. <meta name="color:Link Hover" content=""/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:posts Background" content=""/>
  24. <meta name="image:Sidebar" content=""/>
  25. <meta name="text:Link1 Url" content="/" />
  26. <meta name="text:Link1 Title" content="Link 1" />
  27. <meta name="text:Link2 Url" content="/" />
  28. <meta name="text:Link2 Title" content="Link 2" />
  29. <meta name="text:Link3 Url" content="/" />
  30. <meta name="text:Link3 Title" content="Link 3" />
  31. <meta name="text:Link4 Url" content="/" />
  32. <meta name="text:Link4 Title" content="Link 4" />
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37.  
  38. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  39.  
  40. @font-face {font-family:"fighter";src:url('http://static.tumblr.com/7glhdxz/lLPmgeviu/kgthefighter.ttf');}
  41.  
  42.  
  43.  
  44. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:arma; font-size:8px;}
  45.  
  46. a:link, a:active, a:visited{
  47. color:{color:Link};
  48. text-decoration: none;
  49. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  50. }
  51.  
  52.  
  53. a:hover {
  54. color:{color:link hover};
  55. text-decoration: none;
  56. text-shadow:0px 0px 2px #000;
  57. }
  58.  
  59. a img{border:0}
  60.  
  61.  
  62. #entries {margin: 2px;padding: 4px;margin-left: 350px;background-color:white;background-image:url('{image:posts background}');border: 4px double #ddd;float:left;line-height:10px;width:500px;}
  63.  
  64. #posts {
  65. width:500px;
  66. margin-top:10px;
  67. margin-left:0px;
  68. right:auto;
  69. background:transparent;
  70. margin-right:auto;
  71. position:relative;
  72. }
  73.  
  74.  
  75. #sidebar {width:210px; margin-left:50px; height:100%px; margin-top:100px; position:fixed; overflow:hidden; background-color: white; padding:3px;border:3px double #ddd;}
  76.  
  77. #sidebarimg {margin-bottom:3px; padding:5px;}
  78.  
  79. #sidebarimg img {max-width:190px;padding-top:5px;}
  80.  
  81.  
  82.  
  83. #linkies{width:184px;font-family:arma;text-transform:lowercase;font-size:8px; font-weight:none;text-align:center;background-color:transparent; line-height:90%; padding-bottom:5px;margin-top:-5px;border:3px double #ddd;margin-left:10px;}
  84.  
  85. div#description {font-family:arma; font-size:8px; margin-top:2px;text-align:center;background-color:white;margin-left:7px;;overflow:auto; padding: 0px; width: 184px; height: 15px;position:fixed;
  86. z-index:auto;
  87. -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  88.  
  89. #sidebar:hover div#description {height:60px;}
  90.  
  91. #descrip {margin-bottom: 0px; padding:5px; text-align:justify; color:{color:Text};}
  92.  
  93. #title{font-family:Megrim; color:{color:Title}; font-size:20px;padding:3px; text-align:center;position:fixed;background-color:{color:background};margin-top:-26px;}
  94.  
  95.  
  96.  
  97. #h1{font-family:fighter; color:{color:Text}; text-transform:lowercase; font-size:18px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;}
  98.  
  99. #notes{background-color:transparent; width:510px; margin-bottom:15px;}
  100.  
  101. #notess{width:500px; background-color:transparent; padding:3px 7px 3px 7px;}
  102.  
  103. .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;}
  104. .bubble p {margin:1px 0px;}
  105. .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;}
  106.  
  107. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #ddd; text-color:#000;}
  108.  
  109. #source {text-align:right; font-size:08px;}
  110.  
  111.  
  112.  
  113.  
  114.  
  115. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  116.  
  117. p{margin-top:5px; margin-bottom:5px; }
  118.  
  119. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:1px dotted {color:Link};}
  120.  
  121. .ask{background-color:transparent; font-size:10px; font-family:short stack;}
  122.  
  123. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  124.  
  125. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  126.  
  127. .user_1 .label {color:{color:link}; font-weight:bold}
  128. .user_2 .label {color:{color:text}; font-weight:bold}
  129. .user_3 .label {color:{color:link}; font-weight:bold}
  130. .user_4 .label {color:{color:text}; font-weight:bold}
  131. .user_5 .label {color:{color:link}; font-weight:bold}
  132. .user_6 .label {color:{color:text}; font-weight:bold}
  133. .user_7 .label {color:{color:link}; font-weight:bold}
  134. .user_8 .label {color:{color:text}; font-weight:bold}
  135. .user_9 .label {color:{color:link}; font-weight:bold}
  136. .user_10 .label {color:{color:text}; font-weight:bold}
  137. .user_11 .label {color:{color:link}; font-weight:bold}
  138. .user_12 .label {color:{color:text}; font-weight:bold}
  139. .user_13 .label {color:{color:link}; font-weight:bold}
  140. .user_14 .label {color:{color:text}; font-weight:bold}
  141. .user_15 .label {color:{color:link}; font-weight:bold}
  142. .user_16 .label {color:{color:text}; font-weight:bold}
  143. .user_17 .label {color:{color:link}; font-weight:bold}
  144. .user_18 .label {color:{color:text}; font-weight:bold}
  145. .user_19 .label {color:{color:link}; font-weight:bold}
  146. .user_20 .label {color:{color:text}; font-weight:bold}
  147. .user_21 .label {color:{color:link}; font-weight:bold}
  148. .user_22 .label {color:{color:text}; font-weight:bold}
  149. .user_23 .label {color:{color:link}; font-weight:bold}
  150. .user_24 .label {color:{color:text}; font-weight:bold}
  151. .user_25 .label {color:{color:link}; font-weight:bold}
  152.  
  153. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  154.  
  155. .quote{font-family:fighter; font-size:15px; color: {color:Text}; font-style:italic;}
  156.  
  157. #audio { padding: 0px; }
  158.  
  159. .qu { opacity: 0.7; font-family: georgia; font-size: 25px; font-weight: bold; line-height: 33px;}
  160.  
  161. .ote { opacity: 0.9; margin-top: -34px; text-indent: 15px; }
  162.  
  163. .audio { background-color :white;display: block; }
  164.  
  165. i, em {color: {color:italic};}
  166.  
  167. b, strong {color: {color:bold};}
  168.  
  169. ::selection {color:{color:Text};background-color: {color:Link};}
  170.  
  171. ::-moz-selection {color:{color:Text};background-color: {color:Link};}
  172.  
  173. ::-webkit-selection {color:{color:Text};background-color:{color:Link};}
  174.  
  175. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Link};height:auto;border-radius:0px;}
  176.  
  177. ::-webkit-scrollbar-thumb:horizontal {background-color:#eee; height:auto !important;border-radius:0px;}
  178.  
  179. ::-webkit-scrollbar {height:auto;width:4px;background-color: transparent;
  180. border-radius:0px;}
  181.  
  182. p {margin:0px;margin-top:0px;}
  183.  
  184. .notesilh {width:95; height:auto; padding:5px;color:transparent; background:{color:background}; margin-left:0px; margin-bottom:-10px;border-left:0px solid {color:link};filter:alpha(opacity=0); opacity:0; font-size:8px; font-family:"arma";-webkit-transition-duration: .90s;position: absolute; text-align:center; text-transform: uppercase; align:center; z-index:99999;}
  185.  
  186. .boxx:hover .notesilh {opacity:0.9; width:295; height:auto;margin-left:0px; margin-top:0px;font-size:8px; font-family:"arma";-webkit-transition-duration: .90s;position: absolute; text-align:center; text-transform: uppercase; align:center;z-index:99999;background:{color:background}; border-left:7px solid {color:link}; color:{color:text};}
  187.  
  188. #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; }
  189.  
  190. #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; }
  191.  
  192. </style>
  193.  
  194. <style type="text/css">{CustomCSS}</style>
  195.  
  196. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  197.  
  198.  
  199.  
  200.  
  201. </head>
  202.  
  203. <body>
  204.  
  205. <div id="center">
  206. <div id="sidebar">
  207. <div id="title">{Title}</div>
  208.  
  209. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  210. <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>
  211. <div id="descrip"><div id="description">{Description}</div></div>
  212. </div>
  213.  
  214.  
  215. <div id="entries">
  216. <div class = "autopagerize_page_element" >
  217. {block:Posts}
  218.  
  219. <div id="posts">
  220.  
  221. {block:Text}
  222.  
  223. <div class="boxx"><div class="notesilh">
  224. {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>
  225. {block:HasTags} <br> {block:Tags}
  226.  
  227. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  228.  
  229.  
  230. </div>
  231. <div class="postalign">
  232.  
  233. {block:Title}
  234.  
  235. <div id="h1">{Title}</div>
  236.  
  237. {/block:Title}
  238.  
  239. {Body}
  240.  
  241. </div>
  242.  
  243. {/block:Text}
  244.  
  245. {block:Photo}
  246. <div class="boxx"><div class="notesilh">
  247. {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>
  248. {block:HasTags} <br> {block:Tags}
  249.  
  250. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  251.  
  252.  
  253. </div>
  254. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  255.  
  256.  
  257.  
  258. {/block:Photo}
  259.  
  260. {block:Photoset}
  261. <div class="boxx"><div class="notesilh">
  262. {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>
  263. {block:HasTags} <br> {block:Tags}
  264.  
  265. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  266.  
  267.  
  268. </div>
  269.  
  270. <div class="postalign"><center>{Photoset-500}</center></div>
  271.  
  272. {/block:Photoset}
  273.  
  274. {block:Quote}
  275.  
  276. <div class="postalign">
  277. <div class="boxx"><div class="notesilh">
  278. {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>
  279. {block:HasTags} <br> {block:Tags}
  280.  
  281. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  282.  
  283. </div>
  284.  
  285. <div class="quote">{Quote}</div>
  286. {block:Source}
  287. <div id="source">— {Source}</div>
  288. </div>
  289. {/block:Source}
  290. {/block:Quote}
  291.  
  292. {block:Answer}<br>
  293. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background-color: {color:Background}; box-shadow: 0px 0px 5px 3px #eee;">
  294. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  295. <askk>{Asker}</askk>: {Question}<br></div>
  296. <div style="font-family: arma; font-size: 8px;">
  297. {Answer}<br>
  298. </div>
  299. <p align=right><span class="permalink"><a href="{permalink}"> {NoteCountWithLabel}</a> &middot <a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{timeago}</a></a></a><br>{/block:HasTags}</span></align>
  300. {/block:Answer}
  301.  
  302. {block:Link}
  303.  
  304. <div class="postalign">
  305. <div class="boxx"><div class="notesilh">
  306. {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>
  307. {block:HasTags} <br> {block:Tags}
  308.  
  309. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  310.  
  311.  
  312. </div>
  313. <div id="h1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  314.  
  315. {block:Description}
  316.  
  317. {Description}
  318.  
  319. {/block:Description}
  320.  
  321. </div>
  322.  
  323. {/block:Link}
  324.  
  325. {block:Chat}<div class="boxx"><div class="notesilh">
  326. {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>
  327. {block:HasTags} <br> {block:Tags}
  328.  
  329. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  330.  
  331.  
  332. </div><div class="postalign">{block:Title}<div id="h1">{Title}</div>{/block:Title}
  333.  
  334. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}
  335.  
  336. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  337.  
  338. </div>{/block:Chat}
  339.  
  340. {block:Video}{Video-500}<div class="postalign"><div class="boxx"><div class="notesilh">
  341. {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>
  342. {block:HasTags} <br> {block:Tags}
  343.  
  344. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  345.  
  346.  
  347. </div></div>{/block:Video}
  348.  
  349. {block:Audio}
  350.  
  351. <div id="audio">
  352. <div class="boxx"><div class="notesilh">
  353. {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>
  354. {block:HasTags} <br> {block:Tags}
  355.  
  356. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  357.  
  358.  
  359. </div>
  360. {block:AlbumArt}
  361. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  362. {block:TrackName}
  363. Song: <b>{TrackName}</b><br>
  364. {/block:TrackName}
  365. {block:Artist}
  366. Artist: <b>{Artist}</b><br><br>
  367. {/block:Artist}
  368. {AudioPlayerBlack}<br>
  369. </div>
  370. {/block:Audio}
  371. </div>
  372.  
  373. {/block:Posts}
  374.  
  375. {block:PostNotes}
  376.  
  377. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  378.  
  379. {/block:PostNotes}
  380. </div>
  381. </div>
  382. </div>
  383.  
  384. </body>
  385.  
  386. <div style="position:fixed;background-color: white; border: 3px double #a87172; padding: 5px; font-size: 8px; font-family: arma;
  387. bottom:5px; right:10px; border: 3px double #cfcece; padding: 5px;">
  388.  
  389. <center><script language="JavaScript">
  390. var ref = (''+document.referrer+''); var page = (''+window.location+'');
  391. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2437731&e1=&e2=&p=' + page + '&r=' + ref + '"><\/script>');
  392. </script> here | <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1805843&name="></script>
  393. hits <br>
  394.  
  395. <div style="font-family:arial;position: fixed; bottom: 10px; font-size: 11px; left: 10px;"><a href="http://crystalskythemes.tumblr.com">©</a></div>
  396.  
  397. </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!