slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

making publisher requested adjustments to fonts and logo (#6508)

Browse Source
This commit is contained in:
Nic Bradley
2020-05-18 14:12:39 -05:00
committed by GitHub
parent 665ef17f2a
commit 68d3ed6cdf
1 changed files with 67 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Tales from the Loop/TFTL css.css
+67 -24
View File
@@ -1,3 +1,5 @@
@import url('https://fonts.googleapis.com/css?family=Catamaran:800|Montserrat:400:800&display=swap');
/* Colours for Reference:
Light Pink: #fde6d3
Dark Pink: #f8bd90
@@ -62,12 +64,17 @@ Light Blue: #dce0e9
}
/****** Divs ******/
div {
box-sizing: border-box;
}
/* Contains the whole page */
.sheet-wrapper {
width: 750px;
background-color: white;
position: relative;
font:14px/15px "Arial Black", Gadget, sans-serif;
font-size: 14px;
font-family: "Catamaran", Gadget, sans-serif;
color: black;
}
@@ -82,11 +89,12 @@ Light Blue: #dce0e9
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-size: 750px;
background-position: center;
background-size: 100%;
}
.sheet-full {
background-image: url("http://i.imgur.com/H11F7PS.jpg");
background-image: url("https://s3.amazonaws.com/files.d20.io/images/134821648/zsgtTwHGN6Ooki4IZQtc6g/max.png?1589569230");
}
.sheet-tftf-full {
@@ -136,18 +144,37 @@ Light Blue: #dce0e9
/* Black and white background for headers */
.sheet-label {
padding: .75em;
color: white;
font-size: 15px;
background-image: url("http://i.imgur.com/CDBj8fq.jpg");
background-color: #000;
background-image: linear-gradient(90deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 55%), url("http://i.imgur.com/CDBj8fq.jpg");
font-size: 11pt;
font-family: "Catamaran", sans-serif;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
label {
font-size: 10pt;
font-family: "Catamaran", sans-serif;
font-weight: 800;
text-transform: uppercase;
}
/* Light pink rows */
.sheet-boxLight,
.sheet-boxLight {
background-color: #fde6d3;
}
.sheet-iconic,
.sheet-boxInfo,
.sheet-boxInfoText,
.sheet-iconic,
.sheet-relation {
background-color: #fde6d3;
background-color: #fff2da;
}
/* Light purple rows */
@@ -223,20 +250,28 @@ Light Blue: #dce0e9
}
/****** Input Boxes ******/
.sheet-wrapper input,
.sheet-wrapper select,
.sheet-wrapper textarea {
border-radius: 0;
}
/* Number input boxes */
.sheet-left input[type=number],
.sheet-right input[type=number],
.sheet-tftf-left input[type=number],
.sheet-tftf-right input[type=number] {
text-align: center;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 15px;
float: right;
width: 50px;
border-color: #3d3d29;
-webkit-box-shadow: 1px 1px 2px 0px #3d3d29;
-moz-box-shadow: 1px 1px 2px 0px #3d3d29;
box-shadow: 1px 1px 2px 0px #3d3d29;
border-radius: 0;
-webkit-box-shadow: 1px 1px 2px 0px rgba(61, 61, 41,0.5);
-moz-box-shadow: 1px 1px 2px 0px rgba(61, 61, 41,0.5);
box-shadow: 1px 1px 2px 0px rgba(61, 61, 41,0.5);
}
/* Number input boxes in right column */
@@ -245,7 +280,7 @@ Light Blue: #dce0e9
.sheet-tftf-rightCol input[type=number],
.sheet-tftf-leftCol input[type=number] {
border: none;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 15px;
width: 55%;
text-align: center;
@@ -287,7 +322,7 @@ Light Blue: #dce0e9
.sheet-tftf-iconic input[type=text],
.sheet-tftf-scarsBox input[type=text] {
border: none;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 15px;
}
@@ -360,8 +395,8 @@ Light Blue: #dce0e9
.sheet-tftf-relation input[type=text] {
float: left;
margin-right: 5px;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 11px;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 10pt;
color: black;
border: none;
width: 25%;
@@ -369,7 +404,7 @@ Light Blue: #dce0e9
}
.sheet-relation input[type=text] {
background-color: #fde6d3;
background-color: transparent;
}
.sheet-tftf-relation input[type=text] {
@@ -393,6 +428,12 @@ Light Blue: #dce0e9
margin-bottom: 0px;
}
.sheet-boxDark span,
.sheet-boxLight span {
font-family: "Catamaran", Gadget, sans-serif;
font-size: 13pt;
}
/* Lables for large input boxes for name, problem, etc. */
.sheet-boxInfo label,
.sheet-tftf-boxInfo label,
@@ -426,7 +467,7 @@ Light Blue: #dce0e9
.sheet-tftf-boxInfo select {
width: 55%;
border: none;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 11px;
text-align: left;
margin-bottom: 0px;
@@ -446,7 +487,7 @@ Light Blue: #dce0e9
.sheet-tftf-items select {
width: 25%;
border: none;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 11px;
text-align: left;
margin-bottom: 0px;
@@ -495,7 +536,7 @@ Light Blue: #dce0e9
.sheet-boxInfo textarea,
.sheet-tftf-boxInfo textarea {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 15px;
float: right;
width: 78%;
@@ -504,7 +545,7 @@ Light Blue: #dce0e9
}
.sheet-tftf-shame textarea {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 15px;
width: 66%;
height: 20px;
@@ -522,7 +563,7 @@ Light Blue: #dce0e9
.sheet-relation textarea,
.sheet-tftf-relation textarea {
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 15px;
float: right;
width: 70%;
@@ -595,6 +636,7 @@ Light Blue: #dce0e9
-webkit-box-shadow: 1px 1px 2px 0px #3d3d29;
-moz-box-shadow: 1px 1px 2px 0px #3d3d29;
box-shadow: 1px 1px 2px 0px #3d3d29;
cursor: pointer;
}
.sheet-boxLight label,
@@ -618,6 +660,7 @@ Light Blue: #dce0e9
-webkit-box-shadow: 1px 1px 2px 0px #3d3d29;
-moz-box-shadow: 1px 1px 2px 0px #3d3d29;
box-shadow: 1px 1px 2px 0px #3d3d29;
cursor: pointer;
}
.sheet-boxLight input[type=checkbox]:checked ~ label,
@@ -659,8 +702,8 @@ Light Blue: #dce0e9
background-color: transparent;
color: black;
border: none;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 14px;
font-family: "Catamaran", Gadget, sans-serif;
font-size: 13pt;
line-height: 15px;
background-image: none;
text-shadow: none;