front-end/style.css at main · BrunelCS/front-end · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
body{
   margin: 0;
   padding: 0;
  /* background-color: #267114; */
   background-position: center;
   font-family: "PT Sans Narrow", sans-serif;

}

header{
   background-image:url(ppl.jpg);
   background-repeat: repeat;
   background-size: contain;
   background-position: center;
   height:120px;
   width: 100%;

   margin: auto;
}

.title{
   margin: auto;
   color: beige;
   text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   font-size: 50px;
   font-weight: bold;
   text-align: center;
}


main {
  margin-top: auto;
  width: 100px;
}

nav {
   border-bottom: 1px solid black;
}

ul.navlist{
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #333;
}

ul.navlist li
{
   float: left;
   display: inline;
}

ul.navlist li a {
   display: block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
}

ul.navlist li a:hover {
   background-color: #111;
}
#input{
   text-align:   right;
   margin: 1px;
}
#historytitle{
   text-align:center;
   margin: auto;
   background-color: midnightblue;
   color: white;
   padding: 6px;
}
h1,h2{
   margin: 1px;
}
#history{
   background-color: rgb(26, 26, 67);
   float: right;
   width: 1000px;
   padding: 6px;
   color: white;
   margin: 1px;

}
#option{
   float: left;
   background-color: rgb(64, 64, 106);
   width: 500px;
   color: white;
   text-align: left;
   margin: 3px;
   padding: 6px;
}

h3{

   color: white;
}

ol{
   text-align: left;
}

body{
   background-color:rgb(13, 13, 67)
}

.list {
   color: white;
}

#opt{
   list-style-type: none;
}

a{
   text-decoration: none;
   color: orange;
}
#option a:hover{
   border-bottom: 1px solid rgb(31, 162, 171);
   background-color:  rgb(31, 162, 171);;
}