diff --git a/sass/partials/common/_comment.scss b/sass/partials/common/_comment.scss index 052234e6e076f531c628670dd5d75c5ea73c43fc..4ec69aaf4c3855001a6c91b7f6d9d3ca4ba1a08e 100644 --- a/sass/partials/common/_comment.scss +++ b/sass/partials/common/_comment.scss @@ -45,6 +45,9 @@ .picture { float: left; width: 40px; + img { + display: block; + } } // Move out of the way of the user picture. > h3, .submitted, .content { @@ -112,6 +115,12 @@ } } } + + .new-user { + @include new-user-badge; + font-size: .7692em; /* 10px */ + line-height: 1.3; /* 13px */ + } } .user-signature { diff --git a/sass/partials/common/_user-profile.scss b/sass/partials/common/_user-profile.scss index f7d849d49c1e2d95ed3437e24b8621548a3535d4..7e0cfbc0d04a9649c3f8b0a689b0cb73730126c1 100644 --- a/sass/partials/common/_user-profile.scss +++ b/sass/partials/common/_user-profile.scss @@ -16,6 +16,17 @@ width: 100%; // IE SVG scaling. } } + + .user-picture { + img { + display: block; + } + .new-user { + @include new-user-badge; + line-height: 2.4; + width: 140px; + } + } } @media all and (min-width: 451px) { diff --git a/sass/partials/utilities/_mixins.scss b/sass/partials/utilities/_mixins.scss index 73d929996fc7ee886c6159bba1740a06e250345c..59860f320b786b674f8dbee502ea8045e659e0bd 100644 --- a/sass/partials/utilities/_mixins.scss +++ b/sass/partials/utilities/_mixins.scss @@ -64,3 +64,28 @@ cursor: pointer; } } + +@mixin element-invisible { + position: absolute !important; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); + overflow: hidden; + height: 1px; +} + +@mixin element-visible { + position: inherit !important; + clip: inherit; + overflow: inherit; + height: inherit; +} + +@mixin new-user-badge { + background-color: #0D7DC1; + color: white; + text-align: center; + text-transform: uppercase; + span { + @include element-invisible; + } +}