80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
h2 {
|
|
margin-left: 10%;
|
|
}
|
|
|
|
.player-name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.search-field {
|
|
width: 40%;
|
|
margin: 50px 0 50px 8%;
|
|
}
|
|
|
|
.highscore-table-container {
|
|
width: 320px;
|
|
max-height: 394px;
|
|
margin: 50px 0 50px 8%;
|
|
float: left;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
border: solid #dfdfdf 1px;
|
|
box-shadow: 3px 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
}
|
|
|
|
.highscore-table {
|
|
width: 100%;
|
|
}
|
|
|
|
:host /deep/ table.mat-table > thead {
|
|
position: absolute;
|
|
width: 320px;
|
|
display: inherit;
|
|
margin-left: -1px;
|
|
margin-top: -57px;
|
|
border: 1px solid #dadada;
|
|
}
|
|
|
|
.mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch,
|
|
.mat-column-vehicleLight, .mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-death, .mat-column-respawn,
|
|
.mat-column-driverDistance, .mat-column-travelDistance, .mat-column-warCount {
|
|
width: 67px;
|
|
text-indent: 14px;
|
|
}
|
|
|
|
.mat-column-vehicleLight mat-icon.mat-icon {
|
|
width: 28px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mat-column-vehicleHeavy mat-icon.mat-icon {
|
|
width: 33px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.mat-column-vehicleAir mat-icon.mat-icon {
|
|
width: 35px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
:host /deep/ .mat-table .mat-icon {
|
|
color: #666666;
|
|
margin-left: -32px;
|
|
}
|
|
|
|
/* Table Scrollbar BEGIN */
|
|
|
|
.highscore-table-container::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
|
|
.highscore-table-container::-webkit-scrollbar-track {
|
|
border-left: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.highscore-table-container::-webkit-scrollbar-thumb {
|
|
background: rgb(234, 234, 234);
|
|
}
|
|
|
|
/* Table Scrollbar END */
|