diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-21 13:25:27 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-24 18:36:14 +0300 |
| commit | 8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b (patch) | |
| tree | 3ac263701d47adad51b04456de6c3b0a384660e6 /phpBB/styles/prosilver | |
| parent | 6a2fef97d5f55bad92898b34db9810afe1dd106d (diff) | |
| download | forums-8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b.tar forums-8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b.tar.gz forums-8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b.tar.bz2 forums-8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b.tar.xz forums-8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b.zip | |
[ticket/11956] Responsive AJAX alerts
PHPBB3-11956
Diffstat (limited to 'phpBB/styles/prosilver')
| -rw-r--r-- | phpBB/styles/prosilver/theme/common.css | 13 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 5 |
2 files changed, 16 insertions, 2 deletions
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 2c61ecfdea..19077bbc86 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -670,13 +670,22 @@ li.pagination ul { position: fixed; display: none; top: 150px; - left: 25%; - width: 50%; + left: 0; + right: 0; + max-width: 640px; + margin: 0 auto; z-index: 50; padding: 25px; padding: 0 25px 20px 25px; } +@media only screen and (max-height: 500px), only screen and (max-device-width: 500px) +{ + .phpbb_alert { + top: 25px; + } +} + .phpbb_alert .alert_close { display: block; float: right; diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index a9d7b1abc7..c15d9bee4e 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -482,6 +482,11 @@ fieldset.display-actions { white-space: normal; } +.phpbb_alert { + max-width: none; + margin: 0 25px; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { |