3 = Options
4 = Upload
5 = Terms of service
- 6 = Admin
+ 6 = Install
+ 7 = Admin
+ 8 = Download page
========================================================================== */
width: 20em;
border: 7px dashed #bcaaa4;
min-height: 15em;
+ min-width: 30em;
position: relative;
}
color: #663D1C;
font-size: 1.2em;
display: block;
- width: 100%;
+ min-width: 8em;
text-align: center;
}
color: #FFF;
border-bottom: 5px solid #085B69;
cursor: pointer;
+ margin: 10px;
}
select,
input[type="text"],
input[type="password"] {
border: 1;
- padding: 0.5em 1em;
+ padding: 5px 5px;
font-size: 1em;
- width: 89%;
}
-select { width: 127%; }
+select { width: 100%; }
input[type="submit"]:hover,
input[type="submit"]:focus {
border: 0;
position: relative;
top: 5px;
- margin-bottom: 5px;
+ margin-bottom: 15px;
}
.inner {
#upload > form {
text-align: center;
- margin: 1em 0 0 3em;
}
#file_select {
position: relative;
z-index: 10;
background: #efebe9;
+ width: 100%;
+ height: 90%;
}
#options tr { height: 2.7em; }
-#option_table tr:first-child td:first-child { width: 12em; }
+#option_table tr:first-child {
+ width: 100%;
+ height: 100%;
+}
-#option_table tr td:first-child {
-
+#option_table td:first-child {
}
#options input[type="submit"] {
.message,
.error {
+ color: #d55548;
font-style: italic;
+ font-weight: bold;
}
/* ==========================================================================
5 = Terms of service
========================================================================== */
-
-
textarea[readonly="readonly"] {
border: 0;
color: #795548;
}
/* ==========================================================================
- 6 = Admin
+ 6 = Install
========================================================================== */
#install fieldset,
#install + fieldset {
width: auto;
max-width: 50em;
- border: 0;
+ border: 7px dashed #bcaaa4;
}
#install table,
#install + fieldset table {
width: 100%;
border-collapse: collapse;
- border-bottom: 2px solid #FFF;
}
#install td,
#install + fieldset td {
padding: 0.5em 1em;
- border: 2px solid #FFF;
border-bottom: 0;
}
width: 100%;
}
-#install td:last-child { text-align: right; }
+#install td:last-child { text-align: left; }
#install .info { width: 19em; }
color: #000;
font-weight: bold;
border-bottom: 0;
- width: 12em;
}
#install + fieldset td:first-child input[type="submit"]:hover,
#install + fieldset td:first-child input[type="submit"]:focus {
- position: static;
- margin: 0;
text-decoration: underline;
}
+
+/* ==========================================================================
+ 7 = Admin
+ ========================================================================== */
+
+#admin fieldset,
+#admin + fieldset {
+ width: auto;
+ max-width: 50em;
+ border: 7px dashed #bcaaa4;
+}
+
+#admin table,
+#admin + fieldset table {
+ width: 100%;
+ border-collapse: collapse;
+ border-bottom: 2px solid #FFF;
+}
+
+#admin td,
+#admin + fieldset td {
+ padding: 0.5em 1em;
+ border: 2px solid #FFF;
+ border-bottom: 0;
+}
+
+#admin td:empty {
+ width: 13.1em;
+}
+
+#admin table form:nth-child(odd),
+#admin + fieldset tr:nth-child(odd) {
+ background: #bcaaa4;
+}
+
+#admin fieldset > form {
+ margin-top: 2em;
+ text-align: center;
+}
+
+#admin form {
+ display: table;
+ width: 100%;
+}
+
+#admin td:last-child { text-align: left; }
+
+#admin .info { width: 19em; }
+
+#admin input[type="submit"] {
+ min-width: 10.5em;
+}
+
+#admin + fieldset table {
+ font-size: 0.9em;
+}
+
+#admin + fieldset td:first-child input[type="submit"] {
+ background: none;
+ padding: 0;
+ color: #000;
+ font-weight: bold;
+ border-bottom: 0;
+}
+
+#admin + fieldset td:first-child input[type="submit"]:hover,
+#admin + fieldset td:first-child input[type="submit"]:focus {
+ text-decoration: underline;
+}
+
+/* ==========================================================================
+ 8 = Download page
+ ========================================================================== */
+
+#self_destruct {
+ font-weight: bold;
+ color: red;
+ background-image: url('pixel_bomb.png');
+ background-size: 40px 40px;
+ background-repeat: no-repeat;
+ padding-left: 40px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+