add css and preview

notequest/notequest.css

@@ -0,0 +1,116 @@
+
+.charsheet .width-10   { width: 10px;  }
+.charsheet .width-20   { width: 20px;  }
+.charsheet .width-30   { width: 30px;  }
+.charsheet .width-40   { width: 40px;  }
+.charsheet .width-50   { width: 50px;  }
+.charsheet .width-60   { width: 60px;  }
+.charsheet .width-70   { width: 70px;  }
+.charsheet .width-80   { width: 80px;  }
+.charsheet .width-85   { width: 85px;  }
+.charsheet .width-90   { width: 90px;  }
+.charsheet .width-95   { width: 95px;  }
+.charsheet .width-100  { width: 100px; }
+.charsheet .width-105  { width: 105px; }
+.charsheet .width-110  { width: 110px; }
+.charsheet .width-120  { width: 120px; }
+.charsheet .width-130  { width: 130px; }
+.charsheet .width-140  { width: 140px; }
+.charsheet .width-145  { width: 145px; }
+.charsheet .width-150  { width: 150px; }
+.charsheet .width-160  { width: 160px; }
+.charsheet .width-170  { width: 170px; }
+.charsheet .width-180  { width: 180px; }
+.charsheet .width-190  { width: 190px; }
+.charsheet .width-200  { width: 200px; }
+.charsheet .width-210  { width: 210px; }
+.charsheet .width-220  { width: 220px; }
+.charsheet .width-230  { width: 230px; }
+.charsheet .width-240  { width: 240px; }
+.charsheet .width-250  { width: 250px; }
+.charsheet .width-255  { width: 255px; }
+.charsheet .width-260  { width: 260px; }
+.charsheet .width-280  { width: 280px; }
+.charsheet .width-290  { width: 290px; }
+.charsheet .width-295  { width: 295px; }
+.charsheet .width-300  { width: 300px; }
+.charsheet .width-310  { width: 310px; }
+.charsheet .width-320  { width: 320px; }
+.charsheet .width-350  { width: 350px; }
+.charsheet .width-360  { width: 360px; }
+.charsheet .width-380  { width: 380px; }
+.charsheet .width-400  { width: 400px; }
+.charsheet .width-450  { width: 450px; }
+.charsheet .width-500  { width: 500px; }
+.charsheet .width-650  { width: 650px; }
+
+
+.charsheet .cor1{color: darkred;}
+.charsheet .cor2{color: coral;}
+.charsheet .cor3{color: indianred;}
+.charsheet .cor4{color: limegreen;}
+.charsheet .cor5{color: mediumseagreen;}
+.charsheet .cor6{color: olivedrab;}
+
+.charsheet .backCor1{background-color: rgb(179, 179, 255);}
+.charsheet .backCor2{background-color: rgb(179, 222, 255);}
+.charsheet .backCor3{background-color: rgb(179, 255, 232);}
+
+.charsheet textarea {
+  max-height: 60px;
+}
+
+.charsheet .linha{
+  display: block;
+}
+
+.charsheet .cell{
+  display: table-cell;
+}
+
+.charsheet .valign{
+  vertical-align: middle;
+}
+
+.charsheet .top{
+  vertical-align:top;
+}
+
+
+.charsheet span{
+  font-weight: bold;
+}
+
+
+.charsheet .border0{
+  padding: 10px;
+  margin: 10px;
+  border: 1px solid rgba(208, 208, 208);
+  border-radius: 5px;
+}
+
+.charsheet .border1{
+  padding: 0px;
+  margin: 0;
+  border: 1px solid rgba(208, 208, 208); 
+}
+
+
+.charsheet .centre{  
+  text-align: center;
+}
+
+
+button[type=action].sheet-d6-dice::before {
+  font-family: 'dicefontd6';
+  content: 'l';
+}
+
+.button:hover {
+  background-color: rgb(159, 159, 159);
+}
+
+
+
+
+