Skip to content

Commit 7dbcefa

Browse files
sethleedysethleedy
authored
Inital upload
1 parent 379b6d0 commit 7dbcefa

14 files changed

+1534
-0
lines changed

‎includes/css/VT323.woff2

10.9 KB
Binary file not shown.

‎includes/css/google-font-VT323.css

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/* latin */
2+
@font-face {
3+
font-family: 'VT323';
4+
font-style: normal;
5+
font-weight: 400;
6+
src: local('VT323'), local('VT323-Regular'), url(VT323.woff2) format('woff2');
7+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
8+
}

‎includes/css/inputs.css

+154
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
textarea,
2+
button,
3+
input[type] {
4+
color: green;
5+
padding: 2px 15px;
6+
padding-bottom: 5px;
7+
background-color: black;
8+
border-bottom-right-radius: 0;
9+
border-bottom-left-radius: 0;
10+
border: darkgreen 2px solid;
11+
box-shadow: 5px 3px 10px darkgreen;
12+
border-top-left-radius: 15px;
13+
border-top-right-radius: 15px;
14+
margin: 1px 7px 4px 7px;
15+
}
16+
17+
textarea:hover,
18+
button:hover,
19+
input:not([type=checkbox]):not([type=radio]):hover {
20+
color: limegreen;
21+
padding: 2px 15px;
22+
padding-bottom: 5px;
23+
background-color: black;
24+
border-bottom-right-radius: 0;
25+
border-bottom-left-radius: 0;
26+
border: limegreen 2px solid;
27+
box-shadow: 5px 3px 10px limegreen;
28+
border-top-left-radius: 15px;
29+
border-top-right-radius: 15px;
30+
margin: 1px 7px 4px 7px;
31+
}
32+
33+
34+
/* Make the submit button standout */
35+
36+
input[type=submit] {
37+
color: forestgreen;
38+
padding: 2px 15px;
39+
padding-bottom: 5px;
40+
background-color: black;
41+
border-bottom-right-radius: 0;
42+
border-bottom-left-radius: 0;
43+
border: forestgreen 2px solid;
44+
box-shadow: 5px 3px 10px forestgreen;
45+
border-top-left-radius: 15px;
46+
border-top-right-radius: 15px;
47+
margin: 1px 7px 4px 7px;
48+
}
49+
50+
51+
/* Radio and Checkbox block */
52+
53+
input[type=checkbox]:not(old),
54+
input[type=radio]:not(old) {
55+
width: 2em;
56+
margin: 0;
57+
padding: 0;
58+
font-size: 1em;
59+
opacity: 0;
60+
}
61+
62+
input[type=checkbox]:not(old) + label,
63+
input[type=radio]:not(old) + label {
64+
display: inline-block;
65+
margin-left: -2em;
66+
line-height: 1.5em;
67+
}
68+
69+
input[type=checkbox]:not(old) + label > span,
70+
input[type=radio]:not(old) + label > span {
71+
display: inline-block;
72+
width: 0.875em;
73+
height: 0.875em;
74+
margin: 0.25em 0.5em 0.25em 0.25em;
75+
border: 0.0625em solid green;
76+
border-top-left-radius: 15px;
77+
border-top-right-radius: 15px;
78+
/* background: rgb(224, 224, 224);*/
79+
/*background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
80+
background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
81+
background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
82+
background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
83+
background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));*/
84+
vertical-align: bottom;
85+
}
86+
87+
input[type=checkbox]:not(old):checked + label > span,
88+
input[type=radio]:not(old):checked + label > span {
89+
/*background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
90+
background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
91+
background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
92+
background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
93+
background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));*/
94+
}
95+
96+
input[type=checkbox]:not(old):checked + label > span:before {
97+
content: '✓';
98+
display: block;
99+
width: 1em;
100+
color: limegreen;
101+
font-size: 0.875em;
102+
line-height: 1em;
103+
text-align: center;
104+
text-shadow: 0 0 0.0714em darkgreen;
105+
font-weight: bold;
106+
}
107+
108+
input[type=radio]:not(old):checked + label > span > span {
109+
display: block;
110+
width: 0.5em;
111+
height: 0.5em;
112+
margin: 0.125em;
113+
border: 0.0625em solid limegreen;
114+
border-top-left-radius: 15px;
115+
border-top-right-radius: 15px;
116+
background: rgb(153, 204, 102);
117+
background-image: -moz-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
118+
background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
119+
background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
120+
background-image: -webkit-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
121+
background-image: linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
122+
}
123+
124+
125+
/* END Radio and Checkbox block */
126+
127+
select {
128+
color: green;
129+
padding: 2px 15px;
130+
padding-bottom: 5px;
131+
background-color: black;
132+
border-bottom-right-radius: 0;
133+
border-bottom-left-radius: 0;
134+
border: darkgreen 2px solid;
135+
box-shadow: 5px 3px 10px darkgreen;
136+
border-top-left-radius: 15px;
137+
border-top-right-radius: 15px;
138+
margin: 1px 7px 4px 7px;
139+
}
140+
141+
select:hover,
142+
select:focus {
143+
color: limegreen;
144+
padding: 2px 15px;
145+
padding-bottom: 5px;
146+
background-color: black;
147+
border-bottom-right-radius: 0;
148+
border-bottom-left-radius: 0;
149+
border: limegreen 2px solid;
150+
box-shadow: 5px 3px 10px limegreen;
151+
border-top-left-radius: 15px;
152+
border-top-right-radius: 15px;
153+
margin: 1px 7px 4px 7px;
154+
}

‎includes/css/menu.css

+100
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
/* https://codepen.io/andornagy/pen/xhiJH */
2+
3+
nav {
4+
margin: 10px 10px;
5+
/* background-color: black;*/
6+
}
7+
8+
nav ul {
9+
padding: 0;
10+
margin: 0;
11+
list-style: none;
12+
position: relative;
13+
}
14+
15+
nav ul li {
16+
display: inline-block;
17+
background-color: black;
18+
}
19+
20+
nav a {
21+
display: block;
22+
padding: 0 10px;
23+
color: #FFF;
24+
font-size: 20px;
25+
line-height: 40px;
26+
text-decoration: none;
27+
border-style: dotted;
28+
border-width: 1px;
29+
border-color: black;
30+
}
31+
32+
nav a:hover {
33+
/*
34+
background-color: green;
35+
color: black;
36+
*/
37+
/* font-weight: bold;*/
38+
border-style: dotted;
39+
border-width: 1px;
40+
border-color: lightgreen;
41+
}
42+
43+
44+
/* Hide Dropdowns by Default */
45+
46+
nav ul ul {
47+
display: none;
48+
position: absolute;
49+
top: 40px;
50+
/* the height of the main nav */
51+
}
52+
53+
54+
/* Display Dropdowns on Hover */
55+
56+
nav ul li:hover > ul {
57+
display: inherit;
58+
}
59+
60+
nav a~ul {
61+
border-style: double;
62+
border-width: 2px;
63+
}
64+
65+
66+
/* Fisrt Tier Dropdown */
67+
68+
nav ul ul li {
69+
width: 170px;
70+
float: none;
71+
display: list-item;
72+
position: relative;
73+
}
74+
75+
76+
/* Second, Third and more Tiers */
77+
78+
79+
/*,nav ul ul ul li*/
80+
81+
nav ul ul ul {
82+
position: relative;
83+
top: -40px;
84+
left: 160px;
85+
}
86+
87+
nav a::before {
88+
content: "❲";
89+
}
90+
91+
92+
/* Change this in order to change the Dropdown symbol */
93+
94+
li > a:after {
95+
content: '⥥❳';
96+
}
97+
98+
li > a:only-child:after {
99+
content: '❳';
100+
}

0 commit comments

Comments
 (0)