247 lines
5.2 KiB
CSS
247 lines
5.2 KiB
CSS
/*
|
|
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
* listed below.
|
|
*
|
|
* Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
|
|
* vendor/assets/stylesheets directory can be referenced here using a relative path.
|
|
*
|
|
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
|
* compiled file so the styles you add here take precedence over styles defined in any other CSS
|
|
* files in this directory. Styles in this file should be added after the last require_* statement.
|
|
* It is generally better to create a new file per style scope.
|
|
*
|
|
*= require_tree .
|
|
*= require_self
|
|
*/
|
|
:root {
|
|
--bc-text-muted: #6c757d;
|
|
--bc-avail-color-yes: #7fc243;
|
|
--bc-avail-color-no: #cb5958;
|
|
--bc-avail-color-maybe: #113b63;
|
|
}
|
|
|
|
.availability-bar.going {
|
|
background-color: var(--bc-avail-color-yes);
|
|
}
|
|
.availability-bar.not-going {
|
|
background-color: var(--bc-avail-color-no);
|
|
}
|
|
.availability-bar.maybe {
|
|
background-color: var(--bc-avail-color-maybe);
|
|
}
|
|
.availability-bar.unknown {
|
|
background-color: gray;
|
|
}
|
|
|
|
header.Header {
|
|
background: #323669;
|
|
padding: 8px 0;
|
|
box-shadow: 0 4px 0 rgba(0, 0, 25, 0.1);
|
|
border-bottom: 1px solid #d6d6d6;
|
|
color: white;
|
|
}
|
|
|
|
body {
|
|
background-color: rgb(246, 246, 246);
|
|
}
|
|
|
|
/* .u-padSm.u-border.u-borderRadiusLg.u-spaceEndsSm.u-maxWidthXs */
|
|
|
|
.event-card {
|
|
font-family: "Open Sans", Helvetica, sans-serif;
|
|
border: 1px solid #e6e6e6;
|
|
border-radius: 8px;
|
|
max-width: 480px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
background: white;
|
|
}
|
|
|
|
.event-card .title {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.event-card .event-card-body {
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.event-card-body > .availability-bar {
|
|
margin: 4px;
|
|
}
|
|
|
|
.event-card-body > .availability-bar.fullwidth {
|
|
margin-top: 4px;
|
|
margin-bottom: -8px;
|
|
margin-left: -8px;
|
|
margin-right: -8px;
|
|
}
|
|
|
|
.event-card-body .availability-bar.fullwidth .progress {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.event-card .date,
|
|
.event-card .location {
|
|
color: #7a7a7a;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.event-card .opponent {
|
|
}
|
|
|
|
.event-card .Button span {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.event-card .event-card-footer {
|
|
padding: 8px;
|
|
border-radius: 0px 0px 8px 8px;
|
|
background-color: rgb(251, 251, 251);
|
|
border-top: solid 1px rgb(214, 214, 214);
|
|
}
|
|
|
|
.event-card-footer div {
|
|
text-align: center;
|
|
}
|
|
|
|
.Header-bannerLogo,
|
|
.Header-bannerTitle {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.Header-bannerLogo img {
|
|
heigh: 48px;
|
|
width: 48px;
|
|
}
|
|
|
|
.Header-bannerTitle {
|
|
font-family: "Helvetica", sans-serif;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
color: white;
|
|
}
|
|
|
|
.benchcoach-nav {
|
|
background-color: #323669;
|
|
margin-bottom: 2em;
|
|
padding: 0.5em;
|
|
color: white;
|
|
}
|
|
|
|
a.Panel-row {
|
|
color: inherit;
|
|
}
|
|
|
|
.benchcoach-nav h3 {
|
|
font-family: "Helvetica", sans-serif;
|
|
font-weight: bolder;
|
|
color: white;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.lineup-slot .Panel-cell {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
div[id^="event-lineup"] {
|
|
counter-reset: lineup-sequence-counter 0;
|
|
}
|
|
|
|
.lineup-slot {
|
|
counter-increment: lineup-sequence-counter 1;
|
|
}
|
|
|
|
.lineup-slot .Panel-cell.Panel-cell--header {
|
|
background: rgba(256, 256, 256, 0);
|
|
}
|
|
|
|
.lineup-slot .Panel-cell:has(.drag-handle) {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.lineup-slot [class*="availability-status-code"]::before,
|
|
li [class*="availability-status-code"]::before {
|
|
padding-right: 6px;
|
|
font-family: "bootstrap-icons";
|
|
}
|
|
|
|
.lineup-slot .availability-status-code-1::before,
|
|
li .availability-status-code-1 {
|
|
content: "\F26C";
|
|
color: var(--bc-avail-color-yes);
|
|
}
|
|
|
|
.lineup-slot .availability-status-code-2::before,
|
|
li .availability-status-code-2 {
|
|
font-family: "bootstrap-icons";
|
|
content: "\F50A";
|
|
color: var(--bc-avail-color-maybe);
|
|
}
|
|
|
|
.lineup-slot .availability-status-code-0::before,
|
|
li .availability-status-code-0 {
|
|
content: "\F628";
|
|
color: var(--bc-avail-color-no);
|
|
}
|
|
|
|
.lineup-slot .availability-status-code-nil::before,
|
|
.lineup-slot .availability-status-code-::before,
|
|
li .availability-status-code- {
|
|
content: "\F50B";
|
|
color: var(--bs-secondary);
|
|
}
|
|
|
|
.lineup-slot .lastname {
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.lineup-slot .jerseynumber {
|
|
text-transform: uppercase;
|
|
font-weight: light;
|
|
color: var(--bc-text-muted);
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.lineup-slot .jerseynumber::before {
|
|
content: "-";
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.lineup-slot .sequence::before {
|
|
content: counter(lineup-sequence-counter);
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
div[id^="event-lineup"] .Panel.position-only .sequence {
|
|
display: none;
|
|
}
|
|
|
|
div[id^="event-lineup"] .Panel.bench .sequence {
|
|
display: none;
|
|
}
|
|
|
|
div[id^="event-lineup"] .Panel.out .sequence,
|
|
div[id^="event-lineup"] .Panel.out .drag-handle,
|
|
div[id^="event-lineup"] .Panel.out .SelectBox {
|
|
display: none;
|
|
}
|
|
|
|
.Tooltip:after {
|
|
padding: 2px !important;
|
|
font-size: inherit !important;
|
|
}
|
|
|
|
/* if lineup_entry.availabilityStatusCode == 2
|
|
i.bi.bi-question-circle-fill.text-info.u-spaceRightXs
|
|
else if lineup_entry.availabilityStatusCode == 1
|
|
i.bi.bi-check-circle-fill.text-success.u-spaceRightXs
|
|
else if lineup_entry.availabilityStatusCode == 0
|
|
i.bi.bi-x-circle-fill.text-danger.u-spaceRightXs
|
|
else
|
|
i.bi.bi-question-circle.u-spaceRightXs */
|