Updated website template style.

This commit is contained in:
Emanuel Schuetze 2011-08-01 07:57:15 +02:00
parent 3db6a12024
commit fd267ea69b
5 changed files with 103 additions and 44 deletions

View File

@ -6,18 +6,24 @@
@import url(http://fonts.googleapis.com/css?family=Ubuntu); /*@import url(http://fonts.googleapis.com/css?family=Ubuntu);*/
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu'), url('ubuntu-v1.woff') format('woff');
}
body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', body { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana',
sans-serif; font-size: 13px; color: #000; } sans-serif; font-size: 13px; color: #000; }
a { color: #185F6D; border-bottom: 1px dotted #2BABC4; text-decoration: none; } a { color: #185F6D; border-bottom: 1px dotted #2BABC4; text-decoration: none; }
a:hover { color: #2794AA; border-bottom: 1px solid #2794AA; } a:hover { color: #2794AA; border-bottom: 1px solid #2794AA; }
.box { width: 540px; margin: 20px auto; } .box { width: 800px; margin: 20px auto; }
h1, h2, h3 { font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', h1, h2, h3 { font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva',
'Verdana', sans-serif; font-weight: normal; } 'Verdana', sans-serif; font-weight: normal; }
.header { height: 165px; } .header { height: 100px; }
.header h1 { margin: 0 0 30px 0; background: url(logo.png) no-repeat right; .header h1 { margin: 0 0 30px 0; font-size: 50px; font-weight: bold; padding-top: 50px; height: 120px; }
font-size: 50px; font-weight: bold; padding-top: 50px; height: 120px; }
.header p { font-size: 15px; margin: -90px 0 0 0; } .header p { font-size: 15px; margin: -90px 0 0 0; }
h1 { font-size: 34px; margin: 25px 0 5px 0; } h1 { font-size: 34px; margin: 25px 0 5px 0; }
h2 { font-size: 18px; margin: 25px 0 5px 0; } h2 { font-size: 18px; margin: 25px 0 5px 0; }
@ -34,7 +40,7 @@ ol { line-height: 1.4; margin: 15px 0 15px 30px; padding: 0; }
blockquote { margin: 15px 0; font-style: italic; color: #444; } blockquote { margin: 15px 0; font-style: italic; color: #444; }
.footer { font-size: 10px; color: #888; text-align: right; margin-top: 25px; } .footer { font-size: 10px; color: #888; text-align: right; margin-top: 25px; }
.more { text-align: right; margin-top: 0; font-size: 0.9em; font-style: italic; } .more { text-align: right; margin-top: 0; font-size: 0.9em; font-style: italic; }
.nav { text-align: left; margin: 0 0 0 0; } .nav { text-align: left; margin: 20px 0 0 0; }
table { border: 1px solid black; border-collapse: collapse; table { border: 1px solid black; border-collapse: collapse;
margin: 15px 0; } margin: 15px 0; }
td, th { border: 1px solid black; padding: 4px 10px; td, th { border: 1px solid black; padding: 4px 10px;
@ -43,6 +49,49 @@ th { background: #eee; font-weight: normal; }
td input { border: none; padding: 0; } td input { border: none; padding: 0; }
/* Header */
#logo {
position:relative;
left: 42px;
}
#header_title {
font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', sans-serif;
height:40px;
font-size:50px;
color:#444444;
}
#header_subtitle {
font-family: 'Ubuntu', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', sans-serif;
color:#444444;
font-size:14px;
}
/* Wrapper */
#wrapper {
float:left;
line-height:140%;
width: 100%;
}
/* Header */
#header {
margin-left: 150px;
padding: 20px;
}
/* Content */
#content {
margin-left: 150px;
padding: 3px 20px;
}
/* Sub Menu */
#submenu {
float: left;
width: 150px;
margin-left: -100%;
}
#language {
position: relative;
left:10px;
top: 10px
}
/* latest version button */ /* latest version button */
.latestver { margin: 20px 0 0 0; float: right; font-style: italic; } .latestver { margin: 20px 0 0 0; float: right; font-style: italic; }
.latestver strong { font-weight: normal; } .latestver strong { font-weight: normal; }

BIN
docs/_static/images/logo.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
docs/_static/logo.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
docs/_static/ubuntu-v1.woff vendored Normal file

Binary file not shown.

View File

@ -3,46 +3,56 @@
{%- block content %} {%- block content %}
<div class="box"> <div class="box">
<div class="language"> <div id="wrapper">
{%- for lng in languages.split(' ') %} <div id="header">
{%- if lng != language %}
<a href="{{ pathto('../'+lng+'/'+pagename) }}"><img src="{{ pathto('_static/images/'+lng+'.png', 1) }}" alt="{{ lng }}" title="{{ lng }}" border="0" width="18px" height="13px"/></a> <div id="header_title">OpenSlides</div>
{%- endif %} <div id="header_subtitle">
{%- endfor %} {%- if language == 'de' %}
Tagesordnungs-Präsentation mit Antrags- und Wahlsystem
{%- else %}
Agenda presentation with application and voting system
{%- endif %}
</div>
</div>
<div id="content">
{% block body %} {% endblock %}
<p class="footer">
&copy; 2011 | OpenSlides is licensed under GPLv2+.
</p>
</div>
</div> <!-- end wrapper -->
<div id="submenu">
<div id="logo">
<a href="{{ pathto('index') }}" title="Home"><img src="_static/images/logo.png"></a>
</div>
<div id="language">
{%- for lng in languages.split(' ') %}
{%- if lng != language %}
<a href="{{ pathto('../'+lng+'/'+pagename) }}" style="border: none;"><img src="{{ pathto('_static/images/'+lng+'.png', 1) }}" alt="{{ lng }}" title="{{ lng }}" border="0" width="18px" height="13px"/></a>
{%- endif %}
{%- endfor %}
</div>
<div class="nav">
<ul>
{%- if language == 'de' %}
<li><a href="{{ pathto('index') }}">Home</a></li>
<li><a href="about.html">Über</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="http://trac.openslides.org">Entwicklung</a></li>
<li><a href="help.html">Hilfe</a></li>
{%- else %}
<li><a href="{{ pathto('index') }}">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="http://trac.openslides.org">Development</a></li>
<li><a href="help.html">Help</a></li>
{%- endif %}
</ul>
</div>
</div> </div>
<div class="header">
<h1><span>OpenSlides</span></h1>
<p>
{%- if language == 'de' %}
Tagesordnungs-Präsentation<br> mit Antrags- und Wahlsystem
{%- else %}
Agenda presentation<br> with application and voting system
{%- endif %}
</div>
<div class="nav">
{%- if language == 'de' %}
<a href="{{ pathto('index') }}">Home</a> |
<a href="about.html">Über</a> |
<a href="download.html">Download</a> |
<a href="http://trac.openslides.org">Entwicklung</a> |
<a href="help.html">Hilfe</a>
{%- else %}
<a href="{{ pathto('index') }}">Home</a> |
<a href="about.html">About</a> |
<a href="download.html">Download</a> |
<a href="http://trac.openslides.org">Development</a> |
<a href="help.html">Help</a>
{%- endif %}
</div>
{% block body %} {% endblock %}
<p class="footer">
&copy; 2011 | OpenSlides is licensed under GPLv2+.
</p>
</div> </div>
{%- endblock %} {%- endblock %}