KEYCLOAK-19550 Completely remove Zocial CSS components (#8581)

distribution/feature-packs/server-feature-pack/src/main/resources/licenses/keycloak/Zocial,MIT License.txt

@@ -1,46 +0,0 @@
-# Zocial CSS social buttons
-
-I basically rewrote this entire set so they are full vector buttons, meaning:
-
-- @font-face icons
-- custom font file for all social icons
-- icon font use private unicode spaces for accessibility
-- em sizing based on button font-size
-- support for about 83 different services
-- buttons and icons supported
-- no raster images (sweet)
-- works splendidly on any browser supporting @font-face
-- CSS3 degrades gracefully in IE8 and below etc.
-- also includes generic icon-less primary and secondary buttons
-
-## How to use these buttons
-
-	<button class="zocial facebook">Button label here</button>
-
-or
-
-	<a class="zocial twitter">Button label</a>
-
-- Can be any element e.g. `a`, `div`, `button` etc.
-- Add class of `.zocial`
-- Add class for name of service e.g. `.dropbox`, `.twitter`, `.github`
-- Done :-)
-
-Check out [zocial.smcllns.com](http://zocial.smcllns.com) for demo and code examples.
-
-There's also a LESS version from @gustavohenke [here](https://github.com/gustavohenke/zocial-less)
-
-Problems, questions or requests to [@smcllns](http://twitter.com/smcllns)
-
-## How to contribute
-
-Install [Font Custom](http://fontcustom.com/#installation)
-
-Run `fontcustom compile` to build the font.
-
-New fonts are defined by adding them in the `svg/` folder. For color settings
-see the `templates/zocial.css` file.
-
-## License
-
-Under [MIT License](http://opensource.org/licenses/mit-license.php)

distribution/feature-packs/server-feature-pack/src/main/resources/licenses/keycloak/licenses.xml

@@ -484,18 +484,6 @@
         </license>
       </licenses>
     </other>
-    <other>
-      <description>Zocial</description>
-      <locations>
-        <directory>themes/keycloak/common/resources/lib/zocial</directory>
-      </locations>
-      <licenses>
-        <license>
-          <name>MIT License</name>
-          <url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
-        </license>
-      </licenses>
-    </other>
     <other>
       <description>rfc4648.js</description>
       <locations>

distribution/feature-packs/server-feature-pack/src/main/resources/licenses/rh-sso/Zocial,MIT License.txt

@@ -1,46 +0,0 @@
-# Zocial CSS social buttons
-
-I basically rewrote this entire set so they are full vector buttons, meaning:
-
-- @font-face icons
-- custom font file for all social icons
-- icon font use private unicode spaces for accessibility
-- em sizing based on button font-size
-- support for about 83 different services
-- buttons and icons supported
-- no raster images (sweet)
-- works splendidly on any browser supporting @font-face
-- CSS3 degrades gracefully in IE8 and below etc.
-- also includes generic icon-less primary and secondary buttons
-
-## How to use these buttons
-
-	<button class="zocial facebook">Button label here</button>
-
-or
-
-	<a class="zocial twitter">Button label</a>
-
-- Can be any element e.g. `a`, `div`, `button` etc.
-- Add class of `.zocial`
-- Add class for name of service e.g. `.dropbox`, `.twitter`, `.github`
-- Done :-)
-
-Check out [zocial.smcllns.com](http://zocial.smcllns.com) for demo and code examples.
-
-There's also a LESS version from @gustavohenke [here](https://github.com/gustavohenke/zocial-less)
-
-Problems, questions or requests to [@smcllns](http://twitter.com/smcllns)
-
-## How to contribute
-
-Install [Font Custom](http://fontcustom.com/#installation)
-
-Run `fontcustom compile` to build the font.
-
-New fonts are defined by adding them in the `svg/` folder. For color settings
-see the `templates/zocial.css` file.
-
-## License
-
-Under [MIT License](http://opensource.org/licenses/mit-license.php)

distribution/feature-packs/server-feature-pack/src/main/resources/licenses/rh-sso/licenses.xml

@@ -484,18 +484,6 @@
         </license>
       </licenses>
     </other>
-    <other>
-      <description>Zocial</description>
-      <locations>
-        <directory>themes/keycloak/common/resources/lib/zocial</directory>
-      </locations>
-      <licenses>
-        <license>
-          <name>MIT License</name>
-          <url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
-        </license>
-      </licenses>
-    </other>
     <other>
       <description>rfc4648.js</description>
       <locations>

distribution/galleon-feature-packs/server-galleon-pack/src/license/keycloak-server-galleon-pack-licenses.xml

@@ -499,18 +499,6 @@
                 </license>
             </licenses>
         </other>
-        <other>
-            <description>Zocial</description>
-            <locations>
-                <directory>themes/keycloak/common/resources/lib/zocial</directory>
-            </locations>
-            <licenses>
-                <license>
-                    <name>MIT License</name>
-                    <url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
-                </license>
-            </licenses>
-        </other>
         <other>
             <description>rfc4648.js</description>
             <locations>

distribution/galleon-feature-packs/server-galleon-pack/src/license/rh-sso-server-galleon-pack-licenses.xml

@@ -484,18 +484,6 @@
         </license>
       </licenses>
     </other>
-    <other>
-      <description>Zocial</description>
-      <locations>
-        <directory>themes/keycloak/common/resources/lib/zocial</directory>
-      </locations>
-      <licenses>
-        <license>
-          <name>MIT License</name>
-          <url>https://raw.githubusercontent.com/smcllns/css-social-buttons/547237515694d05eaa38aeae3fb4d2eb4dee1ac9/README.md</url>
-        </license>
-      </licenses>
-    </other>
     <other>
       <description>rfc4648.js</description>
       <locations>

examples/themes/src/main/resources/theme/logo-example/login/resources/css/logo.css

@@ -15,8 +15,7 @@
  * limitations under the License.
  */
 
-#kc-logo-wrapper {
+div.kc-logo-text {
-    background: url("../img/red-hat-logo.png") no-repeat top right;
+    background: url(../img/red-hat-logo.png) no-repeat center center;
-    height: 45px;
+    background-size: contain;
-    width: 200px;
 }

examples/themes/src/main/resources/theme/logo-example/login/theme.properties

@@ -18,4 +18,4 @@
 parent=keycloak
 import=common/keycloak
 
-styles=lib/patternfly/css/patternfly.css lib/zocial/zocial.css css/login.css css/logo.css
+styles=css/login.css css/tile.css css/logo.css

themes/src/main/resources/theme/keycloak/login/resources/css/login.css

@@ -208,14 +208,6 @@ a#kc-current-locale-link::after {
     width: 100%;
 }
 
-#kc-logo-wrapper {
-    background-image: url(../img/keycloak-logo-2.png);
-    background-repeat: no-repeat;
-    height: 63px;
-    width: 300px;
-    margin: 62px auto 0;
-}
-
 div.kc-logo-text {
     background-image: url(../img/keycloak-logo-text.png);
     background-repeat: no-repeat;
@@ -526,14 +518,6 @@ ul#kc-totp-supported-apps {
         text-align: right;
         z-index: 9999;
     }
-
-    #kc-logo-wrapper {
-        background-size: 100px 21px;
-        height: 21px;
-        width: 100px;
-        margin: 20px 0 0 20px;
-    }
-
 }
 
 @media (min-height: 646px) {