diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html index 8c63ce9cea..2e4f6ce025 100644 --- a/phpBB/styles/prosilver/template/overall_header.html +++ b/phpBB/styles/prosilver/template/overall_header.html @@ -30,8 +30,10 @@ --> - - + + + + diff --git a/phpBB/styles/prosilver/template/viewtopic_body.html b/phpBB/styles/prosilver/template/viewtopic_body.html index 18fa7ce783..cdeb14170a 100644 --- a/phpBB/styles/prosilver/template/viewtopic_body.html +++ b/phpBB/styles/prosilver/template/viewtopic_body.html @@ -199,12 +199,12 @@
diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index 9ca04516cc..3df604394c 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -118,22 +118,22 @@ ul.linklist.bulletin li.small-icon:before { display: none; } -/* Poster profile icons +/* Poster contact icons ----------------------------------------*/ -ul.profile-icons { +ul.contact-icons { padding-top: 10px; list-style: none; } /* Rollover state */ -ul.profile-icons li { +ul.contact-icons li { float: left; margin: 0 6px 3px 0; background-position: 0 100%; } /* Rolloff state */ -ul.profile-icons li a { +ul.contact-icons li a { display: block; width: 100%; height: 100%; @@ -141,26 +141,26 @@ ul.profile-icons li a { } /* Hide text and hide off-state image when rolling over (prevents flicker in IE) */ -ul.profile-icons li span { display:none; } -ul.profile-icons li a:hover { background: none; } +ul.contact-icons li span { display:none; } +ul.contact-icons li a:hover { background: none; } /* Positioning of moderator icons */ -.postbody ul.profile-icons { +.postbody ul.contact-icons { float: right; width: auto; padding: 0; } -.postbody ul.profile-icons li { +.postbody ul.contact-icons li { margin: 0 3px; } /* Responsive icons in postbody */ -.postbody ul.profile-icons.responsive .responsive-menu { +.postbody ul.contact-icons.responsive .responsive-menu { position: relative; } -ul.profile-icons.responsive a.responsive-menu-link { +ul.contact-icons.responsive a.responsive-menu-link { display: inline-block; position: relative; margin: 0 5px; @@ -170,11 +170,11 @@ ul.profile-icons.responsive a.responsive-menu-link { background: none top left no-repeat; } -ul.profile-icons.responsive a.responsive-menu-link:hover { +ul.contact-icons.responsive a.responsive-menu-link:hover { background-position: 0 -20px; } -ul.profile-icons.responsive a.responsive-menu-link:before { +ul.contact-icons.responsive a.responsive-menu-link:before { content: ''; position: absolute; left: 0; @@ -185,13 +185,13 @@ ul.profile-icons.responsive a.responsive-menu-link:before { border-top: 0.375em double transparent; } -.postbody ul.profile-icons.responsive .popup-pointer { +.postbody ul.contact-icons.responsive .popup-pointer { left: auto; right: 7px; top: 20px; } -.postbody ul.profile-icons .dropdown li, .postbody ul.profile-icons .dropdown li a { +.postbody ul.contact-icons .dropdown li, .postbody ul.contact-icons .dropdown li a { display: block; background: transparent none; width: auto; @@ -202,7 +202,7 @@ ul.profile-icons.responsive a.responsive-menu-link:before { list-style-type: none; } -.postbody ul.profile-icons .dropdown li span { +.postbody ul.contact-icons .dropdown li span { display: block; text-align: right; font-size: 1.2em; @@ -210,7 +210,7 @@ ul.profile-icons.responsive a.responsive-menu-link:before { white-space: nowrap; } -.hasjs .postbody ul.profile-icons { +.hasjs .postbody ul.contact-icons { max-width: 40%; } @@ -271,19 +271,6 @@ ul.profile-icons.responsive a.responsive-menu-link:before { .info-icon, .info-icon a { background: none top left no-repeat; } /* Set profile icon dimensions */ -ul.profile-icons li.email-icon { width: 20px; height: 20px; } -ul.profile-icons li.phpbb_aol-icon { width: 20px; height: 20px; } -ul.profile-icons li.aim-icon { width: 20px; height: 20px; } -ul.profile-icons li.yahoo-icon { width: 20px; height: 20px; } -ul.profile-icons li.phpbb_yahoo-icon { width: 20px; height: 20px; } -ul.profile-icons li.web-icon { width: 20px; height: 20px; } -ul.profile-icons li.phpbb_website-icon { width: 20px; height: 20px; } -ul.profile-icons li.msnm-icon { width: 20px; height: 20px; } -ul.profile-icons li.phpbb_wlm-icon { width: 20px; height: 20px; } -ul.profile-icons li.icq-icon { width: 20px; height: 20px; } -ul.profile-icons li.phpbb_icq-icon { width: 20px; height: 20px; } -ul.profile-icons li.jabber-icon { width: 20px; height: 20px; } -ul.profile-icons li.pm-icon { width: 28px; height: 20px; } ul.profile-icons li.quote-icon { width: 54px; height: 20px; } ul.profile-icons li.report-icon { width: 20px; height: 20px; } ul.profile-icons li.edit-icon { width: 42px; height: 20px; } @@ -297,3 +284,153 @@ ul.profile-icons li.edit-icon { margin: 0 0 0 3px; } ul.profile-icons li.quote-icon { margin: 0 0 0 10px; } ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; } +/* mini profile buttons +--------------------------------------------- */ +ul.profile-icons { + float: right; + list-style: none; + width: auto; + height: auto; + margin-top: 2px; +} + +ul.profile-icons li { + float: left; + margin: 0 5px 0 0; +} + +ul.profile-icons li a { + font-weight: bold; + display: inline-block; + font-family: 'Noto Sans', sans-serif, Verdana, Arial, Helvetica; + font-size: 9px; + line-height: 10px; + height: 12px; + text-decoration: none !important; + outline-style: none !important; + vertical-align: bottom; + white-space: nowrap; + border: 1px solid transparent; + border-radius: 3px; + background: transparent none 0 0 repeat-x; + padding: 3px 5px 1px 8px; + position: relative; + border-color: #858585; + background: #e3e3e3; + /*background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ + background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); + background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); + background: -o-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); + background: -ms-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); + background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); + -m-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); + box-shadow: 0 0 0 1px #FFFFFF inset; + -webkit-box-shadow: 0 0 0 1px #FFFFFF inset; + color: #BC2A4D !important; +} + +ul.profile-icons li a:hover { + border-color: #0a8ed0; + background: #ffffff; + /*background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ + background: -moz-linear-gradient(top, #e3e3e3 1%, #ffffff 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e3e3e3), color-stop(100%,#ffffff)); + background: -webkit-linear-gradient(top, #e3e3e3 1%,#ffffff 100%); + background: -o-linear-gradient(top, #e3e3e3 1%,#ffffff 100%); + background: -ms-linear-gradient(top, #e3e3e3 1%,#ffffff 100%); + background: linear-gradient(to bottom, #e3e3e3 1%,#ffffff 100%); + -m-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); + text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2); + box-shadow: 0 0 0 1px #FFFFFF inset; + -webkit-box-shadow: 0 0 0 1px #FFFFFF inset; + color: #BC2A4D !important; +} + +ul.profile-icons li a:after { + content: ''; + display: block; + position: absolute; + top: 50%; + left: -4px; + width: 12px; + height: 16px; + margin-top: -10px; + background: transparent 0 0 no-repeat; + background-image: url("images/mini-buttons.png"); +} + + /* Mini profile button images */ +ul.profile-icons li.quote-icon a:after { + background-position: 0px 0px; +} + +ul.profile-icons li.quote-icon a:hover:after { + background-position: 0px -21px; +} + +ul.profile-icons li.edit-icon a:after { + background-position: -24px 0; +} + +ul.profile-icons li.edit-icon a:hover:after { + background-position: -24px -21px; +} + +ul.profile-icons li.warn-icon span { + display: none; +} + +ul.profile-icons li.warn-icon a:after { + background-position: -48px 0px; +} + +ul.profile-icons li.warn-icon a:hover:after { + background-position: -48px -21px; +} + +ul.profile-icons li.delete-icon span { + display: none; +} + +ul.profile-icons li.delete-icon a { + width: 12px; + padding: 3px 3px 1px 3px; +} + +ul.profile-icons li.delete-icon a:after { + background-position: -36px 0px; + left: 3px; + margin-top: -6px; +} + +ul.profile-icons li.delete-icon a:hover:after { + background-position: -36px -21px; +} + +ul.profile-icons li.report-icon span { + display: none; +} + +ul.profile-icons li.report-icon a { + width: 12px; + padding: 3px 3px 1px 3px; +} + +ul.profile-icons li.report-icon a:after { + background-position: -48px 0px; + left: 3px; + margin-top: -6px; +} + +ul.profile-icons li.report-icon a:hover:after { + background-position: -48px -21px; +} + +ul.profile-icons li.info-icon a { + padding: 3px 5px 1px 6px; +} + +ul.profile-icons li.info-icon a:after { + background: none; +} diff --git a/phpBB/styles/prosilver/theme/en/stylesheet.css b/phpBB/styles/prosilver/theme/en/stylesheet.css index d8ca2558e5..4ddf271cfd 100644 --- a/phpBB/styles/prosilver/theme/en/stylesheet.css +++ b/phpBB/styles/prosilver/theme/en/stylesheet.css @@ -1,8 +1,3 @@ -/* Set profile icon dimensions */ -ul.profile-icons li.pm-icon { width: 28px; height: 20px; } -ul.profile-icons li.quote-icon { width: 54px; height: 20px; } -ul.profile-icons li.edit-icon { width: 42px; height: 20px; } - /* Online image */ .online { background-image: url("./icon_user_online.gif"); } diff --git a/phpBB/styles/prosilver/theme/images/mini-buttons.png b/phpBB/styles/prosilver/theme/images/mini-buttons.png new file mode 100644 index 0000000000..1a885e0dcc Binary files /dev/null and b/phpBB/styles/prosilver/theme/images/mini-buttons.png differ