summaryrefslogtreecommitdiff
path: root/web-ui/app/scss
diff options
context:
space:
mode:
Diffstat (limited to 'web-ui/app/scss')
-rw-r--r--web-ui/app/scss/account_recovery/page.scss176
-rw-r--r--web-ui/app/scss/base/_colors.scss1
-rw-r--r--web-ui/app/scss/base/_fonts.scss23
3 files changed, 12 insertions, 188 deletions
diff --git a/web-ui/app/scss/account_recovery/page.scss b/web-ui/app/scss/account_recovery/page.scss
deleted file mode 100644
index 8bba1b5a..00000000
--- a/web-ui/app/scss/account_recovery/page.scss
+++ /dev/null
@@ -1,176 +0,0 @@
-@import "../vendor/reset";
-@import "../base/colors";
-@import "../base/fonts";
-
-html {
- min-height: 100%;
-}
-
-body {
- font-family: "Open Sans", "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
- background: $dark_blue; /* For browsers that do not support gradients */
- background: -webkit-linear-gradient(left top, $dark_blue, $middle_blue); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient(bottom right, $dark_blue, $middle_blue); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(bottom right, $dark_blue, $middle_blue); /* For Firefox 3.6 to 15 */
- background: linear-gradient(to bottom right, $dark_blue, $middle_blue); /* Standard syntax */
- color: $dark_grey_text;
- min-height: 100%;
-}
-
-h1 {
- font-size: 1.3em;
- font-weight: 600;
-}
-
-p {
- -webkit-margin-before: 0.5em;
- -webkit-margin-after: 0.5em;
- margin-before: 0.5em;
- margin-after: 0.5em;
-}
-
-a {
- text-decoration: none;
- color: $dark_blue;
- font-style: italic;
-
- .fa {
- font-size: 1.6em;
- position: relative;
- top: 3px;
- margin-right: 0.3em;
- }
-
-}
-
-.field-group {
- position:relative;
- margin: 1.5em 0;
- width: 100%;
-
- label {
- font-size: 0.9em;
- margin-bottom: 10px;
- display: inline-block;
- }
-
- input {
- display: block;
- border: none;
- border-bottom: solid 1px #4da3b6;
- width: 100%;
- height: auto;
- padding: 0.3em 0px;
- }
-
- input:focus {
- outline:none;
- border-width: 2px;
- }
-
- input:focus ~ .animated-label, input:valid ~ .animated-label {
- top:-12px;
- left: 0;
- font-size:0.7em;
- color:#4da3b6;
- }
-
- .animated-label {
- color:#999;
- position:absolute;
- pointer-events:none;
- left: 6px;
- top:10px;
- transition:0.2s ease all;
- -moz-transition:0.2s ease all;
- -webkit-transition:0.2s ease all;
- }
-}
-
-
-button {
- background: $dark_blue;
- padding: 0.8em;
- color: $white;
- text-align: center;
- border: none;
- border-radius: 2px;
- font-weight: 300;
- width: 100%;
- margin-bottom: 1em;
-}
-
-.container {
- background: $white;
- width: 84%;
- margin: 3% auto;
- padding: 6% 5%;
-
- -webkit-display: flex;
- display: flex;
- -webkit-align-items: flex-start;
- align-items: flex-start;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-
-img {
- width: 50%;
- -webkit-align-self: center;
- align-self: center;
-}
-
-@media only screen and (min-width : 500px) {
- body {
- font-size: 1.3em;
- }
-
- form {
- display: flex;
- -webkit-display: flex;
- -webkit-flex-direction: column;
- flex-direction: column;
-
- .field-group, button, div {
- width: 70%;
- -webkit-align-self: center;
- align-self: center;
- }
- }
-}
-
-@media only screen and (min-width : 960px) {
- .container{
- width: 60%;
- padding: 3%;
- -webkit-align-items: flex-start;
- align-items: flex-start;
- -webkit-flex-direction: row;
- flex-direction: row;
- max-width: 700px;
- }
-
- form {
- margin-left: 2.5em;
-
- .field-group, button, div {
- width: 300px;
- -webkit-align-self: flex-start;
- align-self: flex-start;
- }
-
- .field-group {
- margin-top: 3em;
- font-size: 1em;
- }
- }
-
- img {
- width: 300px;
- }
-
- button {
- font-size: 0.8em;
- margin-bottom: 1em;
- }
-}
diff --git a/web-ui/app/scss/base/_colors.scss b/web-ui/app/scss/base/_colors.scss
index e79781cf..c7807e8f 100644
--- a/web-ui/app/scss/base/_colors.scss
+++ b/web-ui/app/scss/base/_colors.scss
@@ -42,6 +42,7 @@ $dark_grey_text: #4a4a4a;
$background_light_grey: #F5F5F5;
$border_light_grey: #D9D9D9;
+$shadow: rgba(0,0,0,0.10);
/* Feedback to Users */
$warning: #F7E8AF;
diff --git a/web-ui/app/scss/base/_fonts.scss b/web-ui/app/scss/base/_fonts.scss
index dfc56dd8..9a47b5ed 100644
--- a/web-ui/app/scss/base/_fonts.scss
+++ b/web-ui/app/scss/base/_fonts.scss
@@ -2,67 +2,66 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
- src: local('Open Sans Light'), local('OpenSans-Light'), url('/assets/fonts/OpenSans-Light.woff') format('woff');
+ src: local('Open Sans Light'), local('OpenSans-Light'), url('/public/fonts/OpenSans-Light.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
- src: local('Open Sans'), local('OpenSans'), url('/assets/fonts/OpenSans.woff') format('woff');
+ src: local('Open Sans'), local('OpenSans'), url('/public/fonts/OpenSans.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
- src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/assets/fonts/OpenSans-Semibold.woff') format('woff');
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/public/fonts/OpenSans-Semibold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
- src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/assets/fonts/OpenSans-Bold.woff') format('woff');
+ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/public/fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
- src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/assets/fonts/OpenSans-Extrabold.woff') format('woff');
+ src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/public/fonts/OpenSans-Extrabold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
- src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/assets/fonts/OpenSansLight-Italic.woff') format('woff');
+ src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/public/fonts/OpenSansLight-Italic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
- src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/assets/fonts/OpenSans-Italic.woff') format('woff');
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/public/fonts/OpenSans-Italic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
- src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/assets/fonts/OpenSans-SemiboldItalic.woff') format('woff');
+ src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/public/fonts/OpenSans-SemiboldItalic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
- src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/assets/fonts/OpenSans-BoldItalic.woff') format('woff');
+ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/public/fonts/OpenSans-BoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
- src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/assets/fonts/OpenSans-ExtraboldItalic.woff') format('woff');
+ src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/public/fonts/OpenSans-ExtraboldItalic.woff') format('woff');
}
@font-face {
font-family: 'icomoon';
font-style: normal;
font-weight: 400;
- src: url('/assets/fonts/icomoon.woff') format('woff'), url('/assets/fonts/icomoon.ttf') format('truetype'), ;
+ src: url('/public/fonts/icomoon.woff') format('woff'), url('/public/fonts/icomoon.ttf') format('truetype'), ;
}
-
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-02 18:09:30 +0000