Commit be63393b authored by Jens Langhammer's avatar Jens Langhammer

revert to using folders

parent 25084f65
# BeryJu.org Assets
# BeryJu.org Branding
Every branch is a bundle of assets and config files for a different Application. The `master` holds raw and converted assets.
Different Prebuilt Branding assets. Raw Logos and Backgrounds in `assets/`
# Branding for Foreman
#!/bin/bash
#backup current files
if [ ! -d "/usr/share/foreman-old" ]; then
mkdir /usr/share/foreman-old
cp /usr/share/foreman/app/assets/stylesheets/login.scss /usr/share/foreman-old
fi
sed -i -e 's/background: $primary_color;/background: url(background.jpg);/g' /usr/share/foreman/app/assets/stylesheets/login.scss
sed -i -e 's/background:#005C7E;/background: url(background.jpg);/g' /var/lib/foreman/public/assets/application-*.css
cp background.jpg /var/lib/foreman/public/assets/
#!/bin/bash
rm /var/lib/foreman/public/assets/background.jpg
cp /usr/share/foreman-old/login.scss /usr/share/foreman/app/assets/stylesheets/login.scss
# Customize the vSphere Web Client 6.0 Update 2 Login UI
In vSphere 6.0, the vCenter Single Sign-On login page is now written using regular HTML and CSS. This means you can actually now customize the login page with your own logos, colors or text that you wish to display to your end users. Not only can you customize the login for vCenter Server but you can also do the same for vRealize Automation Center as long as you are using the latest version of the Platform Services Controller which now provides other services in addition to vCenter Single Sign-On.
## Requirements
* Running vSphere 6.0 Update 2 (for vSphere 6.0 & 6.0u1 environment, please use https://github.com/lamw/customize-vsphere-web-client-6.0)
* vCenter Server with Platform Services Controller (Embedded or External)
## Configurations
There are two specific files that you will want to take a look at, the first is **unpentry.jsp** which controls the look and feel of the actual login page and the second is **login.css** which controls the stylesheet for the login page. If you wish to include your own images including gifs (which I did not expect would work), there is a img directory that you can reference. Below are the paths to these configuration files for both a Windows vCenter Server and the VCSA 6.0u1.
**Windows vCenter Server 6.0u2**
C:\ProgramData\VMware\vCenterServer\runtime\VMwareSTSService\webapps\websso\WEB-INF\views
C:\ProgramData\VMware\vCenterServer\runtime\VMwareSTSService\webapps\websso\resources\css
C:\ProgramData\VMware\vCenterServer\runtime\VMwareSTSService\webapps\websso\resources\img
**VCSA 6.0u2**
/usr/lib/vmware-sso/vmware-sts/webapps/websso/WEB-INF/views/unpentry.jsp
/usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/css/login.css
/usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/img
## Contributing
When you create a great looking theme be sure to create a pull request and add your changes back here. When creating your own example please include a sample.png or sample.gif file in the folder for others to view.
#!/bin/bash -x
#backup current files
if [ ! -d "/usr/lib/vmware-sso-old" ]; then
mkdir /usr/lib/vmware-sso-old
cp /usr/lib/vmware-sso/vmware-sts/webapps/websso/WEB-INF/views/unpentry.jsp /usr/lib/vmware-sso-old
cp /usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/css/login.css /usr/lib/vmware-sso-old
fi
cp beryjuorg.jpg /usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/img
cp login.css /usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/css/login.css
cp unpentry.jsp /usr/lib/vmware-sso/vmware-sts/webapps/websso/WEB-INF/views/unpentry.jsp
@charset "utf-8";
/* CSS Document Login.css */
.base-app-style {
min-width: 1024px;
min-height: 612px;
position: relative;
height: 100%;
width: 100%;
}
body {
background: #3075ab; /* Old browsers */
background: -moz-linear-gradient(top, #3a8dc8 0%, #183a62 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a8dc8), color-stop(100%,#183a62)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3a8dc8 0%,#183a62 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3a8dc8 0%,#183a62 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3a8dc8 0%,#183a62 100%); /* IE10+ */
background: linear-gradient(to bottom, #3a8dc8 0%,#183a62 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8dc8', endColorstr='#183a62',GradientType=0 ); /* IE6-9 */
background-image: url(../../resources/img/beryjuorg.jpg);
background-color: #000000;
background-repeat:no-repeat;
margin: 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #87ceff;
}
.browser-validation-banner {
padding: 6px 12px 6px 10px;
margin: 0px;
position: absolute;
line-height: 20px;
top: 0px;
left: 0px;
right: 0px;
z-index: 100;
background-color: #ffffcc;
border: 1px solid #efe69b;
border-top-style: none;
border-radius: 0 0 5px 5px;
color: #333333;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.validation-message-text {
margin-left: 25px;
display: block;
font-weight: bold;
font-size: 11px;
}
#topSplash {
position: absolute;
top:0;
left:0;
z-index:1;
}
#brand {
position: absolute;
top: 55px;
left: 44px;
z-index:2;
}
#loginForm {
position: absolute;
top: 320px;
width: 405px;
padding-left: 490px;
z-index:3;
background-image:url(../img/divider.png);
background-position:right;
background-repeat:repeat-y;
}
.margeTextInput {
float:right;
margin-right: 44px;
width:200px;
}
.loginLabel {
font-weight:bold;
color: #FFFFFF;
text-align:left;
display:block;
padding-top:4px;
float:left;
}
.loginRow {
display:block;
padding-top:20px;
}
#sessionID {
clear:both;
float:right;
width:248px;
text-align:left;
margin-top:8px;
}
#smartcardID {
clear:both;
float:right;
width:248px;
text-align:left;
margin-top:8px;
}
#logonBannerID {
clear: both;
float:right;
width:248px;
text-align:left;
margin-top:2px;
}
#logonBannerTitle {
color: inherit;
}
#dialogLogonBanner .title {
text-align:left;
margin:0px 30px 0px 30px;
font-family:Arial;
font-size:20px;
color:#44535f;
}
.close-button {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.close-button:hover {
box-shadow: 0 0 10px #b2c0cc;
}
#dialogLogonBanner .content {
text-align:left;
margin:25px 30px 25px 30px;
font-family:Arial;
font-size:13px;
color:#414b57;
line-height:16px;
}
#rsaamID {
clear:both;
float:right;
width:248px;
text-align:left;
margin-top:8px;
}
#checkboxLabel {
display: block;
padding-left: 20px;
text-indent: -20px;
}
#sspiCheckbox {
width: 13px;
height: 13px;
padding: 0;
margin:0;
margin-right:10px;
vertical-align: bottom;
position: relative;
top: -1px;
left: 5px;
*overflow: hidden;
}
#smartcardCheckbox {
width: 13px;
height: 13px;
padding: 0;
margin:0;
margin-right:10px;
vertical-align: bottom;
position: relative;
top: -1px;
left: 5px;
*overflow: hidden;
}
#rsaamCheckbox {
width: 13px;
height: 13px;
padding: 0;
margin:0;
margin-right:10px;
vertical-align: bottom;
position: relative;
top: -1px;
left: 5px;
*overflow: hidden;
}
#logonBannerCheckbox {
width: 13px;
height: 13px;
padding: 0;
margin:0;
margin-right:2px;
vertical-align: bottom;
position: relative;
top: -1px;
left: 0px;
*overflow: hidden;
}
#loginButtonRow {
clear: both;
float:right;
margin-right:40px;
margin-top:20px;
}
.button {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 0px 30px;
height:24px;
font-size:12px;
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}
.blue {
color: #fff;
border: solid 2px #1d4772;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#0c6fb9), to(#014781));
background: -moz-linear-gradient(top, #0c6fb9, #014781);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c6fb9', endColorstr='#014781');
}
.blue:hover {
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0d84dc), to(#004d88));
background: -moz-linear-gradient(top, #0d84dc, #004d88);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d84dc', endColorstr='#004d88');
}
.blue:active {
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#035a9d), to(#086fba));
background: -moz-linear-gradient(top, #035a9d, #086fba);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#035a9d', endColorstr='#086fba');
}
#username:disabled,
#password:disabled,
#submit:disabled,
#sspiCheckbox:disabled {
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
#smartcardCheckbox:disabled {
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
#logonBannerCheckbox:disabled {
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
#productName {
position: absolute;
top: 345px;
left: 925px;
color:#FFF;
font-size:23px;
}
#response {
background:url(../../resources/img/error.png) left center no-repeat;
margin-top: 20px;
font-size: 12.5px;
padding-left: 20px;
color: #87CEFF;
}
#progressBar {
display: none;
}
.footer {
background-color: black;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
font-weight: bold;
padding: 10px;
color: #7B7E81;
padding-left: 44px
}
.footer a {
color : #7B7E81;
text-decoration: none;
}
.footer a:hover{
text-decoration: underline;
}
.info-icon {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
background-repeat: no-repeat;
margin: 0px 4px 0;
position: relative;
background-image: url(../../resources/img/infoOver.png);
cursor: pointer;
}
.ui-widget {
border: 1px solid #91a0aa;
border-radius: 0px;
}
.ui-widget-content {
background-color: #FFFFFF;
margin-top: 25px;
}
.ui-dialog-titlebar {
background-color: #FFFFFF;
border: none;
}
.hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#!/bin/bash -x
#restore from backup
rm /usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/img/beryjuorg.jpg
cp /usr/lib/vmware-sso-old/unpentry.jsp /usr/lib/vmware-sso/vmware-sts/webapps/websso/WEB-INF/views/unpentry.jsp
cp /usr/lib/vmware-sso-old/login.css /usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/css/login.css
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html class="base-app-style">
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="../../resources/css/loginIE8-7.css" />
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<!--<link href="../../resources/css/login.css" rel="stylesheet"> -->
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=5, IE=8, IE=10" >
<title>Login</title>
<script type="text/javascript">
// copying JSP variables to JS
var protocol="${protocol}";
var tenant_brandname="${tenant_brandname}";
var tenant_logonbanner_title = '${tenant_logonbanner_title}'.trim();
var tenant_logonbanner_content = '${tenant_logonbanner_content}'.trim();
var logonBannerCheckboxEnabled = '${enable_logonbanner_checkbox}'.trim() == 'true' ? true : false;
var logonBannerAlertMessage = '${logonBannerAlertMessage}';
var searchString ="${searchstring}";
var replaceString ='${replacestring}';
var error = '${error}';
var errorSSPI = '${errorSSPI}'
var spn = "${spn}"
var tlsclient_auth = '${enable_tlsclient_auth}';
var password_auth = '${enable_password_auth}';
var windows_auth = '${enable_windows_auth}';
var rsa_am_auth = '${enable_rsaam_auth}';
var rsaam_reminder = '${rsaam_reminder}';
var rsaam_passcode_label = '${passcode}:';
var password_label = '${password}:';
</script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_common.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_connection.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_base.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_factory.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_config.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_logging.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_session.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_sspi.js"></script>
<script type="text/javascript" src="../../resources/js/assets/csd_api_sso.js"></script>
<script type="text/javascript" src="../../resources/js/Base64.js"></script>
<script type="text/javascript" src="../../resources/js/VmrcPluginUtil.js"></script>
<script type="text/javascript" src="../../resources/js/CspPluginInstance.js"></script>
<script type="text/javascript" src="../../resources/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../../resources/js/websso.js"></script>
<script type="text/javascript" src="../../resources/js/jquery-ui.min.js"></script>
<link rel="icon" type="image/x-icon" href="../../resources/img/favicon.ico" />
<link rel="SHORTCUT ICON" href="../../resources/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="../../resources/css/jquery-ui.min.css">
</head>
<body>
<script type="text/javascript">
// regex to check for internet explorer 11 and below
var isInternetExplorer = /MSIE (\d+\.\d+);/.test(navigator.userAgent) || /Trident\/(\d+\.\d+);.*rv:(\d+\.\d+)/.test(navigator.userAgent);
if (!isVCLogin()) {
document.write('<link rel="stylesheet" type="text/css" href="../../resources/css/login_generic.css">');
}
else {
document.write('<link rel="stylesheet" type="text/css" href="../../resources/css/login.css">');
}
</script>
<script type="text/javascript">
//createProbes();
//createVmrcPluginObject();
//var _cspId = createCspPluginObject();
if (isVCLogin()) {
//document.write("<img id=\"topSplash\" src=\"../../resources/img/AppBgPattern.png\"/>");
document.write("<img id=\"brand\" src=\"../../resources/img/vmwareLogoBigger.png\" />");
}
else {
document.write("<p id=\"tenantBrand\">"+tenant_brandname+"</p>");
}
</script>
<div id="loginForm">
<p id="usernameID" class="loginRow" >
<span class="loginLabel">${username}:</span>
<input id="username" class="margeTextInput" type="text"/>
</p>
<p id="passwordID" class="loginRow" >
<span class="loginLabel">${password}:</span>
<input id="password" class="margeTextInput" type="password"/>
</p>
<p id="sessionID">
<label id="checkboxLabel"><input id="sspiCheckbox" disabled="true" type="checkbox" onchange='enableSspi(this);'/>${winSession}</label>
</p>
<p id="smartcardID">
<label id="checkboxLabel"><input id="smartcardCheckbox" disabled="false" type="checkbox" onchange='enableSmartcard(this);'/>${smartcard}</label>
</p>
<p id="rsaamID">
<label id="checkboxLabel"><input id="rsaamCheckbox" disabled="false" type="checkbox" onchange='enableRsaam(this);'/>${rsaam}</label>
</p>
<p id="loginButtonRow">
<input id="submit" class="button blue" type="submit" value=${login} onclick="submitentry()"/>
</p>
<p id="logonBannerID">
<input id="logonBannerCheckbox" type="checkbox" onclick="isBannerChecked()"/>
<span id="agreementMsg">${iAgreeTo}</span>
<a id="logonBannerTitle" class="hyphenate" href="javascript:void(0);" onClick="displayLogonBannerDialog()">${tenant_logonbanner_title}</a>
</p>
</div>
<div id="dialogLogonBanner"></div>
<div id="productName">
<script type="text/javascript">
if (isVCLogin()) {
document.write("<img id=\"VCSSO-Title\" src=\"../../resources/img/VCSSO-title.png\" />");
}
</script>
<div id="response" style="display:none"></div>
<div id="progressBar" style="display:none"><img src="../../resources/img/Marge-anim-progressbar.gif"></div>
</div>
<div id="footer" class="footer">
<span id="downloadCIPlinkBox" style="display:none">
<a id="downloadCIPlink" target="_blank">${downloadCIP}</a>
</span>
</div>
<div id="postForm"></div>
<div class="browser-validation-banner" style="visibility: hidden">
<span class="validation-message-text">${unsupportedBrowserWarning}</span>
</div>
<script type="text/javascript">
if (isVCLogin() && !isBrowserSupportedVC()) {
$(".browser-validation-banner").css("visibility","visible");
}
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment