flash.moe/assets/makai.css/tools/whois.css

99 lines
2.4 KiB
CSS
Raw Normal View History

.whois-locked .columns-left,
.whois-locked .columns-centre {
opacity: .5;
pointer-events: none;
}
.whois-lookup-form {
display: flex;
margin-top: var(--global-spacing);
overflow: hidden;
transition: opacity .2s;
background-color: var(--container-colour);
border: 1px solid var(--container-border);
}
.whois-lookup-form-input {
display: block;
flex-grow: 1;
flex-shrink: 1;
padding: var(--global-spacing-2x);
border: 0;
border-radius: 0;
background-color: var(--container-colour);
color: var(--text-colour);
font-size: var(--font-size);
line-height: var(--line-height);
font-family: var(--font-monospace);
}
.whois-lookup-form-submit {
flex-grow: 0;
flex-shrink: 0;
font-family: inherit;
background-color: var(--accent-colour2);
color: var(--text-colour);
border: 0;
border-radius: 0;
padding: var(--global-spacing) var(--global-spacing-2x);
cursor: pointer;
transition: background-color .2s;
}
.whois-lookup-form-submit:focus,
.whois-lookup-form-submit:hover {
background-color: var(--accent-colour2-dark);
}
.whois-lookup-form-submit:active {
background-color: var(--accent-colour2-darker);
}
.whois-result-container {
margin-top: var(--global-spacing);
background-color: var(--container-colour);
border: 1px solid var(--container-border);
}
.whois-result {
padding: var(--global-spacing) var(--global-spacing-2x);
white-space: pre-wrap;
font-family: var(--font-monospace);
font-size: 14px;
transition: opacity .2s;
overflow: auto;
}
.whois-result-tabs {
display: flex;
overflow-x: auto;
scrollbar-width: thin;
background-color: var(--accent-colour2);
}
.whois-result-tab {
color: inherit;
padding: var(--global-spacing) var(--global-spacing-2x);
font-size: 14px;
cursor: pointer;
display: block;
text-decoration: none;
transition: background-color .1s;
}
.whois-result-tab:hover,
.whois-result-tab:focus {
background-color: var(--accent-colour2-dark);
}
.whois-result-tab:active {
background-color: var(--accent-colour2-darker);
}
.whois-result-tab-active {
background-color: var(--container-colour) !important;
}
.whois-result-tab-header {
font-size: 1.3em;
line-height: 1.2em;
}
.whois-result-tab-server {
font-size: .9em;
line-height: 1.2em;
opacity: .6;
white-space: pre-wrap;
font-family: var(--font-monospace);
}