Gecko [ unitednationsplay.com ]

Name	Size	Permission	Date
app.css	193.74 KB	-rw-r--r--	2021-02-09 19:47
bootstrap-grid.css	65.89 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-grid.css.map	153.95 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-grid.min.css	49.45 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-grid.min.css.map	112.31 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.css	4.69 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.css.map	75.41 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.min.css	3.84 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.min.css.map	31.79 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.css	193.59 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.css.map	496.62 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.min.css	156.63 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.min.css.map	631.82 KB	-rw-r--r--	2021-02-10 14:58
fonts.css	2.36 KB	-rw-r--r--	2021-03-15 07:12
style.css	6.62 KB	-rw-r--r--	2021-03-18 11:26

Rename

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body { background: #f4f7fc; }
.container { width: 84vw; max-width: 84vw; margin: 0 auto; }
.row-logo { height: 12vw; }
.logo, .logo img { width: 24.54vw; }
.logo { padding: 7.5vw 0 0 0; }
.row-logo .col-3 { text-align: right; }
.search { padding: 7vw 0 0 0; }
.search .search-field { background: #fff; width: 17.51vw; height: 2.6vw; border: none; margin-left: -2.6vw; }
.search .search-btn { background: url('/img/AboveNavPanel/SearchZoom.svg') no-repeat left top; background-size: 100%; position: relative; width: 2vw; height: 2vw; border: none; text-indent: -9999px; }
.messenger_btn { width: 2.6vw; height: 2.6vw; background: url('/img/AboveNavPanel/MessengerBtn.svg') no-repeat left top; background-size: 100%; display: inline-block; margin: 7vw 2vw 0 0; }
.share_btn { width: 2.6vw; height: 2.6vw; background: url('/img/AboveNavPanel/ShareBtn.svg') no-repeat left top; background-size: 100%; display: inline-block; margin: 0vw 2vw 0 0; }
.acc_btn { width: 4vw; height: 4vw; background: url('/img/AboveNavPanel/Foto4Nologin.svg') no-repeat left top; background-size: 100%; display: inline-block; margin: 0vw 0 0 0; position: relative; bottom: -0.5vw;}
.top-menu { background: #fff; width: 100%; height: 6.52vw; border-radius: 20px; }
.top-menu ul { list-style: none; list-style-type: none; margin: 0px; padding: 1.37vw 0 1.37vw 3.05vw; }
.top-menu ul li { margin: 0px; padding: 0 5.5vw 0 0; display: inline-block; }
.top-menu ul li:last-child { padding: 0px; }
.top-menu img { height: 4vw; }

.unpip { background: url('/img/UNPIPpattern.svg') no-repeat left top; background-size: 100%; width: 100%; height: 11.3vw; margin-top: 2vw; clear: both; }
.unpip .unpip_flag { width: 18.88vw; float: left; margin-top: 0.47vw; height: 9.5vw; }
.unpip_flag-user_flag { width: 13.7vw; height: 9.5vw; position: relative; left: 5.2vw; }
.unpip_flag-user_flag img { width: 100%; }
.unpip_flag-user_photo { width: 9.5vw; height: 9.5vw; position: relative; margin-top: -9.25vw; border: 2px solid #fff; left: 0.8vw; border-radius: 50%; }
.unpip_flag-user_photo img { width: 100%;  }
.unpip .unpip_id { width: 5.49vw; transform: rotate(-90deg); color: #fff; float: left; position: relative; left: -1.9vw; top: 5.6vw; font-size: 1.1vw; }
.unpip .unpip_qrcode { width: 7.5vw;
  height: 7.5vw;
  float: left;
  position: relative;
  margin-top: 1.8vw;
  left: -3.5vw; }
.unpip .unpip_qrcode img { width: 100%; height: 100%; }
.unpip .unpip_fio { width: 42vw; color: #fff; float: left; position: relative; left: -2.5vw; top: 5.5vw; }
.unpip .unpip_fio .unpip_fio-fio { font-size: 4.2vw; line-height: 4.2vw; font-family: "OswaldLight", Arial, Helvetica, sans-serif; }

.coins-block { margin-top: 3.28vw; }
.card-wrap { text-align: center; }
.switch-block { color: #09f; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1vw; line-height: 1.5vw; }
.card-wrap { width: 100%; height: 34.42vw; background: #fff; }
.peoples-list {  }
.coins-block_card-footer { width: 100%; height: 3.11vw; position: relative; margin-top: -3.11vw; background: #09f; border-radius: 6px; color: #fff; font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 800; font-size: 1.17vw; line-height: 3vw; text-align: center; }
.coins-block_card-footer span { font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.75vw; position: relative; top: -0.1vw; }
.happy-worlds-block {  }
.coins-block_icon { padding-top: 2.6vw; padding-bottom: 1vw; text-align: center; }
.coins-block_icon img { height: 5.2vw; }
.coins-block_number { font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 3.46vw; line-height: 3.46vw; color: #0081fe; }
.coins-block_short-text { color: #959ab9; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.78vw; }
.coins-block_short-button { padding-top: 2.59vw; }
.coins-block_short-button button { width: 11.68vw; height: 2.77vw; color: #fff; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1vw; background: #0081fe; border-radius: 2vw; border: none }
.coins-block_number-blended { font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2.6vw; color: #afd7ff; padding-top: 2vw; }
.coins-block_short-text { color: #959ab9; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.78vw; }

.moneys-block .coins-block_number { color: #33c735; }
.moneys-block .coins-block_number span { color: #b2ecb3; font-size: 1.49vw; }
.moneys-block .coins-block_short-button button { background: #33c735; }
.moneys-block .coins-block_number-blended { color: #b2ecb3; }

.impacts-block .coins-block_number { color: #ff493b; }
.coins-block_circle-number { font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 1.49vw; color: #ffb5af; }
.coins-block_circle-text { color: #959ab9; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.78vw; }

.graph-block { padding-top: 6vw; }
.block-head { color: #09f; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1vw; line-height: 1.5vw; }

.coins-block_circle {  }
.coins-block_circle-circle {  }
.coins-block_circle-text {  }
.coins-block_circle-number {  }
.coins-block_circle-text {  }
.coins-block_circle-number {  }
.coins-block_circle-text {  }

footer { width: 100%; margin: 6.44vw 0 3.44vw 0; }
footer .flags { width: 100%; margin: 0; }
footer .flags ul { list-style: none; list-style-type: none; padding: 0px; margin: 0 0 0 0.5vw; }
footer .flags ul li { display: inline-block; width: 3.11vw; margin: 0 1vw 0 0; }
footer .flags ul li:last-child { margin: 0; }

.footer-blue_wrap { background: #09f; height: 9.86vw; color: #fff; }
.footer-blue_wrap .footer-logo { width: 84vw; max-width: 84vw; margin: 0 auto; padding: 3.8vw 20px 0 20px; }
.footer-blue_wrap .copyright { width: 84vw; max-width: 84vw; margin: 0 auto; padding: 1vw 20px 0 20px; }

#chat-wrapper {
  width: 25vw;
  position: absolute;
  top: 11vw;
  right: 0px;
  display: none;
  background: #fff;
  padding: 2vw 0;
}

#login-wrapper {
  width: 25vw;
  position: absolute;
  top: 11vw;
  right: 0px;
  display: none;
  background: #fff;
  padding: 2vw 0;
}

.login-popup-close {
  width: 2vw;
  height: 2vw;
  display: block;
  position: absolute;
  top: 1vw;
  right: 1vw;
}
.login-popup-close img { width: 100%; height: 100%; }

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}