gctGenerator/style/style.css
2017-12-05 06:58:00 +01:00

180 lines
No EOL
3 KiB
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
}