82 lines
1.6 KiB
CSS
82 lines
1.6 KiB
CSS
code {
|
|
@apply .font-mono .px-2 .py-1;
|
|
background-color: #eef1f6;
|
|
color: #596981;
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(0, 0, 0, .1);
|
|
display: inline-block;
|
|
}
|
|
|
|
/**
|
|
* Indicators for server online status.
|
|
*/
|
|
.indicator {
|
|
@apply .bg-grey-darker .border .border-grey;
|
|
border-radius: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
|
|
&.online {
|
|
@apply .bg-green-dark .border-green;
|
|
animation: onlineblink 2s infinite alternate;
|
|
}
|
|
|
|
&.offline {
|
|
@apply .bg-green-dark .border-red;
|
|
animation: offlineblink 2s infinite alternate;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Usage indicator labels for the server listing.
|
|
*/
|
|
.usage {
|
|
@apply .flex-1 .text-center .relative;
|
|
|
|
& > .indicator-title {
|
|
@apply .text-xs .uppercase .font-hairline .bg-white .absolute .text-grey;
|
|
margin-top:-9px;
|
|
padding: 0 8px;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Flex boxes for server listing on user dashboard.
|
|
*/
|
|
.server-box {
|
|
@apply .pb-4;
|
|
|
|
@screen smx {
|
|
@apply .w-full;
|
|
}
|
|
|
|
@screen md {
|
|
@apply .w-1/3 .pr-4;
|
|
|
|
&:nth-of-type(3n) {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
& > .content {
|
|
@apply .border .border-grey-light .bg-white .rounded .p-4 .justify-between .leading-normal .no-underline .block .text-black;
|
|
|
|
&:visited {
|
|
@apply .text-black;
|
|
}
|
|
}
|
|
}
|
|
|
|
.server-search {
|
|
@apply .w-full .my-4;
|
|
|
|
& > input[type="text"] {
|
|
@apply .w-full .p-3 .rounded .border .text-grey-darker;
|
|
|
|
&:focus {
|
|
@apply .border-blue-light;
|
|
}
|
|
}
|
|
}
|