459 lines
8.8 KiB
CSS
459 lines
8.8 KiB
CSS
body {
|
|
margin: 0;
|
|
font-family: monospace, sans-serif;
|
|
background-color: #0c0c0c;
|
|
color: #fef102;
|
|
}
|
|
|
|
p {
|
|
font-family: system-ui, monospace;
|
|
font-weight: bolder;
|
|
font-size: 25px;
|
|
color: whitesmoke;
|
|
text-wrap: balance;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 32px;
|
|
font-family: Helvetica, sans-serif;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 23px;
|
|
font-family: Helvetica, sans-serif;
|
|
}
|
|
|
|
code {
|
|
text-align: left;
|
|
}
|
|
|
|
.onion {
|
|
color: #ff2800;
|
|
padding: 20px 0px 20px 0px;
|
|
text-decoration: underline;
|
|
width: 100%;
|
|
font-weight: bolder;
|
|
font-size: 24.5px;
|
|
}
|
|
|
|
.onion2 {
|
|
color: #fef102;
|
|
padding: 0px 0px 20px 0px;
|
|
width: 100%;
|
|
font-weight: bolder;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.onion3 {
|
|
color: #ff2800;
|
|
padding: 40px 0px 10px 0px;
|
|
width: 100%;
|
|
font-weight: bolder;
|
|
font-size: 16px;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
input[type="text"] {
|
|
width: 430px;
|
|
}
|
|
|
|
.topnav {
|
|
overflow: hidden;
|
|
background-color: #fef102;
|
|
border-radius: 0 0 5px 5px;
|
|
box-shadow: 0 0 15px #fef102;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 94.5%;
|
|
margin: 10px auto -10px auto;
|
|
}
|
|
|
|
.topnav a {
|
|
color: #131313;
|
|
font-family: Helvetica, sans-serif, sans-serif;
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
font-size: 20px;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.topnav a:hover {
|
|
background-color: #131313;
|
|
color: #fef102;
|
|
}
|
|
|
|
.topnav a.active {
|
|
background-color: #fef102;
|
|
color: #131313;
|
|
border-right: 3px solid #131313;
|
|
}
|
|
|
|
.topnav a.active2 {
|
|
background-color: #fef102;
|
|
color: #0c0c0c;
|
|
border-right: #0c0c0c 3px solid;
|
|
}
|
|
|
|
.topnav a.github {
|
|
background-color: #fef102;
|
|
color: #0c0c0c;
|
|
|
|
|
|
|
|
}
|
|
|
|
.corporate {
|
|
padding: -10px 0px -20px 0px;
|
|
}
|
|
|
|
.responsive {
|
|
width: 95%;
|
|
margin: -10px auto 0px auto;
|
|
padding: 0 auto 0 auto;
|
|
box-sizing: border-box;
|
|
box-shadow:0 0 30px #fef102;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
legend {
|
|
height: 50px;
|
|
}
|
|
|
|
input {
|
|
display: flex;
|
|
margin: 0 auto 0 auto;
|
|
}
|
|
|
|
.miner {
|
|
width: 93%;
|
|
padding-left: 30px;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
|
|
.button {
|
|
background-color: #fef102;
|
|
color: #0c0c0c;
|
|
font-size: large;
|
|
font-weight: bolder;
|
|
font-family: monospace;
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
margin:10px
|
|
}
|
|
|
|
.small-btn {
|
|
width: 50px;
|
|
height: 25px;
|
|
}
|
|
|
|
.medium-btn {
|
|
width: 70px;
|
|
height: 30px;
|
|
}
|
|
|
|
.big-btn {
|
|
width: 100px;
|
|
height: 60px;
|
|
}
|
|
|
|
.container {
|
|
width: 90%;
|
|
margin: 0 auto 0 auto;
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
color: #222;
|
|
}
|
|
|
|
:-moz-placeholder { /* Firefox 18- */
|
|
color: #222;
|
|
}
|
|
|
|
::-moz-placeholder { /* Firefox 19+ */
|
|
color: #222;
|
|
}
|
|
|
|
:-ms-input-placeholder {
|
|
color: #222;
|
|
}
|
|
|
|
.diagram {
|
|
width: 85%;
|
|
margin: 20px auto 10px auto;
|
|
}
|
|
|
|
.fourohfour {
|
|
font-size: 80px;
|
|
}
|
|
|
|
.ad {
|
|
width: 100%;
|
|
}
|
|
|
|
.subtitle {
|
|
font-family: monospace;
|
|
font-weight: 800;
|
|
background-color: #0c0c0c;
|
|
border-right: 3px solid #fef102;
|
|
border-left: 3px solid #fef102;
|
|
border-bottom: 3px solid #fef102;
|
|
border-radius: 0 0 5px 5px;
|
|
box-shadow: 0 0 15px #fef102;
|
|
width: 91.5%;
|
|
height: auto;
|
|
margin: -23px auto 30px auto;
|
|
padding-top: 5px;
|
|
display: block;
|
|
text-align:center;
|
|
}
|
|
|
|
div.content {
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
|
|
.tor {
|
|
color: blueviolet;
|
|
}
|
|
|
|
.nodes {
|
|
text-align: center;
|
|
}
|
|
|
|
.site.pad.community-pad{
|
|
padding-top:40px;
|
|
padding-bottom:40px;
|
|
border-top:1px solid #0c0c0c;
|
|
}
|
|
|
|
.firmware {
|
|
text-align: center;
|
|
margin: 0 auto 0 auto;
|
|
}
|
|
|
|
.community {
|
|
background-color:#0c0c0c;
|
|
padding:-10px auto 64px auto;
|
|
max-width: 95%;
|
|
margin:0 auto;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.community a {
|
|
border-bottom:1px solid #0c0c0c;
|
|
text-wrap: balance;
|
|
}
|
|
|
|
.community h2 {
|
|
text-align:center;
|
|
}
|
|
|
|
.community-subheading {
|
|
line-height:1.4em;
|
|
text-align:center;
|
|
}
|
|
|
|
.community-content {
|
|
margin-top:40px;
|
|
background-color:#0c0c0c;
|
|
}
|
|
|
|
.community-row {
|
|
padding:20px;
|
|
width: 95%;
|
|
margin: 5px auto 5px auto;
|
|
display:flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.community-row-img {
|
|
height:80px;
|
|
width:80px;
|
|
margin-right:16px;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.community-row-content {
|
|
margin-top:4px;
|
|
}
|
|
|
|
.community-row-heading {
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
margin-bottom:4px;
|
|
}
|
|
|
|
.community-row-desc {
|
|
line-height:1.4em;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.community-row-category {
|
|
color:#6F6F6F;
|
|
font-size:12px;
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* Add this to your existing CSS */
|
|
.topnav a {
|
|
display: none; /* Hide links by default */
|
|
}
|
|
|
|
.topnav.responsive a {
|
|
display: block; /* Show links when responsive class is added */
|
|
}
|
|
|
|
.topnav .icon {
|
|
display: block; /* Show the hamburger icon */
|
|
}
|
|
|
|
/* Show links in the topnav by default on larger screens */
|
|
@media screen and (min-width: 601px) {
|
|
.topnav a {
|
|
display: block; /* Show links on larger screens */
|
|
}
|
|
.topnav .icon {
|
|
display: none; /* Hide the hamburger icon on larger screens */
|
|
}
|
|
}
|
|
|
|
/* Form Container */
|
|
.container {
|
|
background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent background */
|
|
border-radius: 10px; /* Rounded corners */
|
|
padding: 20px; /* Padding around the content */
|
|
box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); /* Soft shadow */
|
|
margin: 20px auto; /* Center the container */
|
|
max-width: 600px; /* Max width for the form */
|
|
}
|
|
|
|
/* Form Headings */
|
|
h1 {
|
|
font-size: 32px; /* Larger font size for the main heading */
|
|
text-align: center; /* Center the heading */
|
|
margin-bottom: 10px; /* Space below the heading */
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 15px; /* Space below paragraphs */
|
|
}
|
|
|
|
|
|
/* Legend Styles */
|
|
legend {
|
|
font-weight: bold; /* Bold text for legend */
|
|
color: #fef102; /* Color for legend text */
|
|
}
|
|
|
|
/* Input and Textarea Styles */
|
|
input[type="radio"], input[type="text"], textarea {
|
|
width: calc(100% - 20px); /* Full width minus padding */
|
|
padding: 10px; /* Padding inside inputs */
|
|
border: 1px solid #fef102; /* Border color */
|
|
border-radius: 5px; /* Rounded corners */
|
|
background-color: rgba(135, 135, 135, 0.387); /* Semi-transparent background */
|
|
color: #fef102; /* Text color */
|
|
margin-bottom: 10px; /* Space below inputs */
|
|
}
|
|
|
|
/* Button Styles */
|
|
.button {
|
|
width: 100%; /* Full width button */
|
|
padding: 15px; /* Padding for button */
|
|
font-size: 18px; /* Font size for button */
|
|
border: none; /* Remove default border */
|
|
cursor: pointer; /* Pointer cursor on hover */
|
|
}
|
|
|
|
/* Textarea Styles */
|
|
.textarea {
|
|
resize: none; /* Disable resizing */
|
|
background-color: #0c0c0c;
|
|
color: #fef102;
|
|
}
|
|
|
|
/* Responsive Styles */
|
|
@media screen and (max-width: 600px) {
|
|
.container {
|
|
width: 95%; /* Full width on small screens */
|
|
}
|
|
}
|
|
|
|
/* Button Container */
|
|
.clearfix {
|
|
display: flex; /* Use flexbox for layout */
|
|
justify-content: space-evenly; /* Space between buttons */
|
|
margin: 20px 60px 20px 60px;
|
|
width 10%;
|
|
|
|
}
|
|
|
|
/* Button Styles */
|
|
.button {
|
|
background-color: #fef102; /* Button background color */
|
|
color: #0c0c0c; /* Button text color */
|
|
font-size: large; /* Font size for button */
|
|
font-weight: bolder; /* Bold text */
|
|
font-family: monospace; /* Font family */
|
|
padding: 10px 20px; /* Padding for button */
|
|
border: none; /* Remove default border */
|
|
border-radius: 5px; /* Rounded corners */
|
|
cursor: pointer; /* Pointer cursor on hover */
|
|
flex: 1; /* Allow buttons to grow equally */
|
|
margin: 0 5px; /* Space between buttons */
|
|
}
|
|
|
|
.textarea {
|
|
background-color: white;
|
|
color: #0c0c0c;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
margin-right: 10px; /* Space between checkbox and label */
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #fef102; /* Border color */
|
|
border-radius: 5px; /* Rounded corners */
|
|
padding: 10px; /* Padding inside fieldset */
|
|
margin-bottom: 15px; /* Space below fieldset */
|
|
display: flex; /* Use flexbox for layout */
|
|
flex-direction: column; /* Stack items vertically */
|
|
align-items: flex-start; /* Align items to the start */
|
|
}
|
|
|
|
label {
|
|
display: flex; /* Use flexbox for label */
|
|
align-items: center; /* Center items vertically */
|
|
margin-bottom: 10px; /* Space below each label */
|
|
}
|
|
|
|
.checkbox-label {
|
|
font-size: 20px; /* Larger font size */
|
|
font-weight: bold; /* Bold text */
|
|
color: #fef102; /* Text color */
|
|
display: inline-block; /* Ensure labels are inline with checkboxes */
|
|
margin-bottom: 10px; /* Space below each label */
|
|
}
|
|
|
|
input[type="radio"] {
|
|
margin-right: 10px; /* Space between checkbox and label */
|
|
}
|
|
|
|
.checkbox-label {
|
|
font-size: 20px; /* Larger font size */
|
|
font-weight: bold; /* Bold text */
|
|
color: #fef102; /* Text color */
|
|
}
|