diff --git a/web/themes/tectonic/logo.png b/web/themes/tectonic/logo.png new file mode 100644 index 00000000..bf30f734 Binary files /dev/null and b/web/themes/tectonic/logo.png differ diff --git a/web/themes/tectonic/styles.css b/web/themes/tectonic/styles.css new file mode 100644 index 00000000..ab6abba1 --- /dev/null +++ b/web/themes/tectonic/styles.css @@ -0,0 +1,99 @@ +.theme-body { + background-color: #1E394C; + color: #333; + font-family: 'Source Sans Pro', Helvetica, sans-serif; +} + +.theme-navbar { + background-color: #fff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); + color: #333; + font-size: 13px; + font-weight: 100; + height: 46px; + overflow: hidden; + padding: 0 10px; +} + +.theme-navbar__logo-wrap { + display: inline-block; + height: 100%; + overflow: hidden; + padding: 10px 15px; + width: 300px; +} + +.theme-navbar__logo { + height: 100%; + max-height: 25px; +} + +.theme-heading { + font-size: 20px; + font-weight: 500; + padding-bottom: 10px; + margin-top: 0; +} + +.theme-panel { + background-color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + padding: 30px; +} + +.theme-btn--primary { + background-color: #2fc98e; + border: none; + color: #fff; + min-width: 200px; + padding: 6px 12px; +} + +.theme-btn--primary:hover { + background-color: #25a071; + color: #fff; +} + +.theme-btn--success { + background-color: #2FC98E; + color: #fff; + width: 250px; +} + +.theme-btn--success:hover { + background-color: #49E3A8; +} + +.theme-form-row { + display: block; + margin: 20px auto; +} + +.theme-form-input { + display: block; + height: 36px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #666; + border: 1px solid #CCC; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + width: 250px; + margin: auto; +} + +.theme-form-input:focus, +.theme-form-input:active { + outline: none; + border-color: #66AFE9; +} + +.theme-form-label { + width: 250px; + margin: 4px auto; + text-align: left; + position: relative; + font-size: 13px; + font-weight: 600; +}