diff options
| author | Nils Adermann <naderman@naderman.de> | 2013-10-20 11:12:55 -0700 |
|---|---|---|
| committer | Nils Adermann <naderman@naderman.de> | 2013-10-20 11:12:55 -0700 |
| commit | e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9 (patch) | |
| tree | 4a674524dd14a82970bffdb77f747075485809ba /phpBB/styles/prosilver/theme/buttons.css | |
| parent | 3b39a44b0079e5eb703db1c70ced2ee9b991503b (diff) | |
| parent | ff10f1ab6aef3cddcc1bd754453881c37e4b976f (diff) | |
| download | forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar.gz forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar.bz2 forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar.xz forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.zip | |
Merge pull request #1719 from cyberalien/ticket/11552
Responsive design for prosilver
Diffstat (limited to 'phpBB/styles/prosilver/theme/buttons.css')
| -rw-r--r-- | phpBB/styles/prosilver/theme/buttons.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index b05883b465..e2c0dc9145 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -140,6 +140,65 @@ ul.profile-icons li a:hover { background: none; } margin: 0 3px; } +/* Responsive icons in postbody */ +.postbody ul.profile-icons.responsive .responsive-menu { + position: relative; +} + +ul.profile-icons.responsive a.responsive-menu-link { + display: inline-block; + position: relative; + margin: 0 5px; + width: 20px; + height: 20px; + text-decoration: none; + background: none top left no-repeat; +} + +ul.profile-icons.responsive a.responsive-menu-link:hover { + background-position: 0 -20px; +} + +ul.profile-icons.responsive a.responsive-menu-link:before { + content: ''; + position: absolute; + left: 0; + top: 7px; + height: .125em; + width: 14px; + border-bottom: 0.125em solid transparent; + border-top: 0.375em double transparent; +} + +.postbody ul.profile-icons.responsive .responsive-popup { + left: auto; + right: 7px; + top: 19px; +} + +.postbody ul.profile-icons.responsive .responsive-popup li, .postbody ul.profile-icons.responsive .responsive-popup li a { + display: block; + background: transparent none; + width: auto; + height: auto; + margin: 0; + padding: 0; + float: none; + list-style-type: none; +} + +.postbody ul.profile-icons.responsive .responsive-popup li span { + display: block; + text-align: right; + font-size: 1.2em; + line-height: 1.8em; + white-space: nowrap; +} + +.hasjs .postbody ul.profile-icons { + max-width: 40%; +} + /* Profile & navigation icons */ .email-icon, .email-icon a { background: none top left no-repeat; } .aim-icon, .aim-icon a { background: none top left no-repeat; } @@ -173,6 +232,7 @@ ul.profile-icons li.edit-icon { width: 42px; height: 20px; } ul.profile-icons li.delete-icon { width: 20px; height: 20px; } ul.profile-icons li.info-icon { width: 20px; height: 20px; } ul.profile-icons li.warn-icon { width: 20px; height: 20px; } +ul.profile-icons a.responsive-menu-link { width: 20px; height: 20px; } /* Fix profile icon default margins */ ul.profile-icons li.edit-icon { margin: 0 0 0 3px; } |