diff --git a/html/style.css b/html/style.css
index 99d9688..e105354 100644
--- a/html/style.css
+++ b/html/style.css
@@ -26,8 +26,6 @@ a:hover {
background-color: #eee;
padding: 1em;
margin: 0.5em;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
border-radius: 0.5em;
border: 0px solid #000000;
}
@@ -92,9 +90,6 @@ fieldset fields {
/* Add transition to containers so they can push in and out */
#layout, #menu, .menu-link {
-webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- -ms-transition: all 0.2s ease-out;
- -o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
@@ -187,8 +182,6 @@ input.inline {
/* Text console */
pre.console {
background-color: #663300;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
border-radius: 5px;
border: 0px solid #000000;
color: #66ff66;
@@ -203,8 +196,6 @@ pre.console a {
.console-in {
background-color: #fff0b3;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
border-radius: 5px;
border: 0px solid #630;
color: #0c0;
@@ -214,39 +205,46 @@ pre.console a {
box-sizing: border-box;
}
.console-in option:checked {
+ background-image: -webkit-linear-gradient(#fc0, #fc0);
background-image: linear-gradient(#fc0, #fc0);
}
/* console flex */
-/*
-.hbox,.vbox {
- box-sizing: border-box;
- moz-box-sizing: border-box;
- webkit-box-sizing: border-box;
-}
-*/
.flex-hbox, .flex-vbox {
+ display: -webkit-box;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}
.flex-hbox {
- flex-direction: row;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
ms-flex-direction: row;
webkit-flex-direction: row;
}
.flex-vbox {
- flex-direction: column;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
ms-flex-direction: column;
webkit-flex-direction: column;
/*width: 100%; */
}
.flex-fill {
- flex: 1 1 auto;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
ms-flex: 1 1 auto;
webkit-flex: 1 1 auto;
}
+
.height100 {
height: 100%;
}
@@ -428,8 +426,6 @@ pre.console a {
height: 50px;
width: 50px;
-webkit-animation: rotation 1s infinite linear;
- -moz-animation: rotation 1s infinite linear;
- -o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
border-left: 10px solid rgba(204, 51, 0, 0.15);
border-right: 10px solid rgba(204, 51, 0, 0.15);
@@ -452,27 +448,14 @@ pre.console a {
-webkit-transform: rotate(359deg);
}
}
-@-moz-keyframes rotation {
- from {
- -moz-transform: rotate(0deg);
- }
- to {
- -moz-transform: rotate(359deg);
- }
-}
-@-o-keyframes rotation {
- from {
- -o-transform: rotate(0deg);
- }
- to {
- -o-transform: rotate(359deg);
- }
-}
+
@keyframes rotation {
from {
+ -webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
+ -webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}