1163 lines
35 KiB
CSS
1163 lines
35 KiB
CSS
.footer {
|
|
left: 0;
|
|
right: 0; }
|
|
|
|
.footer-logo, .header-logo {
|
|
display: block;
|
|
background-image: url(./images/logos.png); }
|
|
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
|
|
.footer-logo, .header-logo {
|
|
background-image: url("./images/[email protected]");
|
|
background-size: 182px 59px; } }
|
|
|
|
.new-form, .settings, .ballots-i {
|
|
transition: 0.3s box-shadow;
|
|
margin-bottom: 80px;
|
|
border-radius: 8px;
|
|
box-shadow: 0 10px 10px 0 rgba(50, 108, 181, 0.08);
|
|
padding: 30px;
|
|
background-color: #fff; }
|
|
@media screen and (max-width: 768px) {
|
|
.new-form, .settings, .ballots-i {
|
|
margin-bottom: 20px;
|
|
padding: 20px; } }
|
|
|
|
input, select, .radio {
|
|
transition: 0.3s background-color, 0.3s border-color;
|
|
width: 100%;
|
|
height: 40px;
|
|
outline: none;
|
|
border-radius: 3px;
|
|
border: 1px solid #e5eef9;
|
|
box-sizing: border-box;
|
|
padding: 0 10px;
|
|
background-color: #fff;
|
|
color: #444;
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 14px; }
|
|
|
|
button, .header-settings, .header-new-ballot, .ballots-i--vote, .ballots-footer-finalize {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
transition: 0.3s opacity;
|
|
box-sizing: border-box;
|
|
border: 0;
|
|
outline: none;
|
|
padding: 0 15px;
|
|
text-transform: uppercase;
|
|
line-height: 36px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
font-family: 'Open Sans', sans-serif; }
|
|
button:hover, .header-settings:hover, .header-new-ballot:hover, .ballots-i--vote:hover, .ballots-footer-finalize:hover {
|
|
opacity: 0.9;
|
|
text-decoration: none; }
|
|
.header-settings, .header-new-ballot {
|
|
padding: 0 15px 0 33px;
|
|
background-repeat: no-repeat;
|
|
background-position: left 15px center; }
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
|
|
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
|
|
|
|
html,
|
|
body {
|
|
color: #444;
|
|
line-height: 1;
|
|
font-size: 14px;
|
|
font-family: 'Open Sans', sans-serif;
|
|
-webkit-font-smoothing: antialiased; }
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
html {
|
|
height: 100%; }
|
|
|
|
p, h1, h2, h3, h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Open Sans', sans-serif; }
|
|
|
|
body {
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
box-sizing: border-box;
|
|
padding-bottom: 70px;
|
|
background-color: #f4f9ff; }
|
|
@media screen and (max-width: 414px) {
|
|
body {
|
|
padding-bottom: 90px; } }
|
|
|
|
a {
|
|
color: #08b3f2;
|
|
text-decoration: none;
|
|
font-size: 14px; }
|
|
a:hover {
|
|
text-decoration: underline; }
|
|
|
|
p {
|
|
color: #444;
|
|
font-size: 14px; }
|
|
|
|
hr {
|
|
display: block;
|
|
width: 100%;
|
|
height: 1px;
|
|
margin: 10px 0 30px;
|
|
border: 0;
|
|
background-color: #e5eef9; }
|
|
|
|
.center {
|
|
text-align: center; }
|
|
|
|
.left {
|
|
float: left;
|
|
width: 48%; }
|
|
|
|
.right {
|
|
float: right;
|
|
width: 48%; }
|
|
|
|
@media screen and (max-width: 414px) {
|
|
.left,
|
|
.right {
|
|
float: none;
|
|
width: 100%; } }
|
|
|
|
.hidden {
|
|
overflow: hidden; }
|
|
|
|
.display-none {
|
|
display: none; }
|
|
|
|
.container {
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
box-sizing: border-box; }
|
|
@media screen and (max-width: 960px) {
|
|
.container {
|
|
width: 100%;
|
|
padding: 0 10px; } }
|
|
|
|
.title {
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
color: #38454f;
|
|
font-size: 30px;
|
|
font-weight: normal; }
|
|
@media screen and (max-width: 768px) {
|
|
.title {
|
|
font-size: 28px; } }
|
|
@media screen and (max-width: 414px) {
|
|
.title {
|
|
font-size: 26px; } }
|
|
|
|
label {
|
|
display: inline-block;
|
|
margin-bottom: 15px;
|
|
color: #8197a2;
|
|
font-size: 14px;
|
|
font-family: 'Open Sans', sans-serif; }
|
|
|
|
input:focus {
|
|
border-color: #08b3f2; }
|
|
|
|
input[type='radio'] {
|
|
display: none; }
|
|
|
|
select {
|
|
appearance: none;
|
|
padding-right: 30px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 13px center;
|
|
background-image: url(./images/select.png); }
|
|
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
|
|
select {
|
|
background-image: url("./images/[email protected]");
|
|
background-size: 8px 4px; } }
|
|
|
|
button {
|
|
background-color: rgba(8, 179, 242, 0.1);
|
|
color: #08b3f2; }
|
|
|
|
.radio {
|
|
transition: 0.3s color, 0.3s background-color, 0.3s border-color;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-bottom: 0;
|
|
line-height: 40px; }
|
|
input[type='radio']:checked + .radio {
|
|
border-color: #08b3f2;
|
|
background-color: rgba(8, 179, 242, 0.1);
|
|
color: #08b3f2; }
|
|
.radio_icon {
|
|
padding-left: 37px;
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 16px;
|
|
background-position: left 11px center; }
|
|
.radio_add {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAFVBMVEUAsvUAsvUAsvUAsvUAsvUAsvUAsvVmJ/ytAAAABnRSTlMASUrk5udXTd49AAAAPElEQVR4Ae3RIQKAAAzDwG5k/f+TwYIoEsROx0V3BaUEGyW+bPBVUDighCPeglGPg6P3xW8D7FHS8/x3AhBhBV+OMM67AAAAAElFTkSuQmCC); }
|
|
.radio_remove {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAFVBMVEUAsvUAsvUAsvUAsvUAsvUAsvUAsvVmJ/ytAAAABnRSTlMASUrk5udXTd49AAAATklEQVR4Ae3SQQqAMAxE0Wmc5P5H1k2gfijFnaBvWf5mStSGa+Ihct14F6QosiZH6D24nzw4j7wLEvsb/qMugn77g28G9Czw6h5b5PoeT61VCXCp8qCYAAAAAElFTkSuQmCC); }
|
|
.radio_swap {
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAulBMVEUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvUAsvVktDOmAAAAPXRSTlMAAQIDBAUGETxARUlKS1BRUlNUVVdaXGFkZmdpamtuc3R2fH+IiYrR19ja3N7h4+bn6+3v8PHy9fj5+vz+d3lc/AAAALhJREFUeNqVk0cOwkAMAE0n1NBLgNAhQCCFTvz/b6GYPQS03hVznZF8sA0fBr5XBgU2Ih41Hn2Nj/qsn5Ifa/yI9RbKcQ0RnJFhK4KTLmi95P5ggKBDxRwY/ihsXRGCptiDCnO3KUKSVBqUtIOwp/LZC62PJ3eLF2gBzwR1xYyKYWJq4Yfld9G8opSoKwIfGVzdVTgiqHhy/+DfaU2+xvoV+TrrF+RN1ufvsW8ASyZAfJLnKDlOFYg3It9LpKV2sncAAAAASUVORK5CYII=); }
|
|
.radio:before, .radio:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
border-radius: 50%; }
|
|
.radio:before {
|
|
transition: 0.3s border-color;
|
|
left: -40px;
|
|
top: 8px;
|
|
width: 24px;
|
|
height: 24px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #e5eef9; }
|
|
input[type='radio']:checked + .radio:before {
|
|
border-color: #08b3f2; }
|
|
.radio:after {
|
|
transition: 0.3s transform, 0.3s opacity;
|
|
transform: scale(0.5);
|
|
opacity: 0;
|
|
left: -34px;
|
|
top: 14px;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #08b3f2; }
|
|
input[type='radio']:checked + .radio:after {
|
|
transform: scale(1);
|
|
opacity: 1; }
|
|
.radio-container {
|
|
margin-bottom: 20px;
|
|
padding-left: 40px; }
|
|
|
|
.form-el {
|
|
margin-bottom: 20px; }
|
|
|
|
.hint {
|
|
margin-top: 15px;
|
|
color: #8197a2;
|
|
line-height: 18px;
|
|
font-size: 12px; }
|
|
|
|
.footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
height: 60px;
|
|
background-color: #6d2eae; }
|
|
@media screen and (max-width: 414px) {
|
|
.footer {
|
|
height: auto;
|
|
padding: 20px 10px 0; } }
|
|
.footer .container {
|
|
position: relative; }
|
|
@media screen and (max-width: 414px) {
|
|
.footer .container {
|
|
padding-top: 40px; } }
|
|
.footer-logo,
|
|
.footer .socials {
|
|
transform: translateY(-50%);
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 50%; }
|
|
@media screen and (max-width: 414px) {
|
|
.footer-logo,
|
|
.footer .socials {
|
|
transform: translateY(0);
|
|
top: 0; } }
|
|
.footer-logo {
|
|
left: 0;
|
|
width: 127px;
|
|
height: 24px;
|
|
background-position: 0 0; }
|
|
.footer-rights {
|
|
color: #fff;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
font-size: 12px; }
|
|
@media screen and (max-width: 414px) {
|
|
.footer-rights {
|
|
line-height: 30px; } }
|
|
|
|
.header {
|
|
margin-bottom: 0px;
|
|
padding: 22px 0;
|
|
background-color: #6d2eae; }
|
|
@media screen and (max-width: 768px) {
|
|
.header {
|
|
margin-bottom: 0px; } }
|
|
@media screen and (max-width: 414px) {
|
|
.header {
|
|
margin-bottom: 0px; } }
|
|
.header .container {
|
|
overflow: hidden; }
|
|
.header-logo {
|
|
float: left;
|
|
width: 182px;
|
|
height: 35px;
|
|
background-position: 0 -24px; }
|
|
.header-settings, .header-new-ballot {
|
|
float: right;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
background-size: 12px 12px; }
|
|
@media screen and (max-width: 768px) {
|
|
.header-settings, .header-new-ballot {
|
|
padding: 0 20px;
|
|
background-position: center center;
|
|
font-size: 0; } }
|
|
.header-settings {
|
|
margin-right: 15px;
|
|
background-color: #7d58bb;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAflBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yfIzaAAAAKXRSTlMAAgQFBgwNDhAqKyxJSlJTVFVXZGVojo+Q19ja5Obn6+3u7/D19vf8/fmxL7QAAADLSURBVHgBfdHtVoJAGMTxUUwUZCtKRWzpxWj93/8Nti5LxDlbv68DzHkGTXbW7pRiwWpumcnDk5ctFe37y8MUPH58PsXne3D19oB32NYO+uGdxRvgrgRXB7wvFBjHjLtXVM8SV2tU3IKzyXNzvgWFRkeg3cjbtMAx3ktgYh+B38AyyBXcEZO/gk5Vl/rUS/VTfhrKT0CjUemA1qzXpgVcqf8PTEwS+xav6RHj7EWD15S/Ztf+a/ajLv2zomylKdAq05yFTilVF+8NvgGLASpP2eRPbAAAAABJRU5ErkJggg==); }
|
|
.header-new-ballot {
|
|
background-color: #08b3f2;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAFVBMVEX///////////////////////////9nSIHRAAAABnRSTlMASUrk5udXTd49AAAAOUlEQVR42tXQsQEAIAgDQcAn+4+snRZxAK79KokrIcNBwgYdc0Migwxk8Qsd1TJWDf/KQWobqt+9G4coA99W7as5AAAAAElFTkSuQmCC); }
|
|
|
|
.info {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 44px;
|
|
min-height: 32px;
|
|
background-image: url(./images/info.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
color: #8197a2; }
|
|
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
|
|
.info {
|
|
background-image: url("./images/[email protected]");
|
|
background-size: 32px 32px; } }
|
|
.ballots .info {
|
|
margin-bottom: 20px; }
|
|
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: .2; }
|
|
20% {
|
|
opacity: 1;
|
|
transform: scale(1); }
|
|
100% {
|
|
opacity: .2;
|
|
transform: scale(0.3); } }
|
|
|
|
.loading {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 206px;
|
|
margin: -30px 0 0 -111.5px;
|
|
padding-top: 50px; }
|
|
.loading:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 206px;
|
|
height: 35px;
|
|
background-image: url("./images/loading.png");
|
|
background-position: 0 0; }
|
|
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
|
|
.loading:before {
|
|
background-image: url("./images/[email protected]");
|
|
background-size: 100% 100%; } }
|
|
.loading-container {
|
|
position: fixed;
|
|
z-index: 1000000;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background-color: rgba(35, 29, 115, 0.8); }
|
|
.loading-i {
|
|
animation-duration: 2s;
|
|
animation-fill-mode: forwards;
|
|
animation-iteration-count: infinite;
|
|
animation-name: fadeOut;
|
|
animation-timing-function: linear;
|
|
opacity: .2;
|
|
width: 9px;
|
|
height: 9px;
|
|
border-radius: 50%;
|
|
background-color: #fff; }
|
|
.loading-i:nth-child(2) {
|
|
animation-delay: .1s; }
|
|
.loading-i:nth-child(3) {
|
|
animation-delay: .2s; }
|
|
.loading-i:nth-child(4) {
|
|
animation-delay: .3s; }
|
|
.loading-i:nth-child(5) {
|
|
animation-delay: .4s; }
|
|
.loading-i:nth-child(6) {
|
|
animation-delay: .5s; }
|
|
|
|
.nav {
|
|
font-size: 0; }
|
|
.nav-i {
|
|
transition: 0.3s color;
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 40px;
|
|
color: #8197a2;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
line-height: normal;
|
|
font-size: 14px;
|
|
font-weight: bold; }
|
|
.nav-i:hover, .nav-i_active {
|
|
color: #444; }
|
|
.nav-i_active:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -30px;
|
|
height: 3px;
|
|
background-color: #08b3f2; }
|
|
|
|
.new-form {
|
|
overflow: hidden; }
|
|
.new-form-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between; }
|
|
@media screen and (max-width: 414px) {
|
|
.new-form-footer {
|
|
flex-direction: column; } }
|
|
|
|
.new .add-ballot {
|
|
white-space: nowrap; }
|
|
@media screen and (max-width: 414px) {
|
|
.new .add-ballot {
|
|
margin-top: 20px; } }
|
|
|
|
.search {
|
|
border-bottom: 1px solid #eee;
|
|
background-color: #fff;
|
|
line-height: 80px;
|
|
text-align: left; }
|
|
.search .back {
|
|
transition: 0.3s opacity;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAAAjVBMVEUAtfX///8AtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUAtfUmVRXZAAAALnRSTlMAAAQKDxAXISIpKzc+P1laYm1vdneQlJWjpKyvs7W2ycrP0NLY3uDh4u3u+f3+FQ2PgAAAAJlJREFUGNOV0ckSgjAQRdEWghMiKiLihBOiIPf/P88FSEEiC98yp6o79VrkG3uZPRYigzrN+zAEChMme6CMDfASoNgoHfwUeAWWdMFa50A6F+mCExXAeSYajA/AO1SigXsFKJPd8dTKdip3fubWD+6lZ5SMquWOvlxEVd/1DBAryIHUN6CuJDcqaUqMVE/txH8cSsRePbPWaT+TOR0SIiH2HAAAAABJRU5ErkJggg==);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
background-size: 12px 10px;
|
|
padding-left: 20px;
|
|
color: #08b3f2;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
font-weight: bold; }
|
|
.search .back:hover {
|
|
opacity: 0.8; }
|
|
.search .container {
|
|
position: relative; }
|
|
.search-input {
|
|
display: block;
|
|
transition: 0.3s width, 0.3s border-color;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
z-index: 1;
|
|
right: 0;
|
|
top: 50%;
|
|
width: 80px;
|
|
height: 40px;
|
|
margin: -20px 0 0;
|
|
outline: none;
|
|
border-radius: 5px;
|
|
border: 1px solid transparent;
|
|
box-sizing: border-box;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA6lBMVEWAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6PrSx+9AAAATXRSTlMAAgMGCAkKDA0UFRYXISIjJDM0NTo7PD0/QEFERUlQWVpoaWp0dXaZm5ydnqSlpra4ub/AwcTFxsjKzM3Oz9bX2N3e6ers7fX5+vz9/pKojzsAAAGRSURBVHgBjZRtX4IwFMUXmKaBYmhWauSzEmkl+ZAaaJGo8P2/TnejEGHrt/PqcM9f2cbdRVHJDWPhuK6zMBoyYkrQJp4fyptoAp2rWn5MVpWCpXo+Rb1UnMvNg/eZ3bIkilK5YwarmOdinI2rB105lhT9gGv2CZme4dpGPf21usHVWTpS6uPKaxbFlDVxvR/ZL35+EVFC4jNOwr2ffeC1XCCKMnjt1t95avCwVxFV6h5C7ffhDbyOGBpAOAmsDCfmKSxQwWme2Cb8ZoyYGkPcJM4A12WDXYgN4lbgrtlgBeIlcQ44iQ1KEH8T54IT2aAIscsP8r+abzMr4p7AdXiOh/vA8/9/wgP5hGFTDDiaImizKzpXjLaZYOHuzFAbl0TCyVUY0a7CCCe1Y+GRkIn/zBBOT1xXqxhbXzBj6rQBUDiWCjAAiLY3UfLy3Seo2S7hkVJqmxijkef0IVXfJkhUs+OYDfu9o5CCNvUi2PSBnN9tkgTJreHS2e2c5bBFRjOVpCskK7zkGnGSn4hHlfXX/Q90qIZ+dL9jIAAAAABJRU5ErkJggg==);
|
|
background-size: 20px 20px;
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px center;
|
|
color: #333;
|
|
font-size: 14px; }
|
|
.search-input:focus {
|
|
cursor: text;
|
|
width: 300px;
|
|
border-color: #eee;
|
|
padding: 0 40px 0 10px; }
|
|
|
|
.settings {
|
|
max-width: 600px;
|
|
margin: 0 auto; }
|
|
.settings-title {
|
|
margin-bottom: 20px;
|
|
color: #38454f;
|
|
text-align: center;
|
|
font-size: 24px; }
|
|
|
|
.socials {
|
|
font-size: 0; }
|
|
.footer .socials {
|
|
right: 0; }
|
|
.socials-i {
|
|
transition: 0.3s background-color;
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
background-color: rgba(255, 255, 255, 0.2); }
|
|
.socials-i:not(:first-child) {
|
|
margin-left: 10px; }
|
|
.socials-i:hover {
|
|
background-color: rgba(255, 255, 255, 0.4); }
|
|
.socials-i:before {
|
|
transform: translate(-50%, -50%);
|
|
content: '';
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
background-image: url(./images/socials.png); }
|
|
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
|
|
.socials-i:before {
|
|
background-image: url("./images/[email protected]");
|
|
background-size: 16px 69px; } }
|
|
.socials-i_github:before {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-position: 0 0; }
|
|
.socials-i_oracles:before {
|
|
width: 16px;
|
|
height: 14px;
|
|
background-position: 0 -16px; }
|
|
.socials-i_reddit:before {
|
|
width: 15px;
|
|
height: 13px;
|
|
background-position: 0 -30px; }
|
|
.socials-i_telegram:before {
|
|
width: 16px;
|
|
height: 14px;
|
|
background-position: 0 -43px; }
|
|
.socials-i_twitter:before {
|
|
width: 15px;
|
|
height: 12px;
|
|
background-position: 0 -57px; }
|
|
|
|
.vote-scale {
|
|
clear: left;
|
|
overflow: hidden;
|
|
height: 6px;
|
|
margin-top: 30px;
|
|
border-radius: 3px;
|
|
background-color: rgba(229, 238, 249, 0.5); }
|
|
.vote-scale--fill {
|
|
height: 100%;
|
|
border-radius: 3px; }
|
|
.vote-scale--fill_yes {
|
|
background-color: #08b3f2; }
|
|
.vote-scale--fill_no {
|
|
background-color: #6d2eae; }
|
|
.vote-scale--container {
|
|
width: 100%;
|
|
max-width: 343px; }
|
|
@media screen and (max-width: 768px) {
|
|
.vote-scale--container {
|
|
float: right;
|
|
max-width: 100%; } }
|
|
.vote-scale--value {
|
|
float: left;
|
|
font-size: 12px; }
|
|
.vote-scale--votes, .vote-scale--percentage {
|
|
float: right;
|
|
font-size: 12px; }
|
|
.vote-scale--votes {
|
|
margin-left: 10px;
|
|
color: #8197a2; }
|
|
.vote-scale--percentage {
|
|
color: #08b3f2; }
|
|
|
|
.ballots-i--vote, .ballots-footer-finalize {
|
|
border-radius: 2px;
|
|
padding: 0 13px;
|
|
font-size: 13px;
|
|
font-weight: bold; }
|
|
|
|
.ballots .title {
|
|
margin-bottom: 50px; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots .title {
|
|
margin-bottom: 20px; } }
|
|
@media screen and (max-width: 414px) {
|
|
.ballots .title {
|
|
margin-bottom: 15px; } }
|
|
|
|
.ballots-i:hover {
|
|
box-shadow: 0 11px 11px 0 rgba(50, 108, 181, 0.15); }
|
|
|
|
.ballots-i-scale {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 30px;
|
|
border-top: 1px solid #e5eef9;
|
|
padding: 30px 0; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-i-scale {
|
|
display: block;
|
|
margin-top: 20px;
|
|
padding: 20px 0; } }
|
|
@media screen and (max-width: 414px) {
|
|
.ballots-i-scale {
|
|
margin-top: 15px;
|
|
padding: 15px 0; } }
|
|
.ballots-i-scale-column {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 48%; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-i-scale-column {
|
|
overflow: hidden;
|
|
width: 100%; } }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-i-scale-column:last-child {
|
|
flex-direction: row-reverse;
|
|
margin-top: 30px; } }
|
|
|
|
.ballots-i--name {
|
|
color: #333;
|
|
font-weight: bold; }
|
|
|
|
.ballots-i--created {
|
|
padding-left: 20px;
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAw1BMVEWAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6OAl6M9jT1MAAAAQHRSTlMAAQIDBQYHDA0bHB8gISQmJyg+P0BGR0lKU1RZYmNrbHV2iYqLo6Spqqusra7Cw8TFysvM29zk5ufo6/Lz+Pn8DzgVHgAAATNJREFUeNplk+1agkAQhQfRykQTrJTEUjSCvtTQECPk/q+qPQ7LsnR+7DOzL898LiRlOP46zfN0vXQM0tXydkWlndeqs/620LTtK3Z7LBo6OpLd5fDzl6nVubSnIXv3zIY/8N4HVGrwBj8bwjaR77SgmhYn5DWF5eE7ZoribkZkoIeI78ZJMmYrQkcGjZD9mq+SokjY6qKqEfniDIiFYMR6FqZPn+J8+A9dYX5QKs5eBaFz3p4wUkLwizrkvB2UcoZXJUwYHiqIsDclnBzAvicyrFYQpBW0lK0oqVbkEHR1fzEEHl/YhCHG1yKaoYi5zubl4Mn8wsqe6uwRK4tNmHaG717VsiP4mV1uih9G4FrttuUG7GGGTLOioUwyRI51Ftv6o94rtNcfNbCz2uB32KycCv0BfU5XCrQEyKwAAAAASUVORK5CYII=);
|
|
background-size: 14px 14px;
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
color: #8197a2;
|
|
font-size: 12px; }
|
|
|
|
.ballots-i--see-all-proposal {
|
|
display: inline-block;
|
|
margin-top: 5px; }
|
|
|
|
.ballots-i--time {
|
|
color: #333;
|
|
font-size: 24px;
|
|
font-weight: bold; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-i--time {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 10px; } }
|
|
|
|
.ballots-i--to-close {
|
|
color: #333;
|
|
text-transform: uppercase; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-i--to-close {
|
|
display: inline-block;
|
|
vertical-align: middle; } }
|
|
|
|
.ballots-i--vote_yes {
|
|
margin-right: 15px;
|
|
background-color: rgba(8, 179, 242, 0.1); }
|
|
|
|
.ballots-i--vote_no {
|
|
margin-left: 15px;
|
|
background-color: rgba(109, 46, 174, 0.1);
|
|
color: #6d2eae; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-i--vote_no {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 15px; } }
|
|
|
|
.ballots-about {
|
|
font-size: 0; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about {
|
|
display: table;
|
|
width: 100%; } }
|
|
.ballots-about p {
|
|
line-height: 28px; }
|
|
.ballots-about-i {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
box-sizing: border-box; }
|
|
.ballots-about-i:not(.ballots-about-i_time) {
|
|
padding-right: 10px; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-i:not(.ballots-about-i_time) {
|
|
padding-right: 0; } }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-i {
|
|
display: table-row;
|
|
width: 100% !important; } }
|
|
.ballots-about-i_name {
|
|
width: 25%; }
|
|
.ballots-about-i_action {
|
|
width: 15%; }
|
|
.ballots-about-i_type {
|
|
width: 15%; }
|
|
.ballots-about-i_proposal {
|
|
width: 30%; }
|
|
.ballots-about-i_mining-key {
|
|
width: 30%;
|
|
word-break: break-all; }
|
|
.ballots-about-i_proposed-min-threshold {
|
|
width: 60%;
|
|
word-break: break-all; }
|
|
.ballots-about-i_contract-type {
|
|
width: 30%;
|
|
word-break: break-all; }
|
|
.ballots-about-i_proposed-address {
|
|
width: 30%;
|
|
word-break: break-all; }
|
|
.ballots-about-i_time {
|
|
width: 15%;
|
|
text-align: right; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-i_time {
|
|
text-align: left; } }
|
|
.ballots-about-i_time .ballots-about-i--title {
|
|
text-align: right; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-i_time .ballots-about-i--title {
|
|
text-align: left; } }
|
|
.ballots-about-i--title {
|
|
position: absolute;
|
|
z-index: 1;
|
|
left: 0;
|
|
right: 0;
|
|
top: -60px;
|
|
opacity: 0.6;
|
|
color: #38454f;
|
|
text-transform: uppercase;
|
|
font-size: 13px; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-i--title {
|
|
position: relative;
|
|
left: auto;
|
|
right: auto;
|
|
top: auto;
|
|
white-space: nowrap; } }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-td {
|
|
display: table-cell;
|
|
vertical-align: top; } }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-td:first-child {
|
|
padding-right: 20px; } }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-about-i:not(:last-child) .ballots-about-td {
|
|
padding-bottom: 10px; } }
|
|
|
|
.ballots-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between; }
|
|
.ballots-footer-left {
|
|
display: inline-flex;
|
|
align-items: center; }
|
|
@media screen and (max-width: 768px) {
|
|
.ballots-footer {
|
|
padding-top: 20px; } }
|
|
@media screen and (max-width: 414px) {
|
|
.ballots-footer {
|
|
flex-direction: column-reverse;
|
|
padding-top: 15px; } }
|
|
.ballots-footer p {
|
|
line-height: 18px;
|
|
color: #8197a2; }
|
|
.ballots-footer-finalize {
|
|
margin-right: 20px;
|
|
background-color: rgba(8, 179, 242, 0.1);
|
|
white-space: nowrap; }
|
|
@media screen and (max-width: 414px) {
|
|
.ballots-footer-finalize {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
margin-top: 15px;
|
|
text-align: center; } }
|
|
|
|
/**
|
|
* React Select
|
|
* ============
|
|
* Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
|
|
* https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
|
|
* MIT License: https://github.com/JedWatson/react-select
|
|
*/
|
|
@keyframes Select-animation-spin {
|
|
to {
|
|
transform: rotate(1turn); } }
|
|
|
|
@-webkit-keyframes Select-animation-spin {
|
|
to {
|
|
-webkit-transform: rotate(1turn); } }
|
|
|
|
.Select {
|
|
position: relative; }
|
|
.Select input::-webkit-contacts-auto-fill-button,
|
|
.Select input::-webkit-credentials-auto-fill-button {
|
|
display: none !important; }
|
|
.Select input::-ms-clear {
|
|
display: none !important; }
|
|
.Select input::-ms-reveal {
|
|
display: none !important; }
|
|
.Select,
|
|
.Select div,
|
|
.Select input,
|
|
.Select span {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.Select.is-disabled .Select-arrow-zone {
|
|
cursor: default;
|
|
pointer-events: none; }
|
|
.Select.is-disabled > .Select-control {
|
|
background-color: #f9f9f9; }
|
|
.Select.is-disabled > .Select-control:hover {
|
|
box-shadow: none; }
|
|
.Select.is-searchable.is-open > .Select-control {
|
|
cursor: text; }
|
|
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
|
|
cursor: text; }
|
|
.Select.is-open > .Select-control {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
background: #fff;
|
|
border-color: #bcd3ef #e5eef9 #fafcfe; }
|
|
.Select.is-open > .Select-control .Select-arrow {
|
|
top: -2px;
|
|
border-color: transparent transparent #999;
|
|
border-width: 0 5px 5px; }
|
|
.Select.is-focused > .Select-control {
|
|
background: #fff; }
|
|
.Select.is-focused:not(.is-open) > .Select-control {
|
|
border-color: #08c #0099e6 #0099e6;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }
|
|
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
|
|
padding-right: 44px; }
|
|
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
|
|
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
|
|
color: #333; }
|
|
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
|
|
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
|
|
cursor: pointer;
|
|
text-decoration: none; }
|
|
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
|
|
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
|
|
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
|
|
color: #08c;
|
|
outline: none;
|
|
text-decoration: underline; }
|
|
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
|
|
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
|
|
background: #fff; }
|
|
.Select.has-value.is-pseudo-focused .Select-input {
|
|
opacity: 0; }
|
|
.Select.is-open .Select-arrow,
|
|
.Select .Select-arrow-zone:hover > .Select-arrow {
|
|
border-top-color: #666; }
|
|
.Select.Select--rtl {
|
|
direction: rtl;
|
|
text-align: right; }
|
|
|
|
.Select-control {
|
|
background-color: #fff;
|
|
border-color: #fafcfe #e5eef9 #bcd3ef;
|
|
border-radius: 3px;
|
|
border: 1px solid #e5eef9;
|
|
color: #333;
|
|
cursor: default;
|
|
display: table;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
height: 40px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%; }
|
|
.Select-control:hover {
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
|
|
.Select-control .Select-input:focus {
|
|
outline: none;
|
|
background: #fff; }
|
|
|
|
.Select-placeholder,
|
|
.Select--single > .Select-control .Select-value {
|
|
bottom: 0;
|
|
color: #aaa;
|
|
left: 0;
|
|
line-height: 38px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
|
|
.Select-input {
|
|
height: 38px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
vertical-align: middle; }
|
|
.Select-input > input {
|
|
background: none transparent;
|
|
border: 0 none;
|
|
box-shadow: none;
|
|
cursor: default;
|
|
display: inline-block;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
margin: 0;
|
|
outline: none;
|
|
line-height: 17px;
|
|
/* For IE 8 compatibility */
|
|
padding: 10px 0 14px;
|
|
/* For IE 8 compatibility */
|
|
-webkit-appearance: none; }
|
|
.is-focused .Select-input > input {
|
|
cursor: text; }
|
|
|
|
.Select-control:not(.is-searchable) > .Select-input {
|
|
outline: none; }
|
|
|
|
.Select-loading-zone {
|
|
cursor: pointer;
|
|
display: table-cell;
|
|
position: relative;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 16px; }
|
|
|
|
.Select-loading {
|
|
-webkit-animation: Select-animation-spin 400ms infinite linear;
|
|
-o-animation: Select-animation-spin 400ms infinite linear;
|
|
animation: Select-animation-spin 400ms infinite linear;
|
|
width: 16px;
|
|
height: 16px;
|
|
box-sizing: border-box;
|
|
border-radius: 50%;
|
|
border: 2px solid #e5eef9;
|
|
border-right-color: #333;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: middle; }
|
|
|
|
.Select-clear-zone {
|
|
-webkit-animation: Select-animation-fadeIn 200ms;
|
|
-o-animation: Select-animation-fadeIn 200ms;
|
|
animation: Select-animation-fadeIn 200ms;
|
|
color: #999;
|
|
cursor: pointer;
|
|
display: table-cell;
|
|
position: relative;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 19px; }
|
|
.Select-clear-zone:hover {
|
|
color: #D0021B; }
|
|
|
|
.Select-clear {
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
line-height: 1; }
|
|
|
|
.Select--multi .Select-clear-zone {
|
|
width: 19px; }
|
|
|
|
.Select--multi .Select-multi-value-wrapper {
|
|
display: inline-block; }
|
|
|
|
.Select .Select-aria-only {
|
|
position: absolute;
|
|
display: inline-block;
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
clip: rect(0, 0, 0, 0);
|
|
overflow: hidden;
|
|
float: left; }
|
|
|
|
.Select-arrow-zone {
|
|
cursor: pointer;
|
|
display: table-cell;
|
|
position: relative;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 25px;
|
|
padding-right: 5px; }
|
|
.Select--rtl .Select-arrow-zone {
|
|
padding-right: 0;
|
|
padding-left: 5px; }
|
|
|
|
.Select-arrow {
|
|
border-color: #999 transparent transparent;
|
|
border-style: solid;
|
|
border-width: 5px 5px 2.5px;
|
|
display: inline-block;
|
|
height: 0;
|
|
width: 0;
|
|
position: relative; }
|
|
|
|
@-webkit-keyframes Select-animation-fadeIn {
|
|
from {
|
|
opacity: 0; }
|
|
to {
|
|
opacity: 1; } }
|
|
|
|
@keyframes Select-animation-fadeIn {
|
|
from {
|
|
opacity: 0; }
|
|
to {
|
|
opacity: 1; } }
|
|
|
|
.Select-menu-outer {
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
background-color: #fff;
|
|
border: 1px solid #e5eef9;
|
|
border-top-color: #f2f7fc;
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
|
|
box-sizing: border-box;
|
|
margin-top: -1px;
|
|
max-height: 200px;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%;
|
|
z-index: 1000;
|
|
-webkit-overflow-scrolling: touch; }
|
|
|
|
.Select-menu {
|
|
max-height: 198px;
|
|
overflow-y: auto; }
|
|
|
|
.Select-option {
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
color: #666666;
|
|
cursor: pointer;
|
|
display: block;
|
|
padding: 8px 10px; }
|
|
.Select-option:last-child {
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px; }
|
|
.Select-option.is-selected {
|
|
background-color: #f5faff;
|
|
color: #333; }
|
|
.Select-option.is-focused {
|
|
background-color: #f2f9fc;
|
|
color: #333; }
|
|
.Select-option.is-disabled {
|
|
color: #cccccc;
|
|
cursor: default; }
|
|
|
|
.Select-noresults {
|
|
box-sizing: border-box;
|
|
color: #999999;
|
|
cursor: default;
|
|
display: block;
|
|
padding: 8px 10px; }
|
|
|
|
.Select--multi .Select-input {
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
padding: 0; }
|
|
|
|
.Select--multi.Select--rtl .Select-input {
|
|
margin-left: 0;
|
|
margin-right: 10px; }
|
|
|
|
.Select--multi.has-value .Select-input {
|
|
margin-left: 5px; }
|
|
|
|
.Select--multi .Select-value {
|
|
background-color: #f2f9fc;
|
|
border-radius: 3px;
|
|
border: 1px solid #e5eef9;
|
|
color: #08c;
|
|
display: inline-block;
|
|
font-size: 0.9em;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
vertical-align: top; }
|
|
|
|
.Select--multi .Select-value-icon,
|
|
.Select--multi .Select-value-label {
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
|
|
.Select--multi .Select-value-label {
|
|
border-bottom-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
cursor: default;
|
|
padding: 2px 5px; }
|
|
|
|
.Select--multi a.Select-value-label {
|
|
color: #08c;
|
|
cursor: pointer;
|
|
text-decoration: none; }
|
|
.Select--multi a.Select-value-label:hover {
|
|
text-decoration: underline; }
|
|
|
|
.Select--multi .Select-value-icon {
|
|
cursor: pointer;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
border-right: 1px solid #e5eef9;
|
|
padding: 1px 5px 3px; }
|
|
.Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
|
|
background-color: #ddeff7;
|
|
color: #0077b3; }
|
|
.Select--multi .Select-value-icon:active {
|
|
background-color: #e5eef9; }
|
|
|
|
.Select--multi.Select--rtl .Select-value {
|
|
margin-left: 0;
|
|
margin-right: 5px; }
|
|
|
|
.Select--multi.Select--rtl .Select-value-icon {
|
|
border-right: none;
|
|
border-left: 1px solid #e5eef9; }
|
|
|
|
.Select--multi.is-disabled .Select-value {
|
|
background-color: #fcfcfc;
|
|
border: 1px solid #e3e3e3;
|
|
color: #333; }
|
|
|
|
.Select--multi.is-disabled .Select-value-icon {
|
|
cursor: not-allowed;
|
|
border-right: 1px solid #e3e3e3; }
|
|
.Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
|
|
background-color: #fcfcfc; }
|
|
|
|
@keyframes Select-animation-spin {
|
|
to {
|
|
transform: rotate(1turn); } }
|
|
|
|
@-webkit-keyframes Select-animation-spin {
|
|
to {
|
|
-webkit-transform: rotate(1turn); } }
|