summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLeif Johansson <leifj@sunet.se>2011-08-02 13:52:01 +0200
committerLeif Johansson <leifj@sunet.se>2011-08-02 13:52:01 +0200
commit2149e84d51164f7831811df0d31b0fc92e81233f (patch)
tree2d265dfa181d8b85783f1de031d0a0de29984d6a
parentc87e9f345bad9672c47f457fbb22b61fe8e15a91 (diff)
style polish
-rw-r--r--src/site-media/css/style.css61
-rw-r--r--src/site-media/img/sidhuvudbakgrund.jpgbin0 -> 63437 bytes
-rw-r--r--src/site-media/img/sunet.jpgbin0 -> 19292 bytes
-rw-r--r--src/templates/apps/auth/login.html7
-rw-r--r--src/templates/base.html73
5 files changed, 64 insertions, 77 deletions
diff --git a/src/site-media/css/style.css b/src/site-media/css/style.css
index 97912d9..4740442 100644
--- a/src/site-media/css/style.css
+++ b/src/site-media/css/style.css
@@ -1,43 +1,39 @@
html,body { font-size: 80%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; height: 100%; margin:0; padding:0;}
-body { min-width: 600px; width: 90%; }
-div#container { position: relative; height:auto !important; height: 100%; min-height: 80%; margin-left: 50px; margin-top: 0; padding-bottom: 90px;}
-#modal-dialog { font-size: 110%; }
-#modal-dialog input.text textarea { margin-bottom:12px; width:95%; padding: .4em; }
-#modal-dialog fieldset { padding:0; border:0; margin-top:25px; }
-div#intro { font-size: 150%; margin-top: 50px; }
-div#footer { margin-right: 50px; border-top: 1px solid #CECECE; position: absolute; bottom: 0; padding-bottom: 0px; width: 100%; }
-div#footer ul { list-style: none; padding: 0; margin: 0; }
-div#footer li { display: inline; }
-div#footer li li { display: block; }
-div#footer ul ul { float: left; padding-right: 50px; }
-div#header { margin: 0; padding: 0; padding-bottom: 30px; }
-div#header img { width: 100%; border: 0; margin-top: 5px;}
-#headline { position: absolute; top: 20px; left: 150px; z-index: 1; }
-div#headline a { text-decoration: none; }
+body { min-width: 800px; width: 100%; }
+#container { position: relative; height:auto !important; height: 100%; min-height: 80%; margin-left: 0px; margin-top: 0; padding-bottom: 90px;}
+.centered { margin-right: auto; margin-left: auto; width: 800px; }
+#footer { width: 100%; position: absolute; bottom: 0; padding-bottom: 20px; background-color: #CECECE; }
+ul.list-of-lists { list-style: none; padding: 0; margin: 0; margin: 0; padding: 0; padding-bottom: 30px; }
+ul.list-of-lists li { display: inline; }
+ul.list-of-lists li ul { float: left; padding-right: 50px; }
+ul.list-of-lists li ul li { display: block; }
+#content{ padding-bottom: 50px; width: 100%;}
+#header { background-image: url('../img/sidhuvudbakgrund.jpg'); background-position: top center; background-repeat: repeat-x; }
+#welcome { font-size: 180%; margin-top: 100px;}
h3.listheader { padding-left: 20px; }
.navlist ul { list-style: none; padding: 0; margin: 0; font-size: 90%; }
.navlist li { float: right; display: inline;}
-.ilist { padding: 0px; margin: 0px; }
-.ilist ul { list-style: none; }
-.ilist li { display: inline-block; }
-.leftright ul { display: inline; list-style: none inside; padding: 0px; }
-.leftright li { display: inline-block; padding: 0px; vertical-align: top; }
-.rlist ul { list-style: none inside; padding: inherit; }
-.rlist li { float: right; display: inline; padding: inherit; }
-.clist ul { list-style: none; }
-.clist li { display: list-item; }
+
+ul.ilist { list-style: none inside; margin: 0; padding 0; padding-left: 0px}
+.ilist li { display: inline-block; margin: 0; padding 0; }
+
+ul.rlist { list-style: none inside; padding: 0; margin: 0; padding-left: 0px}
+.rlist li { float: right; display: inline; padding: 0; margin: 0; }
+
+ul.clist { list-style: none; padding: 0; margin: 0;}
+.clist li { display: list-item; padding: 0; margin: 0;}
+
.nlist ul { list-style: none; }
.nlist li { display: list-item; list-style: none; }
.square li { list-style: none inside none; }
+
.description { clear: both; margin-top: 10px; padding-top: 15px; }
-p.info { font-size: 120%; margin-top: 10px; padding-top: 15px; }
div.toolbar{ padding: 4px; float: right; margin-right: 30px; margin-bottom: 20px; margin-top: 50px; }
#linklist { float: right; }
#linklist ul{ list-style: none; padding: 0; margin: 0; }
#linklist li{ float: left; margin: 0 0.15em}
#linklist a{ font: 120% "Trebuchet MS", sans-serif; }
.clear { clear: both; }
-#content{ padding-bottom: 50px; }
.code{font: 110% "Courier", fixed}
#rhs{ float: right; margin-right: 80px; width: 20%; }
#main{ float: left; margin-left: 0px; width:70%}
@@ -73,15 +69,4 @@ h1, h1 a {
h2, h2 a {
color: #E37424;
font-size: 150%
-}
-
-#files { width: 520px; clear: both; margin: 20px 0 10px; }
-#files .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
-#files .overview { list-style: none; position: absolute; left: 0; top: 0; }
-#files .thumb .end,
-#files .thumb { background-color: #003D5D; }
-#files .scrollbar { position: relative; float: right; width: 15px; }
-#files .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
-#files .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
-#files .thumb .end { overflow: hidden; height: 5px; width: 13px; }
-#files .disable{ display: none; } \ No newline at end of file
+} \ No newline at end of file
diff --git a/src/site-media/img/sidhuvudbakgrund.jpg b/src/site-media/img/sidhuvudbakgrund.jpg
new file mode 100644
index 0000000..a2af257
--- /dev/null
+++ b/src/site-media/img/sidhuvudbakgrund.jpg
Binary files differ
diff --git a/src/site-media/img/sunet.jpg b/src/site-media/img/sunet.jpg
new file mode 100644
index 0000000..b8a7c23
--- /dev/null
+++ b/src/site-media/img/sunet.jpg
Binary files differ
diff --git a/src/templates/apps/auth/login.html b/src/templates/apps/auth/login.html
index b5302a7..6d8139d 100644
--- a/src/templates/apps/auth/login.html
+++ b/src/templates/apps/auth/login.html
@@ -3,7 +3,8 @@
{% block headline %}Login{% endblock %}
{% block title %}SUNET Meeting Tools{% endblock %}
{% block content %}
-<h2>Welcome!</h2>
-<p>This is a technology preview of the SUNET Meeting Tools. Contact Johnny or Marcus for more info!</p>
-<div class="button"><a href="{% prefix %}/accounts/login-federated">Login</a></div>
+<div id="welcome">
+ <p>This is a technology preview of the SUNET Meeting Tools.</p>
+ <div class="button"><a href="{% prefix %}/accounts/login-federated">Login</a></div>
+</div>
{% endblock %} \ No newline at end of file
diff --git a/src/templates/base.html b/src/templates/base.html
index 818e137..1b35ba1 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -60,47 +60,48 @@
<body>
<div id="container">
<div id="header">
- <div id="headline"><h1>SUNET Meeting Tools</h1></div>
- <a href="#"><img src="{% prefix %}/site-media/img/sunet-banner.png"/></a>
-
- <ul class="ui-helper-reset ui-widget ilist">
- <li><a href="http://www.sunet.se">SUNET</a>&raquo;</li>
- <li><a href="#">SUNET Meeting tools</a></li>
- </ul>
+ <div class="centered">
+ <ul class="ilist">
+ <li><a href="#"><img src="{% prefix %}/site-media/img/sunet.jpg" /></a></li>
+ <li style="vertical-align: super;"><a href="#"><h1>Meeting Tools</h1></a></li>
+ </ul>
+ </div>
</div>
<div id="content">
- {% block content %}{% endblock %}
+ <div class="centered">{% block content %}{% endblock %}</div>
</div>
<div class="clear"/>
<div id="footer">
- <ul>
- <li>
- <ul>
- <li><h3>Users</h3></li>
- <li><a class="tip" title="{{ user.get_full_name }}" href="{% prefix %}/rooms">My Profile</a></li>
- <li><a class="tip" title="Logout" id="logout" href="{% prefix %}/accounts/logout/">Logout</a></li>
- </ul>
- </li>
- <li>
- <ul>
- <li><h3>Support</h3></li>
- <li><a class="tip" title="SUNET" href="http://www.sunet.se">SUNET</a></li>
- <li><a class="tip" title="SUNET Community Support" href="http://community.sunet.se">SUNET Community Support</a></li>
- </ul>
- </li>
- <li>
- <ul>
- <li><h3>Developers</h3></li>
- {% if tags %}
- <li><a href="{% prefix %}/widget/+{{tags}}">Meetingtools jQuery widget</a></li>
- {% else %}
- <li><a href="{% prefix %}/widget/+example">Meetingtools jQuery widget</a></li>
- {% endif %}
- </ul>
- </li>
- </ul>
- <div style="float: right; margin-top: 10px;">
- {% block validators %}{% endblock %}
+ <div class="centered">
+ <ul class="list-of-lists">
+ <li>
+ <ul>
+ <li><h3>Users</h3></li>
+ <li><a class="tip" title="{{ user.get_full_name }}" href="{% prefix %}/rooms">My Profile</a></li>
+ <li><a class="tip" title="Logout" id="logout" href="{% prefix %}/accounts/logout/">Logout</a></li>
+ </ul>
+ </li>
+ <li>
+ <ul>
+ <li><h3>Support</h3></li>
+ <li><a class="tip" title="SUNET" href="http://www.sunet.se">SUNET</a></li>
+ <li><a class="tip" title="SUNET Community Support" href="http://community.sunet.se">SUNET Community Support</a></li>
+ </ul>
+ </li>
+ <li>
+ <ul>
+ <li><h3>Developers</h3></li>
+ {% if tags %}
+ <li><a href="{% prefix %}/widget/+{{tags}}">Meetingtools jQuery widget</a></li>
+ {% else %}
+ <li><a href="{% prefix %}/widget/+example">Meetingtools jQuery widget</a></li>
+ {% endif %}
+ </ul>
+ </li>
+ </ul>
+ <div style="float: right; margin-top: 10px;">
+ {% block validators %}{% endblock %}
+ </div>
</div>
</div>
</div>