mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Update COPS.css
First CSS Version
This commit is contained in:
benchambon
+311
@@ -1 +1,312 @@
|
||||
html, body {margin:0; padding:0}
|
||||
body {
|
||||
background-color:white;
|
||||
margin:0 0 0 0;
|
||||
}
|
||||
|
||||
Input[type=number]{
|
||||
width:50px;
|
||||
}
|
||||
Input[type=text]{
|
||||
width:100px;
|
||||
}
|
||||
Input[type=text].long{
|
||||
width:300px;
|
||||
}
|
||||
Input[type=date]{
|
||||
width:130px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:150%;
|
||||
color:navy;
|
||||
background-color:transparent;
|
||||
text-align:center;
|
||||
}
|
||||
h2 {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:100%;
|
||||
color:maroon;
|
||||
background-color:transparent;
|
||||
text-align:left;
|
||||
margin:10px;
|
||||
}
|
||||
h3 {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:100%;
|
||||
color:black;
|
||||
background-color:transparent;
|
||||
text-align:left;
|
||||
}
|
||||
p {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:80%;
|
||||
color:black;
|
||||
background-color:transparent;
|
||||
text-align:left;
|
||||
margin-left:0;
|
||||
margin-right:5px;
|
||||
margin-bottom: 1px;
|
||||
padding: 3px;
|
||||
}
|
||||
li {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:100%;
|
||||
color:black;
|
||||
background-color:transparent;
|
||||
text-align:left;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
a:link {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:100%;
|
||||
color:black;
|
||||
background-color:transparent;
|
||||
text-decoration:underline;
|
||||
}
|
||||
a:visited {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:100%;
|
||||
color:black;
|
||||
background-color:transparent;
|
||||
text-decoration:underline;
|
||||
}
|
||||
a:hover {
|
||||
font-family:verdana, sans-serif;
|
||||
font-size:100%;
|
||||
color:black;
|
||||
background-color:transparent;
|
||||
text-decoration:underline;
|
||||
}
|
||||
a:active, a:focus {
|
||||
font-family:verdana, sans-serif; font-size:100%; color:black; background-color:transparent; text-decoration:underline; }
|
||||
|
||||
|
||||
.CSSTable td{
|
||||
vertical-align:middle;
|
||||
border:1px solid #e2e2e2;
|
||||
border-width:0px 1px 1px 0px;
|
||||
text-align:left;
|
||||
padding:5px;
|
||||
font-size:12px;
|
||||
font-family:Trebuchet MS;
|
||||
font-weight:normal;
|
||||
color:#000000;
|
||||
}
|
||||
.CSSTable tr:nth-child(even){ background-color:#ffffff; }
|
||||
.CSSTable tr:nth-child(odd) { background-color:#e8e8e8; }
|
||||
.CSSTable tr:last-child td{
|
||||
border-width:0px 1px 0px 0px;
|
||||
}.CSSTable tr td:last-child{
|
||||
border-width:0px 0px 1px 0px;
|
||||
}.CSSTable tr:last-child td:last-child{
|
||||
border-width:0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
|
||||
.CSSTable tr:first-child td:first-child{
|
||||
border-width:0px 0px 1px 0px;
|
||||
}
|
||||
.CSSTable tr:first-child td:last-child{
|
||||
border-width:0px 0px 1px 1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.CSSTableStat {
|
||||
margin:0px;padding:0px;
|
||||
width:100%;
|
||||
border:1px solid #000000;
|
||||
|
||||
-moz-border-radius-bottomleft:1px;
|
||||
-webkit-border-bottom-left-radius:1px;
|
||||
border-bottom-left-radius:1px;
|
||||
|
||||
-moz-border-radius-bottomright:1px;
|
||||
-webkit-border-bottom-right-radius:1px;
|
||||
border-bottom-right-radius:1px;
|
||||
|
||||
-moz-border-radius-topright:1px;
|
||||
-webkit-border-top-right-radius:1px;
|
||||
border-top-right-radius:1px;
|
||||
|
||||
-moz-border-radius-topleft:1px;
|
||||
-webkit-border-top-left-radius:1px;
|
||||
border-top-left-radius:1px;
|
||||
}.CSSTableStat table{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin:0px;padding:0px;
|
||||
}.CSSTableStat tr:last-child td:last-child {
|
||||
-moz-border-radius-bottomright:1px;
|
||||
-webkit-border-bottom-right-radius:1px;
|
||||
border-bottom-right-radius:1px;
|
||||
}
|
||||
.CSSTableStat table tr:first-child td:first-child {
|
||||
-moz-border-radius-topleft:1px;
|
||||
-webkit-border-top-left-radius:1px;
|
||||
border-top-left-radius:1px;
|
||||
}
|
||||
.CSSTableStat table tr:first-child td:last-child {
|
||||
-moz-border-radius-topright:1px;
|
||||
-webkit-border-top-right-radius:1px;
|
||||
border-top-right-radius:1px;
|
||||
}.CSSTableStat tr:last-child td:first-child{
|
||||
-moz-border-radius-bottomleft:1px;
|
||||
-webkit-border-bottom-left-radius:1px;
|
||||
border-bottom-left-radius:1px;
|
||||
}.CSSTableStat tr:hover td{
|
||||
|
||||
}
|
||||
.CSSTableStat tr:nth-child(odd){ background-color:#e5e5e5; }
|
||||
.CSSTableStat tr:nth-child(even) { background-color:#ffffff; }.CSSTableStat td{
|
||||
vertical-align:middle;
|
||||
|
||||
|
||||
border:1px solid #000000;
|
||||
border-width:0px 1px 1px 0px;
|
||||
text-align:center;
|
||||
padding:6px;
|
||||
font-size:14px;
|
||||
font-family:Trebuchet MS;
|
||||
font-weight:normal;
|
||||
color:#000000;
|
||||
}.CSSTableStat tr:last-child td{
|
||||
border-width:0px 1px 0px 0px;
|
||||
}.CSSTableStat tr td:last-child{
|
||||
border-width:0px 0px 1px 0px;
|
||||
}.CSSTableStat tr:last-child td:last-child{
|
||||
border-width:0px 0px 0px 0px;
|
||||
}
|
||||
.CSSTableStat tr:first-child td{
|
||||
background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
|
||||
background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000);
|
||||
|
||||
background-color:#4c4c4c;
|
||||
border:0px solid #000000;
|
||||
text-align:center;
|
||||
border-width:0px 0px 1px 1px;
|
||||
font-size:14px;
|
||||
font-family:Trebuchet MS;
|
||||
font-weight:bold;
|
||||
color:#ffffff;
|
||||
}
|
||||
.CSSTableStat tr:first-child:hover td{
|
||||
background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
|
||||
background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000"); background: -o-linear-gradient(top,#4c4c4c,000000);
|
||||
|
||||
background-color:#4c4c4c;
|
||||
}
|
||||
.CSSTableStat tr:first-child td:first-child{
|
||||
border-width:0px 0px 1px 0px;
|
||||
}
|
||||
.CSSTableStat tr:first-child td:last-child{
|
||||
border-width:0px 0px 1px 1px;
|
||||
}
|
||||
|
||||
|
||||
.CSSTableIdentite {
|
||||
margin:0px;padding:0px;
|
||||
width:100%;
|
||||
border:1px solid #000000;
|
||||
|
||||
-moz-border-radius-bottomleft:0px;
|
||||
-webkit-border-bottom-left-radius:0px;
|
||||
border-bottom-left-radius:0px;
|
||||
|
||||
-moz-border-radius-bottomright:0px;
|
||||
-webkit-border-bottom-right-radius:0px;
|
||||
border-bottom-right-radius:0px;
|
||||
|
||||
-moz-border-radius-topright:0px;
|
||||
-webkit-border-top-right-radius:0px;
|
||||
border-top-right-radius:0px;
|
||||
|
||||
-moz-border-radius-topleft:0px;
|
||||
-webkit-border-top-left-radius:0px;
|
||||
border-top-left-radius:0px;
|
||||
}.CSSTableIdentite table{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin:0px;padding:0px;
|
||||
}.CSSTableIdentite tr:last-child td:last-child {
|
||||
-moz-border-radius-bottomright:0px;
|
||||
-webkit-border-bottom-right-radius:0px;
|
||||
border-bottom-right-radius:0px;
|
||||
}
|
||||
.CSSTableIdentite table tr:first-child td:first-child {
|
||||
-moz-border-radius-topleft:0px;
|
||||
-webkit-border-top-left-radius:0px;
|
||||
border-top-left-radius:0px;
|
||||
}
|
||||
.CSSTableIdentite table tr:first-child td:last-child {
|
||||
-moz-border-radius-topright:0px;
|
||||
-webkit-border-top-right-radius:0px;
|
||||
border-top-right-radius:0px;
|
||||
}.CSSTableIdentite tr:last-child td:first-child{
|
||||
-moz-border-radius-bottomleft:0px;
|
||||
-webkit-border-bottom-left-radius:0px;
|
||||
border-bottom-left-radius:0px;
|
||||
}.CSSTableIdentite tr:hover td{
|
||||
background-color:#e5e5e5;
|
||||
|
||||
|
||||
}
|
||||
.CSSTableIdentite td{
|
||||
vertical-align:middle;
|
||||
background:-o-linear-gradient(bottom, #ffffff 5%, #e5e5e5 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e5e5e5) );
|
||||
background:-moz-linear-gradient( center top, #ffffff 5%, #e5e5e5 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5e5e5"); background: -o-linear-gradient(top,#ffffff,e5e5e5);
|
||||
|
||||
background-color:#ffffff;
|
||||
|
||||
border:1px solid #000000;
|
||||
border-width:0px 1px 1px 0px;
|
||||
text-align:left;
|
||||
padding:7px;
|
||||
font-size:13px;
|
||||
font-family:Arial;
|
||||
font-weight:normal;
|
||||
color:#000000;
|
||||
}.CSSTableIdentite tr:last-child td{
|
||||
border-width:0px 1px 0px 0px;
|
||||
}.CSSTableIdentite tr td:last-child{
|
||||
border-width:0px 0px 1px 0px;
|
||||
}.CSSTableIdentite tr:last-child td:last-child{
|
||||
border-width:0px 0px 0px 0px;
|
||||
}
|
||||
.CSSTableIdentite tr:first-child td{
|
||||
background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
|
||||
background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2"); background: -o-linear-gradient(top,#cccccc,b2b2b2);
|
||||
|
||||
background-color:#cccccc;
|
||||
border:0px solid #000000;
|
||||
text-align:center;
|
||||
border-width:0px 0px 1px 1px;
|
||||
font-size:14px;
|
||||
font-family:Arial;
|
||||
font-weight:bold;
|
||||
color:#000000;
|
||||
}
|
||||
.CSSTableIdentite tr:first-child:hover td{
|
||||
background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
|
||||
background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2"); background: -o-linear-gradient(top,#cccccc,b2b2b2);
|
||||
|
||||
background-color:#cccccc;
|
||||
}
|
||||
.CSSTableIdentite tr:first-child td:first-child{
|
||||
border-width:0px 0px 1px 0px;
|
||||
}
|
||||
.CSSTableIdentite tr:first-child td:last-child{
|
||||
border-width:0px 0px 1px 1px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user