split gamecard into its own app, add models to teamsnap for custom fields (images)
This commit is contained in:
@@ -1,152 +0,0 @@
|
||||
@import url("../../css/paper.css");
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
@import url('../fonts/vera/bitstreamvera.css');
|
||||
@import url('../fonts/verdana/verdanapro.css');
|
||||
@import url('../fonts/m+1m/m+1m.css');
|
||||
@import url('../fonts/dinpro/dinpro.css');
|
||||
@import url('../fonts/refrigerator/refigerator.css');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
|
||||
|
||||
@page { size: B5; }
|
||||
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
font-family: "VerdanaPro";
|
||||
/*font-family: -apple-system;*/
|
||||
/*font-weight: bold;*/
|
||||
font-size: 10px;
|
||||
}
|
||||
.whole-card {
|
||||
margin:0;
|
||||
padding:0;
|
||||
height: 12.5cm;
|
||||
width: 17.5cm;
|
||||
outline: solid black;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.half-card {
|
||||
margin:0;
|
||||
padding: .1in;
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
card-left {
|
||||
float: left;
|
||||
}
|
||||
card-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
/* padding: .1in; */
|
||||
outline: solid grey;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
empty-cells: show;
|
||||
font-size:11px;
|
||||
table-layout: fixed;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th, tr, td {
|
||||
/* box-sizing: content-box; */
|
||||
border: 0.5px solid black;
|
||||
height: 17px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.gametitle {
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.homeaway {
|
||||
text-transform: uppercase;
|
||||
font-stretch: normal;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.numbercell {
|
||||
font-family: "m+1m";
|
||||
text-align: center;
|
||||
font-stretch: condensed;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.statscell {
|
||||
font-family: "m+1m";
|
||||
text-align: center;
|
||||
font-stretch: extra-condensed;
|
||||
font-size: 9px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {background-color: #f2f2f2;}
|
||||
|
||||
th{
|
||||
background: black;
|
||||
color: white;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.customcol{
|
||||
width: 120px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.condensedNameCell{
|
||||
width: 70px;
|
||||
text-transform: uppercase;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.square {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.available-status-code-1{
|
||||
background-color: #B7E1CD;
|
||||
}
|
||||
|
||||
.available-status-code-0{
|
||||
background-color: #F4C7C3;
|
||||
}
|
||||
|
||||
.available-status-code-2{
|
||||
background-color: #ACC9FE;
|
||||
}
|
||||
|
||||
.starting{
|
||||
font-weight: bold;
|
||||
}
|
||||
.grid-container {
|
||||
display: flex;
|
||||
grid-template-columns: auto auto auto;
|
||||
/*background-color: #2196F3;*/
|
||||
/*padding: 10px;*/
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
/*background-color: rgba(255, 255, 255, 0.8);*/
|
||||
/*border: 1px solid rgba(0, 0, 0, 0.8);*/
|
||||
/*padding: 20px;*/
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1,52 +0,0 @@
|
||||
@page { margin: 0 }
|
||||
body { margin: 0 }
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.A3 .sheet { width: 297mm; height: 419mm }
|
||||
body.A3.landscape .sheet { width: 420mm; height: 296mm }
|
||||
body.A4 .sheet { width: 210mm; height: 296mm }
|
||||
body.A4.landscape .sheet { width: 297mm; height: 209mm }
|
||||
body.A5 .sheet { width: 148mm; height: 209mm }
|
||||
body.A5.landscape .sheet { width: 210mm; height: 147mm }
|
||||
body.b5 .sheet { width: 176mm; height: 250mm }
|
||||
body.b5.landscape .sheet { width: 250mm; height: 176mm }
|
||||
body.letter .sheet { width: 216mm; height: 279mm }
|
||||
body.letter.landscape .sheet { width: 280mm; height: 215mm }
|
||||
body.legal .sheet { width: 216mm; height: 356mm }
|
||||
body.legal.landscape .sheet { width: 357mm; height: 215mm }
|
||||
|
||||
/** Padding area **/
|
||||
.sheet.padding-10mm { padding: 10mm }
|
||||
.sheet.padding-15mm { padding: 15mm }
|
||||
.sheet.padding-20mm { padding: 20mm }
|
||||
.sheet.padding-25mm { padding: 25mm }
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body { background: #e0e0e0 }
|
||||
.sheet {
|
||||
background: white;
|
||||
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@media print {
|
||||
body.A3.landscape { width: 420mm }
|
||||
body.A3, body.A4.landscape { width: 297mm }
|
||||
body.A4, body.A5.landscape { width: 210mm }
|
||||
body.A5 { width: 148mm }
|
||||
body.b5 { width: 190mm }
|
||||
body.b5.landscape { width: 250mm }
|
||||
body.letter, body.legal { width: 216mm }
|
||||
body.letter.landscape { width: 280mm }
|
||||
body.legal.landscape { width: 357mm }
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'm+1m';
|
||||
src: url('mplus-1m-bold-webfont.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'm+1m';
|
||||
src: url('mplus-1m-light-webfont.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'm+1m';
|
||||
src: url('mplus-1m-medium-webfont.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'm+1m';
|
||||
src: url('mplus-1m-regular-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'm+1m';
|
||||
src: url('mplus-1m-thin-webfont.woff') format('woff');
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,68 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans';
|
||||
src: url('Vera-Bold-webfont.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans';
|
||||
src: url('Vera-Bold-Italic-webfont.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: oblique;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans';
|
||||
src: url('Vera-Italic-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: oblique;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans';
|
||||
src: url('Vera-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans Mono';
|
||||
src: url('VeraMono-Bold-webfont.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans Mono';
|
||||
src: url('VeraMono-Bold-Italic-webfont.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans Mono';
|
||||
src: url('VeraMono-Italic-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans Mono';
|
||||
src: url('VeraMono-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Sans Mono';
|
||||
src: url('VeraMono-webfont.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,123 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-Black.ttf') format('truetype');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-BlackItalic.ttf') format('truetype');
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-Bold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-BoldItalic.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondBlack.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: 800;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondBlackItalic.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondBold.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondBoldItalic.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondItalic.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondLight.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondLightItalic.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondRegular.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondSemiBold.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: 600;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-CondSemiBoldItalic.ttf') format('truetype');
|
||||
font-stretch: condensed;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-Italic.ttf') format('truetype');
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-LightItalic.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-Regular.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-SemiBold.ttf') format('truetype');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'VerdanaPro';
|
||||
src: url('VerdanaPro-SemiBoldItalic.ttf') format('truetype');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
Reference in New Issue
Block a user