Commits

Horst Gutmann committed 70b0506

Adds experimental sponsor topbar styling

  • Participants
  • Parent commits 7d3789e

Comments (0)

Files changed (5)

File pyconde/static_media/css/_header.less

     background: #FFF;
     background: rgba(255, 255, 255, 0.75);
     position: relative;
-    min-height: 300px;
+    min-height: 280px;
     font-size: 12px;
     margin-bottom: 10px;
     a {
         }
     }
     .date {
-        background: transparent url("/@{base-img-url}/trennen.gif") right 6px no-repeat;
+        background: transparent url("/@{base-img-url}/trennen.gif") right 8px no-repeat;
         float: left;
         height: 46px;
         padding: 5px 0 0 0;

File pyconde/static_media/css/_sponsors.less

+body.with-headeraddon {
+#header {
+    margin-bottom: 0px;
+    border-bottom: 2px solid @red;
+}
+#top-sponsors {
+    @topheight: 116px;
+    width: 926px;
+    height: @topheight;
+    background: #FFF;
+    //background: rgba(255,255,255,0.6);
+    margin: 0 auto 10px auto;
+    position: relative;
+    h1 {
+        color: #FFF;
+        position: absolute;
+        padding: 1px 15px 3px 10px; 
+        top: 0;
+        left: 0;
+        background: @red;
+        font-size: 10px;
+        //.border-radius(0 0 10px 0);
+    }
+    ul {
+        overflow: hidden;
+        list-style: none;
+        padding: 0 0 0 0;
+        width: 780px;
+    }
+    li {
+        width: 110px;
+        padding: 10px;
+        float:left;
+        a {
+            display: block;
+            height: 80px;
+            display: table-cell;
+            vertical-align: middle;
+        }
+        img {
+            max-width: 110px;
+            max-height: 80px;
+        }
+        .level {
+            display: block;
+            text-align: center;
+            font-weight: bold;
+        }
+    }
+    .new {
+        font-weight: bold;
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 110px;
+        height: @topheight;
+        line-height: 16px;
+        a {
+            color: #FFF;
+            height: auto;
+            text-decoration: none;
+            background: @red;
+            display: block;
+            margin-top: 32px;
+            padding: 10px;
+        }
+    }
+}
+
+} // body.with-headeraddon

File pyconde/static_media/css/style.less

 @import "_news";
 @import "_schedule";
 @import "_print";
+@import "_sponsors";
 #proposals > .all();

File pyconde/templates/base.html

                 </div>
             </div>
         </div>
+        {% block header_topbar %}{% endblock %}
     </header>
 
     <div class="{% block body_class %}{% endblock %}" id="main">
     {% block body_outer %}
+
         {% if messages %}
         <div class="col12 clearfix">
             <div class="grid_12" id="messages">

File pyconde/templates/cms/frontpage.html

 {% extends "cms/default.html" %}
-{% block bodycls %}frontpage{% endblock %}
+{% load sponsorship_tags %}
+{% block bodycls %}frontpage with-headeraddon{% endblock %}
+{% block header_topbar %}
+        <section id="top-sponsors" class="col12 clearfix">
+            <h1>Sponsoren</h1>
+            {% sponsors as all_sponsors %}
+            {% if all_sponsors %}
+            <ul class="sponsors">
+                {% for sponsor in all_sponsors %}
+                <li class="{{ sponsor.level.slug }}">
+                    <a rel="external" target="_blank" href="{{ sponsor.external_url }}"><img src="{{ sponsor.logo.url }}" /></a>
+                    <span class="level">{{ sponsor.level.name }}</span>
+                </li>
+                {% endfor %}
+            </ul>
+            {% endif %}
+            <div class="new">
+                <a href="">So werden Sie Sponsor »</a>
+            </div>
+        </section>
+{% endblock %}