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-image:url(https://zphero.xyz/main/0076.png);
	background-image-size: cover;
	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;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
    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{
    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, 054, 054, 0.5); /* 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, 004, 004, 0.8); /* 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.9); /* 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 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; 
	}