adjust font size

clubs
Laurent 2 years ago
parent c8e4d5470b
commit 93717419a7
  1. 44
      tournaments/static/tournaments/css/style.css

@ -18,7 +18,7 @@ body {
background: #fff7ed; background: #fff7ed;
font-family: "Montserrat-Regular"; font-family: "Montserrat-Regular";
font-size: 16px; font-size: 1em;
/* color: #1b223a; */ /* color: #1b223a; */
color: #707070; color: #707070;
@ -26,7 +26,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0px;
} }
label { label {
@ -34,7 +34,7 @@ label {
} }
h1 { h1 {
font-size: 20px; font-size: 1.5em;
margin: 0px; margin: 0px;
line-height: 1.1; line-height: 1.1;
} }
@ -45,7 +45,7 @@ footer {
} }
header { header {
font-size: 20px; font-size: 1.5em;
} }
a { a {
@ -106,11 +106,11 @@ table {
} }
.score-table { .score-table {
font-size: 18px; font-size: 1.1em;
} }
label { label {
font-size: 18px; font-size: 1.1em;
} }
td { td {
@ -134,7 +134,7 @@ tr {
} }
.big { .big {
font-size: 20px; font-size: 1.5em;
font-weight: 600; font-weight: 600;
} }
@ -144,19 +144,19 @@ tr {
.matchtitle { .matchtitle {
font-family: "Anybody-ExtraBold"; font-family: "Anybody-ExtraBold";
font-size: 18px; font-size: 1.2em;
color: #1b223a; color: #1b223a;
} }
.title { .title {
font-family: "Anybody-ExtraBold"; font-family: "Anybody-ExtraBold";
font-size: 18px; font-size: 1.2em;
color: #f39200; color: #f39200;
} }
.large { .large {
font-family: "Montserrat-SemiBold"; font-family: "Montserrat-SemiBold";
font-size: 18px; font-size: 1.2em;
/* color: #707070; */ /* color: #707070; */
} }
.semibold { .semibold {
@ -170,17 +170,17 @@ tr {
.info { .info {
font-family: "Montserrat-SemiBold"; font-family: "Montserrat-SemiBold";
font-size: 14px; font-size: 0.9em;
color: #707070; color: #707070;
} }
.small { .small {
font-size: 12px; font-size: 0.8em;
} }
.minor-info { .minor-info {
color: #707070; color: #707070;
font-size: 14px; font-size: 0.85em;
} }
.logo { .logo {
@ -233,7 +233,7 @@ tr {
} }
.score { .score {
font-size: 22px; font-size: 1.4em;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
padding: 0px 5px; padding: 0px 5px;
@ -326,13 +326,13 @@ svg {
.club { .club {
font-family: "Anybody-ExtraBold"; font-family: "Anybody-ExtraBold";
font-size: 24px; font-size: 1.3em;
color: #f39200; color: #f39200;
} }
.event { .event {
font-family: "Anybody-ExtraBold"; font-family: "Anybody-ExtraBold";
font-size: 48px; font-size: 2em;
color: #1b223a; color: #1b223a;
} }
@ -345,7 +345,7 @@ svg {
} }
.bubble-bottom { .bubble-bottom {
font-size: 14px; font-size: 0.9em;
} }
.duration { .duration {
@ -518,10 +518,18 @@ svg {
.table-row-4-colums { .table-row-4-colums {
display: grid; display: grid;
grid-template-columns: 1px auto 50px 70px 180px; /* first column is a hack */ grid-template-columns: 1px auto 50px 70px 100px; /* first column is a hack */
align-items: center; /* Vertically center the content within each column */ align-items: center; /* Vertically center the content within each column */
padding: 5px 0px; padding: 5px 0px;
} }
@media print, screen and (min-width: 60em) {
.table-row-4-colums {
display: grid;
grid-template-columns: 1px auto 50px 70px 180px; /* first column is a hack */
align-items: center; /* Vertically center the content within each column */
padding: 5px 0px;
}
}
.table-row-5-colums { .table-row-5-colums {
display: grid; display: grid;

Loading…
Cancel
Save