initial commit
This commit is contained in:
233
css/style.css
Normal file
233
css/style.css
Normal file
@@ -0,0 +1,233 @@
|
||||
html {
|
||||
border: 1px solid #42454a;
|
||||
}
|
||||
body {
|
||||
color: #FFF;
|
||||
background-color: #36393f;
|
||||
}
|
||||
.row {
|
||||
background: #2f3136;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 2px;
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #99aab5;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
background-color: #202225;
|
||||
}
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
}
|
||||
.navbar-default, .navbar-brand {
|
||||
color: #fff !important;
|
||||
background-color: #202225;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.col-md-3 {
|
||||
color: #FFF;
|
||||
background-color: #2f3136;
|
||||
border: 1px solid #42454a;
|
||||
}
|
||||
.col-md-3>h3, .col-md-3>h4, .col-md-3>span{
|
||||
font-family: monospace;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
.col-md-3>h4 {
|
||||
}
|
||||
.include-bobbleheads {
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.list-group-item:first-child, .list-group-item:last-child {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.list-special {
|
||||
font-family: monospace;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #2f3136;
|
||||
background-color: #2f3136;
|
||||
}
|
||||
.list-group-item {
|
||||
color: #FFF;
|
||||
background-color: #2f3136;
|
||||
border: 1px solid #42454a;
|
||||
}
|
||||
.list-special input {
|
||||
display: inline-block;
|
||||
width: 45px;
|
||||
height: 25px;
|
||||
}
|
||||
.container-fluid>h4 {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.summary {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.summary>li {
|
||||
border-top: 2px solid #42454a;
|
||||
font-size: 20px;
|
||||
font-weight: bolder;
|
||||
font-family: monospace;
|
||||
}
|
||||
.summary>:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
.summary>ul>li {
|
||||
border-bottom: 1px solid #42454a;
|
||||
margin-top: -2px;
|
||||
font-style: italic;
|
||||
}
|
||||
.summary>ul>:last-child {
|
||||
margin-bottom: 10px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form-control {
|
||||
color: #FFF;
|
||||
background-color: #36393f;
|
||||
border: 1px solid #42454a;
|
||||
}
|
||||
select.form-control {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
|
||||
}
|
||||
input[type=number] {
|
||||
-moz-appearance: textfield; /* Firefox */
|
||||
}
|
||||
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
||||
background-color: #36393f;
|
||||
opacity: 1;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.col-md-9 {
|
||||
color: #FFF;
|
||||
background-color: #36393f;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
|
||||
text-align: center;
|
||||
padding: 8px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: top;
|
||||
border-left: 1px solid #42454a; border-right: 1px solid #42454a;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.popover {
|
||||
background: #202225;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.popover-title {
|
||||
font-size: 20px;
|
||||
font-weight: bolder;
|
||||
color: #FFF;
|
||||
background: #2f3136;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.popover-content {
|
||||
font-style: italic;
|
||||
color: #FFF;
|
||||
background: #36393f;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.popover-content>.no-rank {
|
||||
border-bottom: 1px solid #42454a;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.popover-content>:last-child {
|
||||
border-bottom: none;
|
||||
margin: none;
|
||||
}
|
||||
.popover.left>.arrow:after {
|
||||
border-left-color: #1a1b1e;
|
||||
color: #202225;
|
||||
}
|
||||
popover.right>.arrow:after{
|
||||
border-right-color: #1a1b1e;
|
||||
color: #202225;
|
||||
}
|
||||
.popover.top>.arrow:after {
|
||||
border-top-color: #1a1b1e;
|
||||
color: #202225;
|
||||
}
|
||||
.popover.bottom>.arrow:after {
|
||||
border-bottom-color: #1a1b1e;
|
||||
color: #202225;
|
||||
}
|
||||
|
||||
.has-rank {
|
||||
color: #FFFDE0;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
background-color: rgba(0,224,167, 0.1);
|
||||
padding: 2px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.perk {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border: 1px solid #42454a;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
}
|
||||
.overlay {
|
||||
font-size: 20px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
background-color: rgba(35,39,42, 0.75) /* 40% opaque red */
|
||||
}
|
||||
.unavailable {
|
||||
opacity: 0.1;
|
||||
}
|
||||
Reference in New Issue
Block a user