Permalink
Browse files

Use Bootstrap. Other CSS hacks.

  • Loading branch information...
1 parent c906938 commit 72a9a7b5fc7cbb62464a039acdb4ce8679745859 @georgevreilly committed Feb 3, 2013
@@ -1,15 +1,19 @@
body {
max-width: 1024px;
+ padding-left: 2em;
+ padding-right: 2em;
}
h1.banner {
+ margin-bottom: 30px;
+ font-size: 40px;
+ font-weight: bold;
+ /*
background-color: blue;
width: 1024px;
- margin-bottom: 30px;
padding: 15px 200px;
color: yellow;
- font-size: 40px;
- font-weight: bold;
+ */
}
div.get-started {
@@ -24,10 +28,19 @@ div.get-started a {
text-decoration: none;
}
+td.video-between div,
td.video-choice div {
- width: 500px;
- border-style: dotted;
margin-right: 30px;
+}
+
+td.video-between div {
+ font-weight: bold;
+ font-size: 30px;
+ padding-bottom: 100px;
+}
+
+td.video-choice div {
+ width: 430px;
padding: 5px 20px 40px 10px;
}
@@ -36,3 +49,7 @@ div.video_field li {
float: left;
margin: 10px 50px;
}
+
+div.vote {
+ padding: 10px 480px;
+}
@@ -1,11 +1,15 @@
<!doctype html>
<title>AdYouLation</title>
-<link href="{{ url_for('static', filename='headpiece.css') }}" rel="stylesheet" type="text/css" media="all" />
+{% if True %}
+ <link rel="stylesheet" href="https://app.divshot.com/css/bootstrap.css">
+ <link rel="stylesheet" href="https://app.divshot.com/css/bootstrap-responsive.css">
+{% else %}
+ <link href="{{ url_for('static', filename='headpiece.css') }}" rel="stylesheet" type="text/css" media="all" />
+{% endif %}
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
<link href='http://fonts.googleapis.com/css?family=Quando' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<div class=page>
- <h1 class="banner">AdYouLation—Vote for Super Bowl XLVII Ads</h1>
{% for message in get_flashed_messages() %}
<div class=flash>{{ message }}</div>
{% endfor %}
@@ -1,6 +1,6 @@
{% extends "layout.html" %}
{% block body %}
- <h1>Vote for Your Favorite Super Bowl Ads</h1>
+ <h1 class="banner">AdYouLation—Vote for Super Bowl XLVII Ads</h1>
<p>Vote on the best Superbowl Ad!
Predict the most popular ad!
Watch the Superbowl ads, choosing the ones you like the most,
@@ -1,19 +1,26 @@
{% extends "layout.html" %}
{% block body %}
- <h1>Vote</h1>
+ <h1 class="banner">AdYouLation—Vote for Super Bowl XLVII Ads</h1>
{% from "forms/macros.html" import render_field, render_video %}
<form method="POST" action="{{ url_for(".vote") }}" class="form">
{{ form.csrf_token }}
<table>
<tr>
<td class="video-choice">{{ render_video(form.video_1) }}</td>
{% if form.video_2 %}
+ <td class="video-between">
+ <div>vs.</div>
+ </td>
<td class="video-choice">{{ render_video(form.video_2) }}</td>
{% endif %}
</tr>
<table>
- <input type="submit" value="Vote" class="button green">
+ <div class="vote">
+ <input type="submit" value="Vote" class="btn btn-primary btn-large">
+ </div>
</form>
+ <!--
<p>{{ remaining }}</p>
<p>ID: {{ id }}</p>
+ -->
{% endblock %}

0 comments on commit 72a9a7b

Please sign in to comment.