diff options
Diffstat (limited to 'core/css/guest.css')
-rw-r--r-- | core/css/guest.css | 92 |
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; } |