summaryrefslogtreecommitdiff
path: root/src/SMAPI.Web/wwwroot/Content/css
diff options
context:
space:
mode:
Diffstat (limited to 'src/SMAPI.Web/wwwroot/Content/css')
-rw-r--r--src/SMAPI.Web/wwwroot/Content/css/log-parser.css348
-rw-r--r--src/SMAPI.Web/wwwroot/Content/css/main.css107
2 files changed, 455 insertions, 0 deletions
diff --git a/src/SMAPI.Web/wwwroot/Content/css/log-parser.css b/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
new file mode 100644
index 00000000..975e9c2e
--- /dev/null
+++ b/src/SMAPI.Web/wwwroot/Content/css/log-parser.css
@@ -0,0 +1,348 @@
+.mod-repeat {
+ font-size: 8pt;
+}
+
+.template {
+ display: none;
+}
+
+.popup, #uploader {
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, .33);
+ z-index: 2;
+ display: none;
+ padding: 5px;
+}
+
+#upload-button {
+ background: #ccf;
+ border: 1px solid #000088;
+}
+
+#upload-button {
+ background: #eef;
+}
+
+
+#uploader:after {
+ content: attr(data-text);
+ display: block;
+ width: 100px;
+ height: 24px;
+ line-height: 25px;
+ border: 1px solid #000;
+ background: #fff;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -12px -50px 0 0;
+ font-size: 18px;
+ font-weight: bold;
+ text-align: center;
+ border-radius: 5px;
+}
+
+.popup h1 {
+ position: absolute;
+ top: 10%;
+ left: 50%;
+ margin-left: -150px;
+ text-align: center;
+ width: 300px;
+ border: 1px solid #008;
+ border-radius: 5px;
+ background: #fff;
+ font-family: sans-serif;
+ font-size: 40px;
+ margin-top: -25px;
+ z-index: 10;
+ border-bottom: 0;
+}
+
+.frame {
+ margin: auto;
+ margin-top: 25px;
+ padding: 2em;
+ position: absolute;
+ top: 10%;
+ left: 10%;
+ right: 10%;
+ bottom: 10%;
+ padding-bottom: 30px;
+ background: #FFF;
+ border-radius: 5px;
+ border: 1px solid #008;
+}
+
+input[type="button"] {
+ font-size: 20px;
+ border-radius: 5px;
+ outline: none;
+ box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .2);
+ cursor: pointer;
+}
+
+#input[type="button"]:hover {
+ background-color: #fee;
+}
+
+#cancel, #closeraw {
+ border: 1px solid #880000;
+ background-color: #fcc;
+}
+
+#submit {
+ border: 1px solid #008800;
+ background-color: #cfc;
+}
+
+#submit:hover {
+ background-color: #efe;
+}
+
+#input, #dataraw {
+ width: 100%;
+ height: 30em;
+ max-height: 70%;
+ margin: auto;
+ box-sizing: border-box;
+ border-radius: 5px;
+ border: 1px solid #000088;
+ outline: none;
+ box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 192, .2);
+}
+
+.color-red {
+ color: red;
+}
+
+.color-green {
+ color: green;
+}
+
+#tabs {
+ border-bottom: 0;
+ display: block;
+ margin: 0;
+ padding: 0;
+ background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(210, 235, 249, 1) 100%);
+}
+
+#tabs li {
+ margin: 5px 1px 0 0;
+ height: 25px;
+ display: inline-block;
+ width: 75px;
+ border: 1px solid #000000;
+ border-bottom: 0;
+ border-radius: 5px 5px 0 0;
+ text-align: center;
+ font-family: monospace;
+ font-size: 18px;
+ cursor: pointer;
+ font-weight: bold;
+ color: #000;
+ text-shadow: 0px 0px 2px #fff;
+ border-color: #880000;
+ background-color: #fcc;
+ box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .2);
+}
+
+#tabs li:hover {
+ background-color: #fee;
+}
+
+#tabs li:first-child {
+ margin-left: 5px;
+}
+
+#tabs li.active {
+ background: #cfc;
+ border-color: #008800;
+}
+
+#tabs li.active:hover {
+ background: #efe;
+}
+
+#tabs li.notice {
+ color: #000000;
+ background: transparent;
+ border: 0;
+ padding-top: 1px;
+ font-size: 13px;
+ font-weight: normal;
+ width: auto;
+ margin-left: 5px;
+ cursor: default;
+ box-shadow: none;
+ font-style: italic;
+}
+
+#output {
+ border-top: 1px solid #888;
+ padding: 10px;
+ overflow: auto;
+ font-family: monospace;
+}
+
+#output > * {
+ display: block;
+}
+
+#output.trace .trace,
+#output.debug .debug,
+#output.info .info,
+#output.alert .alert,
+#output.warn .warn,
+#output.error .error {
+ display: none;
+}
+
+#output .trace {
+ color: #999;
+}
+
+#output .debug {
+ color: #595959;
+}
+
+#output .info {
+ color: #000
+}
+
+#output .alert {
+ color: #b0b;
+}
+
+#output .warn {
+ color: #f80
+}
+
+#output .error {
+ color: #f00
+}
+
+#output .always {
+ font-weight: bold;
+ border-bottom: 1px dashed #888888;
+ padding-bottom: 10px;
+ margin-bottom: 5px;
+}
+
+caption {
+ text-align: left;
+ padding-top: 2px;
+}
+
+#log {
+ border-spacing: 0;
+}
+
+#log tr {
+ background: #fff;
+}
+
+#log td {
+ padding: 0 1px;
+ background: inherit;
+ border-bottom: 1px dotted #ccc;
+ border-top: 2px solid #fff;
+ vertical-align: top;
+}
+
+#log td:not(:last-child) {
+ max-width: 175px;
+ padding: 0 4px;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+#log td[data-title]:hover {
+ font-size: 1px;
+ overflow: inherit;
+ position: relative;
+}
+
+#log td:nth-child(3):hover:after {
+ content: attr(data-title);
+ display: block;
+ position: absolute;
+ border-radius: 4px;
+ box-shadow: 1px 1px 2px #ccc;
+ background: inherit;
+ border: 1px solid #ccc;
+ background: #efefef;
+ padding: 1px 1px 0 1px;
+ font-size: 10pt;
+ top: -2px;
+ left: 2px;
+ color: #000;
+}
+
+#log td:last-child {
+ width: 100%;
+}
+
+table#gameinfo,
+table#modslist {
+ border: 1px solid #000000;
+ background: #ffffff;
+ border-radius: 5px;
+ border-spacing: 1px;
+ overflow: hidden;
+ cursor: default;
+ box-shadow: 1px 1px 1px 1px #dddddd;
+}
+
+#modslist {
+ min-width: 400px;
+}
+
+#gameinfo td:first-child {
+ padding-right: 5px;
+}
+
+#gameinfo tr,
+#modslist tr {
+ background: #eee
+}
+
+#gameinfo tr:nth-child(even),
+#modslist tr:nth-child(even) {
+ background: #fff
+}
+
+#modslist tr {
+ cursor: pointer;
+}
+
+span.notice {
+ font-weight: normal;
+ font-size: 11px;
+ position: relative;
+ top: -1px;
+ display: none;
+}
+
+span.notice.btn {
+ cursor: pointer;
+ border: 1px solid #000;
+ border-radius: 5px;
+ position: relative;
+ top: -1px;
+ padding: 0 2px;
+ background: #eee;
+}
+
+#output:not(.modfilter) span.notice.txt {
+ display: inline-block;
+}
+
+#output.modfilter span.notice.btn {
+ display: inline-block;
+}
diff --git a/src/SMAPI.Web/wwwroot/Content/css/main.css b/src/SMAPI.Web/wwwroot/Content/css/main.css
new file mode 100644
index 00000000..d1fa49e0
--- /dev/null
+++ b/src/SMAPI.Web/wwwroot/Content/css/main.css
@@ -0,0 +1,107 @@
+/* tags */
+html {
+ height: 100%;
+}
+
+body {
+ height: 100%;
+ font-family: sans-serif;
+}
+
+h1, h2, h3 {
+ font-weight: bold;
+ margin: 0.2em 0 0.1em 0;
+ padding-top: .5em;
+}
+
+h1 {
+ font-size: 1.5em;
+ color: #888;
+ margin-bottom: 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ border-bottom: 1px solid #AAA;
+}
+
+h3 {
+ font-size: 1.2em;
+ border-bottom: 1px solid #AAA;
+ width: 50%;
+}
+
+a {
+ color: #006;
+}
+
+/* content */
+#content-column {
+ position: absolute;
+ top: 1em;
+ left: 10em;
+}
+
+#content {
+ min-height: 140px;
+ padding: 0 1em 1em 1em;
+ border-left: 1px solid #CCC;
+ background: #FFF;
+ font-size: 0.9em;
+}
+
+#content p {
+ max-width: 55em;
+}
+
+.section {
+ border: 1px solid #CCC;
+ padding: 0.5em;
+ margin-bottom: 1em;
+}
+
+/* sidebar */
+#sidebar {
+ margin-top: 3em;
+ min-height: 75%;
+ width: 12em;
+ background: url("../images/sidebar-bg.gif") no-repeat top right;
+ color: #666;
+}
+
+#sidebar h4 {
+ margin: 0 0 0.2em 0;
+ width: 10em;
+ border-bottom: 1px solid #CCC;
+ font-size: 0.8em;
+ font-weight: normal;
+}
+
+#sidebar a {
+ color: #77B;
+ border: 0;
+}
+
+#sidebar ul, #sidebar li {
+ margin: 0;
+ padding: 0;
+ list-style: none none;
+ font-size: 0.9em;
+ color: #888;
+}
+
+#sidebar li {
+ margin-left: 1em;
+}
+
+/* footer */
+#footer {
+ margin: 1em;
+ padding: 1em;
+ font-size: 0.6em;
+ color: gray;
+}
+
+#footer a {
+ color: #669;
+}