From 5e61d5fe83444024792ec7dc8f9f8e6fcd10b6d9 Mon Sep 17 00:00:00 2001 From: Eric Chiang Date: Thu, 1 Dec 2016 13:18:32 -0800 Subject: [PATCH] Revert "Merge pull request #714 from amrutac/refactor-css" This reverts commit 4d88eabb500748df1f8c205c73ac55f3eb2d4fd8, reversing changes made to b38d3552026c60c3877b181d858359f5264545a4. --- web/static/img/bitbucket-icon.svg | 5 - web/static/img/coreos-icon.svg | 19 --- web/static/img/email-icon.svg | 14 -- web/static/img/github-icon.svg | 5 - web/static/img/google-icon.svg | 25 ---- web/static/main.css | 115 --------------- web/templates/approval.html | 32 ++-- web/templates/header.html | 234 +++++++++++++++++++++++++++++- web/templates/login.html | 15 +- web/templates/oob.html | 10 +- web/templates/password.html | 20 +-- web/themes/coreos/style.css | 0 web/themes/coreos/styles.css | 99 ------------- web/themes/tectonic/logo.png | Bin 6081 -> 0 bytes web/themes/tectonic/styles.css | 99 ------------- 15 files changed, 270 insertions(+), 422 deletions(-) delete mode 100644 web/static/img/bitbucket-icon.svg delete mode 100644 web/static/img/coreos-icon.svg delete mode 100644 web/static/img/email-icon.svg delete mode 100644 web/static/img/github-icon.svg delete mode 100644 web/static/img/google-icon.svg create mode 100644 web/themes/coreos/style.css delete mode 100644 web/themes/coreos/styles.css delete mode 100644 web/themes/tectonic/logo.png delete mode 100644 web/themes/tectonic/styles.css diff --git a/web/static/img/bitbucket-icon.svg b/web/static/img/bitbucket-icon.svg deleted file mode 100644 index 72f4eb10..00000000 --- a/web/static/img/bitbucket-icon.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/web/static/img/coreos-icon.svg b/web/static/img/coreos-icon.svg deleted file mode 100644 index b3a0c6c1..00000000 --- a/web/static/img/coreos-icon.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - diff --git a/web/static/img/email-icon.svg b/web/static/img/email-icon.svg deleted file mode 100644 index 54660253..00000000 --- a/web/static/img/email-icon.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - -Rectangle 290 + Rectangle 291 + Path 232 -Created with Sketch. - - - diff --git a/web/static/img/github-icon.svg b/web/static/img/github-icon.svg deleted file mode 100644 index 5d607282..00000000 --- a/web/static/img/github-icon.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/web/static/img/google-icon.svg b/web/static/img/google-icon.svg deleted file mode 100644 index 4f1a6f77..00000000 --- a/web/static/img/google-icon.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - Shape + g+ - Created with Sketch. - - - - - - - - - - - - - - - - - - - - diff --git a/web/static/main.css b/web/static/main.css index 931455b5..e69de29b 100644 --- a/web/static/main.css +++ b/web/static/main.css @@ -1,115 +0,0 @@ -* { - box-sizing: border-box; -} - -body { - margin: 0; -} - -.dex-container { - color: #333; - margin: 45px auto; - max-width: 500px; - min-width: 320px; - text-align: center; -} - -.dex-btn { - border-radius: 4px; - border: 0; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.25); - cursor: pointer; - font-size: 16px; - padding: 0; -} - -.dex-btn:focus { - outline: none; -} - -.dex-btn:active { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - outline: none; -} - -.dex-btn-provider { - background-color: #fff; - color: #333; - width: 250px; -} - -.dex-btn-provider:hover { - color: #999; -} - -.dex-btn-icon { - background-position: center; - background-repeat: no-repeat; - background-size: 24px; - border-radius: 4px 0 0 4px; - float: left; - height: 36px; - margin-right: 5px; - width: 36px; -} - -.dex-btn-icon--google { - background-color: #DB4437; - background-image: url(../static/img/google-icon.svg);; -} -.dex-btn-icon--local { - background-color: #84B6EF; - background-image: url(../static/img/email-icon.svg); -} - -.dex-btn-icon--coreos { - /* B&W CoreOS SVG logo */ - background-image: url(../static/img/coreos-icon.svg); -} - -.dex-btn-icon--github { - background-color: #F5F5F5; - background-image: url(../static/img/github-icon.svg); -} - -.dex-btn-icon--bitbucket { - background-color: #205081; - background-image: url(../static/img/bitbucket-icon.svg); -} - -.dex-btn-text { - font-weight: 600; - line-height: 36px; - padding: 6px 12px; - text-align: center; -} - -.dex-subtle-text { - color: #999; - font-size: 12px; -} - -.dex-seperator { - color: #999; -} - -.dex-list { - color: #999; - display: inline-block; - font-size: 12px; - list-style: circle; - text-align: left; -} - -.dex-error-box { - background-color: #DD1327; - color: #fff; - font-size: 14px; - font-weight: normal; - max-width: 320px; - padding: 4px 0; -} - -.dex-error-box { - margin: 20px auto; -} diff --git a/web/templates/approval.html b/web/templates/approval.html index bfcd6bd3..076049c0 100644 --- a/web/templates/approval.html +++ b/web/templates/approval.html @@ -1,35 +1,37 @@ {{ template "header.html" . }} -
-

Grant Access

+
+

Grant Access

-
-
-
{{ .Client }} would like to:
-
    +
    +
    +
    {{ .Client }} would like to:
    {{ range $scope := .Scopes }} -
  • {{ $scope }}
    • +
  • +
    + {{ $scope }} +
    +
    • {{ end }} -
-
+
-
+
-
-
+
-
diff --git a/web/templates/header.html b/web/templates/header.html index 53803311..79438ec4 100644 --- a/web/templates/header.html +++ b/web/templates/header.html @@ -6,15 +6,237 @@ {{ issuer }} - + + - -
-
- + + -
+
diff --git a/web/templates/login.html b/web/templates/login.html index 673ff54d..e52f775a 100644 --- a/web/templates/login.html +++ b/web/templates/login.html @@ -1,19 +1,22 @@ {{ template "header.html" . }} -
-

Log in to {{ issuer }}

+
+

Log in to {{ issuer }}

+
{{ range $c := .Connectors }} -
+
-
{{ end }}
+
+ {{ template "footer.html" . }} diff --git a/web/templates/oob.html b/web/templates/oob.html index ba84d817..09c98e08 100644 --- a/web/templates/oob.html +++ b/web/templates/oob.html @@ -1,9 +1,11 @@ {{ template "header.html" . }} -
-

Login Successful

-

Please copy this code, switch to your application and paste it there:

- +
+

Login Successful

+ + Please copy this code, switch to your application and paste it there: +
+
{{ template "footer.html" . }} diff --git a/web/templates/password.html b/web/templates/password.html index 4bd0ca75..7a9ffb14 100644 --- a/web/templates/password.html +++ b/web/templates/password.html @@ -1,29 +1,29 @@ {{ template "header.html" . }} -
-

Log in to Your Account

+
+

Log in to Your Account

-
-
+
+
- +
-
-
+
+
- +
{{ if .Invalid }} -
+
Invalid username and password.
{{ end }} - +
diff --git a/web/themes/coreos/style.css b/web/themes/coreos/style.css new file mode 100644 index 00000000..e69de29b diff --git a/web/themes/coreos/styles.css b/web/themes/coreos/styles.css deleted file mode 100644 index 5fb5b76e..00000000 --- a/web/themes/coreos/styles.css +++ /dev/null @@ -1,99 +0,0 @@ -.theme-body { - background-color: #efefef; - color: #333; - font-family: 'Source Sans Pro', Helvetica, sans-serif; -} - -.theme-navbar { - background-color: #fff; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); - color: #333; - font-size: 13px; - font-weight: 100; - height: 46px; - overflow: hidden; - padding: 0 10px; -} - -.theme-navbar__logo-wrap { - display: inline-block; - height: 100%; - overflow: hidden; - padding: 10px 15px; - width: 300px; -} - -.theme-navbar__logo { - height: 100%; - max-height: 25px; -} - -.theme-heading { - font-size: 20px; - font-weight: 500; - margin-bottom: 10px; - margin-top: 0; -} - -.theme-panel { - background-color: #fff; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - padding: 30px; -} - -.theme-btn--primary { - background-color: #333; - border: none; - color: #fff; - min-width: 200px; - padding: 6px 12px; -} - -.theme-btn--primary:hover { - background-color: #666; - color: #fff; -} - -.theme-btn--success { - background-color: #2FC98E; - color: #fff; - width: 250px; -} - -.theme-btn--success:hover { - background-color: #49E3A8; -} - -.theme-form-row { - display: block; - margin: 20px auto; -} - -.theme-form-input { - border-radius: 4px; - border: 1px solid #CCC; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - color: #666; - display: block; - font-size: 14px; - height: 36px; - line-height: 1.42857143; - margin: auto; - padding: 6px 12px; - width: 250px; -} - -.theme-form-input:focus, -.theme-form-input:active { - border-color: #66AFE9; - outline: none; -} - -.theme-form-label { - font-size: 13px; - font-weight: 600; - margin: 4px auto; - position: relative; - text-align: left; - width: 250px; -} diff --git a/web/themes/tectonic/logo.png b/web/themes/tectonic/logo.png deleted file mode 100644 index bf30f73440189bc865cc185932017f76b5129029..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6081 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 NtEp%sD-ln^{|ovfIobdK diff --git a/web/themes/tectonic/styles.css b/web/themes/tectonic/styles.css deleted file mode 100644 index ab6abba1..00000000 --- a/web/themes/tectonic/styles.css +++ /dev/null @@ -1,99 +0,0 @@ -.theme-body { - background-color: #1E394C; - color: #333; - font-family: 'Source Sans Pro', Helvetica, sans-serif; -} - -.theme-navbar { - background-color: #fff; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); - color: #333; - font-size: 13px; - font-weight: 100; - height: 46px; - overflow: hidden; - padding: 0 10px; -} - -.theme-navbar__logo-wrap { - display: inline-block; - height: 100%; - overflow: hidden; - padding: 10px 15px; - width: 300px; -} - -.theme-navbar__logo { - height: 100%; - max-height: 25px; -} - -.theme-heading { - font-size: 20px; - font-weight: 500; - padding-bottom: 10px; - margin-top: 0; -} - -.theme-panel { - background-color: #fff; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - padding: 30px; -} - -.theme-btn--primary { - background-color: #2fc98e; - border: none; - color: #fff; - min-width: 200px; - padding: 6px 12px; -} - -.theme-btn--primary:hover { - background-color: #25a071; - color: #fff; -} - -.theme-btn--success { - background-color: #2FC98E; - color: #fff; - width: 250px; -} - -.theme-btn--success:hover { - background-color: #49E3A8; -} - -.theme-form-row { - display: block; - margin: 20px auto; -} - -.theme-form-input { - display: block; - height: 36px; - padding: 6px 12px; - font-size: 14px; - line-height: 1.42857143; - color: #666; - border: 1px solid #CCC; - border-radius: 4px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - width: 250px; - margin: auto; -} - -.theme-form-input:focus, -.theme-form-input:active { - outline: none; - border-color: #66AFE9; -} - -.theme-form-label { - width: 250px; - margin: 4px auto; - text-align: left; - position: relative; - font-size: 13px; - font-weight: 600; -}