initial commit
This commit is contained in:
246
app/assets/stylesheets/application.css
Normal file
246
app/assets/stylesheets/application.css
Normal file
@@ -0,0 +1,246 @@
|
||||
/*
|
||||
* 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 */
|
||||
6
app/assets/stylesheets/futura-now.css
Normal file
6
app/assets/stylesheets/futura-now.css
Normal file
@@ -0,0 +1,6 @@
|
||||
@font-face {
|
||||
font-family: "Futura Now";
|
||||
src: url('futura-now.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
}
|
||||
819
app/assets/stylesheets/gamecard.css
Normal file
819
app/assets/stylesheets/gamecard.css
Normal file
@@ -0,0 +1,819 @@
|
||||
@font-face {
|
||||
font-family: "Helvetica Now";
|
||||
src: url("/assets/helvetica-now.ttf") format("truetype");
|
||||
font-weight: 125 900;
|
||||
font-stretch: 50% 150%;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Inconsolata";
|
||||
src: url("/assets/inconsolata-vf.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Futura Now";
|
||||
src: url("/assets/futura-now.ttf") format("truetype");
|
||||
font-weight: 125 900;
|
||||
font-stretch: 50% 150%;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Oswald";
|
||||
src: url("/assets/Oswald.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Graduate";
|
||||
src: url("/assets/Graduate.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/** For Print **/
|
||||
@media print {
|
||||
body .sheet {
|
||||
size: B5;
|
||||
padding: 0.2in;
|
||||
}
|
||||
}
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body .sheet {
|
||||
padding: 0.2in;
|
||||
}
|
||||
body {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
.sheet {
|
||||
background: white;
|
||||
box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.sheet {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.B5 .sheet {
|
||||
width: 176mm;
|
||||
height: 250mm;
|
||||
}
|
||||
|
||||
body.index-card .sheet {
|
||||
width: 3.5in;
|
||||
height: 5in;
|
||||
}
|
||||
|
||||
:root {
|
||||
--color-success: #b7e1cd;
|
||||
--color-danger: #f4c7c3;
|
||||
--color-neutral: #acc9fe;
|
||||
--color-warning: rgb(249, 228, 180);
|
||||
--color-grey-100: #f8f9fa;
|
||||
--color-grey-200: #e9ecef;
|
||||
--color-grey-300: #dee2e6;
|
||||
--color-grey-400: #ced4da;
|
||||
--color-grey-500: #adb5bd;
|
||||
--color-grey-600: #6c757d;
|
||||
--color-grey-700: #495057;
|
||||
--color-grey-800: #343a40;
|
||||
--color-grey-900: #212529;
|
||||
--row-height: 14px;
|
||||
--monospace-font: "Inconsolata", monospace;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Helvetica Now", "Helvetica", sans-serif;
|
||||
position: relative;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
table {
|
||||
position: inherit;
|
||||
font-size: inherit;
|
||||
border-collapse: collapse;
|
||||
empty-cells: show;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
width: 100%;
|
||||
border: 0.5px solid black;
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
/* vertical-align: middle; */
|
||||
/* line-height: 1.3em; */
|
||||
overflow: hidden;
|
||||
padding: 0 2px 0 2px; /* top right bottom left */
|
||||
}
|
||||
|
||||
tr {
|
||||
border-bottom-width: 0.5px;
|
||||
border-color: grey;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
tr:nth-child(odd) {
|
||||
background-color: rgb(242, 242, 242, 0.85);
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: rgb(256, 256, 256, 0.85);
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border-left: 0.5px solid grey;
|
||||
border-right: 0.5px solid grey;
|
||||
}
|
||||
|
||||
table.notes th {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th {
|
||||
font-stretch: extra-condensed;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
td:empty::after,
|
||||
th:empty::after {
|
||||
content: "\00a0";
|
||||
}
|
||||
|
||||
td.player-name {
|
||||
text-transform: uppercase;
|
||||
font-stretch: 80%;
|
||||
/* font-family: var(--monospace-font); */
|
||||
}
|
||||
|
||||
td.position,
|
||||
td.jersey-number {
|
||||
font-family: var(--monospace-font);
|
||||
width: 2ch;
|
||||
text-align: right;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.B5 > .gamecard {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
column-gap: 0.2in;
|
||||
row-gap: 0.2in;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.gamecard > section {
|
||||
box-sizing: content-box;
|
||||
overflow: hidden;
|
||||
/* outline: 0.5px dashed lightgrey; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.gamecard > section > div {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: stretch;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.lineup-card th {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
#lineup-card-dugout div.grid-container,
|
||||
#lineup-card-dugout-blank div.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: 60% auto;
|
||||
grid-template-rows: fit-content(16px) auto;
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"sarting-lineup-table substitution-table";
|
||||
}
|
||||
|
||||
#lineup-card-exchange div.grid-container,
|
||||
#lineup-card-exchange-blank div.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: fit-content(16px) auto;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
"sarting-lineup-table";
|
||||
}
|
||||
|
||||
#lineup-card-exchange .substitution,
|
||||
#lineup-card-exchange .homeaway,
|
||||
#lineup-card-blank .substitution,
|
||||
#lineup-card-blank .homeaway {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lineup-card div.grid-container > header {
|
||||
grid-area: "header";
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lineup-card div.grid-container > header:empty::after {
|
||||
content: "\00a0";
|
||||
}
|
||||
|
||||
div.grid-container > .starting-lineup-table {
|
||||
grid-area: "starting-lineup-table";
|
||||
}
|
||||
|
||||
div.grid-container > .substitution-table {
|
||||
grid-area: "substitution-table";
|
||||
}
|
||||
|
||||
.lineup-card thead th {
|
||||
color: var(--color-grey-600);
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.lineup-card th.sequence {
|
||||
color: var(--color-grey-600);
|
||||
font-size: inherit;
|
||||
width: 2ch;
|
||||
}
|
||||
|
||||
.lineup-card table {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.lineup-card td {
|
||||
/* height: 34px; */
|
||||
}
|
||||
|
||||
.lineup-card td.substitution {
|
||||
width: 8ch;
|
||||
}
|
||||
|
||||
.lineup-card td.substitution::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
#lineup-card-exchange tr,
|
||||
#lineup-card-exchange-blank tr,
|
||||
#lineup-card-dugout .starting-lineup-table tr,
|
||||
#lineup-card-dugout-blank .starting-lineup-table tr,
|
||||
#lineup-card-dugout .substitution-table tr:nth-child(odd) {
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
|
||||
#lineup-card-exchange tr,
|
||||
#lineup-card-exchange-blank tr,
|
||||
#lineup-card-dugout .starting-lineup-table tr,
|
||||
#lineup-card-dugout-blank .starting-lineup-table tr,
|
||||
#lineup-card-dugout .substitution-table tr:nth-child(even) {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
td.substitution {
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
|
||||
#lineup-card-exchange td.player-name {
|
||||
font-stretch: 100%;
|
||||
}
|
||||
|
||||
#lineup-card-dugout td.player-name {
|
||||
width: 10ch;
|
||||
}
|
||||
|
||||
.lineup-card .position,
|
||||
.lineup-card .jersey-number {
|
||||
width: 2ch;
|
||||
}
|
||||
|
||||
#lineup-card-dugout .position,
|
||||
#lineup-card-dugout .jersey-number {
|
||||
font-stretch: 75%;
|
||||
padding-left: 2.5px;
|
||||
padding-right: 2.5px;
|
||||
}
|
||||
|
||||
.lineup-card header {
|
||||
font-size: inherit;
|
||||
text-transform: uppercase;
|
||||
font-stretch: 85%;
|
||||
}
|
||||
|
||||
#todays-game > div {
|
||||
display: grid;
|
||||
grid-template-columns: 110px auto;
|
||||
grid-template-rows: auto auto;
|
||||
grid-template-areas:
|
||||
"offense defense"
|
||||
"footer footer";
|
||||
}
|
||||
|
||||
#defense-pane {
|
||||
position: relative;
|
||||
grid-area: defense;
|
||||
padding: 4px 4px 0px 4px; /* top right bottom left */
|
||||
display: flex;
|
||||
border-right: 0.5px solid grey;
|
||||
border-bottom: 0.5px solid grey;
|
||||
}
|
||||
|
||||
#defense-pane .field-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(6, 1fr);
|
||||
grid-column-gap: 4px;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#defense-pane img {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#defense-pane .slot-set {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#defense-pane .slot-set .pos-slot-p {
|
||||
align-items: end;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-cf {
|
||||
justify-content: center;
|
||||
align-items: start;
|
||||
grid-area: 1 / 1 / 2 / 5;
|
||||
}
|
||||
#defense-pane .pos-slot-lf {
|
||||
justify-content: flex-start;
|
||||
grid-area: 2 / 1 / 3 / 3;
|
||||
}
|
||||
#defense-pane .pos-slot-rf {
|
||||
justify-content: flex-end;
|
||||
grid-area: 2 / 3 / 3 / 5;
|
||||
}
|
||||
#defense-pane .pos-slot-ss {
|
||||
justify-content: flex-end;
|
||||
grid-area: 3 / 1 / 4 / 3;
|
||||
}
|
||||
#defense-pane .pos-slot-2b {
|
||||
justify-content: flex-start;
|
||||
grid-area: 3 / 3 / 4 / 5;
|
||||
}
|
||||
#defense-pane .pos-slot-3b {
|
||||
justify-content: flex-start;
|
||||
grid-area: 4 / 1 / 5 / 3;
|
||||
}
|
||||
#defense-pane .pos-slot-1b {
|
||||
justify-content: flex-end;
|
||||
grid-area: 4 / 3 / 5 / 5;
|
||||
}
|
||||
#defense-pane .pos-slot-c {
|
||||
justify-content: center;
|
||||
grid-area: 5 / 1 / 6 / 5;
|
||||
}
|
||||
#defense-pane .pos-slot-p {
|
||||
grid-area: 6 / 1 / 7 / 5;
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-cf th.position:empty::after {
|
||||
content: "CF";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-lf th.position:empty::after {
|
||||
content: "lf";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-rf th.position:empty::after {
|
||||
content: "rf";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-ss th.position:empty::after {
|
||||
content: "ss";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-2b th.position:empty::after {
|
||||
content: "2B";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-3b th.position:empty::after {
|
||||
content: "3B";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-1b th.position:empty::after {
|
||||
content: "1B";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-c th.position:empty::after {
|
||||
content: "C";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-p th.position:empty::after {
|
||||
content: "P";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-rp-1 th.position:empty::after {
|
||||
content: "RP";
|
||||
}
|
||||
|
||||
#defense-pane .pos-slot-rp-2 th.position:empty::after {
|
||||
content: "RP";
|
||||
}
|
||||
|
||||
#offense-pane {
|
||||
position: relative;
|
||||
/* box-sizing: border-box; */
|
||||
height: 100%;
|
||||
grid-area: offense;
|
||||
border-bottom: 0.5px solid black;
|
||||
/* outline: 0.5px solid black; */
|
||||
}
|
||||
|
||||
#offense-pane table {
|
||||
height: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.slot-set table {
|
||||
width: 77px;
|
||||
}
|
||||
|
||||
.slot-set.pos-slot-p table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.index-card .defense-slot-set {
|
||||
width: 65px;
|
||||
}
|
||||
|
||||
.index-card .defense-slot-set .player-name {
|
||||
font-stretch: 70%;
|
||||
}
|
||||
|
||||
.container .row {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #cadcf9;
|
||||
font-family: "Oswald";
|
||||
/* font-size: 8.8px; */
|
||||
/* outline: 1px solid black; */
|
||||
/* height: var(--row-height); */
|
||||
width: auto;
|
||||
grid-area: header;
|
||||
text-align: center;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
border: 0.5px solid black;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.footer {
|
||||
/* height:var(--row-height); */
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
grid-area: footer;
|
||||
/* border: 1px solid black; */
|
||||
height: 100%;
|
||||
border-right: 0.5px solid grey;
|
||||
border-left: 0.5px solid grey;
|
||||
}
|
||||
|
||||
.footer table {
|
||||
height: 100%;
|
||||
outline: none;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.footer tr {
|
||||
background-color: white;
|
||||
outline: none;
|
||||
border-bottom: 0.5px solid var(--color-grey-500);
|
||||
}
|
||||
|
||||
.footer tr :last-child {
|
||||
background-color: white;
|
||||
outline: none;
|
||||
border-bottom-style: none;
|
||||
}
|
||||
.footer th {
|
||||
text-align: left;
|
||||
color: var(--color-grey-600);
|
||||
}
|
||||
.footer td {
|
||||
height: var(--row-height);
|
||||
|
||||
border: none;
|
||||
}
|
||||
|
||||
.footer td:empty::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.cell-checkbox {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.in-starting-lineup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gametitle {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-stretch: semi-condensed;
|
||||
}
|
||||
|
||||
.homeaway {
|
||||
text-transform: uppercase;
|
||||
font-stretch: normal;
|
||||
font-weight: bolder;
|
||||
float: right;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.cell-smalltext {
|
||||
font-stretch: condensed;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.statscell {
|
||||
font-family: "m+1m";
|
||||
text-align: center;
|
||||
font-stretch: extra-condensed;
|
||||
font-size: 9px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.condensedNameCell {
|
||||
width: 70px;
|
||||
text-transform: uppercase;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.cell-square {
|
||||
height: var(--row-height);
|
||||
width: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cell-square.narrow {
|
||||
width: 10px;
|
||||
}
|
||||
.cell-mono {
|
||||
font-family: "m+1m";
|
||||
}
|
||||
|
||||
.cell-condensed {
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.available-status-code-1 {
|
||||
color: rgb(0, 85, 0);
|
||||
background-color: #b7e1cd;
|
||||
}
|
||||
|
||||
.available-status-code-0 {
|
||||
color: rgb(170, 0, 0);
|
||||
background-color: #f4c7c3;
|
||||
}
|
||||
|
||||
.past.available-status-code-0,
|
||||
.past.available-status-code-null {
|
||||
color: var(--color-grey-600);
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.past.available-status-code-1 {
|
||||
color: inherit;
|
||||
background-color: var(--color-warning);
|
||||
}
|
||||
|
||||
.past.available-status-code-1.started {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.available-status-code-2 {
|
||||
color: blue;
|
||||
background-color: #acc9fe;
|
||||
}
|
||||
|
||||
#roster-and-history .player-name,
|
||||
#roster-and-history .jersey-number {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#roster-and-history .player-name {
|
||||
font-stretch: 95%;
|
||||
}
|
||||
|
||||
.starting {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#roster-and-history > div > table {
|
||||
/* font-size: 10.5px; */
|
||||
padding: 0;
|
||||
line-height: 1em;
|
||||
/* outline: 0.5px black; */
|
||||
}
|
||||
|
||||
#roster-and-history td,
|
||||
#roster-and-history th {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding: 0.2em 0.1em 0.2em 0.1em; /* top right bottom left */
|
||||
}
|
||||
|
||||
#roster-and-history td.player-name {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#roster-and-history th {
|
||||
background-color: #cadcf9;
|
||||
color: black;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#roster-and-history thead > tr,
|
||||
#roster-and-history tfoot > tr {
|
||||
border-bottom: solid black 1px;
|
||||
}
|
||||
|
||||
#roster-and-history tbody {
|
||||
border-bottom: solid black 1px;
|
||||
}
|
||||
|
||||
#roster-and-history td.avail-today-plus-1,
|
||||
#roster-and-history .pitcher,
|
||||
#roster-and-history .player-stats,
|
||||
#roster-and-history td.avail-today-minus-1 {
|
||||
border-left-width: 1px;
|
||||
border-left-style: solid;
|
||||
border-left-color: black;
|
||||
}
|
||||
|
||||
#roster-and-history td.jersey-number {
|
||||
border-left: 0.5px solid lightgrey;
|
||||
}
|
||||
|
||||
#roster-and-history td.today-minus-4 {
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
#roster-and-history tr.border-top {
|
||||
border-top: 1px solid black;
|
||||
}
|
||||
|
||||
#roster-and-history #today-availability {
|
||||
font-stretch: normal;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.player-stats {
|
||||
font-family: var(--monospace-font);
|
||||
font-size: 1em;
|
||||
font-stretch: 60%;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#roster-and-history td.position-capability,
|
||||
th.position-capability {
|
||||
font-size: 8px;
|
||||
font-stretch: 50%;
|
||||
width: 5px;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#roster-and-history th.position-capability {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
td.position-capability:not(:empty) {
|
||||
color: var(--color-grey-700);
|
||||
background-color: var(--color-grey-200);
|
||||
}
|
||||
|
||||
td.is-present-checkbox {
|
||||
font-size: 0.5em;
|
||||
text-align: center;
|
||||
color: white;
|
||||
/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
|
||||
1px 1px 0 #000; */
|
||||
}
|
||||
|
||||
td.is-present-checkbox.available-status-code-0 > span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td.is-present-checkbox.available-status-code-None > span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td.availability {
|
||||
font-family: var(--monospace-font);
|
||||
font-stretch: condensed;
|
||||
text-align: center;
|
||||
max-width: 0.8em;
|
||||
min-width: 0.8em;
|
||||
}
|
||||
|
||||
.availability.future,
|
||||
.availability.past {
|
||||
font-family: var(--monospace-font);
|
||||
font-stretch: condensed;
|
||||
font-weight: normal;
|
||||
font-size: 0.8em;
|
||||
padding: 0.1em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#roster-test .player-name {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
grid-area: player-name;
|
||||
}
|
||||
|
||||
#roster-test .jersey-number {
|
||||
font-weight: bolder;
|
||||
font-stretch: extra-condensed;
|
||||
grid-area: jersey-number;
|
||||
}
|
||||
|
||||
#roster-test .player-stats {
|
||||
grid-area: player-stats;
|
||||
}
|
||||
|
||||
#roster-test .diamond {
|
||||
grid-area: diamond;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
height: 10px;
|
||||
/* height:10px; */
|
||||
}
|
||||
|
||||
th[class^="avail-today-"] div {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.delimiter,
|
||||
.decimal-point {
|
||||
font-family: Helvetica Now;
|
||||
font-stretch: expanded;
|
||||
color: var(--color-grey-500);
|
||||
}
|
||||
|
||||
th .decimal-point {
|
||||
color: rgb(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
th .delimiter {
|
||||
color: var(--color-grey-500);
|
||||
}
|
||||
|
||||
#front-cover .container {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
7
app/assets/stylesheets/helvetica-now.css
Normal file
7
app/assets/stylesheets/helvetica-now.css
Normal file
@@ -0,0 +1,7 @@
|
||||
@font-face {
|
||||
font-family: "Helvetica Now";
|
||||
src: url('helvetica-now.ttf') format('truetype');
|
||||
font-weight: 125 900;
|
||||
font-stretch: 50% 150%;
|
||||
font-style: normal;
|
||||
}
|
||||
7
app/assets/stylesheets/helvetica.css
Normal file
7
app/assets/stylesheets/helvetica.css
Normal file
@@ -0,0 +1,7 @@
|
||||
@font-face {
|
||||
font-family: "Helvetica Now";
|
||||
src: url('helvetica-now.ttf') format('truetype');
|
||||
font-weight: 125 900;
|
||||
font-stretch: 50% 150%;
|
||||
font-style: normal;
|
||||
}
|
||||
4
app/assets/stylesheets/inconsolata.css
Normal file
4
app/assets/stylesheets/inconsolata.css
Normal file
@@ -0,0 +1,4 @@
|
||||
@font-face {
|
||||
font-family: "Inconsolata";
|
||||
src: url("inconsolata-vf.ttf") format("truetype");
|
||||
}
|
||||
Reference in New Issue
Block a user