From: Christian Weiske Date: Thu, 4 Aug 2016 21:17:50 +0000 (+0200) Subject: a little bit layout for the identity selector X-Git-Tag: v1.0.0~32 X-Git-Url: https://git.cweiske.de/anoweco.git/commitdiff_plain/33c9dbb4fcef064ff9cd9d13b3728de313981fc6 a little bit layout for the identity selector --- diff --git a/data/templates/auth-choose.htm b/data/templates/auth-choose.htm index baf44e7..efbc45a 100644 --- a/data/templates/auth-choose.htm +++ b/data/templates/auth-choose.htm @@ -2,6 +2,7 @@ Select your identity +

Select your identity

@@ -14,44 +15,39 @@ {% endfor %} -

- - - Anonymous - -
- - - With a name - -
- - Name: - -
- - {% if id.imageurl %} - - {% endif %} - Avatar image URL: - -
  - alternatively, provide an email so we can autodetect its avatar: - - (will not be stored.) -
-
- All values are optional. -
-

+ + + Anonymous + + + + + With a name + +

+ Name: + +

+ Avatar image URL: + +

+ .. or use this email's avatar image: +

+ E-Mail: + +

+ The e-mail address will not be stored. +

diff --git a/www/css/auth-choose.css b/www/css/auth-choose.css new file mode 100644 index 0000000..adc107a --- /dev/null +++ b/www/css/auth-choose.css @@ -0,0 +1,40 @@ +body { + max-width: 60ex; + margin-left: auto; + margin-right: auto; + background-color: #EEE; +} + +label.mode { + display: block; + padding: 2ex; + background-color: #DDD; + border-top: 1px solid #EEE; +} +div.data-mode { + margin-left: 5ex; + background-color: #DDD; +} +div.data-mode label { + display: inline-block; + width: 20ex; +} +div.data-mode div { + padding: 2ex 2ex; + border-top: 1px solid #EEE; +} +div.data-mode input { + width: 34ex; +} +button { + margin: 2ex; + width: 20ex; + height: 5ex; + display: block; + margin-left: auto; + margin-right: auto; +} +p.note { + text-align: center; + color: #444; +} \ No newline at end of file