diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-26 09:51:07 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-26 22:00:24 +0300 |
| commit | 365d07ff6c481e604cd83425abe128eff3af70f0 (patch) | |
| tree | 4d5e6946e97c86e26cb54972da97f41edfd02e9e /phpBB/adm/style/admin.css | |
| parent | c23c64cb6d848382542fc5d50899f9a921ffe805 (diff) | |
| download | forums-365d07ff6c481e604cd83425abe128eff3af70f0.tar forums-365d07ff6c481e604cd83425abe128eff3af70f0.tar.gz forums-365d07ff6c481e604cd83425abe128eff3af70f0.tar.bz2 forums-365d07ff6c481e604cd83425abe128eff3af70f0.tar.xz forums-365d07ff6c481e604cd83425abe128eff3af70f0.zip | |
[ticket/11957] Responsive forms
PHPBB3-11957
Diffstat (limited to 'phpBB/adm/style/admin.css')
| -rw-r--r-- | phpBB/adm/style/admin.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index f644adb0d4..a98bcffe3b 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -1053,6 +1053,13 @@ select#full_folder_action { width: 95%; } +@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) +{ + fieldset { + padding: 5px; + } +} + /* Definition list layout for forms Other general def. list properties defined in prosilver_main.css ---------------------------------------- */ @@ -1184,6 +1191,51 @@ input:focus, textarea:focus { outline-style: none; } +@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) +{ + fieldset dl { + margin-bottom: 5px; + padding-bottom: 5px; + border-bottom: 1px solid #e8e8e8; + } + + fieldset > dl:last-child, fieldset > form:last-child > dl:last-child { + border-bottom-width: 0; + margin-bottom: 0; + } + + fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd { + border-width: 0; + margin-left: 0; + margin-right: 0; + float: none; + width: auto; + } + + .ltr fieldset dd { + padding-left: 20px; + } + + .rtl fieldset dd { + padding-right: 20px; + } + + dd select, dd input { + max-width: 300px; + } + + dd input[type="number"] { + max-width: 70px; + } +} + +@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) +{ + dd select, dd input { + max-width: 240px; + } +} + /* Submit button fieldset or paragraph ---------------------------------------- */ fieldset.submit-buttons { @@ -1926,3 +1978,11 @@ fieldset.permissions .padding { color: #FFFFFF; font-size: 1.4em; } + +@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) +{ + .responsive-hide { display: none !important; } + .responsive-show { display: block !important; } + .responsive-show-inline { display: inline !important; } + .responsive-show-inline-block { display: inline-block !important; } +} |