gctGenerator/style/style.css

body {
  margin:50px;
  width:980px;
  min-height:450px;
  display:inline-block;
  text-align:left
}
html {
  background-color:#0D0D0D;
  color:#f1f1f1;
  font-family:Calibri;
  text-align:center
}
#gameID {
  margin:10px 0 5px
}
body button {
  padding:10px;
  margin:auto;
  font-size:18px;
  color:#f1f1f1;
  background-color:#f44336;
  border-style:none;
  border-radius:4px;
  cursor:pointer;
  margin-top:5px;
  outline:none
}
#downloadButton {
  width:390px;
  display:block
}
#downloadButton:hover {
  background-color:#ea7d75
}
#dolphinDownloadButton {
  width:193px;
  display:inline-block;
  background-color:#5c90aa
}
#dolphinDownloadButton:hover {
  background-color:#9cb6c3
}
#gcmDownloadButton {
  width:193px;
  display:inline-block;
  background-color:#629045
}
#gcmDownloadButton:hover {
  background-color:#8eb575
}
img {
  border-radius:4px
}
ul {
  margin:0;
  padding:0;
  width:390px;
  list-style-type:none
}
ul li {
  cursor:pointer;
  position:relative;
  padding:8px 8px 8px 40px;
  border-radius:4px;
  border-style:solid;
  border-width:1px;
  background:#ffefef;
  color:#262626;
  font-size:18px;
  text-align:left;
  transition:.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  outline:none
}
ul li::before {
  content:'';
  position:absolute;
  border-color:#a6a6a6;
  border-style:solid;
  border-width:1.5px;
  border-radius:50%;
  top:11px;
  left:12px;
  height:14px;
  width:14px
}
ul li:nth-child(odd) {
  background:#fdfdfd
}
ul li:hover {
  background:#d84035;
  color:#fff;
  border-color:#000
}
ul li:hover::before {
  border-color:#fff;
  background-color:#ffc0cb
}
ul li.checked:hover {
  background:#d84035;
  color:#fff
}
ul li.checked {
  background:#434343;
  color:#fff;
  border-color:#262626
}
ul li.checked::before {
  content:'';
  position:absolute;
  border-color:#fff;
  border-style:solid;
  border-width:1.5px;
  border-radius:50%;
  top:11px;
  left:12px;
  height:14px;
  width:14px;
  background-color:#d85e55
}
th {
  font-weight:400
}
.selectionHeader {
  background-color:#f44336;
  padding:10px;
  color:#fff;
  width:390px;
  font-size:16px;
  border-style:none;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  outline:none
}
.framed {
  position:relative;
  margin:11px 0 10px;
  padding:0 12px 12px;
  background:#232323;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:18px;
  border-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:4px;
  width:500px;
  min-height:150px;
  overflow-y:auto;
  overflow-x:hidden;
  -ms-overflow-style:none
}
.framed::-webkit-scrollbar {
  display:none
}
#warningMessage {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  border-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:4px;
  background:#232323;
  width:526px;
  padding:5px 12px;
  margin:11px 0 0
}
.hidden {
  opacity:0
}
a {
  color:#ff8297
}