Skip to content

Commit ae8a128

Browse files
committed
Make button styling consistent
1 parent acdbabc commit ae8a128

File tree

3 files changed

+8
-3
lines changed

3 files changed

+8
-3
lines changed

instructions.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h1>8values</h1>
1919
<hr>
2020
<h2 style="text-align:center;">Instructions</h2>
2121
<p class="question">You will be presented with a series of statements. For each one, click the button with your opinion on it.</p>
22-
<button class="button" onclick="location.href='quiz.html';" style="background-color: #2196f3;">Got it!</button> <br>
22+
<button class="button" onclick="location.href='quiz.html';">Got it!</button> <br>
2323
<button class="button disagree" onclick="location.href='index.html';">Wait, nevermind!</button> <br>
2424

2525
<!-- Website visit statistics - no personal information is collected! -->

results.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ <h2>Closest Match: <span class="weight-300" id="ideology-label"></span></h2>
5252
<p>You can send these results by copying and pasting the URL at the top of the page or using the image below. Think your matched ideology was wrong? Want to help us calibrate the test? Send the results along with your political ideology to us at [email protected], or send us any comments, questions, or criticism. </p>
5353
<hr/>
5454
<img src="" id="banner">
55-
<button class="button" onclick="location.href='index.html';" style="background-color: #2196f3;">Back</button> <br>
55+
<button class="button" onclick="location.href='index.html';">Back</button> <br>
5656
<!-- Website visit statistics - no personal information is collected! -->
5757
<script type="text/javascript">
5858
var sc_project=11325211;

style.css

+6-1
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ img.center {
9292
.stronglyAgree { background: #1b5e20; }
9393
.stronglyAgree:hover, .stronglyAgree:focus { background: #154a19; }
9494
.agree { background: #4caf50; }
95-
.agree:hover, .gree:focus { background: #29942e; }
95+
.agree:hover, .agree:focus { background: #29942e; }
9696
.neutral { background: #949494; }
9797
.neutral:hover, .neutral:focus { background: #656565; }
9898
.disagree { background: #f44336; }
@@ -116,6 +116,11 @@ img.center {
116116
margin: -2px auto;
117117
cursor: pointer;
118118
}
119+
120+
.small_button:hover, .small_button:focus {
121+
background: #222;
122+
}
123+
119124
.small_button_off {
120125
background-color: #ddd;
121126
color: #888;

0 commit comments

Comments
 (0)