Skip to content

Commit 059507b

Browse files
danielcjacobsdanielcjacobs
committed
setup index.html
1 parent 08e3e13 commit 059507b

File tree

7 files changed

+530
-41
lines changed

7 files changed

+530
-41
lines changed

‎app/assets/stylesheets/home.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
li {
2+
margin: 8px 0px;
3+
}
4+
5+
.main {
6+
height: 100%;
7+
}

‎app/assets/stylesheets/main.css

Lines changed: 200 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,200 @@
1+
body, html {
2+
background: #ffffff;
3+
margin: 0;
4+
padding: 0;
5+
font-family: 'Lucida Grande';
6+
height: 100%;
7+
}
8+
9+
nav {
10+
z-index: 1000;
11+
position: fixed;
12+
width: 100%;
13+
top: 0;
14+
right: 0;
15+
left: 0;
16+
display: flex;
17+
padding: 0px 10px;
18+
background-color: #0fa2ba;
19+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25), 0 3px 8px rgba(0, 0, 0, 0.2);
20+
justify-content: space-between;
21+
}
22+
23+
nav div {
24+
margin: auto 0;
25+
text-align: center;
26+
padding-right: 15px;
27+
}
28+
29+
nav div a {
30+
font-size: 24px;
31+
color: #ffffff;
32+
cursor: pointer;
33+
margin: 0 5px;
34+
text-decoration: none;
35+
}
36+
37+
nav a:hover{
38+
color: #000000;
39+
}
40+
41+
header {
42+
margin: 5px;
43+
}
44+
45+
h1 {
46+
margin: 12px;
47+
color: #ffffff;
48+
font-size: 24px;
49+
}
50+
51+
h2 {
52+
margin: 12px;
53+
color: #7b9095;
54+
font-size: 24px;
55+
text-align: center;
56+
}
57+
58+
h3 {
59+
margin: auto;
60+
padding: 5px;
61+
color: #7b9095;
62+
text-align: center;
63+
}
64+
65+
div {
66+
width: auto;
67+
height: auto;
68+
padding: 2px 6px;
69+
margin: 2px;
70+
overflow: hidden;
71+
}
72+
73+
p {
74+
margin: 4px;
75+
text-align: center;
76+
color: #7b9095;
77+
}
78+
79+
button {
80+
margin: 3px;
81+
color: #000000;
82+
background-color: #b4bfba;
83+
border: 1px solid #7b9095;
84+
padding: 8px 12px;
85+
text-align: center;
86+
font-size: 12px;
87+
cursor: pointer;
88+
display: inline-block;
89+
border-radius: 3px;
90+
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 2px 3px rgba(0, 0, 0, 0.15);
91+
}
92+
93+
button:hover {
94+
background-color: #7b9095;
95+
color: #b4bfba;
96+
}
97+
98+
button:active {
99+
color: #ffebcd;
100+
}
101+
102+
button:disabled {
103+
background-color: #7b9095;
104+
color: #b4bfba;
105+
cursor: default;
106+
}
107+
108+
li {
109+
list-style-type: circle;
110+
text-align: left;
111+
}
112+
113+
a {
114+
color: #7b9095;
115+
}
116+
117+
a:visited {
118+
text-decoration: none;
119+
}
120+
121+
form {
122+
padding: 0 8px;
123+
text-align: left;
124+
color: #7b9095;
125+
}
126+
127+
td {
128+
text-align: center;
129+
}
130+
131+
text {
132+
font-weight: bold;
133+
}
134+
135+
input[type=submit]{
136+
width: 100px;
137+
margin: 3px;
138+
color: #000000;
139+
background-color: #b4bfba;
140+
border: 1px solid #7b9095;
141+
padding: 8px 12px;
142+
text-align: center;
143+
font-size: 12px;
144+
cursor: pointer;
145+
display: inline-block;
146+
border-radius: 3px;
147+
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 2px 3px rgba(0, 0, 0, 0.15);
148+
149+
}
150+
151+
input[type=submit]:hover {
152+
background-color: #7b9095;
153+
color: #b4bfba;
154+
}
155+
156+
input[type=submit]:active {
157+
color: #ffebcd;
158+
}
159+
160+
input[type=submit]:disabled {
161+
background-color: #7b9095;
162+
color: #b4bfba;
163+
cursor: default;
164+
}
165+
166+
167+
::placeholder {
168+
font-weight: normal;
169+
color: #d3d3d3;
170+
}
171+
172+
.main {
173+
width: 100%;
174+
height:100%;
175+
margin: 0 auto;
176+
margin-top: 50px;
177+
border: none;
178+
font-size: 12pt;
179+
font-family: 'Lucida Grande';
180+
display: flex;
181+
flex-direction: column;
182+
background-image: url('../img/beach.jpg');
183+
background-size: cover;
184+
}
185+
186+
.panel {
187+
padding: 0;
188+
margin: 8px;
189+
border: 1px solid #7b9095;
190+
border-radius: 8px;
191+
background-color: #ffebcd;
192+
}
193+
194+
.panelHeader {
195+
width: 100%;
196+
margin: 0;
197+
color: #ffffff;
198+
background-color: #7b9095;
199+
text-align: center;
200+
}

‎app/assets/stylesheets/plans.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
// Place all the styles related to the Plans controller here.
22
// They will automatically be included in application.css.
33
// You can use Sass (SCSS) here: https://sass-lang.com/
4-
header { background-color: #b0c4de;}

0 commit comments

Comments
 (0)