Add files via upload0.1.0

2 files changed, 269 insertions, 0 deletions

diff --git a/dist/css/win98.css b/dist/css/win98.css
new file mode 100644
index 0000000..7e010df
--- /dev/null
+++ b/dist/css/win98.css
@@ -0,0 +1,268 @@
+body {
+    padding: 50px;
+    margin: 0px;
+    font-family: "MS Sans Serif", "Segoe UI", sans-serif;
+}
+
+/* Alertbox */
+
+.alertbox {
+    width: 600px;
+    padding-left: 1px;
+    padding-top: 1px;
+    border-left: solid 1px #C0C0C0;
+    border-top: solid 1px #C0C0C0;
+    border-bottom: solid 3px #555555;
+    border-right: solid 3px #555555;
+}
+.alertbox-header {
+    background-color: #092080;
+    color: white;
+    font-size: 14px;
+    padding: 5px;
+    font-weight: bolder;
+}
+.alertbox-body {
+    background-color: #C0C0C0;
+    padding: 50px 20px;
+    font-size: 14px;
+}
+
+/* Buttons */
+
+.btn {
+    background-color: #C0C0C0;
+    padding: 5px 5px;
+    font-size: 14px;
+    border-left: solid 1px black;
+    border-top: solid 1px black;
+    border-right: solid 3px black;
+    border-bottom: solid 3px black;
+    color: black;
+    border-radius: 2px;
+}
+.btn-alertbox {
+    display: block;
+    margin: 20px auto 0px auto;
+}
+.btn-alertbox span {
+    border: 1px dotted black;
+    padding: 2px 25px;
+}
+.btn-alertbox:focus {
+    outline: none;
+    color: black;
+    background-color: #979797;
+}
+.btn-alertbox:active {
+    outline: none;
+    color: black;
+    background-color: #b4b4b4;
+}
+.btn span {
+    border: 1px dotted black;
+    padding: 2px 25px;
+}
+.btn-primary:active {
+    background-color: #b4b4b4;
+}
+.btn-secondary {
+    background-color: #167AF6;
+    color: white;
+}
+.btn-secondary:active {
+    background-color: #0F69D9;
+    color: white;
+}
+.btn-danger {
+    background-color: #DC3545;
+    color: white;
+}
+.btn-danger:active {
+    background-color: #b82c3a;
+    color: white;
+}
+.btn-success {
+    background-color: #4CA846;
+    color: white;
+}
+.btn-success:active {
+    background-color: #327a2d;
+    color: white;
+}
+.btn-warning {
+    background-color: #F8C246;
+    color: black;
+}
+.btn-warning:active {
+    background-color: rgb(190, 150, 55);
+    color: white;
+}
+.btn-info {
+    background-color: #42A3B8;
+    color: white;
+}
+.btn-info:active {
+    background-color: rgb(54, 138, 156);
+    color: white;
+}
+.btn-outline {
+    background-color: transparent;
+}
+.btn-outline:hover {
+    background-color: #C0C0C0;
+}
+
+/* Card */
+
+.card {
+    width: 300px;
+    padding-left: 1px;
+    padding-top: 1px;
+    border-left: solid 1px #C0C0C0;
+    border-top: solid 1px #C0C0C0;
+    border-bottom: solid 3px #555555;
+    border-right: solid 3px #555555;
+}
+.card-image {
+    width: 100%;
+    height: 200px;
+    margin-bottom: -4px;
+}
+.card-body {
+    /* margin-top: -26px; */
+    padding: 20px 20px 20px 20px;
+    background-color: #c0c0c0;
+}
+.card-title {
+    font-size: 22px;
+    line-height: 18px;
+    margin-top: 10px;
+}
+.card-text {
+    font-size: 14px;
+    margin-top: -15px;
+    margin-bottom: 15px;
+}
+.card-subtitle {
+    font-size: 18px;
+    font-weight: 700;
+    margin-top: -10px;
+}
+.card-header {
+    font-size: 18px;
+    color: white;
+    background-color: #092080;
+    padding: 10px 5px;
+    font-weight: bold;
+}
+
+
+/* List group */
+
+.list-group {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    background-color: #C0C0C0;
+}
+.list-group-item {
+    padding: 10px 5px;
+    border-bottom: solid 1px black;
+}
+
+
+/* Blockquote */
+
+.blockquote-footer {
+    color: #464646
+}
+
+
+/* Forms */
+
+.form-control {
+    font-size: 14px;
+    padding: 5px 10px;
+    width: 600px;
+    outline: none;
+    border-left: solid 1px #C0C0C0;
+    border-top: solid 1px #C0C0C0;
+    border-bottom: solid 3px #555555;
+    border-right: solid 3px #555555;
+}
+
+
+.form-select {
+    position: relative;
+    font-family: Arial;
+    width: 620px;
+    padding-left: 1px;
+    padding-top: 1px;
+    border-left: solid 1px #C0C0C0;
+    border-top: solid 1px #C0C0C0;
+    border-bottom: solid 3px #555555;
+    border-right: solid 3px #555555;
+  }
+  
+  .form-select select {
+    display: none; /*hide original SELECT element: */
+  }
+  
+  .select-selected {
+    background-color: #082081;
+  }
+  
+  /* Style the arrow inside the select element: */
+  .select-selected:after {
+    position: absolute;
+    content: "";
+    top: 14px;
+    right: 10px;
+    width: 0;
+    height: 0;
+    border: 6px dotted transparent;
+    border-color: #fff transparent transparent transparent;
+  }
+  
+  /* Point the arrow upwards when the select box is open (active): */
+  .select-selected.select-arrow-active:after {
+    border-color: transparent transparent #fff transparent;
+    top: 7px;
+  }
+  
+  /* style the items (options), including the selected item: */
+  .select-items div {
+    color: #000000;
+    padding: 8px 16px;
+    border: 1px dotted transparent;
+    border-color: white;
+    cursor: pointer;
+  }
+  
+  .select-selected {
+    color: #fff;
+    padding: 8px 16px;
+    cursor: pointer;
+  }
+  
+  /* Style items (options): */
+  .select-items {
+    position: absolute;
+    background-color: white;
+    top: 100%;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    color: black;
+  }
+  
+  /* Hide the items when the select box is closed: */
+  .select-hide {
+    display: none;
+  }
+  
+  .select-items div:hover, .same-as-selected {
+    background-color: #082081;
+    color: white;
+  }
\ No newline at end of file
diff --git a/dist/css/win98.min.css b/dist/css/win98.min.css
new file mode 100644
index 0000000..2e7d338
--- /dev/null
+++ b/dist/css/win98.min.css
@@ -0,0 +1 @@
+.btn-alertbox:active,.btn-alertbox:focus{outline:0;color:#000}body{padding:50px;margin:0;font-family:"MS Sans Serif","Segoe UI",sans-serif}.alertbox{width:600px;padding-left:1px;padding-top:1px;border-left:solid 1px silver;border-top:solid 1px silver;border-bottom:solid 3px #555;border-right:solid 3px #555}.alertbox-header{background-color:#092080;color:#fff;font-size:14px;padding:5px;font-weight:bolder}.alertbox-body,.btn{background-color:silver;font-size:14px}.alertbox-body{padding:50px 20px}.btn{padding:5px;border-left:solid 1px #000;border-top:solid 1px #000;border-right:solid 3px #000;border-bottom:solid 3px #000;color:#000;border-radius:2px}.btn span,.btn-alertbox span{border:1px dotted #000;padding:2px 25px}.btn-alertbox{display:block;margin:20px auto 0}.form-select select,.select-hide{display:none}.btn-alertbox:focus{background-color:#979797}.btn-alertbox:active,.btn-primary:active{background-color:#b4b4b4}.btn-secondary{background-color:#167AF6;color:#fff}.btn-secondary:active{background-color:#0F69D9;color:#fff}.btn-danger{background-color:#DC3545;color:#fff}.btn-danger:active{background-color:#b82c3a;color:#fff}.btn-success{background-color:#4CA846;color:#fff}.btn-success:active{background-color:#327a2d;color:#fff}.btn-warning{background-color:#F8C246;color:#000}.btn-warning:active{background-color:#be9637;color:#fff}.btn-info{background-color:#42A3B8;color:#fff}.btn-info:active{background-color:#368a9c;color:#fff}.btn-outline{background-color:transparent}.btn-outline:hover,.card-body{background-color:silver}.card{width:300px;padding-left:1px;padding-top:1px;border-left:solid 1px silver;border-top:solid 1px silver;border-bottom:solid 3px #555;border-right:solid 3px #555}.card-image{width:100%;height:200px;margin-bottom:-4px}.card-body{padding:20px}.card-title{font-size:22px;line-height:18px;margin-top:10px}.card-text{font-size:14px;margin-top:-15px;margin-bottom:15px}.card-header,.card-subtitle{font-size:18px;font-weight:700}.card-subtitle{margin-top:-10px}.card-header{color:#fff;background-color:#092080;padding:10px 5px}.list-group{list-style-type:none;margin:0;padding:0;background-color:silver}.list-group-item{padding:10px 5px;border-bottom:solid 1px #000}.form-control,.form-select{border-left:solid 1px silver;border-top:solid 1px silver;border-bottom:solid 3px #555;border-right:solid 3px #555}.blockquote-footer{color:#464646}.form-control{font-size:14px;padding:5px 10px;width:600px;outline:0}.form-select{position:relative;font-family:Arial;width:620px;padding-left:1px;padding-top:1px}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px dotted transparent;border-color:#fff transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff;top:7px}.select-items div{color:#000;padding:8px 16px;border:1px dotted #fff;cursor:pointer}.select-selected{background-color:#082081;color:#fff;padding:8px 16px;cursor:pointer}.select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;color:#000}.same-as-selected,.select-items div:hover{background-color:#082081;color:#fff}
\ No newline at end of file