diff --git a/public/index.html b/public/index.html index 742c4c3..a4b2255 100644 --- a/public/index.html +++ b/public/index.html @@ -4,21 +4,9 @@ - - + POA Network Governance DApp @@ -27,15 +15,5 @@ You need to enable JavaScript to run this app.
- diff --git a/public/manifest.json b/public/manifest.json index ef19ec2..4d14ddb 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,6 +1,6 @@ { - "short_name": "React App", - "name": "Create React App Sample", + "short_name": "Governance", + "name": "Governance DApp", "icons": [ { "src": "favicon.ico", diff --git a/src/assets/App.css b/src/assets/App.css index e84a50f..e237dde 100644 --- a/src/assets/App.css +++ b/src/assets/App.css @@ -1 +1 @@ -.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/logos@2x.png");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,textarea,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,textarea:focus{border-color:#08b3f2}input[type='radio'],textarea[type='radio']{display:none}textarea{width:100%;padding-top:10px;padding-bottom:10px;height:70px;resize: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/select@2x.png");background-size:8px 4px}}button{background-color:rgba(8,179,242,0.1);color:#08b3f2}button.load-more{background-color:rgba(109,46,174,0.1);color:#6d2eae;margin-top:0;margin-bottom:50px}@media screen and (max-width: 960px){button.load-more{margin-bottom:80px}}@media screen and (max-width: 768px){button.load-more{margin-top:80px}}.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.sokol{background-color:#6ac9b9}.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.sokol{background-image:none;background-color:#6ac9b9}.header-logo{float:left;width:182px;height:35px;background-position:0 -24px}.header-logo-sokol{display:inline-block;width:146px;height:35px;background-image:url("./images/logo_sokol.png");background-position:0 0;background-repeat:no-repeat}@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){.header-logo-sokol{background-image:url("./images/logo_sokol@2x.png");background-size:146px 35px}}.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{color:#8197a2}.ballots .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;margin-bottom:20px}@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){.ballots .info{background-image:url("./images/info@2x.png");background-size:32px 32px}}.new-form .info{padding:30px}.info-title{position:relative;margin-bottom:30px;padding-left:44px}.info-title:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px}@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-title:before{background-image:url("./images/info@2x.png");background-size:32px 32px}}.info-i{position:relative;margin-bottom:10px;padding-left:12px;line-height:18px;font-size:12px}.info-i:before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background-color:#08b3f2}@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/loading@2x.png");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{display:flex;overflow:hidden;padding:0}@media screen and (max-width: 768px){.new-form{display:block}}.new-form-side{padding-top:30px;padding-bottom:30px;box-sizing:border-box}@media screen and (max-width: 768px){.new-form-side{width:100% !important}}.new-form-side_left{width:30%}@media screen and (max-width: 768px){.new-form-side_left{padding-bottom:0}}.new-form-side_right{width:70%;border-left:1px solid #e5eef9;padding-left:30px;padding-right:30px}@media screen and (max-width: 768px){.new-form-side_right{border:0;padding-top:0}}.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/socials@2x.png");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-not-finalized{background-color:#ffffff}.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}.ballot-types{border-bottom:1px solid #e5eef9;padding:0 30px 10px}.ballot-types-i{cursor:pointer;position:relative;margin-bottom:20px}.ballot-types-i:before{content:'';position:absolute;left:-30px;top:50%;opacity:0;height:30px;width:3px;transform:translateY(-50%);background-color:#08b3f2}.ballot-types-i_active{color:#08b3f2}.ballot-types-i_active:before{opacity:1}.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-not-finalized{background-color:rgba(8,179,242,0.1)}.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;overflow:hidden;text-overflow:ellipsis}.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-label{cursor:default}.ballots-i--vote-label-right{margin-left:auto !important}.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}}textarea{border:1px solid #e5eef9;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;outline:none;border-radius:3px;width:100%}textarea:focus{border-color:#08b3f2}.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:20%}.ballots-about-i_action{width:10%}.ballots-about-i_type{width:10%}.ballots-about-i_proposal{width:30%}.ballots-about-i_key{width:25%;word-break:break-all}.ballots-about-i_key_wide{width:50%;word-break:break-all}.ballots-about-i_proposed-min-threshold{width:70%;word-break:break-all}.ballots-about-i_contract-type{width:40%;word-break:break-all}.ballots-about-i_proposed-address{width:30%;word-break:break-all}.ballots-about-i_time{width:10%;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;max-width:340px}.ballots-footer-finalize{margin-right:20px;background-color:rgba(8,179,242,0.1);white-space:nowrap}.ballots-footer-finalize-finalized{background-color:rgba(109,46,174,0.1);color:#6d2eae;cursor:default}@media screen and (max-width: 414px){.ballots-footer-finalize{width:100%;margin-right:0;margin-top:15px;text-align:center}}@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;padding:10px 0 14px;-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:#666;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:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;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:.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)}} +.footer{left:0;right:0}.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){.header-logo{background-image:url("./images/logos@2x.png");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,textarea,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}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;padding-bottom:66px;position:relative;width:100%}@media screen and (max-width: 768px){body{padding-bottom:132px}}@media screen and (max-width: 414px){body{padding-bottom:132px}}a{color:#5c34a2;text-decoration:none}a:hover{text-decoration:underline}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,textarea:focus{border-color:#08b3f2}input[type='radio'],textarea[type='radio']{display:none}textarea{width:100%;padding-top:10px;padding-bottom:10px;height:70px;resize: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/select@2x.png");background-size:8px 4px}}button{background-color:rgba(8,179,242,0.1);color:#08b3f2}button.load-more{background-color:rgba(109,46,174,0.1);color:#6d2eae;margin-top:0;margin-bottom:50px}@media screen and (max-width: 960px){button.load-more{margin-bottom:80px}}@media screen and (max-width: 768px){button.load-more{margin-top:80px}}.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{background-color:#5c34a2;bottom:0;padding:18px 0;position:absolute}.footer.sokol{background-color:#6ac9b9}.footer .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.footer .container{flex-direction:column}}.footer .socials{order:2}@media screen and (max-width: 768px){.footer .socials{margin-top:15px;order:1}}.footer-logo{background-image:url("../assets/images/logos/logo_validators_dapp_footer.png");background-repeat:no-repeat;background-size:contain;display:block;height:20px;left:0;order:0;width:123px}@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{background-image:url("../assets/images/logos/logo_validators_dapp_footer@2x.png");background-size:100% 100%}}.footer-rights{color:#fff;font-size:12px;order:1;text-align:center}@media screen and (max-width: 768px){.footer-rights{line-height:normal;margin-top:15px;order:2;width:100%}}.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.sokol{background-image:none;background-color:#6ac9b9}.header-logo{float:left;width:182px;height:35px;background-position:0 -24px}.header-logo-sokol{display:inline-block;width:146px;height:35px;background-image:url("./images/logo_sokol.png");background-position:0 0;background-repeat:no-repeat}@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){.header-logo-sokol{background-image:url("./images/logo_sokol@2x.png");background-size:146px 35px}}.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{color:#8197a2}.ballots .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;margin-bottom:20px}@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){.ballots .info{background-image:url("./images/info@2x.png");background-size:32px 32px}}.new-form .info{padding:30px}.info-title{position:relative;margin-bottom:30px;padding-left:44px}.info-title:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px}@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-title:before{background-image:url("./images/info@2x.png");background-size:32px 32px}}.info-i{position:relative;margin-bottom:10px;padding-left:12px;line-height:18px;font-size:12px}.info-i:before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background-color:#08b3f2}@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/loading@2x.png");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{display:flex;overflow:hidden;padding:0}@media screen and (max-width: 768px){.new-form{display:block}}.new-form-side{padding-top:30px;padding-bottom:30px;box-sizing:border-box}@media screen and (max-width: 768px){.new-form-side{width:100% !important}}.new-form-side_left{width:30%}@media screen and (max-width: 768px){.new-form-side_left{padding-bottom:0}}.new-form-side_right{width:70%;border-left:1px solid #e5eef9;padding-left:30px;padding-right:30px}@media screen and (max-width: 768px){.new-form-side_right{border:0;padding-top:0}}.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-item:not(:first-child){margin-left:10px}.socials-i{background-color:#ffffff;border-radius:3px;display:inline-block;font-size:0;height:30px;position:relative;transition:0.3s background-color;vertical-align:top;width:30px}.socials-i:not(:first-child){margin-left:10px}.socials-i:hover{background-color:rgba(255,255,255,0.4)}.socials-i:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:'';height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px}.socials-i_github:before{background-image:url("../assets/images/socials/git.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_github:before{background-image:url("../assets/images/socials/git@2x.png");background-size:100% 100%}}.socials-i_telegram:before{background-image:url("../assets/images/socials/telegram.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_telegram:before{background-image:url("../assets/images/socials/telegram@2x.png");background-size:100% 100%}}.socials-i_twitter:before{background-image:url("../assets/images/socials/tw.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_twitter:before{background-image:url("../assets/images/socials/tw@2x.png");background-size:100% 100%}}.socials-i_poa:before{background-image:url("../assets/images/socials/poa.png");height:20px;width:20px}@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_poa:before{background-image:url("../assets/images/socials/poa@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_github:before{background-image:url("../assets/images/socials/git-sokol.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){.sokol .socials .socials-i_github:before{background-image:url("../assets/images/socials/git-sokol@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_telegram:before{background-image:url("../assets/images/socials/telegram-sokol.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){.sokol .socials .socials-i_telegram:before{background-image:url("../assets/images/socials/telegram-sokol@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_twitter:before{background-image:url("../assets/images/socials/tw-sokol.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){.sokol .socials .socials-i_twitter:before{background-image:url("../assets/images/socials/tw-sokol@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_poa:before{background-image:url("../assets/images/socials/poa-sokol.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){.sokol .socials .socials-i_poa:before{background-image:url("../assets/images/socials/poa-sokol@2x.png");background-size:100% 100%}}.vote-scale{clear:left;overflow:hidden;height:6px;margin-top:30px;border-radius:3px;background-color:rgba(229,238,249,0.5)}.vote-scale-not-finalized{background-color:#ffffff}.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}@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;padding:10px 0 14px;-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:#666;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:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;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:.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)}}.ballot-types{border-bottom:1px solid #e5eef9;padding:0 30px 10px}.ballot-types-i{cursor:pointer;position:relative;margin-bottom:20px}.ballot-types-i:before{content:'';position:absolute;left:-30px;top:50%;opacity:0;height:30px;width:3px;transform:translateY(-50%);background-color:#08b3f2}.ballot-types-i_active{color:#08b3f2}.ballot-types-i_active:before{opacity:1}.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-not-finalized{background-color:rgba(8,179,242,0.1)}.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;overflow:hidden;text-overflow:ellipsis}.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-label{cursor:default}.ballots-i--vote-label-right{margin-left:auto !important}.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}}textarea{border:1px solid #e5eef9;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;outline:none;border-radius:3px;width:100%}textarea:focus{border-color:#08b3f2}.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:20%}.ballots-about-i_action{width:10%}.ballots-about-i_type{width:10%}.ballots-about-i_proposal{width:30%}.ballots-about-i_key{width:25%;word-break:break-all}.ballots-about-i_key_wide{width:50%;word-break:break-all}.ballots-about-i_proposed-min-threshold{width:70%;word-break:break-all}.ballots-about-i_contract-type{width:40%;word-break:break-all}.ballots-about-i_proposed-address{width:30%;word-break:break-all}.ballots-about-i_time{width:10%;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;max-width:340px}.ballots-footer-finalize{margin-right:20px;background-color:rgba(8,179,242,0.1);white-space:nowrap}.ballots-footer-finalize-finalized{background-color:rgba(109,46,174,0.1);color:#6d2eae;cursor:default}@media screen and (max-width: 414px){.ballots-footer-finalize{width:100%;margin-right:0;margin-top:15px;text-align:center}} diff --git a/src/assets/App.scss b/src/assets/App.scss index e5bda6e..59f58a4 100644 --- a/src/assets/App.scss +++ b/src/assets/App.scss @@ -1,28 +1,29 @@ -@import 'stylesheets/vars'; -@import 'stylesheets/mixins'; -@import 'stylesheets/placeholders'; +@import 'stylesheets/helpers/vars'; +@import 'stylesheets/helpers/mixins'; +@import 'stylesheets/helpers/placeholders'; -@import 'stylesheets/fonts'; -@import 'stylesheets/base'; -@import 'stylesheets/controls'; -@import 'stylesheets/footer'; -@import 'stylesheets/header'; -@import 'stylesheets/info'; -@import 'stylesheets/loading'; -@import 'stylesheets/nav'; -@import 'stylesheets/new'; -@import 'stylesheets/search'; -@import 'stylesheets/settings'; -@import 'stylesheets/socials'; -@import 'stylesheets/vote-scale'; -@import 'stylesheets/ballot-types'; -@import 'stylesheets/ballots/placeholders'; -@import 'stylesheets/ballots/base'; -@import 'stylesheets/ballots/about'; -@import 'stylesheets/ballots/footer'; -@import 'stylesheets/select/select'; -@import 'stylesheets/select/control'; -@import 'stylesheets/select/menu'; -@import 'stylesheets/select/mixins'; -@import 'stylesheets/select/multi'; -@import 'stylesheets/select/spinner'; +@import 'stylesheets/application/base'; +@import 'stylesheets/application/controls'; +@import 'stylesheets/application/footer'; +@import 'stylesheets/application/header'; +@import 'stylesheets/application/info'; +@import 'stylesheets/application/loading'; +@import 'stylesheets/application/nav'; +@import 'stylesheets/application/new'; +@import 'stylesheets/application/search'; +@import 'stylesheets/application/settings'; +@import 'stylesheets/application/socials'; +@import 'stylesheets/application/vote-scale'; + +@import 'stylesheets/application/select/select'; +@import 'stylesheets/application/select/control'; +@import 'stylesheets/application/select/menu'; +@import 'stylesheets/application/select/mixins'; +@import 'stylesheets/application/select/multi'; +@import 'stylesheets/application/select/spinner'; + +@import 'stylesheets/application/ballot-types'; +@import 'stylesheets/application/ballots/placeholders'; +@import 'stylesheets/application/ballots/base'; +@import 'stylesheets/application/ballots/about'; +@import 'stylesheets/application/ballots/footer'; diff --git a/src/assets/images/logos/logo_loader.svg b/src/assets/images/logos/logo_loader.svg new file mode 100644 index 0000000..5f0bd02 --- /dev/null +++ b/src/assets/images/logos/logo_loader.svg @@ -0,0 +1 @@ +logo-loader \ No newline at end of file diff --git a/src/assets/images/logos/logo_sokol.png b/src/assets/images/logos/logo_sokol.png new file mode 100644 index 0000000..fe08d28 Binary files /dev/null and b/src/assets/images/logos/logo_sokol.png differ diff --git a/src/assets/images/logos/logo_sokol@2x.png b/src/assets/images/logos/logo_sokol@2x.png new file mode 100644 index 0000000..701da74 Binary files /dev/null and b/src/assets/images/logos/logo_sokol@2x.png differ diff --git a/src/assets/images/logos/logo_validators_dapp.png b/src/assets/images/logos/logo_validators_dapp.png new file mode 100644 index 0000000..b2cf679 Binary files /dev/null and b/src/assets/images/logos/logo_validators_dapp.png differ diff --git a/src/assets/images/logos/logo_validators_dapp@2x.png b/src/assets/images/logos/logo_validators_dapp@2x.png new file mode 100644 index 0000000..c0058cc Binary files /dev/null and b/src/assets/images/logos/logo_validators_dapp@2x.png differ diff --git a/src/assets/images/logos/logo_validators_dapp_footer.png b/src/assets/images/logos/logo_validators_dapp_footer.png new file mode 100644 index 0000000..b35ac17 Binary files /dev/null and b/src/assets/images/logos/logo_validators_dapp_footer.png differ diff --git a/src/assets/images/logos/logo_validators_dapp_footer@2x.png b/src/assets/images/logos/logo_validators_dapp_footer@2x.png new file mode 100644 index 0000000..c301b9c Binary files /dev/null and b/src/assets/images/logos/logo_validators_dapp_footer@2x.png differ diff --git a/src/assets/images/socials/git-sokol.png b/src/assets/images/socials/git-sokol.png new file mode 100644 index 0000000..5fb8c58 Binary files /dev/null and b/src/assets/images/socials/git-sokol.png differ diff --git a/src/assets/images/socials/git-sokol@2x.png b/src/assets/images/socials/git-sokol@2x.png new file mode 100644 index 0000000..c5896d0 Binary files /dev/null and b/src/assets/images/socials/git-sokol@2x.png differ diff --git a/src/assets/images/socials/git.png b/src/assets/images/socials/git.png new file mode 100644 index 0000000..d3cf7f6 Binary files /dev/null and b/src/assets/images/socials/git.png differ diff --git a/src/assets/images/socials/git@2x.png b/src/assets/images/socials/git@2x.png new file mode 100644 index 0000000..974148f Binary files /dev/null and b/src/assets/images/socials/git@2x.png differ diff --git a/src/assets/images/socials/github@2x.png b/src/assets/images/socials/github@2x.png deleted file mode 100755 index ac4536a..0000000 Binary files a/src/assets/images/socials/github@2x.png and /dev/null differ diff --git a/src/assets/images/socials/oracles@2x.png b/src/assets/images/socials/oracles@2x.png deleted file mode 100755 index bf6e8bb..0000000 Binary files a/src/assets/images/socials/oracles@2x.png and /dev/null differ diff --git a/src/assets/images/socials/poa-sokol.png b/src/assets/images/socials/poa-sokol.png new file mode 100644 index 0000000..0a42b57 Binary files /dev/null and b/src/assets/images/socials/poa-sokol.png differ diff --git a/src/assets/images/socials/poa-sokol@2x.png b/src/assets/images/socials/poa-sokol@2x.png new file mode 100644 index 0000000..86a3dd4 Binary files /dev/null and b/src/assets/images/socials/poa-sokol@2x.png differ diff --git a/src/assets/images/socials/poa.png b/src/assets/images/socials/poa.png new file mode 100644 index 0000000..92adcf4 Binary files /dev/null and b/src/assets/images/socials/poa.png differ diff --git a/src/assets/images/socials/poa@2x.png b/src/assets/images/socials/poa@2x.png new file mode 100644 index 0000000..8aad369 Binary files /dev/null and b/src/assets/images/socials/poa@2x.png differ diff --git a/src/assets/images/socials/reddit@2x.png b/src/assets/images/socials/reddit@2x.png deleted file mode 100755 index b6ee84e..0000000 Binary files a/src/assets/images/socials/reddit@2x.png and /dev/null differ diff --git a/src/assets/images/socials/telegram-sokol.png b/src/assets/images/socials/telegram-sokol.png new file mode 100644 index 0000000..877871a Binary files /dev/null and b/src/assets/images/socials/telegram-sokol.png differ diff --git a/src/assets/images/socials/telegram-sokol@2x.png b/src/assets/images/socials/telegram-sokol@2x.png new file mode 100644 index 0000000..20c8b2f Binary files /dev/null and b/src/assets/images/socials/telegram-sokol@2x.png differ diff --git a/src/assets/images/socials/telegram.png b/src/assets/images/socials/telegram.png new file mode 100644 index 0000000..0c482b0 Binary files /dev/null and b/src/assets/images/socials/telegram.png differ diff --git a/src/assets/images/socials/telegram@2x.png b/src/assets/images/socials/telegram@2x.png old mode 100755 new mode 100644 index 6f41f03..3e90571 Binary files a/src/assets/images/socials/telegram@2x.png and b/src/assets/images/socials/telegram@2x.png differ diff --git a/src/assets/images/socials/tw-sokol.png b/src/assets/images/socials/tw-sokol.png new file mode 100644 index 0000000..a729a20 Binary files /dev/null and b/src/assets/images/socials/tw-sokol.png differ diff --git a/src/assets/images/socials/tw-sokol@2x.png b/src/assets/images/socials/tw-sokol@2x.png new file mode 100644 index 0000000..e9dc18f Binary files /dev/null and b/src/assets/images/socials/tw-sokol@2x.png differ diff --git a/src/assets/images/socials/tw.png b/src/assets/images/socials/tw.png new file mode 100644 index 0000000..436d4e8 Binary files /dev/null and b/src/assets/images/socials/tw.png differ diff --git a/src/assets/images/socials/tw@2x.png b/src/assets/images/socials/tw@2x.png new file mode 100644 index 0000000..c69a0e5 Binary files /dev/null and b/src/assets/images/socials/tw@2x.png differ diff --git a/src/assets/images/socials/twitter@2x.png b/src/assets/images/socials/twitter@2x.png deleted file mode 100755 index b212570..0000000 Binary files a/src/assets/images/socials/twitter@2x.png and /dev/null differ diff --git a/src/assets/stylesheets/_vars.scss b/src/assets/stylesheets/_vars.scss deleted file mode 100644 index 3c0d361..0000000 --- a/src/assets/stylesheets/_vars.scss +++ /dev/null @@ -1,10 +0,0 @@ -$container-width: 960px; -$tablet-width: 768px; -$mobile-width: 414px; -$footer-height: 60px; - -$desktop-indent: 30px; -$tablet-indent: 20px; -$mobile-indent: 15px; - -$input-height: 40px; diff --git a/src/assets/stylesheets/ballot-types.scss b/src/assets/stylesheets/application/_ballot-types.scss similarity index 100% rename from src/assets/stylesheets/ballot-types.scss rename to src/assets/stylesheets/application/_ballot-types.scss diff --git a/src/assets/stylesheets/base.scss b/src/assets/stylesheets/application/_base.scss similarity index 76% rename from src/assets/stylesheets/base.scss rename to src/assets/stylesheets/application/_base.scss index 84a63d8..0ff0340 100644 --- a/src/assets/stylesheets/base.scss +++ b/src/assets/stylesheets/application/_base.scss @@ -1,47 +1,43 @@ html, -body { +body, +p, h1, h2, h3 { margin: 0; padding: 0; + font-weight: normal; } html { - height: 100%; -} - -p, h1, h2, h3, h4 { - margin: 0; - padding: 0; - font-family: 'Open Sans', sans-serif; + display: flex; + min-height: 100%; } body { + -webkit-font-smoothing: antialiased; + background-color: #ffffff; + box-sizing: border-box; + color: #333; + font-family: 'Nunito', sans-serif; + font-size: 14px; + padding-bottom: $footer-height_desktop; position: relative; width: 100%; - min-height: 100%; - box-sizing: border-box; - padding-bottom: $footer-height + 10px; - background-color: #f4f9ff; + @media screen and (max-width: $tablet-width) { + padding-bottom: $footer-height_mobile; + } @media screen and (max-width: $mobile-width) { - padding-bottom: $footer-height + 30px; + padding-bottom: $footer-height_mobile; } } a { - color: #08b3f2; + color: $primary-color; text-decoration: none; - font-size: 14px; - &:hover { text-decoration: underline; } } -p { - color: #444; - font-size: 14px; -} - hr { display: block; width: 100%; diff --git a/src/assets/stylesheets/controls.scss b/src/assets/stylesheets/application/_controls.scss similarity index 100% rename from src/assets/stylesheets/controls.scss rename to src/assets/stylesheets/application/_controls.scss diff --git a/src/assets/stylesheets/application/_footer.scss b/src/assets/stylesheets/application/_footer.scss new file mode 100644 index 0000000..c29aa1c --- /dev/null +++ b/src/assets/stylesheets/application/_footer.scss @@ -0,0 +1,58 @@ +.footer { + @extend %full-width; + + background-color: $primary-color; + bottom: 0; + padding: 18px 0; + position: absolute; + + &.sokol { + background-color: $secondary-color; + } + + .container { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + @media screen and (max-width: $tablet-width) { + flex-direction: column; + } + } + + .socials { + order: 2; + + @media screen and (max-width: $tablet-width) { + margin-top: 15px; + order: 1; + } + } + + &-logo { + @include image-2x('#{ $base-images-path}/logos/logo_validators_dapp_footer@2x.png'); + background-image: url('#{ $base-images-path}/logos/logo_validators_dapp_footer.png'); + background-repeat: no-repeat; + background-size: contain; + display: block; + height: 20px; + left: 0; + order: 0; + width: 123px; + } + + &-rights { + color: #fff; + font-size: 12px; + order: 1; + text-align: center; + + @media screen and (max-width: $tablet-width) { + line-height: normal; + margin-top: 15px; + order: 2; + width: 100%; + } + } +} diff --git a/src/assets/stylesheets/header.scss b/src/assets/stylesheets/application/_header.scss similarity index 100% rename from src/assets/stylesheets/header.scss rename to src/assets/stylesheets/application/_header.scss diff --git a/src/assets/stylesheets/info.scss b/src/assets/stylesheets/application/_info.scss similarity index 100% rename from src/assets/stylesheets/info.scss rename to src/assets/stylesheets/application/_info.scss diff --git a/src/assets/stylesheets/loading.scss b/src/assets/stylesheets/application/_loading.scss similarity index 100% rename from src/assets/stylesheets/loading.scss rename to src/assets/stylesheets/application/_loading.scss diff --git a/src/assets/stylesheets/nav.scss b/src/assets/stylesheets/application/_nav.scss similarity index 100% rename from src/assets/stylesheets/nav.scss rename to src/assets/stylesheets/application/_nav.scss diff --git a/src/assets/stylesheets/new.scss b/src/assets/stylesheets/application/_new.scss similarity index 100% rename from src/assets/stylesheets/new.scss rename to src/assets/stylesheets/application/_new.scss diff --git a/src/assets/stylesheets/search.scss b/src/assets/stylesheets/application/_search.scss similarity index 100% rename from src/assets/stylesheets/search.scss rename to src/assets/stylesheets/application/_search.scss diff --git a/src/assets/stylesheets/settings.scss b/src/assets/stylesheets/application/_settings.scss similarity index 100% rename from src/assets/stylesheets/settings.scss rename to src/assets/stylesheets/application/_settings.scss diff --git a/src/assets/stylesheets/application/_socials.scss b/src/assets/stylesheets/application/_socials.scss new file mode 100644 index 0000000..c70c256 --- /dev/null +++ b/src/assets/stylesheets/application/_socials.scss @@ -0,0 +1,181 @@ +.socials { + &-item { + &:not(:first-child) { + margin-left: 10px; + } + } + + &-i { + background-color: #ffffff; + border-radius: 3px; + display: inline-block; + font-size: 0; + height: 30px; + position: relative; + transition: 0.3s background-color; + vertical-align: top; + width: 30px; + + &:not(:first-child) { + margin-left: 10px; + } + + &:hover { + background-color: fade-out(#fff, 0.6); + } + + &:before { + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + content: ''; + height: 16px; + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 16px; + } + + &_github { + &:before { + @include image-2x('#{ $base-images-path }/socials/git@2x.png'); + background-image: url('#{ $base-images-path }/socials/git.png'); + } + } + + &_telegram { + &:before { + @include image-2x('#{ $base-images-path }/socials/telegram@2x.png'); + background-image: url('#{ $base-images-path }/socials/telegram.png'); + } + } + + &_twitter { + &:before { + @include image-2x('#{ $base-images-path }/socials/tw@2x.png'); + background-image: url('#{ $base-images-path }/socials/tw.png'); + } + } + + &_poa { + &:before { + @include image-2x('#{ $base-images-path }/socials/poa@2x.png'); + background-image: url('#{ $base-images-path }/socials/poa.png'); + height: 20px; + width: 20px; + } + } + + } +} + +.sokol { + .socials { + + .socials-i_github { + &:before { + @include image-2x('#{ $base-images-path }/socials/git-sokol@2x.png'); + background-image: url('#{ $base-images-path }/socials/git-sokol.png'); + } + } + + .socials-i_telegram { + &:before { + @include image-2x('#{ $base-images-path }/socials/telegram-sokol@2x.png'); + background-image: url('#{ $base-images-path }/socials/telegram-sokol.png'); + } + } + + .socials-i_twitter { + &:before { + @include image-2x('#{ $base-images-path }/socials/tw-sokol@2x.png'); + background-image: url('#{ $base-images-path }/socials/tw-sokol.png'); + } + } + + .socials-i_poa { + &:before { + @include image-2x('#{ $base-images-path }/socials/poa-sokol@2x.png'); + background-image: url('#{ $base-images-path }/socials/poa-sokol.png'); + } + } + } +} + +// .socials { +// font-size: 0; + +// .footer & { +// right: 0; +// } + +// &-i { +// transition: 0.3s background-color; +// position: relative; +// display: inline-block; +// vertical-align: top; +// width: 30px; +// height: 30px; +// border-radius: 50%; +// background-color: fade-out(#fff, 0.8); + +// &:not(:first-child) { +// margin-left: 10px; +// } + +// &:hover { +// background-color: fade-out(#fff, 0.6); +// } + +// &:before { +// @include image-2x('./images/socials@2x.png', 16px, 69px); +// transform: translate(-50%, -50%); +// content: ''; +// position: absolute; +// left: 50%; +// top: 50%; +// background-image: url(./images/socials.png); +// } + +// &_github { +// &:before { +// width: 16px; +// height: 16px; +// background-position: 0 0; +// } +// } + +// &_oracles { +// &:before { +// width: 16px; +// height: 14px; +// background-position: 0 -16px; +// } +// } + +// &_reddit { +// &:before { +// width: 15px; +// height: 13px; +// background-position: 0 -30px; +// } +// } + +// &_telegram { +// &:before { +// width: 16px; +// height: 14px; +// background-position: 0 -43px; +// } +// } + +// &_twitter { +// &:before { +// width: 15px; +// height: 12px; +// background-position: 0 -57px; +// } +// } +// } +// } diff --git a/src/assets/stylesheets/vote-scale.scss b/src/assets/stylesheets/application/_vote-scale.scss similarity index 100% rename from src/assets/stylesheets/vote-scale.scss rename to src/assets/stylesheets/application/_vote-scale.scss diff --git a/src/assets/stylesheets/ballots/_placeholders.scss b/src/assets/stylesheets/application/ballots/_placeholders.scss similarity index 100% rename from src/assets/stylesheets/ballots/_placeholders.scss rename to src/assets/stylesheets/application/ballots/_placeholders.scss diff --git a/src/assets/stylesheets/ballots/about.scss b/src/assets/stylesheets/application/ballots/about.scss similarity index 100% rename from src/assets/stylesheets/ballots/about.scss rename to src/assets/stylesheets/application/ballots/about.scss diff --git a/src/assets/stylesheets/ballots/base.scss b/src/assets/stylesheets/application/ballots/base.scss similarity index 100% rename from src/assets/stylesheets/ballots/base.scss rename to src/assets/stylesheets/application/ballots/base.scss diff --git a/src/assets/stylesheets/ballots/footer.scss b/src/assets/stylesheets/application/ballots/footer.scss similarity index 100% rename from src/assets/stylesheets/ballots/footer.scss rename to src/assets/stylesheets/application/ballots/footer.scss diff --git a/src/assets/stylesheets/select/components.scss b/src/assets/stylesheets/application/select/components.scss similarity index 100% rename from src/assets/stylesheets/select/components.scss rename to src/assets/stylesheets/application/select/components.scss diff --git a/src/assets/stylesheets/select/control.scss b/src/assets/stylesheets/application/select/control.scss similarity index 100% rename from src/assets/stylesheets/select/control.scss rename to src/assets/stylesheets/application/select/control.scss diff --git a/src/assets/stylesheets/select/default.scss b/src/assets/stylesheets/application/select/default.scss similarity index 100% rename from src/assets/stylesheets/select/default.scss rename to src/assets/stylesheets/application/select/default.scss diff --git a/src/assets/stylesheets/select/menu.scss b/src/assets/stylesheets/application/select/menu.scss similarity index 100% rename from src/assets/stylesheets/select/menu.scss rename to src/assets/stylesheets/application/select/menu.scss diff --git a/src/assets/stylesheets/select/mixins.scss b/src/assets/stylesheets/application/select/mixins.scss similarity index 100% rename from src/assets/stylesheets/select/mixins.scss rename to src/assets/stylesheets/application/select/mixins.scss diff --git a/src/assets/stylesheets/select/multi.scss b/src/assets/stylesheets/application/select/multi.scss similarity index 100% rename from src/assets/stylesheets/select/multi.scss rename to src/assets/stylesheets/application/select/multi.scss diff --git a/src/assets/stylesheets/select/select.scss b/src/assets/stylesheets/application/select/select.scss similarity index 100% rename from src/assets/stylesheets/select/select.scss rename to src/assets/stylesheets/application/select/select.scss diff --git a/src/assets/stylesheets/select/spinner.scss b/src/assets/stylesheets/application/select/spinner.scss similarity index 100% rename from src/assets/stylesheets/select/spinner.scss rename to src/assets/stylesheets/application/select/spinner.scss diff --git a/src/assets/stylesheets/fonts.scss b/src/assets/stylesheets/fonts.scss deleted file mode 100644 index b5e5d9e..0000000 --- a/src/assets/stylesheets/fonts.scss +++ /dev/null @@ -1,32 +0,0 @@ -@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; -} diff --git a/src/assets/stylesheets/footer.scss b/src/assets/stylesheets/footer.scss deleted file mode 100644 index cf4c7cb..0000000 --- a/src/assets/stylesheets/footer.scss +++ /dev/null @@ -1,57 +0,0 @@ -.footer { - @extend %full-width; - position: absolute; - bottom: 0; - height: $footer-height; - background-color: #6d2eae; - - @media screen and (max-width: $mobile-width) { - height: auto; - padding: 20px 10px 0; - } - - - &.sokol { - background-color: #6ac9b9; - } - - .container { - position: relative; - - @media screen and (max-width: $mobile-width) { - padding-top: $footer-height - 20; - } - } - - &-logo, - .socials { - transform: translateY(-50%); - position: absolute; - z-index: 1; - top: 50%; - - @media screen and (max-width: $mobile-width) { - transform: translateY(0); - top: 0; - } - } - - &-logo { - @extend %logos; - left: 0; - width: 127px; - height: 24px; - background-position: 0 0 - } - - &-rights { - color: #fff; - line-height: $footer-height; - text-align: center; - font-size: 12px; - - @media screen and (max-width: $mobile-width) { - line-height: 30px; - } - } -} diff --git a/src/assets/stylesheets/_mixins.scss b/src/assets/stylesheets/helpers/_mixins.scss similarity index 100% rename from src/assets/stylesheets/_mixins.scss rename to src/assets/stylesheets/helpers/_mixins.scss diff --git a/src/assets/stylesheets/_placeholders.scss b/src/assets/stylesheets/helpers/_placeholders.scss similarity index 100% rename from src/assets/stylesheets/_placeholders.scss rename to src/assets/stylesheets/helpers/_placeholders.scss diff --git a/src/assets/stylesheets/helpers/_vars.scss b/src/assets/stylesheets/helpers/_vars.scss new file mode 100644 index 0000000..d2cfc29 --- /dev/null +++ b/src/assets/stylesheets/helpers/_vars.scss @@ -0,0 +1,39 @@ +$base-images-path: '../assets/images'; + +// colors +$primary-color: #5c34a2; +$primary-color-darker: #45277a; +$secondary-color: #6ac9b9; +$secondary-color-darker: darken(#6ac9b9, 10%); + +// borders +$base-border-color: #b8c1cb; + +// widths +$container-width: 960px; +$container-responsive-width: 980px; +$tablet-width: 768px; +$mobile-width: 414px; +$small-mobile-width: 360px; + +// header +$header-links-container-height: 70px; +$header-height_mobile: 70px; + +// mobile menu +$header-mobile-menu-container-height: 172px; + +// footer +$footer-height_desktop: 66px; +$footer-height_mobile: 132px; + +// misc +$desktop-indent: 30px; +$tablet-indent: 20px; +$mobile-indent: 15px; + +// forms +$input-height: 40px; +$input-color: #202d3c; + +$footer-height: 60px; diff --git a/src/assets/stylesheets/socials.scss b/src/assets/stylesheets/socials.scss deleted file mode 100644 index 5b678ea..0000000 --- a/src/assets/stylesheets/socials.scss +++ /dev/null @@ -1,76 +0,0 @@ -.socials { - font-size: 0; - - .footer & { - right: 0; - } - - &-i { - transition: 0.3s background-color; - position: relative; - display: inline-block; - vertical-align: top; - width: 30px; - height: 30px; - border-radius: 50%; - background-color: fade-out(#fff, 0.8); - - &:not(:first-child) { - margin-left: 10px; - } - - &:hover { - background-color: fade-out(#fff, 0.6); - } - - &:before { - @include image-2x('./images/socials@2x.png', 16px, 69px); - transform: translate(-50%, -50%); - content: ''; - position: absolute; - left: 50%; - top: 50%; - background-image: url(./images/socials.png); - } - - &_github { - &:before { - width: 16px; - height: 16px; - background-position: 0 0; - } - } - - &_oracles { - &:before { - width: 16px; - height: 14px; - background-position: 0 -16px; - } - } - - &_reddit { - &:before { - width: 15px; - height: 13px; - background-position: 0 -30px; - } - } - - &_telegram { - &:before { - width: 16px; - height: 14px; - background-position: 0 -43px; - } - } - - &_twitter { - &:before { - width: 15px; - height: 12px; - background-position: 0 -57px; - } - } - } -} diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index 8be217e..e9521d2 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -1,21 +1,19 @@ import React from "react"; import moment from "moment"; import { Link } from "react-router-dom"; +import Socials from './Socials'; + +export const Footer = ({ netId }) => { + + const footerClassName = netId === "77" ? "sokol" : ""; -export const Footer = ({netId}) => { - const footerClassName = netId === '77' ? 'sokol' : ''; return ( -