panikweb_templates/templates/party.html

   1 {% extends "base.html" %}
   2 {% load thumbnails %}
   3 {% load paniktags %}
   4 {% load staticfiles %}
   5 {% load i18n %}
   6 {% block bodyID %}Party{% endblock %}
   7 {% block title %}Party{% endblock %}
   8
   9 {% block extrascripts %}
  10 <script>
  11 function reload() {
  12   if (location.href.indexOf('?') == -1) {
  13     href = location.href;
  14   } else {
  15     href = location.href.substring(0, location.href.indexOf('?'));
  16   }
  17   href = href + '?' + new Date().getTime()
  18   $('#Changing').fadeOut();
  19
  20   $('#Changing').load(href + " #Changing>*", null, function() {$('#Changing').fadeIn();});
  21 }
  22
  23 $(function() {
  24   timer = setInterval(reload, 10000);
  25 });
  26 </script>
  27 {% endblock %}
  28
  29 {% block main %}
  30
  31 <div id="party" class="news">
  32
  33   <div class="content content-inline cf special">
  34     <a class="block cf" href="{{ focus|get_focus_url}}">
  35       {% if focus.content_category_title %}
  36         <div class="label labels absolute">
  37           <span class="item inBlock">{{ focus.content_category_title }}</span>
  38         </div>
  39       {% endif %}
  40       <div class="logo">
  41         <img class="normal" src="{{ focus.content_image|thumbnail:'500x375' }}"/>
  42       </div>
  43       <div class="title"><div>{{ focus.focus_title }}</div></div>
  44     </a>
  45   </div>
  46
  47   <style>
  48 #metaNav, #Footer, .metas { display: none; }
  49 .special .title {
  50         opacity:0.9;
  51         width: 482px;
  52         background: black;
  53         color: white;
  54         position: absolute;
  55         bottom: 0;
  56         font-family: "RegloBold";
  57         padding: 10px;
  58 }
  59
  60 body {
  61         height: 90%;
  62         overflow: hidden;
  63 }
  64
  65 #Changing,
  66 #Commons {
  67         float: none;
  68         height: 200px;
  69         width: 500px;
  70         margin: 0 auto 0 auto;
  71 }
  72 #backgroundBox {
  73         margin: auto 0;
  74 }
  75
  76 #Commons > .wrapper {
  77         position: relative;
  78 }
  79
  80 #Player {
  81         width: 200px;
  82         position: absolute;
  83         top: 50px;
  84         left: 200px;
  85 }
  86
  87   </style>
  88
  89 {% endblock %}