Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Colorful theme

- Adding some more clarity to the flash messages.
  • Loading branch information...
commit c1946edfeb8160281a9e59c841d2ebd7b1b5974e 1 parent 56497f3
@olleolleolle olleolleolle authored
Showing with 41 additions and 8 deletions.
  1. +2 −0  .gitignore
  2. +31 −6 static/style.css
  3. +8 −2 templates/index.html
View
2  .gitignore
@@ -1,2 +1,4 @@
dump.rdb
secret_key.txt
+
+build/pip-delete-this-directory.txt
View
37 static/style.css
@@ -1,10 +1,11 @@
body {
font-family: sans-serif;
font-size: 2em;
- background: lightgray;
+ background: #EDCE82;
}
#heading {
font-size: 2em;
+ color: #D68644;
}
span {
font-weight: bold;
@@ -19,21 +20,45 @@ span {
font-size: 70%;
}
-#addnick input {width:300px}
+#addnick {background: #AB3229;}
+#addnick input {width:280px}
.box {
float: left;
border-radius: 20px;
- width:300px;
+ width:280px;
background: #eee;
padding: 1em;
margin-left: 10px;
}
.box h3 {
margin:0 0 10px 0;
- font-size: 1.3em;
+ font-size: 1.0em;
}
+#viewreports { background: #662845; color: white;}
#viewreports ul { margin:0; list-style-type: none; padding:0;}
-#viewreports ul li { margin:0; padding:0; }
+#viewreports ul li { margin:0; padding:0; }
+#viewreports ul li a { color: white; }
+.notshown {display:none;}
-.notshown {display:none;}
+body,
+#flash {
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+#content {
+ text-align: left;
+ width: 1160px;
+ margin:0px auto;
+}
+.flashwrapper {
+ background-color: #577867;
+ text-align: left;
+ width: 800px;
+ padding:0.1em 0.7em;
+ border-radius: 20px;
+ margin:0 auto;
+ color: white;
+}
+#flash {margin: 10px;}
View
10 templates/index.html
@@ -10,14 +10,19 @@
<body>
{% with messages = get_flashed_messages() %}
{% if messages %}
- <div id=flash>
+ <div id=flash class=notshown>
+ <div class=flashwrapper>
{% for message in messages %}
<p>{{ message }}</p>
{% endfor %}
+ </div>
</div>
+ <script>$(function() {
+ $('#flash').slideDown('slow').delay(5000).fadeOut('slow');
+ })</script>
{% endif %}
{% endwith %}
-
+ <div id=content>
<h1 id="heading">Forskningsavdelningen: Studiecirklar</h1>
<h2>Vad gör personen i afton?</h2>
@@ -56,6 +61,7 @@ <h1 id="heading">Forskningsavdelningen: Studiecirklar</h1>
{% endfor %}
</ul>
</div>
+ </div><!-- Content -->
</body>
Please sign in to comment.
Something went wrong with that request. Please try again.