HTML-CSS-Pair-Programming-Lab-2/NewLab2.css at main · alogan15/HTML-CSS-Pair-Programming-Lab-2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88

        html, body, h3, h4, form, fieldset, ol, li {
            margin: 0;
            padding: 0;
        }
        body {
            background: white;
            color: black;
            font-family: "Times New Roman";
            padding: 20px;
        }

form#order {
	background: darkolivegreen;
	border-radius: 5px;
	padding: 20px;
	width: 400px;
}

form#order fieldset {
	border: none;
    margin-bottom: 10px;
}
form#order fieldset:last-of-type {
	margin-bottom: 0;
}

form#order ol li {
	background: #b9cf6a;
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}
form#order ol ol li {
	background: none;
	border: none;
	float: left;
}

form#order label {
	float: left;
	font-size: 13px;
	width: 110px;
}
form#order fieldset fieldset label {
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}

form#order input:not([type=radio]),
form#order textarea {
	background: #ffffff;
	border: none;
	border-radius: 3px;
	border-radius: 3px;
	border-radius: 3px;
	border-radius: 3px;
	font: italic 13px "Times New Roman";
	outline: none;
	padding: 5px;
	width: 200px;
}

form#order button {
	background: #384313;
	border: none;
	border-radius: 20px;
	border-radius: 20px;
	border-radius: 20px;
	border-radius: 20px;
	color: white;
	display: block;
	font: 18px "Times New Roman";
	margin: auto;
	padding: 7px 25px;
	text-transform: uppercase;
}