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