Switching to machine XML files that use a machine 'type' attribute rather than 'class'; 'class' can still be used to specify the machine type if 'type' is omitted, but going forward, it should only be used to specify an alternate CSS class

versions/c1pjs/1.33.1/components.css

@@ -0,0 +1,108 @@
+@CHARSET "UTF-8";
+
+
+*:not(input,textarea) {
+    -webkit-user-select: none;
+}
+.c1pjs-embed {
+}
+.c1pjs-embed:after {
+    clear:both;
+}
+.c1pjs-machine {
+}
+.c1pjs-name {
+    clear: both;
+    font-weight: bold;
+    padding-bottom: 4px;
+}
+.c1pjs-canvas {
+    width: 100%;
+    height: auto;
+}
+.c1pjs-container {
+    color: #000000;
+    position: relative;
+}
+.c1pjs-label {
+    font-size: small;
+    line-height: 19px;
+    vertical-align: middle;
+    float: left;
+    font-family: "Lucida Console", monospace;
+}
+.c1pjs-control textarea {
+    font-family: Monaco, monospace;
+    font-size: x-small;
+}
+.c1pjs-fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+.c1pjs-flag {
+    font-family: "Lucida Console", monospace;
+    font-size: small;
+    text-align: center;
+    line-height: 19px;
+    vertical-align: middle;
+}
+.c1pjs-register {
+    font-family: "Lucida Console", monospace;
+    font-size: small;
+    text-align: center;
+    line-height: 19px;
+    vertical-align: middle;
+    border: 1px solid black;
+}
+.c1pjs-switches {
+    float: left;
+}
+.c1pjs-bitBucket {
+    float: left;
+    width: 19px;
+    height: 38px;
+}
+.c1pjs-bitCell {
+    float: left;
+    width: 19px;
+    height: 19px;
+    margin-right: -1px;
+    margin-bottom: -1px;
+    border: 1px solid black;
+    text-align: center;
+    line-height: 19px;
+}
+.c1pjs-bitCellLeft {
+    border-left: 1px solid black;
+}
+.c1pjs-bitLabel {
+    font-size: xx-small;
+    text-align: center;
+}
+.c1pjs-description, .c1pjs-status {
+    font-size: small;
+    line-height: 2em;
+}
+.c1pjs-key {
+    border: 1px solid black;
+    font-size: x-small;
+    text-align: center;
+    position: absolute;
+    height: 34px;
+    line-height: 34px;
+}
+.c1pjs-reference {
+    float: left;
+    font-size: x-small;
+}
+.c1pjs-reference a {
+    text-decoration: none;
+}
+.c1pjs-copyright {
+    float: right;
+    font-size: x-small;
+}
+.c1pjs-copyright a {
+    text-decoration: none;
+}