whereuat.css.mustache

#uat-bar {
  width: auto;
  text-align: center;
  position: absolute;
  top: 30%;
  left: 0;
  padding: 0;
  z-index: 2147483647;
  font-family: Helvetica, Arial, sans-serif;
}

#uat-bar a:link, #uat-bar a:visited {
  color: #efefef;
  text-decoration: none;
}

#uat-bar a:active, #uat-bar a:hover, #uat-bar a:focus {
  color: #fff;
  text-decoration: underline;
}

#uat-bar a.wua-go {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  padding: .5em;
  display: block;
  width: 42px;
  height: 125px;
  font-size: 0.001em;
  text-indent: -2000em;
  background: #212121 url({{bg_uri}}) no-repeat -4px -10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px
}

#uat-bar a.wua-go:hover {
  background-position: -2px -10px;
}

#uat-bar .wua-pop-over {
  min-height: 450px;
  width: 0;
  clear: right;
  background: #212121;
  color: #efefef;
  text-align: left;
  padding: 0 0 .75em 0;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

#uat-bar .wua-pop-over ol {
  height: 450px;
  overflow: auto;
  list-style: none;
  margin: 0 0 0;
  padding: 5px 10px
}

#uat-bar .wua-pop-over li {
  padding: .9em .75em .75em 95px;
  margin-bottom: 5px;
  position: relative;
}

#uat-bar .wua-pop-over li.wua-header {font-size: 18px;font-weight:normal;border-bottom: 1px solid #2c2c2c;margin-bottom: 1em;padding-left: 0;}

#uat-bar .wua-pop-over li.wua-rejected {
  background: #a82a30;
}

#uat-bar .wua-pop-over li.wua-accepted {
  background: #9ec74e;
}

#uat-bar .wua-pop-over li:hover {
  background-color: #323232;
  cursor: pointer
}

#uat-bar .wua-pop-over li.wua-header:hover {background:transparent;}

#uat-bar .wua-hide {
  display:  none;
}

#uat-bar input {
  clear: none;  
}

#uat-bar .wua-pop-over li a.wua-accept {
  position: absolute;
  top: 0;
  left: 0;
  display:block;
  width: 25px;
  height: 28px;
  background: url({{bg_uri}}) no-repeat -9px -204px;
  font-size: 0.001em;
  text-indent: -20000em;
}

#uat-bar .wua-pop-over li a.wua-accept:hover {
  background-position: -9px -234px;
}

#uat-bar .wua-pop-over li a.wua-reject {
  position: absolute;
  top: 0;
  left: 29px;
  display:block;
  width: 25px;
  height: 30px;
  background: url({{bg_uri}}) no-repeat -9px -136px;
  font-size: 0.001em;
  text-indent: -20000em;
}

#uat-bar .wua-pop-over li a.wua-reject:hover {
  background-position: -9px -168px;
}

#uat-bar .wua-pop-over li a.wua-pivotal {
  position: absolute;
  top: 0;
  left: 60px;
  display:block;
  width: 25px;
  height: 30px;
  background: url({{bg_uri}}) no-repeat -9px -301px;
  font-size: 0.001em;
  text-indent: -20000em;
}

#uat-bar .wua-pop-over li a.wua-pivotal:hover {
  background-position: -9px -333px;
}


#uat-bar label {margin-top: 5px;padding-top:5px;display:block;font-weight:bold;border-top: 1px dashed #2c2c2c;}
#uat-bar textarea {width: 250px;height: 40px;margin-bottom: 5px;}
#uat-bar button.wua-reject {
  display:block;
  width: 60px;
  height: 25px;
  background: url({{bg_uri}}) no-repeat -1px -275px;
  font-size: 0.001em;
  text-indent: -20000em;
  border:none;
}

#uat-bar .wua-go-spinner {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;

  left: 13px;
  top: 54px;
            
  background: url({{spinner_uri}}) no-repeat;
}