From 6a443681f57c9bc98aaac5f7c78062c5ff45c99b Mon Sep 17 00:00:00 2001 From: Martin Dosch Date: Thu, 30 Nov 2017 20:27:15 +0100 Subject: Get rid of bootstrap. --- stylesheets/styles.css | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 stylesheets/styles.css (limited to 'stylesheets/styles.css') diff --git a/stylesheets/styles.css b/stylesheets/styles.css new file mode 100644 index 0000000..a33d589 --- /dev/null +++ b/stylesheets/styles.css @@ -0,0 +1,66 @@ +html { +font-size: 1em; +font-family: sans-serif; +} + +.text-center { + text-align: center; +} + +.h3 { + font-size: 2em; + line-height: 1.1; + color: #444; +} + +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; text-transform: uppercase; + border-right: none; + border-bottom: none; + color: #666; + text-decoration: none; + transition: all .2s; + touch-action: manipulation; + cursor: pointer; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 16px; + font-size: 13px; + line-height: 1.846; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; +} + +textarea, textarea.form-control, input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], .form-control[type="text"], .form-control[type="password"], .form-control[type="email"], .form-control[type="tel"] { + padding: 0; + border: none; + border-radius: 0; + -webkit-box-shadow: inset 0 -1px 0 #ddd; + box-shadow: inset 0 -1px 0 #ddd; + font-size: 1.1em; +} + +.form-control { + display: block; + width: 100%; + height: 37px; + line-height: 1.846; + color: #666; + background-color: transparent; + background-image: none; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +input, button { + -webkit-font-smoothing: antialiased; + letter-spacing: .1px; + text-rendering: optimizeLegibility; +} -- cgit 1.4.1 From 00290eb90c65de9b989b3b5badd858a672cb843d Mon Sep 17 00:00:00 2001 From: Martin Dosch Date: Thu, 30 Nov 2017 20:36:37 +0100 Subject: Added link hover, removed link decoration. --- stylesheets/styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'stylesheets/styles.css') diff --git a/stylesheets/styles.css b/stylesheets/styles.css index a33d589..d5a861f 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -64,3 +64,12 @@ input, button { letter-spacing: .1px; text-rendering: optimizeLegibility; } + +a { +text-decoration: none; +} + +a:hover, a:focus { + color: #165d16; + text-decoration: underline; +} -- cgit 1.4.1 From 7b7eddb74903353a69e5792d97c160a5184351d1 Mon Sep 17 00:00:00 2001 From: Martin Dosch Date: Thu, 30 Nov 2017 20:40:46 +0100 Subject: Added a reference to bootstrap. --- stylesheets/styles.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'stylesheets/styles.css') diff --git a/stylesheets/styles.css b/stylesheets/styles.css index d5a861f..43ff479 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -1,3 +1,5 @@ +/* Mostly cherrypicked from bootstrap https://getbootstrap.com/css/ */ + html { font-size: 1em; font-family: sans-serif; -- cgit 1.4.1 From d3213f25c7bd85c085956c6d23f521c372a6ada5 Mon Sep 17 00:00:00 2001 From: Martin Dosch Date: Thu, 30 Nov 2017 20:46:21 +0100 Subject: Removed decoration on button hover. --- stylesheets/styles.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'stylesheets/styles.css') diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 43ff479..32288c9 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -38,6 +38,11 @@ font-family: sans-serif; -moz-user-select: none; } +.btn:hover, .btn:focus, .btn.focus { + color: #666; + text-decoration: none; +} + textarea, textarea.form-control, input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], .form-control[type="text"], .form-control[type="password"], .form-control[type="email"], .form-control[type="tel"] { padding: 0; border: none; -- cgit 1.4.1 From 12efe3ee0a694f937b13d9123e9287dbeee95e2e Mon Sep 17 00:00:00 2001 From: Georg Lukas Date: Wed, 21 Feb 2018 14:53:06 +0100 Subject: Improved style of text and hints --- index.html | 4 +- stylesheets/i.css | 28 +++++++++++-- stylesheets/styles.css | 106 +++++++++++++++++++++---------------------------- 3 files changed, 72 insertions(+), 66 deletions(-) (limited to 'stylesheets/styles.css') diff --git a/index.html b/index.html index 3711732..03b956e 100644 --- a/index.html +++ b/index.html @@ -26,13 +26,13 @@

-

+

    -

    +

    diff --git a/stylesheets/i.css b/stylesheets/i.css index 574cf79..8431b3c 100644 --- a/stylesheets/i.css +++ b/stylesheets/i.css @@ -1,10 +1,25 @@ body { background: #f8f8f8; color: #000000; + font-size: 1em; + font-family: sans-serif; } +h3 { + font-size: 1.5em; + font-weight: 400; + line-height: 1.1; + color: #444; +} + a { color: #1863a1; } + +.btn:hover, .btn:focus, .btn.focus { + color: #666; + text-decoration: none; +} + .btn-primary { background: #252e3f; color: #f2f2f2; @@ -12,9 +27,16 @@ a { .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #353e5f; color: #b7c1d5; - box-shadow: none; + box-shadow: none; } .btn-primary:active, .btn-primary.active { - background: #353e5f; - box-shadow: none; + background: #353e5f; + box-shadow: none; +} +.text-center { + text-align: center; +} +.hint { + font-size: 0.9em; + color: #444; } diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 32288c9..abdd5f7 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -1,82 +1,66 @@ /* Mostly cherrypicked from bootstrap https://getbootstrap.com/css/ */ - -html { -font-size: 1em; -font-family: sans-serif; -} - -.text-center { - text-align: center; -} - -.h3 { - font-size: 2em; - line-height: 1.1; - color: #444; -} - .btn { - display: inline-block; - margin-bottom: 0; - font-weight: normal; - text-align: center; - vertical-align: middle; text-transform: uppercase; - border-right: none; - border-bottom: none; - color: #666; - text-decoration: none; - transition: all .2s; - touch-action: manipulation; - cursor: pointer; - border: 1px solid transparent; - white-space: nowrap; - padding: 6px 16px; - font-size: 13px; - line-height: 1.846; - border-radius: 3px; - -webkit-user-select: none; - -moz-user-select: none; + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; text-transform: uppercase; + border-right: none; + border-bottom: none; + color: #666; + text-decoration: none; + transition: all .2s; + touch-action: manipulation; + cursor: pointer; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 16px; + font-size: 13px; + line-height: 1.846; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; } .btn:hover, .btn:focus, .btn.focus { - color: #666; - text-decoration: none; + color: #666; + text-decoration: none; } textarea, textarea.form-control, input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], .form-control[type="text"], .form-control[type="password"], .form-control[type="email"], .form-control[type="tel"] { - padding: 0; - border: none; - border-radius: 0; - -webkit-box-shadow: inset 0 -1px 0 #ddd; - box-shadow: inset 0 -1px 0 #ddd; - font-size: 1.1em; + padding: 0; + border: none; + border-radius: 0; + -webkit-box-shadow: inset 0 -1px 0 #ddd; + box-shadow: inset 0 -1px 0 #ddd; + font-size: 1.1em; } .form-control { - display: block; - width: 100%; - height: 37px; - line-height: 1.846; - color: #666; - background-color: transparent; - background-image: none; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); - box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); - -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + display: block; + width: 100%; + height: 37px; + line-height: 1.846; + color: #666; + background-color: transparent; + background-image: none; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); + -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } input, button { - -webkit-font-smoothing: antialiased; - letter-spacing: .1px; - text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + letter-spacing: .1px; + text-rendering: optimizeLegibility; } a { -text-decoration: none; + text-decoration: none; } a:hover, a:focus { - color: #165d16; - text-decoration: underline; + color: #165d16; + text-decoration: underline; } -- cgit 1.4.1