File tree 2 files changed +124
-0
lines changed
2 files changed +124
-0
lines changed Original file line number Diff line number Diff line change
1
+ body {
2
+ background-color : # F8F8F8 ;
3
+ }
4
+
5
+ div # container {
6
+ margin-top : 5% ;
7
+ }
8
+
9
+ div # space {
10
+ display : block;
11
+ margin : 0 auto;
12
+ width : 500px ;
13
+ height : 10px ;
14
+
15
+ }
16
+
17
+ div # logo {
18
+ display : block;
19
+ margin : 0 auto;
20
+ width : 500px ;
21
+ text-align : center;
22
+ font-size : 30px ;
23
+ font-family : Helvetica;
24
+ /*border-bottom: 1px solid black;*/
25
+ }
26
+
27
+ div # form {
28
+ padding : 20px ;
29
+ padding-right : 20px ;
30
+ padding-top : 20px ;
31
+ display : block;
32
+ margin : 0 auto;
33
+ width : 500px ;
34
+ text-align : center;
35
+ font-size : 30px ;
36
+ font-family : Helvetica;
37
+ border-bottom : 1px solid black;
38
+ border-top : 1px solid black;
39
+ }
40
+
41
+ div # results {
42
+ display : block;
43
+ margin : 0 auto;
44
+ width : 500px ;
45
+ text-align : center;
46
+ font-size : 30px ;
47
+ font-family : Helvetica;
48
+ }
49
+
50
+ .button {
51
+ background-color : # 4CAF50 ; /* Green */
52
+ border : none;
53
+ color : white;
54
+ padding : 16px 32px ;
55
+ text-align : center;
56
+ text-decoration : none;
57
+ display : inline-block;
58
+ font-size : 16px ;
59
+ margin : 4px 2px ;
60
+ -webkit-transition-duration : 0.4s ; /* Safari */
61
+ transition-duration : 0.4s ;
62
+ cursor : pointer;
63
+ width : 250px ;
64
+ }
65
+
66
+ .button1 {
67
+ background-color : white;
68
+ color : black;
69
+ border : 2px solid # 008CBA ;
70
+ }
71
+
72
+ .button1 : hover {
73
+ background-color : # 008CBA ;
74
+ color : white;
75
+ }
76
+ .button2 {
77
+ background-color : white;
78
+ color : black;
79
+ border : 2px solid # 555555 ;
80
+ }
81
+
82
+ .button2 : hover {
83
+ background-color : # 555555 ;
84
+ color : white;
85
+ }
86
+
87
+ .button3 {
88
+ background-color : white;
89
+ color : black;
90
+ border : 2px solid # f44336 ;
91
+ }
92
+
93
+ .button3 : hover {
94
+ background-color : # f44336 ;
95
+ color : white;
96
+ }
Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="UTF-8 "/>
5
+ < link rel ="stylesheet " type ="text/css " href ="static/css/default.css ">
6
+ < title > {{title}}</ title >
7
+ < script language ="JavaScript ">
8
+ function send ( form ) {
9
+ }
10
+ </ script >
11
+ </ head >
12
+ < body >
13
+ < div id ="container ">
14
+ < form id ="form " name ="form " action ="/ "" method="post"> < center >
15
+ < div id ="logo "> {{title}}</ div >
16
+ < div id ="space "> </ div >
17
+ < div id ="form ">
18
+ < button name ="vote " value ="{{button1}} " onclick ="send() " class ="button button1 "> {{button1}}</ button >
19
+ < button name ="vote " value ="{{button2}} " onclick ="send() " class ="button button2 "> {{button2}}</ button >
20
+ < button name ="vote " value ="Reset " onclick ="send() " class ="button button3 "> Reset</ button >
21
+ </ div >
22
+ < div id ="space "> </ div >
23
+ < div id ="space "> </ div >
24
+ < div id ="results "> {{button1}} - {{ value1 }} | {{button2}} - {{ value2 }} </ div >
25
+ </ form >
26
+ </ div >
27
+ </ body >
28
+ </ html >
You can’t perform that action at this time.
0 commit comments