Zphero Command Console (1.0.0.0.0)

Output

> getraw 1.0.0.2.2
/* Base styling for body for original ZPhero Command Console  */
body {
font-family: 'Trebuchet MS', sans-serif;
background-color: #000; /* Dark background for a sci-fi look */
color: #00FFCC; /* Neon-like text color */
margin: 0;
padding: 0;
}
pre{
    background-color:#141238;
    color:#00b4c9;
    margin: 10px;
    border-radius:15px;
    padding:10px;
    max-width:90vw;
    overflow-x:auto;
    box-shadow: 0 4px 20px rgba(50, 255, 204, 0.2); /* Soft glowing effect */
}
pre h1{
    margin-left:-10px;
    font-size: 180%;
}
pre h2{
    border:1px dashed;
    margin-left: -11px;
    padding-left: 20px;
    font-size:140%;
}
.command-out{
    font-family: 'Courier New', Courier, monospace;
    border:1px solid #CCC;
    margin:0px;
}

.cmd-consinput{
    background-color:#000;
    color:#00FFCC;
    padding: 5px 10px;
    border:1px solid #CCC;
    border-radius:5px;
}
/* Container styling */
.container {
max-width: 90vw;
margin: auto;
padding: 20px;
border-radius: 15px; /* Rounded corners */
box-shadow: 0 4px 20px rgba(0, 255, 204, 0.2); /* Soft glowing effect */
}
/* Header styling */
header {
text-align: left;
}
.command-title, h1 {
    background-color:#141238;
    color:#00b4c9;
    margin-left:0px;
    padding:5px 10px 5px 300px;
    width: auto;
    max-width: 600px;
    border-radius:0 25px 25px 0;
    border: 1px solid #CCC;
    border-left: none;
}
/* Button styling */
.button {
background-color: #0077CC; /* Sleek blue color */
color: white;
border: none;
padding: 5px 10px;
border-radius: 10px; /* Rounded buttons */
font-size: 16px;
border: 1px solid #999;
cursor: pointer;
transition: background-color 0.3s ease;
}
/* Button hover effect */
.button:hover {
background-color: #005999; /* Darker blue on hover */
}
/* Responsive design */
@media (max-width: 768px) {
.container {
padding: 10px; /* Reduce padding on smaller screens */
}
.button {
padding: 8px 15px; /* Adjust button size */
font-size: 14px; /* Smaller font size */
}
}
/* Additional styling for cards */
.card {
background: rgba(0, 255, 204, 0.2); /* Semi-transparent background */
border-radius: 10px; /* Rounded corners for cards */
padding: 15px;
margin: 10px 0;
box-shadow: 0 2px 10px rgba(0, 255, 204, 0.3); /* Slight glow */
}
.pagination {  
    /* Container for the pages */
}  
  
.page {  
    display: none; /* Hide all pages by default */  
}  
  
.page.active {  
    display: block; /* Show the active page */  
}  
  
.pagination-nav {  
    /* Style your navigation */  
}  
  
.pagination-nav a {  
    /* Style individual links */  
}  
  
.pagination-nav a.active {  
    /* Highlight the active link */  
}

.pagination ul { list-style: none; padding: 0; display: flex; overflow:auto; }
.pagination li { margin: 0 5px; }
.nav-top { position: absolute; top: 0; }
.nav-left { position: absolute; left: 0; }
.nav-right { position: absolute; right: 0; }
.dropdown { position: relative; }
.dropdown ul { display: none; position: absolute; }
.dropdown:hover ul { display: block; }
.tab { overflow: hidden; border: 1px solid #00FFCC; }
.tablink { background-color: #003333; color: #00FFCC; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; }
.tablink:hover { background-color: #005566; }
.tablink.active { background-color: #007788; }
.tabcontent { display: none; padding: 6px 12px; border: 1px solid #00FFCC; }
.deviate div { min-width: 100px; }