Customize The Vcenter/VCSA Login Screen on Vmware 7.0 - Tutorial and How To

Jack H
Jack H
2.1 هزار بار بازدید - 4 سال پیش - Please comment your creations! I'm
Please comment your creations! I'm so excited to see what you come up with.

The first half of the video is likely more helpful than the latter half, (I love me some rambling)! Here's some helpful stuff to copy and paste instead of read and re-type off the video:

LOCATION FOR IMAGE STORAGE
https://[VCSAaddress]/websso/resources/img/

LOCATION FOR THE CSS FILE [FOR SSH/PUTTY]
/usr/lib/vmware-sso/vmware-sts/webapps/ROOT/resources/css/clr-ui.min.css

.login-wrapper .login {
   background: #292929;
   color: white;

   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 1rem 2.5rem;
   margin-left: 500px;
   min-height: 100vh;
   min-width: 35em;
   opacity: 92%;
   -moz-box-shadow: 0px 10px 42px -1px rgba(0,0,0,0.92);
   box-shadow: 0px 10px 42px -1px rgba(0,0,0,0.92);

   animation: 2865.31ms cubic-bezier(0.6, -0.42, 0, 1.38) 145.297ms 1 normal forwards running slide-right;
   transform: translateX(-210%);
}

@keyframes slide-right {
 to {
   transform:translateX(0);
 }
}


.btn-primary .btn, .btn.btn-primary {
   border-color: #6b8e5a;
   background-color: #9acd82;
   color: #323731;
   font-weight: bolder;
   height: 50px;
   border-radius: 200px 200px 200px 200px;
   -moz-border-radius: 200px 200px 200px 200px;
   -webkit-border-radius: 200px 200px 200px 200px;
   border: 3px solid #ffffb5;
}

.login-wrapper .login .title {
   line-height: 12;
   background-size: 100% auto;
   background-repeat: no-repeat;
   background-position: right;
   background-position-y: -6px;
   margin-bottom: -189px;
   font-size: 1.333333rem;
   color: white;
   background-image: url(../../resources/img/IntelNUCVcenterWallpaper_transparent.png);
}


.login-wrapper {
   display: -ms-flexbox;
   display: flex;

   background-size: auto 100%;
   background-max-height: ;
   background-position-y: top;
   
   background-color: #9acd82;
   background-image: url(../../resources/img/Jackharvest_Dog_2560x1080plus.png);
   
   background-repeat: no-repeat;
}

.footer {
   position: absolute;
   left: 550px;
   bottom: 20px;
   font-weight: bold;
   padding: 10px;
   color: #7B7E81;
   padding-left: 44px;
}


input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url] {
 
   color: #cbfeb4;

}

CREDITS
Thank you @Joe Jabon (@surfdude2000) for the fuzzy TV bit.
Thank you Sound Bible for some sound effects.
Thank you enthusiasts who are about to make some sick logins.
4 سال پیش در تاریخ 1399/02/06 منتشر شده است.
2,113 بـار بازدید شده
... بیشتر