mirror of
https://github.com/pcottle/learnGitBranching.git
synced 2025-08-04 10:04:59 +02:00
113 lines
2.7 KiB
CSS
113 lines
2.7 KiB
CSS
html, body {
|
|
overflow:hidden;
|
|
|
|
background: -moz-radial-gradient(center, ellipse cover, #0066cc 0%, #000000 90%);
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0066cc), color-stop(90%,#000000));
|
|
background: -webkit-radial-gradient(center, ellipse cover, #0066cc 0%,#000 90%);
|
|
background: -o-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
|
|
background: -ms-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
|
|
background: radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
|
|
-webkit-perspective:600px;
|
|
|
|
font-family: Monaco, Courier, font-monospace;
|
|
font-size: 1.4em;
|
|
color: #eee;
|
|
}
|
|
|
|
/* Transition */
|
|
.transitionBackground {
|
|
-webkit-transition: background 700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
-moz-transition: background 700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
-ms-transition: background 700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
-o-transition: background 700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
transition: background 700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
}
|
|
|
|
.transitionOpacity {
|
|
-webkit-transition: opacity 1700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
-moz-transition: opacity 1700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
-ms-transition: opacity 1700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
-o-transition: opacity 1700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
transition: opacity 1700ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
|
|
}
|
|
|
|
#controls {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 50%;
|
|
height: 100%;
|
|
-webkit-box-orientation: vertical;
|
|
}
|
|
|
|
#commandTextField {
|
|
width: 90%;
|
|
}
|
|
|
|
p.commandLine, p.commandLineResult {
|
|
opacity: 1;
|
|
font-size: 18px;
|
|
margin: 2px;
|
|
background-color: black;
|
|
}
|
|
|
|
p.commandLine span.icons {
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
p.commandLine span.icons i {
|
|
opacity: 0;
|
|
}
|
|
|
|
p.commandLine.inqueue span.icons i.icon-check-empty,
|
|
p.commandLine.error span.icons i.icon-exclamation-sign,
|
|
p.commandLine.processing span.icons i.icon-retweet,
|
|
p.commandLine.finished span.icons i.icon-check {
|
|
opacity: 1;
|
|
}
|
|
|
|
p.commandLine.error {
|
|
background-color: red;
|
|
}
|
|
|
|
p.commandLine.inqueue {
|
|
background-color: yellow;
|
|
color: black;
|
|
}
|
|
|
|
p.commandLine.processing {
|
|
background-color: #57EE6F;
|
|
color: white;
|
|
}
|
|
|
|
p.commandLine.finished {
|
|
background-color: #0066cc;
|
|
color: white;
|
|
}
|
|
|
|
p.commandResult {
|
|
color: blue;
|
|
}
|
|
|
|
p.commandError, p.errorResult {
|
|
color: red;
|
|
}
|
|
|
|
p.commandLine span.arrows {
|
|
color: greenyellow;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#commandLineBar {
|
|
text-align: center;
|
|
}
|
|
|
|
#commandLineHistory {
|
|
width: 100%;
|
|
height: 200px;
|
|
overflow-y: scroll;
|
|
background: #000;
|
|
opacity: 0.85;
|
|
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;
|
|
}
|