diff --git a/MP-STATS/wwwroot/css/fonts.css b/MP-STATS/wwwroot/css/fonts.css
new file mode 100644
index 00000000..d4fc1a26
--- /dev/null
+++ b/MP-STATS/wwwroot/css/fonts.css
@@ -0,0 +1,20 @@
+/* lato-regular - latin */
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/lato-v17-latin-regular.eot');
+ /* IE9 Compat Modes */
+ src: local(''), url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg');
+ /* Legacy iOS */
+}
+/* roboto-regular - latin */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/roboto-v27-latin-regular.eot');
+ /* IE9 Compat Modes */
+ src: local(''), url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg');
+ /* Legacy iOS */
+}
\ No newline at end of file
diff --git a/MP-STATS/wwwroot/css/site.css b/MP-STATS/wwwroot/css/site.css
index caebf2a4..d2034e4d 100644
--- a/MP-STATS/wwwroot/css/site.css
+++ b/MP-STATS/wwwroot/css/site.css
@@ -1,50 +1,156 @@
-@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
-
-html, body {
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
+@import url('fonts.min.css');
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b {
+ font-family: 'Roboto', sans-serif;
}
-
-a, .btn-link {
- color: #0366d6;
+html,
+body {
+ font-family: 'Lato', sans-serif;
+}
+a,
+.btn-link {
+ color: #0366d6;
}
-
.btn-primary {
- color: #fff;
- background-color: #1b6ec2;
- border-color: #1861ac;
+ color: #fff;
+ background-color: #1b6ec2;
+ border-color: #1861ac;
}
-
.content {
- padding-top: 1.1rem;
+ padding-top: 1.1rem;
}
-
.valid.modified:not([type=checkbox]) {
- outline: 1px solid #26b050;
+ outline: 1px solid #26b050;
}
-
.invalid {
- outline: 1px solid red;
+ outline: 1px solid red;
}
-
.validation-message {
- color: red;
+ color: red;
}
-
#blazor-error-ui {
- background: lightyellow;
- bottom: 0;
- box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
- display: none;
- left: 0;
- padding: 0.6rem 1.25rem 0.7rem 1.25rem;
- position: fixed;
- width: 100%;
- z-index: 1000;
+ background: lightyellow;
+ bottom: 0;
+ box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+ display: none;
+ left: 0;
+ padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+ position: fixed;
+ width: 100%;
+ z-index: 1000;
}
-
- #blazor-error-ui .dismiss {
- cursor: pointer;
- position: absolute;
- right: 0.75rem;
- top: 0.5rem;
- }
+#blazor-error-ui .dismiss {
+ cursor: pointer;
+ position: absolute;
+ right: 0.75rem;
+ top: 0.5rem;
+}
+/*------------------------------------------------------------------
+[ Shortcuts / .shortcuts ]
+*/
+.shortcuts {
+ text-align: center;
+}
+.shortcuts .shortcut-icon {
+ font-size: 2rem;
+}
+.shortcuts .shortcut {
+ min-width: 9rem;
+ min-height: 5rem;
+ display: inline-block;
+ padding: 0.66666667rem 0;
+ margin: 0 2px 1em;
+ vertical-align: top;
+ text-decoration: none;
+ background: #F3F3F3;
+ background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
+ background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
+ background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+ background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+ border: 1px solid #ddd;
+ box-sizing: border-box;
+ border-radius: 0.5rem;
+}
+.shortcuts .shortcut-sm {
+ min-width: 4.5rem;
+ min-height: 3rem;
+ display: inline-block;
+ padding: 0.25rem 0;
+ margin: 0 2px 1em;
+ vertical-align: top;
+ text-decoration: none;
+ background: #F3F3F3;
+ background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));
+ background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);
+ background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+ background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+ border: 1px solid #ddd;
+ box-sizing: border-box;
+ border-radius: 0.5rem;
+}
+.shortcuts .shortcut .shortcut-icon {
+ width: 100%;
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 2rem;
+ color: #333;
+}
+.shortcuts .shortcut-sm .shortcut-icon {
+ width: 100%;
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 2rem;
+ color: #333;
+}
+.shortcuts .shortcut:hover {
+ background: #E8E8E8;
+ background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));
+ background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);
+ background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
+ background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);
+}
+.shortcuts .shortcut-sm:hover {
+ background: #E8E8E8;
+ background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));
+ background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);
+ background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
+ background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);
+}
+.shortcuts .shortcut:active {
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.shortcuts .shortcut-sm:active {
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.shortcuts .shortcut:hover .shortcut-icon {
+ color: #C93;
+}
+.shortcuts .shortcut-sm:hover .shortcut-icon {
+ color: #666;
+}
+.shortcuts .shortcut-label {
+ display: block;
+ margin-top: 0.75em;
+ font-weight: 400;
+ color: #666;
+}
+@media (max-width: 992px) {
+ .shortcuts .shortcut {
+ min-width: 8rem;
+ min-height: 4rem;
+ }
+}
\ No newline at end of file
diff --git a/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.eot b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.eot
new file mode 100644
index 00000000..c6413069
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.eot differ
diff --git a/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.svg b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.svg
new file mode 100644
index 00000000..55b43fb8
--- /dev/null
+++ b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.svg
@@ -0,0 +1,435 @@
+
+
+
diff --git a/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.ttf b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.ttf
new file mode 100644
index 00000000..3c2d417e
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.ttf differ
diff --git a/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.woff b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.woff
new file mode 100644
index 00000000..189a0feb
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.woff differ
diff --git a/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.woff2 b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.woff2
new file mode 100644
index 00000000..6904b664
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/lato-v17-latin-regular.woff2 differ
diff --git a/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.eot b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.eot
new file mode 100644
index 00000000..6dd5e3a0
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.eot differ
diff --git a/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.svg b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.svg
new file mode 100644
index 00000000..627f5a36
--- /dev/null
+++ b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.svg
@@ -0,0 +1,308 @@
+
+
+
diff --git a/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.ttf b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.ttf
new file mode 100644
index 00000000..637971a1
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.ttf differ
diff --git a/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.woff b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.woff
new file mode 100644
index 00000000..86b38637
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.woff differ
diff --git a/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.woff2 b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.woff2
new file mode 100644
index 00000000..ebe1795f
Binary files /dev/null and b/MP-STATS/wwwroot/fonts/roboto-v27-latin-regular.woff2 differ