diff options
| author | jeroenpraat <jeroenpraat@xs4all.nl> | 2015-12-09 23:41:37 +0100 |
|---|---|---|
| committer | jeroenpraat <jeroenpraat@xs4all.nl> | 2015-12-09 23:41:37 +0100 |
| commit | 47f7165b07e17721d6074e1464a42af1ef99afe3 (patch) | |
| tree | f8ac762cea70aae305d6f52803ab5055562af7e4 /view/css | |
| parent | ae2c0e655267f56cc3d0ee3558f469817bb61e28 (diff) | |
| download | volse-hubzilla-47f7165b07e17721d6074e1464a42af1ef99afe3.tar.gz volse-hubzilla-47f7165b07e17721d6074e1464a42af1ef99afe3.tar.bz2 volse-hubzilla-47f7165b07e17721d6074e1464a42af1ef99afe3.zip | |
Some work on the login, register and default home page. Mostly neatly centering things on different viewport widths. Bluegrid schema updated.
Diffstat (limited to 'view/css')
| -rw-r--r-- | view/css/mod_home.css | 15 | ||||
| -rw-r--r-- | view/css/mod_login.css | 23 | ||||
| -rw-r--r-- | view/css/mod_register.css | 28 |
3 files changed, 54 insertions, 12 deletions
diff --git a/view/css/mod_home.css b/view/css/mod_home.css new file mode 100644 index 000000000..d4cf37253 --- /dev/null +++ b/view/css/mod_home.css @@ -0,0 +1,15 @@ +.home-welcome { + text-align: center; +} + +.generic-content-wrapper-styled { + margin-left: auto; + margin-right: auto; + max-width: 420px; + font-size: 1.1em; +} + +#login-main { + max-width: 400px; + margin-top: 50px; +} diff --git a/view/css/mod_login.css b/view/css/mod_login.css new file mode 100644 index 000000000..a086c50df --- /dev/null +++ b/view/css/mod_login.css @@ -0,0 +1,23 @@ +.generic-content-wrapper-styled { + margin-left: auto; + margin-right: auto; + max-width: 420px; + font-size: 1.1em; +} + +#login-main { + max-width: 400px; + margin-top: 50px; +} + +@media (min-width: 768px) and (max-width: 991px) { + #region_1 { + display: none !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + #region_3 { + display: table-cell !important; + } +} diff --git a/view/css/mod_register.css b/view/css/mod_register.css index b662610ae..618b7ce95 100644 --- a/view/css/mod_register.css +++ b/view/css/mod_register.css @@ -1,31 +1,35 @@ h2 { - margin-left: 5%; - margin-top: 5%; + margin: 20px 0 20px 5%; } -#register-form { - font-size: 1.4em; - margin-left: 10%; - margin-top: 5%; +.generic-content-wrapper-styled { + margin-left: auto; + margin-right: auto; + max-width: 820px; + font-size: 1.1em; } -#register-desc, #register-text, #register-sites { + +#register-desc, #register-invite-desc, #register-text, #register-sites { font-weight: bold; margin-bottom: 15px; padding: 8px; border: 1px solid #ccc; } -.register-label { +@media (min-width: 560px) { +.register-label, .register-input { float: left; - width: 275px; + width: 50%; +} } -.register-input { +@media (max-width: 559px) { +.register-label, .register-input { float: left; - width: 275px; - padding: 5px; + max-width: 400px; +} } .register-feedback { |