Skip to content

Commit 213b23c

Browse files
zombieFoxzombieFox
committed
[init] adding project files
0 parents commit 213b23c

File tree

83 files changed

+19015
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

83 files changed

+19015
-0
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# nightTab

‎css/base.css‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
:root{
2+
--black:#222222;
3+
--white:#ffffff;
4+
--gray-01:#262831;
5+
--gray-02:#2f333e;
6+
--gray-03:#393e4b;
7+
--gray-04:#434958;
8+
--gray-05:#4d5465;
9+
--gray-06:#575f72;
10+
--gray-07:#616a7f;
11+
--gray-08:#6b758c;
12+
--gray-09:#758099;
13+
--gray-10:#7f8ba6;
14+
--gray-11:#8997b4;
15+
--gray-12:#95a2bb;
16+
--gray-13:#a2adc3;
17+
--gray-14:#aeb8cb;
18+
--gray-15:#bbc3d3;
19+
--gray-16:#c7ceda;
20+
--gray-17:#d4d9e2;
21+
--gray-18:#e0e4ea;
22+
--gray-19:#edeff2;
23+
--gray-20:#fafafa;
24+
--root-font-size:16px;
25+
--radius:2px;
26+
--accent:255,170,51;
27+
--background:var(--gray-01);
28+
--animation-speed-fast:0.1s;
29+
--animation-speed-medium:0.2s;
30+
--animation-speed-slow:0.3s;
31+
--link-height:7em;
32+
--url-height:20%;
33+
--edit-height:30%;
34+
--font-regular:"Open Sans Regular", sans-serif;
35+
--font-bold:"Open Sans Bold", sans-serif;
36+
--font-light:"Open Sans Light", sans-serif;
37+
--font-fjalla:"Fjalla One Regular", sans-serif;
38+
}
39+
40+
@media (min-width:700px){
41+
:root{
42+
--link-height:9em;
43+
}
44+
}
45+
46+
::selection{
47+
background-color:rgb(var(--accent));
48+
color:var(--white);
49+
}
50+
51+
html{
52+
font-size:var(--root-font-size);
53+
}
54+
55+
body{
56+
background-color:var(--background);
57+
color:var(--white);
58+
font-size:1rem;
59+
width:100vw;
60+
height:100vh;
61+
font-family:var(--font-regular);
62+
}
63+
64+
*{
65+
box-sizing: border-box;
66+
}

‎css/button.css‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
button,
2+
.button,
3+
input[type="button"],
4+
input[type="reset"],
5+
input[type="submit"]{
6+
background-color:var(--gray-02);
7+
padding:0.25em1em;
8+
margin:001em0;
9+
color:var(--gray-16);
10+
font-size:1em;
11+
font-family:var(--font-regular);
12+
min-height:2.5em;
13+
line-height:1;
14+
border:0;
15+
border-top-width:2px;
16+
border-bottom-width:2px;
17+
border-style: solid;
18+
border-color: transparent;
19+
border-radius:var(--radius);
20+
text-align: center;
21+
text-decoration: none;
22+
white-space: nowrap;
23+
cursor: pointer;
24+
box-shadow: none;
25+
transition: all var(--animation-speed-medium) ease-in-out;
26+
display: inline-flex;
27+
flex-direction: row;
28+
justify-content: center;
29+
align-items: center;
30+
}
31+
32+
.button.active{
33+
border-top-width:3px;
34+
border-bottom-width:3px;
35+
border-bottom-color:rgb(var(--accent));
36+
}
37+
38+
button [class^="icon-"],
39+
button [class*=" icon-"],
40+
.button [class^="icon-"],
41+
.button [class*=" icon-"]{
42+
font-size:1.5em;
43+
line-height:1;
44+
}
45+
46+
.button-small{
47+
font-size:0.8em;
48+
}
49+
50+
.button-group{
51+
margin:001em0;
52+
display: flex;
53+
justify-content: center;
54+
align-items: stretch;
55+
}
56+
57+
.button-groupbutton,
58+
.button-group .button{
59+
margin:0;
60+
border-radius:0;
61+
}
62+
63+
.button-groupbutton:first-child,
64+
.button-group .button:first-child{
65+
border-radius:var(--radius) 00var(--radius);
66+
}
67+
68+
.button-groupbutton:last-child,
69+
.button-group .button:last-child{
70+
border-radius:0var(--radius) var(--radius) 0;
71+
}
72+
73+
button:hover,
74+
button:focus,
75+
.button:hover,
76+
.button:focus,
77+
input[type="button"]:hover,
78+
input[type="button"]:focus,
79+
input[type="reset"]:hover,
80+
input[type="reset"]:focus,
81+
input[type="submit"]:hover,
82+
input[type="submit"]:focus{
83+
background-color:var(--gray-03);
84+
border-bottom-color:rgb(var(--accent));
85+
color:var(--white);
86+
outline:0;
87+
}
88+
89+
button:active,
90+
.button:active,
91+
input[type="button"]:active,
92+
input[type="reset"]:active,
93+
input[type="submit"]:active{
94+
background-color:var(--gray-04);
95+
color:var(--white);
96+
transition: none;
97+
}
98+
99+
button [class^="button-"],
100+
button [class*=" button-"],
101+
.button [class^="button-"],
102+
.button [class*=" button-"]{
103+
margin-left:0.25em;
104+
margin-right:0.25em;
105+
}
106+
107+
button [class^="button-"]:first-child,
108+
button [class*=" button-"]:first-child,
109+
.button [class^="button-"]:first-child,
110+
.button [class*=" button-"]:first-child{
111+
margin-left:0;
112+
}
113+
114+
button [class^="button-"]:last-child,
115+
button [class*=" button-"]:last-child,
116+
.button [class^="button-"]:last-child,
117+
.button [class*=" button-"]:last-child{
118+
margin-right:0;
119+
}

‎css/clock.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.clock{
2+
margin:0;
3+
padding:0;
4+
min-width:6em;
5+
font-family:var(--font-fjalla);
6+
font-size:1.5em;
7+
color:var(--white);
8+
text-align: center;
9+
transition: all var(--animation-speed-medium) ease-in-out;
10+
}
11+
12+
.clock-seperator{
13+
color:rgb(var(--accent));
14+
}
15+
16+
.clock-hour{
17+
color:var(--white);
18+
}
19+
20+
.clock-minutes{
21+
color:var(--gray-16);
22+
}
23+
24+
.clock-seconds{
25+
color:var(--gray-12);
26+
}

‎css/fonts.css‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
/* open sans */
2+
@font-face{
3+
font-family:"Open Sans Bold";
4+
src:url("../fonts/open-sans/open-sans-bold.eot");
5+
src:url("../fonts/open-sans/open-sans-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-bold.woff2") format("woff2"),url("../fonts/open-sans/open-sans-bold.woff") format("woff"),url("../fonts/open-sans/open-sans-bold.ttf") format("truetype");
6+
font-weight: normal;
7+
font-style: normal;
8+
}
9+
10+
@font-face{
11+
font-family:"Open Sans Regular";
12+
src:url("../fonts/open-sans/open-sans-regular.eot");
13+
src:url("../fonts/open-sans/open-sans-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-regular.woff2") format("woff2"),url("../fonts/open-sans/open-sans-regular.woff") format("woff"),url("../fonts/open-sans/open-sans-regular.ttf") format("truetype");
14+
font-weight: normal;
15+
font-style: normal;
16+
}
17+
18+
@font-face{
19+
font-family:"Open Sans Light";
20+
src:url("../fonts/open-sans/open-sans-light.eot");
21+
src:url("../fonts/open-sans/open-sans-light.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-light.woff2") format("woff2"),url("../fonts/open-sans/open-sans-light.woff") format("woff"),url("../fonts/open-sans/open-sans-light.ttf") format("truetype");
22+
font-weight: normal;
23+
font-style: normal;
24+
}
25+
26+
@font-face{
27+
font-family:"Open Sans Bold Italic";
28+
src:url("../fonts/open-sans/open-sans-bold-italic.eot");
29+
src:url("../fonts/open-sans/open-sans-bold-italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-bold-italic.woff2") format("woff2"),url("../fonts/open-sans/open-sans-bold-italic.woff") format("woff"),url("../fonts/open-sans/open-sans-bold-italic.ttf") format("truetype");
30+
font-weight: normal;
31+
font-style: normal;
32+
}
33+
34+
@font-face{
35+
font-family:"Open Sans Italic";
36+
src:url("../fonts/open-sans/open-sans-italic.eot");
37+
src:url("../fonts/open-sans/open-sans-italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-italic.woff2") format("woff2"),url("../fonts/open-sans/open-sans-italic.woff") format("woff"),url("../fonts/open-sans/open-sans-italic.ttf") format("truetype");
38+
font-weight: normal;
39+
font-style: normal;
40+
}
41+
42+
@font-face{
43+
font-family:"Open Sans Light Italic";
44+
src:url("../fonts/open-sans/open-sans-light-italic.eot");
45+
src:url("../fonts/open-sans/open-sans-light-italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-light-italic.woff2") format("woff2"),url("../fonts/open-sans/open-sans-light-italic.woff") format("woff"),url("../fonts/open-sans/open-sans-light-italic.ttf") format("truetype");
46+
font-weight: normal;
47+
font-style: normal;
48+
}
49+
50+
@font-face{
51+
font-family:"Open Sans Semi Bold Italic";
52+
src:url("../fonts/open-sans/open-sans-semi-bold-italic.eot");
53+
src:url("../fonts/open-sans/open-sans-semi-bold-italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-semi-bold-italic.woff2") format("woff2"),url("../fonts/open-sans/open-sans-semi-bold-italic.woff") format("woff"),url("../fonts/open-sans/open-sans-semi-bold-italic.ttf") format("truetype");
54+
font-weight: normal;
55+
font-style: normal;
56+
}
57+
58+
@font-face{
59+
font-family:"Open Sans Semi Bold";
60+
src:url("../fonts/open-sans/open-sans-semi-bold.eot");
61+
src:url("../fonts/open-sans/open-sans-semi-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-semi-bold.woff2") format("woff2"),url("../fonts/open-sans/open-sans-semi-bold.woff") format("woff"),url("../fonts/open-sans/open-sans-semi-bold.ttf") format("truetype");
62+
font-weight: normal;
63+
font-style: normal;
64+
}
65+
66+
@font-face{
67+
font-family:"Open Sans Condensed Bold";
68+
src:url("../fonts/open-sans/open-sans-condensed-bold.eot");
69+
src:url("../fonts/open-sans/open-sans-condensed-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-condensed-bold.woff2") format("woff2"),url("../fonts/open-sans/open-sans-condensed-bold.woff") format("woff"),url("../fonts/open-sans/open-sans-condensed-bold.ttf") format("truetype");
70+
font-weight: normal;
71+
font-style: normal;
72+
}
73+
74+
@font-face{
75+
font-family:"Open Sans Condensed Light Italic";
76+
src:url("../fonts/open-sans/open-sans-condensed-light-italic.eot");
77+
src:url("../fonts/open-sans/open-sans-condensed-light-italic.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-condensed-light-italic.woff2") format("woff2"),url("../fonts/open-sans/open-sans-condensed-light-italic.woff") format("woff"),url("../fonts/open-sans/open-sans-condensed-light-italic.ttf") format("truetype");
78+
font-weight: normal;
79+
font-style: normal;
80+
}
81+
82+
@font-face{
83+
font-family:"Open Sans Condensed Light";
84+
src:url("../fonts/open-sans/open-sans-condensed-light.eot");
85+
src:url("../fonts/open-sans/open-sans-condensed-light.eot?#iefix") format("embedded-opentype"),url("../fonts/open-sans/open-sans-condensed-light.woff2") format("woff2"),url("../fonts/open-sans/open-sans-condensed-light.woff") format("woff"),url("../fonts/open-sans/open-sans-condensed-light.ttf") format("truetype");
86+
font-weight: normal;
87+
font-style: normal;
88+
}
89+
90+
/* fjalla one */
91+
@font-face{
92+
font-family:"Fjalla One Regular";
93+
src:url("../fonts/fjalla-one/fjalla-one-regular.woff2") format("woff2"),url("../fonts/fjalla-one/fjalla-one-regular.woff") format("woff"),url("../fonts/fjalla-one/fjalla-one-regular.ttf") format("truetype");
94+
font-weight: normal;
95+
font-style: normal;
96+
}

0 commit comments

Comments
(0)