summaryrefslogtreecommitdiffstats
path: root/core/css/guest.css
diff options
context:
space:
mode:
Diffstat (limited to 'core/css/guest.css')
-rw-r--r--core/css/guest.css92
1 files changed, 60 insertions, 32 deletions
diff --git a/core/css/guest.css b/core/css/guest.css
index ca15fee1894..ac12f171627 100644
--- a/core/css/guest.css
+++ b/core/css/guest.css
@@ -16,10 +16,10 @@ ul { list-style:none; }
body {
background-color: #ffffff;
- font-weight: 400;
+ font-weight: normal;
font-size: .8em;
line-height: 1.6em;
- font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
+ font-family: 'Nunito', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
color: #000;
text-align: center;
background-color: #0082c9;
@@ -56,7 +56,7 @@ em {
h2,
h3,
h4 {
- font-weight: 600;
+ font-weight: bold;
}
h2 {
@@ -175,7 +175,7 @@ form #datadirField legend {
}
input, textarea, select, button, div[contenteditable=true] {
- font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
+ font-family: 'Nunito', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
}
input,
input:not([type='range']),
@@ -184,7 +184,7 @@ a.button {
margin: 5px;
padding: 11px 10px 9px;
outline: none;
- border-radius: 3px;
+ border-radius: 3px; /* --border-radius */
-webkit-appearance: none;
}
input[type='submit'],
@@ -198,9 +198,10 @@ select {
min-width: 25px;
padding: 12px;
background-color: white;
- font-weight: 600;
+ font-weight: bold;
color: #555;
border: none;
+ border-radius: 100px; /* --border-radius-pill */
cursor: pointer;
}
input[type='text'],
@@ -216,7 +217,7 @@ input[type='email'] {
-moz-appearance: textfield;
box-sizing: content-box;
border: none;
- font-weight: 300;
+ font-weight: normal;
}
input.login {
width: 269px;
@@ -233,13 +234,19 @@ input.update-continue {
padding: 10px 20px;
color: #666 !important;
display: inline-block;
- border-radius: 3px;
+ border-radius: 100px; /* --border-radius-pill */
margin: 15px 5px;
}
.updateAnyways a.updateAnywaysButton:hover {
color: #222 !important;
}
+/* Get rid of the inside dotted line in Firefox */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+}
+
input.primary,
button.primary,
a.primary {
@@ -397,7 +404,7 @@ form .warning input[type='checkbox']+label {
.two-factor-provider {
display: flex;
- border-radius: 3px;
+ border-radius: 3px; /* --border-radius */
margin: 12px 0;
border: 1px solid transparent;
text-align: left;
@@ -421,7 +428,7 @@ form .warning input[type='checkbox']+label {
margin: 0;
}
.two-factor-provider p {
- font-weight: 300;
+ font-weight: normal;
}
.two-factor-icon {
width: 100px;
@@ -432,7 +439,7 @@ form .warning input[type='checkbox']+label {
width: 100%;
padding: 10px;
margin: 0 0 5px 0;
- border-radius: 3px;
+ border-radius: 100px; /* --border-radius-pill */
font-size: 20px;
}
.two-factor-primary {
@@ -456,12 +463,12 @@ form .warning input[type='checkbox']+label {
margin: 10px 0;
text-align: center;
width: 100%;
- text-shadow: 0 0 2px rgba(0, 0, 0, .4); // better readability on bright background
+ text-shadow: 0 0 2px rgba(0, 0, 0, .4); /* better readability on bright background */
}
.lost-password-container #lost-password,
.lost-password-container #lost-password-back {
display: inline-block;
- font-weight: 300;
+ font-weight: normal;
padding: 12px;
margin-top: -6px;
color: #fff;
@@ -489,7 +496,7 @@ form .warning input[type='checkbox']+label {
box-sizing: border-box;
background-color: #0082c9;
color: white;
- border-radius: 3px;
+ border-radius: 100px; /* --border-radius-pill */
}
/* fixes for update page TODO should be fixed some time in a proper way */
@@ -575,7 +582,7 @@ form #selectDbType label.ui-state-active {
color: #fff;
text-align: left;
word-wrap: break-word;
- border-radius: 10px;
+ border-radius: 10px; /* --border-radius-large */
cursor: default;
-moz-user-select: text;
-webkit-user-select: text;
@@ -607,7 +614,7 @@ form #selectDbType label.ui-state-active {
.warning a,
.error a {
color: #fff !important;
- font-weight: 600 !important;
+ font-weight: bold !important;
opacity: 1;
}
.error a.button {
@@ -652,7 +659,7 @@ fieldset.update legend + p {
}
p.info {
margin: 20px auto;
- text-shadow: 0 0 2px rgba(0, 0, 0, .4); // better readability on bright background
+ text-shadow: 0 0 2px rgba(0, 0, 0, .4); /* better readability on bright background */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@@ -803,7 +810,7 @@ footer {
}
footer .info .entity-name {
- font-weight: 600;
+ font-weight: bold;
}
.hidden {
@@ -823,26 +830,47 @@ a.legal {
font-size: smaller;
}
-/* for low-res screens, use Regular font-weight instead of Light */
-@media (-webkit-max-device-pixel-ratio: 1.3), (max-resolution: 124.8dpi) {
- @font-face {
- font-family: 'Open Sans';
- font-style: normal;
- font-weight: normal;
- src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Regular.woff') format('woff');
- }
+
+/* latin-ext */
+@font-face {
+ font-family: 'Nunito';
+ font-style: normal;
+ font-weight: 400; /* normal */
+ src: local('Nunito Regular'), local('Nunito-Regular'),
+ url('../fonts/Nunito-Regular-latin-ext.woff2') format('woff2'),
+ url('../fonts/Nunito-Regular.ttf') format('truetype');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
+/* latin */
@font-face {
- font-family: 'Open Sans';
+ font-family: 'Nunito';
font-style: normal;
- font-weight: 300;
- src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans-Light.woff') format('woff');
+ font-weight: 400; /* normal */
+ src: local('Nunito Regular'), local('Nunito-Regular'),
+ url('../fonts/Nunito-Regular.woff2') format('woff2'),
+ url('../fonts/Nunito-Regular.ttf') format('truetype');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
+/* latin-ext */
@font-face {
- font-family: 'Open Sans';
+ font-family: 'Nunito';
font-style: normal;
- font-weight: 600;
- src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/OpenSans-Semibold.woff') format('woff');
+ font-weight: 700; /* bold */
+ src: local('Nunito Bold'), local('Nunito-Bold'),
+ url('../fonts/Nunito-Bold-latin-ext.woff2') format('woff2'),
+ url('../fonts/Nunito-Bold.ttf') format('truetype');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+ font-family: 'Nunito';
+ font-style: normal;
+ font-weight: 700; /* bold */
+ src: local('Nunito Bold'), local('Nunito-Bold'),
+ url('../fonts/Nunito-Bold.woff2') format('woff2'),
+ url('../fonts/Nunito-Bold.ttf') format('truetype');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}