Skip to content
Snippets Groups Projects
Commit 18e43b6e authored by Jonas Leder's avatar Jonas Leder
Browse files

rewrite of error, fork-awesome and menu using scss

parent f878a848
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 85 additions and 132 deletions
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/error.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/fork-awesome.min.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/menue.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/normalize.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/ntp.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/prism.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/sourcesanspro.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
.sass-cache/b863b6aa466a488d46195922207da5ecfd250f57/style.scssc 0 → 100644
+ 0
− 0
View file @ 18e43b6e
File added
scss/error.scss
+ 79
− 126
View file @ 18e43b6e
#particles-js {
position: absolute;
width: 100%;
height: 100%;
}
body {
background: #97cfca;
overflow: hidden;
......@@ -17,55 +11,51 @@ body {
margin: auto;
position: relative;
top: 10.5rem;
}
.terminal-window header {
background: #E0E8F0;
height: 1.875rem;
border-radius: .5rem .5rem 0 0;
padding-left: .625rem;
}
.terminal-window header .button {
width: .75rem;
height: .75rem;
margin: .625rem .25rem 0 0;
display: inline-block;
border-radius: .5rem;
}
.terminal-window header .button.green {
background: #3BB662;
}
.terminal-window header .button.yellow {
background: #E5C30F;
}
header {
background: #E0E8F0;
height: 1.875rem;
border-radius: .5rem .5rem 0 0;
padding-left: .625rem;
.terminal-window header .button.red {
background: #E75448;
}
.button {
width: .75rem;
height: .75rem;
margin: .625rem .25rem 0 0;
display: inline-block;
border-radius: .5rem;
}
.button.green {
background: #3BB662;
}
.button.red {
background: #E75448;
}
.button.yellow {
background: #E5C30F;
}
}
section.terminal {
color: white;
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
font-size: 11pt;
background: #30353A;
padding: .625rem;
box-sizing: border-box;
position: absolute;
width: 100%;
top: 1.875rem;
bottom: 0;
overflow: auto;
.terminal-window section.terminal {
color: white;
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
font-size: 11pt;
background: #30353A;
padding: .625rem;
box-sizing: border-box;
position: absolute;
width: 100%;
top: 1.875rem;
bottom: 0;
overflow: auto;
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
}
}
.terminal-window section.terminal .typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
......@@ -83,8 +73,15 @@ body {
}
.terminal-data { display: none; }
.terminal-window .gray { color: gray; }
.terminal-window .green { color: green;}
.terminal-window {
.gray {
color: gray;
}
.green {
color: green;
}
}
/*Media for mobile responsive viewing*/
@media only screen and (max-width: 600px) {
......@@ -96,77 +93,33 @@ body {
margin: auto;
position: relative;
top: 30.5vmin;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header {
background: #E0E8F0;
height: 1.875vmin;
border-radius: .5vmin .5vmin 0 0;
padding-left: 1vmin;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button {
width: .75vmin;
height: .75vmin;
margin: .625vmin .25vmin 0 0;
display: inline-block;
border-radius: .5vmin;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button.green {
background: #3BB662;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button.yellow {
background: #E5C30F;
}
}
@media only screen and (max-width: 600px) {
.terminal-window header .button.red {
background: #E75448;
}
}
@media only screen and (max-width: 600px) {
.terminal-window section.terminal {
color: white;
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
font-size: .6875vmin;
background: #30353A;
padding: .625vmin;
box-sizing: border-box;
position: absolute;
width: 100%;
top: 1.875vmin;
bottom: 0;
overflow: auto;
}
}
.terminal-window section.terminal .typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.terminal-data { display: none; }
.terminal-window .gray { color: gray; }
.terminal-window .green { color: green;}
\ No newline at end of file
header {
background: #E0E8F0;
height: 1.875vmin;
border-radius: .5vmin .5vmin 0 0;
padding-left: 1vmin;
.button {
width: .75vmin;
height: .75vmin;
margin: .625vmin .25vmin 0 0;
display: inline-block;
border-radius: .5vmin;
}
}
section.terminal {
color: white;
font-family: Menlo, Monaco, "Consolas", "Courier New", "Courier";
font-size: .6875vmin;
background: #30353A;
padding: .625vmin;
box-sizing: border-box;
position: absolute;
width: 100%;
top: 1.875vmin;
bottom: 0;
overflow: auto;
}
}
}
\ No newline at end of file
scss/fork-awesome.min.scss
+ 1
− 1
View file @ 18e43b6e
This diff is collapsed.
scss/menue.scss
+ 5
− 5
View file @ 18e43b6e
......@@ -28,17 +28,17 @@
left: 50%;
transform: translateX(-50%);
background-color: #1a2332;
a {
border-bottom: #151d28 solid 2px;
width: 100%;
}
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a{
border-bottom: #151d28 solid 2px;
width: 100%;
}
.menueSelected{
text-decoration: underline !important;
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment