Server Widget

<div class="widget-inner">
                        <div class="widget-demo rounded image" style="margin: 0 auto; width: 200px; color: #333333; background:#ffffff;">
                          <div class="widget-title widget-ico" style="color: #ffffff; background:#3873c1;">
                            <span id="server_ico_qDlBQYG43Z56unc7MKxhkz6Pj68" title="Counter-Strike 1.6" style="background: url(http://serverwidget.com/images/game-ico/cstrike.png) center center no-repeat;"></span>
                            <div>
                              <b id="server_name_qDlBQYG43Z56unc7MKxhkz6Pj68" style="left: 0px;"><script language='JavaScript' src='http://csmonit.ru/ucoz/info.php?&ip=37.151.42.40&port=27090&info=name'></script></b>
                            </div>
                          </div>
                          <div class="widget-image border"><script language='JavaScript' src='http://csmonit.ru/ucoz/info.php?ip=37.151.42.40&port=27090&info=map_img&width=160&height=120'></script></div>
                          <div class="widget-info">
                            <div class="widget-row">
                              <span>Статус:</span>
                              <b id="server_status_qDlBQYG43Z56unc7MKxhkz6Pj68" style="width: 140px;"><script language='JavaScript' src='http://csmonit.ru/ucoz/status.php?&ip=37.151.42.40&port=27090'></script></b>
                              <div class="clear"></div>
                            </div>
                            <div class="widget-row">
                              <span>Игра:</span>
                              <b id="server_game_qDlBQYG43Z56unc7MKxhkz6Pj68" style="width: 140px;">Counter-Strike: 1.6</b>
                            </div>
                            <div class="widget-row">
                              <span>Адрес:</span>
                              <b id="server_address_qDlBQYG43Z56unc7MKxhkz6Pj68" style="width: 140px;">37.151.42.40:27090</b>
                              <div class="clear"></div>
                            </div>
                            <div class="widget-row">
                              <span>Игроки:</span>
                              <b id="server_players_qDlBQYG43Z56unc7MKxhkz6Pj68" style="width: 140px;"><script language='JavaScript' src='http://csmonit.ru/ucoz/info.php?&ip=37.151.42.40&port=27090&info=players'></script></b>
                              <div class="clear"></div>
                            </div>
                            <div class="widget-row">
                              <span>Карта:</span>
                              <b id="server_map_qDlBQYG43Z56unc7MKxhkz6Pj68" style="width: 140px;"><script language='JavaScript' src='http://csmonit.ru/ucoz/info.php?&ip=37.151.42.40&port=27090&info=map'></script></b>
                              <div class="clear"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

/* WIDGET */
.widget > .widget-inner {
  padding: 10px;
  width: 305px;
  height: 260px;
}

.widget > .widget-inner .widget-demo {
  font-size: 100%;
}

.widget > .widget-inner .widget-demo.large {
  font-size: 110%;
}

.widget-demo-wrap {
  margin: 0 auto 0;
  width: 180px;
}

.widget-demo {
  border: 0;
  padding: 0px;
  font-size: 90%;
}

.widget-demo.border {
  border: 1px solid #aaa;
  padding: 2px;
}

.widget-demo.large {
  font-size: 100%;
}

.widget-demo.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.widget-demo > .widget-title {
  padding: 4px 6px;
  color: #fff;
  background: #303B4A;
  position: relative;
  overflow: hidden;
  line-height: 20px;
}

.widget-demo.rounded > .widget-title {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.widget-demo > .widget-title > div {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-demo > .widget-title.scrolling > div {
  text-overflow: clip;
}

.widget-demo > .widget-title > div > b {
  position: relative;
}

.widget-demo > .widget-title.scrolling > div > b {
  left: 0;
}

.widget-demo > .widget-title.widget-ico {
  padding-left: 26px;
}

.widget-demo > .widget-title > span {
  display: none;
}

.widget-demo > .widget-title.widget-ico > span {
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
  width: 26px;
  height: 28px;
  z-index: 2;
}

.widget-demo.rounded > .widget-title.widget-ico > span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.widget-demo > .widget-image {
  display: none;
  margin: 5px auto 0;
  width: 160px;
  height: 120px;
  background: #fff;
}

.widget-demo.rounded > .widget-image {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.widget-demo.image > .widget-image {
  padding: 6px;
  display: block;
}

.widget-demo.image > .widget-image.border {
  padding: 5px;
  border: 1px solid #e2e2e2;
}

.widget-demo > .widget-info {
  padding: 5px;
  text-align: left;
  line-height: 18px;
}

.widget-demo > .widget-info,
.widget-demo.large > .widget-info {
  line-height: 18px;
}

.widget-demo > .widget-info > .widget-row {
  white-space: nowrap;
  overflow: hidden;
}

.widget-demo > .widget-info > .widget-row > b {
  white-space: nowrap;
  overflow: hidden;
  float: right;
  text-align: right;
}

.widget-demo > .widget-info > .widget-row > span {
  float: left;
}

.widget-setting-row {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin-top: 5px;
}

.widget-setting-row.first {
  margin-top: 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.widget-setting-row.last {
  padding-bottom: 5px;
  border-bottom: none;
}

.widget-width-wrap {
  padding: 0px 0px 5px 0px;
  margin-bottom: 10px;
}