Alert log out message customization

This commit is contained in:
Gabriel Cardoso 2013-10-30 15:25:59 -02:00
parent 51d6538b03
commit 9ca2632c75
3 changed files with 32 additions and 7 deletions

View file

@ -43,7 +43,22 @@ body {
background-image: url(img/feedback-info-sign.png);
background-color: #e4f3fa;
}
#idletimeout {
background: #CC5100;
color: #FFFFFF;
font-size: 1.1em;
padding: 0.90909090909091em;
text-align: center;
display: none;
}
#idletimeout a {
color: #fff;
font-weight: bold;
}
/* Header */
.header.rcue {
z-index: 50;
}
.header.rcue .navbar.utility {
background-color: #393F45;
border-bottom: 1px solid #53565B;

View file

@ -60,11 +60,27 @@ body {
}
}
#idletimeout {
background: #CC5100;
color: #FFFFFF;
font-size: 1.1em;
padding: 0.90909090909091em;
text-align: center;
display: none;
a {
color: #fff;
font-weight: bold;
}
}
/* Header */
.header.rcue {
z-index: 50;
.navbar.utility {
background-color: #393F45;
border-bottom: 1px solid #53565B;

View file

@ -5,12 +5,6 @@
<meta charset="utf-8">
<title>Keycloak</title>
<style type="text/css">
#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }
</style>
<link rel="icon" href="/auth-server/admin-ui/img/favicon.ico">
<!-- Frameworks -->
@ -59,7 +53,7 @@
<body class="admin-console" data-ng-controller="GlobalCtrl">
<div id="idletimeout">
You will be logged off in <span></span>&nbsp;seconds due to inactivity.
You will be logged off in <strong><span></span> seconds</strong> due to inactivity.
<a id="idletimeout-resume" href="#">Click here to continue using this web page</a>.
</div>