plugins/icerok/css/style.css
:root {
--color-dp1: #121212;
--color-dp2: #212121;
--color-sec: #00abcc;
--color-sec2: #b3f5ff;
}
body {
font-family: arial, verdana, sans-serif;
padding: 20px;
margin: 16px;
background-color: var(--color-dp2);
border: 4px solid var(--color-sec);
color: #a1a1a1;
border-radius: 17px;
position: relative;
}
#logo {
width: 20%;
display: inline-block;
}
#logo img {
width: 100%;
}
#text-connections {
width: 70%;
display: inline-block;
font-size: 1rem;
vertical-align: top;
margin-bottom: 20px;
}
#connections {
margin-top: 35px;
}
#logo-community {
position: absolute;
top: 20px;
right: 20px;
display: inline-block;
width: 70px;
height: 70px;
}
a,
a:visited {
color: var(--color-sec);
text-decoration: none;
}
a:hover {
color: var(--color-sec2);
text-decoration: underline;
}
#logo-community img {
width: 100%;
}
.btn {
display: inline-block;
vertical-align: middle;
cursor: pointer;
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
color: #fff;
background-color: var(--color-dp1);
font-weight: 300;
text-align: center;
user-select: none;
position: relative;
transition: all 0.3s;
transition-timing-function: ease-in;
color: var(--color-sec);
border: 1px solid var(--color-sec);
margin: 0px 26px;
}
.btn-success {
background-color: #25bc32;
border-color: #25bc32;
}
.input-lg {
display: inline-block;
vertical-align: middle;
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
width: 100px;
}
.select-lg {
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
vertical-align: middle;
background-color: var(--color-dp1);
border-color: var(--color-sec);
padding: 0.5rem 1rem;
color: var(--color-sec);
}
.label-lg {
display: inline-block;
vertical-align: middle;
font-size: 1.25rem;
line-height: 1.5;
margin: 0px 10px;
}
#event-bus {
margin-top: 20px;
}