API tools faq
paste
Advertisement
kero228

Spiral Restrictions

kero228
May 17th, 2011
330
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 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. Feel free to edit, but please leave credit.
  4. Theme by atmospherica.tumblr.com
  5. Tumblr controls fade in by themaxdavis.com
  6.  
  7. -->
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <html lang="en"><head>
  10.  
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  13. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" />
  16. <meta name="text:Title Text" content=""/>
  17. <meta name="text:Custom Link One" content=""/>
  18. <meta name="text:Custom Link One URL" content=""/>
  19. <meta name="text:Custom Link Two" content=""/>
  20. <meta name="text:Custom Link Two URL" content=""/>
  21. <meta name="text:Custom Link Three" content=""/>
  22. <meta name="text:Custom Link Three URL" content=""/>
  23. <meta name="color:Title" content="#000"/>
  24. <meta name="color:Post Title" content="#ccc"/>
  25. <meta name="color:Title Menu Hover" content="#4f4f4f"/>
  26. <meta name="font:Title" content="Arial"/>
  27. <meta name="font:Post Titles" content="Georgia"/>
  28. <meta name="if:Show Strikethrough" content="0"/>
  29. <meta name="if:Show Notes" content="0"/>
  30. <meta name="if:Show Description" content="1"/>
  31. <meta name="if:Dark Font" content="0"/>
  32. <meta name="if:Fade Images" content="0"/>
  33. <meta name="if:Show Captions" content="0"/>
  34. <meta name="if:Show Transparent Menu Background" content="0"/>
  35. <script type="text/javascript">
  36. $(document).ready(function() {
  37. $("body").css("display", "none");
  38. });
  39. </script>
  40. <script type="text/javascript">
  41. $(document).ready(function() {
  42. $("body").css("display", "none");
  43. $("body").fadeIn(1000);
  44. });
  45. </script>
  46. <style type="text/css">
  47. * {
  48. margin: 0;
  49. padding: 0;
  50. }
  51. body {background-color:#ffffff;color:{block:IfNotDarkFont}#bfbfbf{/block:IfNotDarkFont}{block:IfDarkFont}#969696{/block:IfDarkFont};font-family:arial;font-size:11px;background-image: url('http://i779.photobucket.com/albums/yy80/kero228/bgmaybe.jpg'); background-position:center center; background-attachment: fixed;font-size:11px;overflow-x:hidden;cursor: crosshair}
  52. img {border:none;}
  53. ::-webkit-scrollbar-thumb:vertical {
  54.  
  55. background-color:#ccc;
  56.  
  57. height:100px;
  58.  
  59. }
  60.  
  61.  
  62. iframe#tumblr_controls {
  63.  
  64. right:3px !important;
  65.  
  66. position: fixed !important;
  67.  
  68. -webkit-transition: opacity 0.7s linear;
  69.  
  70. opacity: 0.2;
  71.  
  72. -webkit-transition: all 0.8s ease-out;
  73.  
  74. -moz-transition: all 0.8s ease-out;
  75.  
  76. transition: all 0.8s ease-out;}
  77.  
  78.  
  79.  
  80. iframe#tumblr_controls:hover{
  81.  
  82. -webkit-transition: opacity 0.7s linear;
  83.  
  84. opacity: 1;
  85.  
  86. -webkit-transition: all 0.4s ease-out;
  87.  
  88. -moz-transition: all 0.4s ease-out;
  89.  
  90. transition: all 0.4s ease-out;}
  91. a, ol.notes a {text-decoration:none;color:#cccccc;border:none;-webkit-transition: all 0.2s ease-out;
  92. -moz-transition: all 0.2s ease-out;
  93. transition: all 0.2s ease-out;cursor: crosshair}
  94. a:hover,ol.notes a:hover {color:#999999;border: 0px;
  95. margin: 0px;cursor: crosshair}
  96. #head {width:100%;background-color:#000000;padding:7px;height:10px}
  97. #posts {width:500px;padding:0px;margin:0px auto; text-align: justify;z-index:-1;}
  98. .post {margin:0px auto;width:500px;margin-bottom:7px;background-color:#F2F2F2;padding:10px;border:1px solid #E6E6E6;font-size:11px; z-index:-1;}
  99. {block:IfFadeImages}{block:IndexPage}.post img {filter:alpha(opacity=70);
  100. -moz-opacity:0.7;
  101. -khtml-opacity: 0.7;
  102. opacity: 0.7;-webkit-transition: all 1s ease-in-out;
  103. -moz-transition: all 1s ease-in-out;
  104. -o-transition: all 1s ease-in-out;
  105. -webkit-transition: all 1s ease-in-out;
  106. transition: all 1s ease-in-out; }
  107. .post img:hover {filter:alpha(opacity=100);
  108. -moz-opacity:1.0;
  109. -khtml-opacity: 1.0;
  110. opacity: 1.0;
  111. } {/block:IndexPage}{/block:IfFadeImages}
  112. .quote {font-size:17px;font-weight:lighter;text-align:center;font-family:{font:Post Titles};color:{color:Post Title};}
  113. ol.notes {width:500px;font-size:11px;padding: 0px;color:#ccc;
  114. margin: 15px 0px;
  115. list-style-type: none;background:none;
  116. }
  117. h3 a {font-family:{font:Post Titles};text-transform:uppercase;font-size:26px;
  118. font-weight:lighter;color:{color:Post Title};
  119. }
  120. ol.notes a,ol.notes span,#tra span {color:#B0B0B0;background-color:#eee;}
  121. ol.notes li.note { border-top: dashed 1px #ccc;padding:12px;}
  122. #top-link{ display:none; position:fixed; right:31px; bottom:5px; color:#7D7D7D; font-weight:lighter; text-decoration:none; border-bottom:1px dashed #ccc; background:none; padding:10px; font-size:45px;font-family: 'Just Me Again Down Here', arial, serif;}
  123. #sky {width: 100%; height:50px; top: 0px; left: 0px; padding: 5px; background-image:url(http://img.freecodesource.com/myspace-layouts/images/layouts/1182827101-247-3.gif); text-align: center; position: fixed;filter:alpha(opacity=20);
  124. -moz-opacity:0.2;
  125. -khtml-opacity: 0.2;
  126. opacity: 0.2;-webkit-transition: all 1s ease-in-out;
  127. -moz-transition: all 1s ease-in-out;
  128. -o-transition: all 1s ease-in-out;
  129. -webkit-transition: all 1s ease-in-out;
  130. transition: all 1s ease-in-out;border-right:4px solid #ccc;}
  131. #sky:hover {filter:alpha(opacity=0);
  132. -moz-opacity:0;
  133. -khtml-opacity: 0;
  134. opacity: 0;}
  135. li{ margin-left:20px;}
  136. .permabox {margin-left: 500px;
  137. position: absolute;
  138. padding-left: 200px;}
  139. #bar {{block:IfShowTransparentMenuBackground}background-color:#F2F2F2;border:1px solid #E6E6E6;{/block:IfShowTransparentMenuBackground}text-align:center;width:521px;height:auto;padding:0px;z-index:1;filter:alpha(opacity=60);
  140. -moz-opacity:0.6;
  141. -khtml-opacity: 0.6;
  142. opacity: 0.6;-webkit-transition: all 1s ease-in-out;
  143. -moz-transition: all 1s ease-in-out;
  144. -o-transition: all 1s ease-in-out;
  145. -webkit-transition: all 1s ease-in-out;
  146. transition: all 1s ease-in-out;}
  147. #bar:hover{filter:alpha(opacity=100);
  148. -moz-opacity:1.0;
  149. -khtml-opacity: 1.0;
  150. opacity: 1.0;font-family:arial;}
  151. #back {width: 100%; height: 50px; top: 0px; left: 0px; padding: 5px; background-position:right top; text-align: center;position:fixed;background-color:#000;background-repeat:no-repeat;}
  152. #bar span {display:block;font-weight:normal;
  153. font-size:10px;}
  154. #bar h1 {display:block;font-size:26px;
  155. font-weight:bold;
  156. line-height:20px;
  157. margin-right:3px;-webkit-transition: all 0.5s ease;
  158. -moz-transition: all 0.5s ease;
  159. -o-transition: all 0.5s ease;color:#4f4f4f;}
  160. #bar h1 span a {color:#4F4F4F;text-transform:lowercase;letter-spacing:2px;}
  161. #bar h1 a:hover {color:#4F4F4F;{block:IfShowStrikethrough}text-decoration:line-through;{/block:IfShowStrikethrough}}
  162. #tumblr_controls{position: fixed!important;z-index:1;}
  163.  
  164. #musica {position:fixed;bottom:0px;left:0px;padding:4px;z-index:999;}
  165.  
  166. blockquote{padding:0 0 0 4px; margin:0 0 0 14px; border-left: 2px solid #D1D1D1; }
  167. #muk {font-size:50px;z-index:999;
  168. }
  169. #muk a:hover {color:#fff;}
  170. div.hib a {font-size:10px;font-style:italic;font-family:georgia;text-align:right;position:absolute;left:783px;width:200px;color:#8A8A8A;line-height:30px;}
  171. div.hib {
  172. opacity: 0;
  173. filter:alpha(opacity=0);
  174. -moz-opacity: 0;
  175. -khtml-opacity: 0;
  176. -webkit-transition: all 0.5s ease;
  177. -moz-transition: all 0.5s ease;
  178. -o-transition: all 0.5s ease;
  179. }
  180. div.bird:hover div.hib {
  181. opacity: 1;
  182. filter:alpha(opacity=100);
  183. -moz-opacity: 1;
  184. -khtml-opacity: 1;
  185. }
  186. .chro { font-size:10px;width:500px;font-weight:normal;color:#000;text-align:center;margin-top:-20px;}
  187. #kawa {-webkit-transition: all 0.5s ease;
  188. -moz-transition: all 0.5s ease;
  189. -o-transition: all 0.5s ease;}
  190. #bar h1 a {text-transform:uppercase;color: {color:Title};font-weight:lighter;}
  191. #title {font-family:{font:Title};}
  192. #bar h1 a:hover {color:{color:Title Menu Hover};}
  193. #kawa:hover {line-height:27px;}
  194. .label {font-weight:bolder;}
  195. </style>
  196. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery-1.3.2.js"></script>
  197. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery.scrollTo-1.4.0-min.js"></script>
  198. <script type="text/javascript">
  199. jQuery.fn.topLink = function(settings) {
  200. settings = jQuery.extend({
  201. min: 1,
  202. fadeSpeed: 200,
  203. ieOffset: 50
  204. }, settings);
  205. return this.each(function() {
  206. //listen for scroll
  207. var el = $(this);
  208. el.css('display','none'); //in case the user forgot
  209. $(window).scroll(function() {
  210. if(!jQuery.support.hrefNormalized) {
  211. el.css({
  212. 'position': 'absolute',
  213. 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  214. });
  215. }
  216. if($(window).scrollTop() >= settings.min)
  217. {
  218. el.fadeIn(settings.fadeSpeed);
  219. }
  220. else
  221. {
  222. el.fadeOut(settings.fadeSpeed);
  223. }
  224. });
  225. });
  226. };
  227.  
  228. $(document).ready(function() {
  229. $('#top-link').topLink({
  230. min: 400,
  231. fadeSpeed: 500
  232. });
  233. //smoothscroll
  234. $('#top-link').click(function(e) {
  235. e.preventDefault();
  236. $.scrollTo(0,300);
  237. });
  238. });
  239.  
  240.  
  241. </script>
  242. </head>
  243.  
  244. <body>
  245.  
  246.  
  247. <div id="top"></div>
  248. <a id="top-link" style="border:none;" href="#top">Ϟ</a>
  249.  
  250.  
  251. <div id="posts">
  252. <center><div id="bar"><br><h1><a id="title" href="/"><br>{block:IfTitleText}{text:Title Text}{/block:IfTitleText}</a><span id="kawa"><a href="/">index</a>{block:IfCustomLinkOne} | <a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"> {text:Custom Link One}{/block:IfCustomLinkOne}</a>{block:IfCustomLinkTwo} | <a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"> {text:Custom Link Two}{/block:IfCustomLinkTwo}</a>{block:IfCustomLinkThree} | <a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"> {text:Custom Link Three}{/block:IfCustomLinkThree}</a> | <a href="/archive">Look Behind</a> | <a href="/ask">Talk</a> | <a href="http://atmospherica.tumblr.com">▲</a> |
  253. <font color=#4f4f4f><script type="text/javascript" src="http://st1.freeonlineusers.com/on1.php?id=357910"> </script>°</font></span>{block:IfShowDescription}<br>{block:Description}
  254. <span class="chro"> {Description} </span>
  255. {/block:Description}{/block:IfShowDescription}</h1></div></center><br>
  256. {block:Posts}
  257. <div class="bird">
  258. {block:IndexPage}<div class="hib">{block:Date}<a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{block:IfShowNotes}<br>{block:NoteCount} ({NoteCount}) {/block:NoteCount}{/block:IfShowNotes}</a>{/block:Date}</div>{/block:IndexPage}
  259. {block:Text}<div class="post">
  260. {block:Title}
  261. <h3><a style="color#82E329;" href="{Permalink}"><center>{Title}</center></a></h3>
  262. {/block:Title}
  263. {Body}
  264. </div> {/block:Text}
  265.  
  266. {block:Photo}<div class="post">
  267. <a href="{Permalink}"><img class="goku" style="min-width:500px;" src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  268. {block:IfShowCaptions} {block:Caption}
  269. <br><br><div class="caption">{Caption}</div>
  270. {/block:Caption} {/block:IfShowCaptions}
  271.  
  272. {block:IfNotShowCaptions} {block:PermalinkPage}
  273. {block:Caption}
  274. <br><br><div class="caption">{Caption}</div>
  275. {/block:Caption}
  276. {/block:PermalinkPage} {block:IfNotShowCaptions}
  277. </div>{/block:Photo}
  278.  
  279.  
  280.  
  281. {block:Photoset}<div class="post">
  282. {Photoset-500}
  283. {block:Caption}
  284. <div class="caption">{Caption}</div>
  285. {/block:Caption}
  286. </div> {/block:Photoset}
  287.  
  288.  
  289. {block:Quote}<div class="post">
  290. <center> <div class="quote"> "{Quote}"</div>
  291. {block:Source}
  292. <div class="source">{Source}</div>
  293. {/block:Source}
  294. </div></center>{/block:Quote}
  295.  
  296.  
  297. {block:Link}<div class="post"><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  298. {block:Description}
  299. <div class="description">{Description}</div>
  300. {/block:Description}
  301. </div>{/block:Link}
  302.  
  303.  
  304. {block:Chat}<center><div class="post">
  305. {block:Title}
  306. <h3><a href="{Permalink}">{Title}</a></h3>
  307. {/block:Title}
  308. {block:Lines}
  309. {block:Label}
  310. <span class="label">{Label}</span>
  311. {/block:Label}
  312. <span style="background-color:#fff;"> {Line}</span> <br><br>
  313. {/block:Lines}
  314. </div></center> {/block:Chat}
  315.  
  316.  
  317. {block:Video}<div class="post">
  318. {Video-500}{block:Caption}
  319. <div class="caption">{Caption}</div>
  320. {/block:Caption}
  321. </div>{/block:Video}
  322.  
  323.  
  324. {block:Audio}<div class="post"><center>
  325. {AudioPlayerGrey}
  326. {block:Caption}
  327. <div class="caption"><span style="font-size:12px;font-family:georgia;font-style:italic;font-weight:lighter;">{Caption}</span></div>
  328. {/block:Caption}</center>
  329. </div>{/block:Audio}
  330.  
  331. {block:Answer}<div class="post">
  332. <center><a href="{Permalink}"><span style="font-size:15px"> {block:NoteCount}<i>{NoteCount}</i>{/block:NoteCount}</span></a> {Asker} asketh, <strong <style="font-weight: 1000;"><span style="line-height:-5px;">"{Question}"</span></strong><br><br>And I answereth,<br><br>
  333. {Answer}</center>
  334. </div>{/block:Answer}
  335.  
  336. </div>
  337. {block:PermalinkPage}
  338. <div style="width:510px;color:#B0B0B0"><div id="tra">
  339. <center>{block:Date}<span>spawned » {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {ShortMonth} {MonthNumber}</span>{/block:Date} <span>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</span><br/>{block:RebloggedFrom}<span>origin:</span> <a href="{ReblogRootName}">{ReblogRootName}</a> &nbsp; <span>via:</span> <a href="{ReblogParentName}">{ReblogParentName}"</a>{/block:RebloggedFrom}<Br>
  340. {block:HasTags}tags » {block:Tags}<a href="{TagURL}"><span>{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  341. </center></div>
  342. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  343. {/block:PermalinkPage}
  344.  
  345. {/block:Posts}
  346. <center><div id="muk">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}{/block:Pagination}</div> </center>
  347.  
  348. </div>
  349.  
  350. </body>
  351. </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!