Вынос стилей в отдельный файл

css/main.css

@@ -543,7 +543,7 @@ div.effectList > div > [action] {
     font-weight: bold;
     font-size: 12pt;
     color: #8F0000;
-    font-family: Arial;
+    font-family: Arial, serif;
     text-align: center;
 }
 
@@ -1027,9 +1027,9 @@ table.zebra tr:nth-child(even) {
     background-color: #D5D5D5;
 }
 
-legend {
+legend, .legend {
     color: dimgray;
     font-family: consolas, sans-serif;
     font-size: 18px;
     margin-top: 10px;
-}
+}

css/secondary.css

@@ -0,0 +1,35 @@
+/* Стили, созданные для этого проекта, которые должны стать основными. */
+div.appblock {
+    background: silver;
+    border-radius: 2px;
+    float: left;
+    height: 200px;
+    margin: 10px;
+    width: 250px;
+    opacity: 0.75;
+    padding: 5px;
+}
+div.appblock-main {
+    background: whitesmoke;
+}
+div.appblock form {
+    margin: 5px;
+}
+div.appblock span.legend {
+    padding: 0.2em 0.5em;
+    color: #666;
+    font-weight: bold;
+    display: block;
+}
+div.appblock br {
+    margin: 5px;
+}
+div.appblock span.wrap {
+    padding: 5px;
+    display: block;
+    font-family: Consolas, monospace;
+}
+div.appblock span.wrap span.num {
+    float:right;
+    display:block;
+}