chenxing
+112
@@ -0,0 +1,112 @@
|
||||
@import "components/variables";
|
||||
|
||||
// Bootstrap and its default variables
|
||||
@import "../../../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@import "partials/messages";
|
||||
|
||||
@import "components/login";
|
||||
|
||||
@import "components/footer";
|
||||
|
||||
@import "partials/admin-panels";
|
||||
|
||||
@import "components/tooltips";
|
||||
|
||||
@import "components/alerts";
|
||||
|
||||
@import "components/statistics-view";
|
||||
|
||||
@import "components/view-configuration";
|
||||
|
||||
@import "components/dashboard-view";
|
||||
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
/* Margin bottom by footer height */
|
||||
margin-bottom: 85px;
|
||||
}
|
||||
|
||||
body>.container {
|
||||
padding: 85px 15px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
}
|
||||
.logo {
|
||||
width: 80px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
header {
|
||||
& > .navbar {
|
||||
background-color: $navbar-background-color;
|
||||
color: color-yiq($navbar-background-color);
|
||||
|
||||
.logo {
|
||||
path.cls-1 {
|
||||
@if lightness($navbar-background-color) > lightness(#aaa) {
|
||||
fill: theme-color("cas-primary");
|
||||
} @else {
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Cards
|
||||
.card {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
#card-unexpired-tgts {
|
||||
color: #3c763d;
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
#card-unexpired-sts {
|
||||
color: #3c763d;
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
#card-expired-tgts {
|
||||
color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
#card-expired-sts {
|
||||
color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
#card-uptime {
|
||||
background-color: #d9edf7;
|
||||
|
||||
.card-header {
|
||||
color: #31708f;
|
||||
}
|
||||
}
|
||||
#card-server-info {
|
||||
.card-header {
|
||||
background-color: #d9edf7;
|
||||
color: #31708f;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.huge {
|
||||
font-size: 30pt;
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.semi-huge {
|
||||
font-size: 18pt;
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
@import 'https://fonts.googleapis.com/css?family=PT+Mono';
|
||||
|
||||
#authnEvents {
|
||||
.tabsContainer {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.btn .caret {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.tab-pane {
|
||||
padding: 20px 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
#container {
|
||||
width:100%;
|
||||
}
|
||||
+83
@@ -0,0 +1,83 @@
|
||||
// Bootstrap and its default variables
|
||||
@import "components/variables";
|
||||
|
||||
@import "../../../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@import "mixins/buttons";
|
||||
|
||||
@import "partials/messages";
|
||||
|
||||
@import "components/login";
|
||||
|
||||
@import "components/footer";
|
||||
|
||||
@import "components/buttons";
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
/* Margin bottom by footer height */
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
body>.container {
|
||||
padding: 65px 15px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
}
|
||||
.logo {
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
header {
|
||||
& > .navbar {
|
||||
background-color: $navbar-background-color;
|
||||
color: color-yiq($navbar-background-color);
|
||||
|
||||
.logo {
|
||||
path.cls-1 {
|
||||
@if lightness($navbar-background-color) > lightness(#aaa) {
|
||||
fill: theme-color("cas-primary");
|
||||
} @else {
|
||||
fill: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Cards
|
||||
.card {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
#cas-resource-list {
|
||||
background-color: $cas-resource-list-background-color;
|
||||
}
|
||||
|
||||
#cookiesDisabled.card {
|
||||
background-color: $cookies-disabled-background-color;
|
||||
color: color-yiq($cookies-disabled-background-color);
|
||||
}
|
||||
|
||||
#staticAuthentication.card {
|
||||
background-color: $default-auth-background-color;
|
||||
color: color-yiq($default-auth-background-color);
|
||||
}
|
||||
|
||||
#serviceui.alert {
|
||||
background-color: $serviceui-alert-background-color;
|
||||
color: color-yiq($serviceui-alert-background-color);
|
||||
}
|
||||
|
||||
#insecureNotice.card {
|
||||
background-color: $insecure-notice-background-color;
|
||||
color: color-yiq($insecure-notice-background-color);
|
||||
}
|
||||
+5
@@ -0,0 +1,5 @@
|
||||
.alert-default {
|
||||
color: #333;
|
||||
background-color: #dedede;
|
||||
border-color: #3d3d3d;
|
||||
}
|
||||
+48
@@ -0,0 +1,48 @@
|
||||
@import "variables.scss";
|
||||
|
||||
// This sets a default background color for all btn-social implementations. The actual provider style will
|
||||
// override this with their own colors. This is use as a fallback for unknown social types.
|
||||
.btn-social {
|
||||
background-color: slategray;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
@import "../vendor/bootstrap-social/bootstrap-social";
|
||||
|
||||
// social-button overrides
|
||||
.btn-social, .btn-social-icon {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.btn-social > :first-child, .btn-social-icon > :first-child {
|
||||
line-height: 38px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add in our own custom social colors.
|
||||
*/
|
||||
.btn-submit {
|
||||
@include btn-social(theme-color("btn-submit"));
|
||||
|
||||
}
|
||||
|
||||
|
||||
.btn-cas { @include btn-social(#153e50) }
|
||||
.btn-saml2 { @include btn-social(#cb2027) }
|
||||
.btn-oidc { @include btn-social(#f7931e) }
|
||||
.btn-google2 { @include btn-social(#DD4B39) }
|
||||
.btn-windows { @include btn-social(#2672EC) }
|
||||
.btn-wordpress { @include btn-social(#eeeeee, #000) }
|
||||
|
||||
// Specific provider overrides
|
||||
a.btn.btn-wordpress { color: #000!important; }
|
||||
|
||||
// Success appears as the bootstrap success theme color
|
||||
.btn-restart { @include btn-social(#28a745) }
|
||||
|
||||
// Success appears as the bootstrap warning theme color
|
||||
.btn-refresh { @include btn-social(#ffc107) }
|
||||
|
||||
// Success appears as the bootstrap danger theme color
|
||||
.btn-shutdown { @include btn-social(#dc3545) }
|
||||
+530
@@ -0,0 +1,530 @@
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
//-webkit-transition: all 0.2s ease;
|
||||
}
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
|
||||
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
|
||||
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
|
||||
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
|
||||
hgroup, menu, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
//font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
body { line-height: 1; font-size: 14px;}
|
||||
nav ul { list-style: none; }
|
||||
blockquote, q { quotes: none; }
|
||||
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
|
||||
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
|
||||
ins { background-color: #ff9; color: #000; text-decoration: none; }
|
||||
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
|
||||
del { text-decoration: line-through; }
|
||||
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
|
||||
input, select { vertical-align: middle; }
|
||||
body { font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.4em; background: #eee; }
|
||||
|
||||
input {
|
||||
border: none;
|
||||
transition: all .5s linear;
|
||||
padding: 10px;
|
||||
border: solid 1px #dcdcdc;
|
||||
transition: box-shadow 0.3s, border 0.3s;
|
||||
}
|
||||
|
||||
input:hover, input:focus {
|
||||
outline: 0;
|
||||
transition: all .5s linear;
|
||||
box-shadow: 0 0 5px 1px #969696;
|
||||
border: solid 1px #707070;
|
||||
}
|
||||
|
||||
#container { width: 960px; margin: 0 auto; }
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
#container { width: 960px; }
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1280px) {
|
||||
#ssosessions-page #container { width: 1280px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
#container { width: 100%; }
|
||||
#content {
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
body#cas {
|
||||
background: #153e50; /* Old browsers */
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color: #257bb2;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #a0b757;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1.4em;
|
||||
}
|
||||
|
||||
header {
|
||||
overflow: hidden;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: block;
|
||||
background: url(../images/logo.png) no-repeat;
|
||||
text-indent: -999em;
|
||||
float: left;
|
||||
height: 100px;
|
||||
width: 80%;
|
||||
margin-right: 40px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
float: right;
|
||||
width: 119px;
|
||||
height: 60px;
|
||||
background: url(../images/cas-logo.png) no-repeat;
|
||||
text-indent: -999em;
|
||||
}
|
||||
|
||||
#content {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#msg {
|
||||
padding: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
#msg.errors {
|
||||
border: 1px dotted #BB0000;
|
||||
color: #BB0000;
|
||||
padding-left: 100px;
|
||||
background: url(../images/error.png) no-repeat 20px center;
|
||||
}
|
||||
|
||||
#msg.success { border: 1px dotted #390; color: #390; padding-left: 100px; background: url(../images/success.png) no-repeat 20px center; }
|
||||
#msg.info { border: 1px dotted #008; color: #008; padding-left: 100px; background: url(../images/info.png) no-repeat 20px center; }
|
||||
#msg.question { border: 1px dotted #390; color: #390; padding-left: 100px; background: url(../images/question.png) no-repeat 20px center; }
|
||||
#msg.warn { border: 1px dotted #960; color: #960; padding-left: 100px; background: #ffbc8f url(../images/info.png) no-repeat 20px center; }
|
||||
|
||||
.errors {
|
||||
border: 1px dotted #BB0000;
|
||||
color: #BB0000;
|
||||
padding-left: 100px;
|
||||
padding-top:5px;
|
||||
margin-bottom:5px;
|
||||
background: url(../images/error.png) no-repeat 20px center;
|
||||
}
|
||||
|
||||
#serviceui.serviceinfo {
|
||||
border: 1px dotted #0066FF;
|
||||
color: black;
|
||||
padding-left: 10px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#servicedesc {
|
||||
vertical-align:middle;
|
||||
padding-left: 30px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
@import "components/login";
|
||||
|
||||
|
||||
@import "components/footer";
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
header { padding: 20px; }
|
||||
#container { width: 100%; }
|
||||
#content {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 855px) {
|
||||
#logo { display: none; }
|
||||
header h1 { font-size: 1em; width: 70px; height: 40px; background-size: 70px 40px; }
|
||||
#login { float: none; width: 100%; }
|
||||
#fm1 .row input[type=text],
|
||||
#fm1 .row input[type=password] { width: 100%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
|
||||
#fm1 .row .btn-submit { outline: none; -webkit-appearance: none; -webkit-border-radius: 0; border: 0; background: #70ba61; color: white; font-weight: bold; width: 100%; padding: 10px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||||
#fm1 .row .btn-reset { display: none; }
|
||||
#sidebar { margin-top: 20px; }
|
||||
#sidebar .sidebar-content { padding: 0; }
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* SSO Sessions Styles
|
||||
*/
|
||||
#loadingMessage {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#cas-sessions, #no-cas-sessions {
|
||||
display: none;
|
||||
}
|
||||
#no-cas-sessions div {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.ssoSessions #content {
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#container-stable {
|
||||
margin: 20px 0 20px;
|
||||
}
|
||||
|
||||
.ssoSessions .btn-success {
|
||||
background: #70ba61;
|
||||
border: 0;
|
||||
padding: 10px 20px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.ssoSessions .sorting_desc, .ssoSessions .sorting_asc {
|
||||
background-color: rgba(239, 239, 239, 0.8);
|
||||
}
|
||||
.ssoSessions #removeAllSessionsButton.btn .badge {
|
||||
color: #000;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
.ssoSessions .adminPanels {
|
||||
border-bottom: 1px solid #efefef;
|
||||
margin-bottom: 2em;
|
||||
margin-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
.ssoSessions .adminPanels .panel-default>.panel-heading {
|
||||
background-color: #fff;
|
||||
border-bottom: none;
|
||||
}
|
||||
.ssoSessions .adminPanels .panel-default>.panel-heading h3 {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
.ssoSessions .adminPanels .panel-default > .panel-heading:after {
|
||||
position: absolute;
|
||||
font-family: FontAwesome;
|
||||
top: -5px;
|
||||
right: 30px;
|
||||
font-size: 70pt;
|
||||
color: #153e50;
|
||||
opacity: 0.1;
|
||||
}
|
||||
.adminPanels .users-panel.panel-default > .panel-heading:after {
|
||||
content: "\f0c0";
|
||||
}
|
||||
|
||||
.adminPanels .usage-panel.panel-default > .panel-heading:after {
|
||||
content: "\f201";
|
||||
}
|
||||
|
||||
.adminPanels .tickets-panel.panel-default > .panel-heading:after {
|
||||
content: "\f145";
|
||||
}
|
||||
|
||||
|
||||
.ssoSessions td.details-control {
|
||||
cursor: pointer;
|
||||
font-family: FontAwesome;
|
||||
font-size: 10pt;
|
||||
color: #337ab7;
|
||||
}
|
||||
.ssoSessions td.details-control:after {
|
||||
content: "\f067";
|
||||
/*content: "\002B"; - thinner plus sign */
|
||||
}
|
||||
.ssoSessions tr.shown td.details-control:after {
|
||||
content: "\f068";
|
||||
/*content: "\002D"; - thinner minus sign */
|
||||
}
|
||||
|
||||
.row-detail-wrapper {
|
||||
/*background-color: cornsilk;*/
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
.ssoSessions .row-detail thead {
|
||||
display: none;
|
||||
}
|
||||
.ssoSessions .row-detail {
|
||||
/*font-size: 8pt;*/
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.ssoSessions .field-label {
|
||||
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
|
||||
/*font-size: 8pt;*/
|
||||
/*font-weight: bold;*/
|
||||
}
|
||||
|
||||
.principal_attributes td:first-child {
|
||||
width: 30%;
|
||||
}
|
||||
table.principal_attributes>tbody>tr>td {
|
||||
border-top-color: #E6E6E6;
|
||||
}
|
||||
|
||||
.adminPanels .panel-body {
|
||||
padding-top: 5px;
|
||||
}
|
||||
.adminPanels .panel-body span {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 30pt;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.row-eq-height {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#alertBox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@import "alerts";
|
||||
|
||||
|
||||
/**
|
||||
SB Admin Styles
|
||||
*/
|
||||
|
||||
.huge {
|
||||
font-size: 30pt;
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.semi-huge {
|
||||
font-size: 18pt;
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
/**
|
||||
* Statistics View
|
||||
*/
|
||||
|
||||
.statisticsView {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.statisticsView .progress-meter .background {
|
||||
fill: #DFEAFD;
|
||||
}
|
||||
.statisticsView .progress-meter .foreground {
|
||||
fill: #2E7AF9;
|
||||
}
|
||||
.statisticsView .progress-meter text {
|
||||
font-family: 'Lato' sans-serif;
|
||||
font-size: 25pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
.statisticsView .progress-meter .text2 {
|
||||
font-family: 'Georgia' sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.modal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Runtime Statistics Gauge styles
|
||||
*/
|
||||
.statisticsView .runtimeStatistics .background {
|
||||
fill: #DFEAFD;
|
||||
}
|
||||
.statisticsView .runtimeStatistics .foreground {
|
||||
fill: #2E7AF9;
|
||||
}
|
||||
.statisticsView .runtimeStatistics text {
|
||||
font-family: 'Lato' sans-serif;
|
||||
font-size: 25pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
.statisticsView .runtimeStatistics .text2 {
|
||||
font-family: 'Georgia' sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
#uptime-panel {
|
||||
display: none;
|
||||
}
|
||||
#uptime {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.thread-dump-view {
|
||||
height: 600px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#metricsGauges strong {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#metricsGauges .panel {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#metricsGauges ul {
|
||||
height : auto;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
#metricsGauges li {
|
||||
float : left;
|
||||
width : 80px;
|
||||
height: 80px;
|
||||
margin: 0 0 10px 10px;
|
||||
background : #d8d8d8;
|
||||
|
||||
}
|
||||
#metricsGauges ul li:nth-child(5n + 1) {
|
||||
clear : left;
|
||||
}
|
||||
|
||||
|
||||
.statisticsView .equal, .statisticsView .equal > div[class*='col-'] {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex:1 1 auto;
|
||||
}
|
||||
|
||||
.statisticsView .section {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
#viewSsoSessions {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.statisticsView .adminPanels.container-fluid {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* View Configuration Styles
|
||||
*/
|
||||
#viewConfigError {
|
||||
display: none;
|
||||
}
|
||||
#view-configuration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* CAS Meter/PM
|
||||
*/
|
||||
meter {
|
||||
/* Reset the default appearance */
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
margin: 0 auto 1em;
|
||||
width: 100%;
|
||||
height: .5em;
|
||||
|
||||
/* Applicable only to Firefox */
|
||||
background: none;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
meter::-webkit-meter-bar {
|
||||
background: none;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
meter[value="1"]::-webkit-meter-optimum-value {
|
||||
background: red;
|
||||
}
|
||||
|
||||
meter[value="2"]::-webkit-meter-optimum-value {
|
||||
background: yellow;
|
||||
}
|
||||
|
||||
meter[value="3"]::-webkit-meter-optimum-value {
|
||||
background: orange;
|
||||
}
|
||||
|
||||
meter[value="4"]::-webkit-meter-optimum-value {
|
||||
background: green;
|
||||
}
|
||||
|
||||
meter[value="1"]::-moz-meter-bar {
|
||||
background: red;
|
||||
}
|
||||
|
||||
meter[value="2"]::-moz-meter-bar {
|
||||
background: yellow;
|
||||
}
|
||||
|
||||
meter[value="3"]::-moz-meter-bar {
|
||||
background: orange;
|
||||
}
|
||||
|
||||
meter[value="4"]::-moz-meter-bar {
|
||||
background: green;
|
||||
}
|
||||
|
||||
.feedback {
|
||||
color: #9ab;
|
||||
font-size: 90%;
|
||||
padding: 0 .25em;
|
||||
font-family: Courgette, cursive;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.pm {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
@import "dashboard-view";
|
||||
+144
@@ -0,0 +1,144 @@
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
|
||||
$secondary-color: rgb(20, 144, 179);
|
||||
|
||||
.viewDashboard {
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
margin-left: 10px;
|
||||
border-bottom: solid 1px #efefef;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
i {
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
>div {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
clear: both;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.app-launcher {
|
||||
clear: both;
|
||||
margin-bottom: 2em;
|
||||
|
||||
ul {
|
||||
|
||||
li {
|
||||
margin: 10px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
float: left;
|
||||
border: 5px solid #ccc;
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 1.15rem;
|
||||
text-align: center;
|
||||
background-color: #efefef;
|
||||
border-radius: 50%;
|
||||
|
||||
transition: box-shadow 0.5s ease;
|
||||
display: table;
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
box-shadow: 0px 0px 20px rgba($secondary-color, 0.8);
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
line-height: normal;
|
||||
transition: font-weight .2s ease-out;
|
||||
border-radius: 50%;
|
||||
color: #045183;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: white;
|
||||
background-color: #1490b3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.server-config {
|
||||
}
|
||||
|
||||
.server-functions {
|
||||
ul li {
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
// TODO: Move this out to a higher level
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0; // For input.btn
|
||||
font-weight: $btn-font-weight;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
||||
border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&.active {
|
||||
&:focus,
|
||||
&.focus {
|
||||
@include tab-focus;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
@include opacity(.65);
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
// [converter] extracted a& to a.btn
|
||||
}
|
||||
|
||||
a.btn {
|
||||
&.disabled,
|
||||
fieldset[disabled] & {
|
||||
pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
|
||||
}
|
||||
}
|
||||
}
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
background-color: $footer-background-color;
|
||||
|
||||
a:link, a:visited {
|
||||
color: $footer-link-color;
|
||||
}
|
||||
}
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
@import "variables";
|
||||
|
||||
.login {
|
||||
.card {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
#list-providers {
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
margin-bottom: 1em;
|
||||
|
||||
a.btn, a.btn:visited {
|
||||
color: $list-providers-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#notices {
|
||||
ul.list-group .fa, ul.list-group .far {
|
||||
margin-right: 7px;
|
||||
}
|
||||
}
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
// Components
|
||||
@import "../mixins/buttons";
|
||||
@import "../mixins/opacity";
|
||||
@import "../mixins/tab-focus";
|
||||
@import "../mixins/vendor-prefixes";
|
||||
+117
@@ -0,0 +1,117 @@
|
||||
/**
|
||||
* Statistics View
|
||||
*/
|
||||
|
||||
.statisticsView {
|
||||
display: none;
|
||||
|
||||
.progress-meter {
|
||||
.background {
|
||||
fill: #DFEAFD;
|
||||
}
|
||||
.foreground {
|
||||
fill: #2E7AF9;
|
||||
}
|
||||
|
||||
text {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 25pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.text2 {
|
||||
font-family: 'Georgia', sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Runtime Statistics Gauge styles
|
||||
*/
|
||||
.runtimeStatistics {
|
||||
|
||||
.background {
|
||||
fill: #DFEAFD;
|
||||
}
|
||||
|
||||
.foreground {
|
||||
fill: #2E7AF9;
|
||||
}
|
||||
|
||||
text {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 25pt;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.text2 {
|
||||
font-family: 'Georgia', sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
}
|
||||
|
||||
.equal, .equal > div[class*='col-'] {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.adminPanels.container-fluid {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// end .statisticsView
|
||||
|
||||
#uptime-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#uptime {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.thread-dump-view {
|
||||
height: 600px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#metricsGauges {
|
||||
strong {
|
||||
display: block;
|
||||
}
|
||||
.panel {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
ul {
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 0 0 10px 10px;
|
||||
background: #d8d8d8;
|
||||
|
||||
&:nth-child(5n + 1) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#viewSsoSessions {
|
||||
color: white;
|
||||
}
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
// Todo: look into resetting the transition delay when mouse out
|
||||
|
||||
.casTooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.casTooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 250px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -125px;
|
||||
margin-top: 10px;
|
||||
opacity: 0;
|
||||
transition: opacity 1s;
|
||||
transition-delay: 2s;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 300;
|
||||
font-family: Lato;
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.casTooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.casTooltip .tooltiptext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%; /* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #333 transparent;
|
||||
}
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
// Over-ride theme colors here, like primary, danger, etc.
|
||||
$theme-colors: (
|
||||
"cas-primary": #153e50,
|
||||
"cas-secondary": #74C163,
|
||||
"btn-submit": #28a745,
|
||||
"primary": #007bff,
|
||||
"secondary": #6c757d,
|
||||
"success": #28a745,
|
||||
"info": #17a2b8,
|
||||
"warning": #ffc107,
|
||||
"danger": #dc3545,
|
||||
"light": #f8f9fa,
|
||||
"dark": #343a40,
|
||||
);
|
||||
|
||||
$link-color: #257bb2;
|
||||
$link-hover-color: rgb(160, 183, 87);
|
||||
|
||||
$navbar-background-color: theme-color("cas-primary");
|
||||
|
||||
// Footer Colors
|
||||
$footer-text-color: black;
|
||||
$footer-link-color: black;
|
||||
$footer-background-color: #f5f5f5;
|
||||
|
||||
// Login specific Colors
|
||||
$list-providers-link-color: white;
|
||||
|
||||
// Alerts/Notices Styles
|
||||
$cookies-disabled-background-color: theme-color("warning");
|
||||
$default-auth-background-color: theme-color("info");
|
||||
$serviceui-alert-background-color: theme-color("info");
|
||||
$insecure-notice-background-color: theme-color("warning");
|
||||
$cas-resource-list-background-color: theme-color("light");
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
/**
|
||||
* View Configuration Styles
|
||||
*/
|
||||
|
||||
#viewConfigError {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#view-configuration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.confirmView, .loginMessageView {
|
||||
.btn-row {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
+49
@@ -0,0 +1,49 @@
|
||||
/**
|
||||
* Consent Review Styles
|
||||
*/
|
||||
|
||||
@media only screen and (max-width: 855px) {
|
||||
#consentDecisions .consent-attributes td, #consentDecisions .consent-attributes th {
|
||||
padding: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
#consent-decisions, #no-consent-decisions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#no-consent-decisions div {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#consentDecisions > tbody > tr:not(.info) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#consentDecisions .created-date .label {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
#consentDecisions .service-id {
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
#consentDecisions .consent-attributes {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#consentDecisions tr.info .btn-danger {
|
||||
float: right;
|
||||
padding: .5em;
|
||||
margin: 0 .2em 1em 0;
|
||||
}
|
||||
|
||||
#alertWrapper .btn {
|
||||
margin: 1em 1em 0 0;
|
||||
}
|
||||
|
||||
#logout {
|
||||
float: right;
|
||||
margin: 1em;
|
||||
}
|
||||
+61
@@ -0,0 +1,61 @@
|
||||
// Bootstrap and its default variables
|
||||
//@import "../../../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@import 'https://fonts.googleapis.com/css?family=PT+Mono';
|
||||
|
||||
#loggingDashboard {
|
||||
.tab-pane {
|
||||
padding: 20px 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.btn .caret {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#loggersTable {
|
||||
td.details-control span {
|
||||
cursor: pointer;
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
font-size: 10pt;
|
||||
color: #337ab7;
|
||||
}
|
||||
td.details-control span:after {
|
||||
content: "\f067";
|
||||
}
|
||||
tr.shown td.details-control span:after {
|
||||
content: "\f068";
|
||||
}
|
||||
}
|
||||
|
||||
.additive {
|
||||
text-align: center;
|
||||
|
||||
.glyphicon-ok {
|
||||
color: #5cb85c;
|
||||
}
|
||||
|
||||
.glyphicon-remove {
|
||||
color: #d9534f;
|
||||
}
|
||||
}
|
||||
|
||||
#logoutputarea {
|
||||
border: 0.1em solid #ccc;
|
||||
border-radius: 0.5em;
|
||||
padding: 1em; /* space on all directions */
|
||||
font-family: 'PT Mono', monospace;
|
||||
font-size: 1em;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
color: #39e600;
|
||||
}
|
||||
|
||||
main.container {
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
// Single side border-radius
|
||||
|
||||
@mixin border-top-radius($radius) {
|
||||
border-top-right-radius: $radius;
|
||||
border-top-left-radius: $radius;
|
||||
}
|
||||
@mixin border-right-radius($radius) {
|
||||
border-bottom-right-radius: $radius;
|
||||
border-top-right-radius: $radius;
|
||||
}
|
||||
@mixin border-bottom-radius($radius) {
|
||||
border-bottom-right-radius: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
}
|
||||
@mixin border-left-radius($radius) {
|
||||
border-bottom-left-radius: $radius;
|
||||
border-top-left-radius: $radius;
|
||||
}
|
||||
+65
@@ -0,0 +1,65 @@
|
||||
// Button variants
|
||||
//
|
||||
// Easily pump out default styles, as well as :hover, :focus, :active,
|
||||
// and disabled options for all buttons
|
||||
|
||||
@mixin button-variant($color, $background, $border) {
|
||||
color: $color;
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: $color;
|
||||
background-color: darken($background, 10%);
|
||||
border-color: darken($border, 25%);
|
||||
}
|
||||
&:hover {
|
||||
color: $color;
|
||||
background-color: darken($background, 10%);
|
||||
border-color: darken($border, 12%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: $color;
|
||||
background-color: darken($background, 10%);
|
||||
border-color: darken($border, 12%);
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: $color;
|
||||
background-color: darken($background, 17%);
|
||||
border-color: darken($border, 25%);
|
||||
}
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
color: $background;
|
||||
background-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
// Button sizes
|
||||
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
// Opacity
|
||||
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
// IE8 filter
|
||||
$opacity-ie: ($opacity * 100);
|
||||
filter: alpha(opacity=$opacity-ie);
|
||||
}
|
||||
+9
@@ -0,0 +1,9 @@
|
||||
// WebKit-style focus
|
||||
|
||||
@mixin tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted;
|
||||
// WebKit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
+222
@@ -0,0 +1,222 @@
|
||||
// Vendor Prefixes
|
||||
//
|
||||
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
|
||||
// Autoprefixer in our Gruntfile. They have been removed in v4.
|
||||
|
||||
// - Animations
|
||||
// - Backface visibility
|
||||
// - Box shadow
|
||||
// - Box sizing
|
||||
// - Content columns
|
||||
// - Hyphens
|
||||
// - Placeholder text
|
||||
// - Transformations
|
||||
// - Transitions
|
||||
// - User Select
|
||||
|
||||
|
||||
// Animations
|
||||
@mixin animation($animation) {
|
||||
-webkit-animation: $animation;
|
||||
-o-animation: $animation;
|
||||
animation: $animation;
|
||||
}
|
||||
@mixin animation-name($name) {
|
||||
-webkit-animation-name: $name;
|
||||
animation-name: $name;
|
||||
}
|
||||
@mixin animation-duration($duration) {
|
||||
-webkit-animation-duration: $duration;
|
||||
animation-duration: $duration;
|
||||
}
|
||||
@mixin animation-timing-function($timing-function) {
|
||||
-webkit-animation-timing-function: $timing-function;
|
||||
animation-timing-function: $timing-function;
|
||||
}
|
||||
@mixin animation-delay($delay) {
|
||||
-webkit-animation-delay: $delay;
|
||||
animation-delay: $delay;
|
||||
}
|
||||
@mixin animation-iteration-count($iteration-count) {
|
||||
-webkit-animation-iteration-count: $iteration-count;
|
||||
animation-iteration-count: $iteration-count;
|
||||
}
|
||||
@mixin animation-direction($direction) {
|
||||
-webkit-animation-direction: $direction;
|
||||
animation-direction: $direction;
|
||||
}
|
||||
@mixin animation-fill-mode($fill-mode) {
|
||||
-webkit-animation-fill-mode: $fill-mode;
|
||||
animation-fill-mode: $fill-mode;
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
||||
// Default value is `visible`, but can be changed to `hidden`
|
||||
|
||||
@mixin backface-visibility($visibility) {
|
||||
-webkit-backface-visibility: $visibility;
|
||||
-moz-backface-visibility: $visibility;
|
||||
backface-visibility: $visibility;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
//
|
||||
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
|
||||
// supported browsers that have box shadow capabilities now support it.
|
||||
|
||||
@mixin box-shadow($shadow...) {
|
||||
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
|
||||
// Box sizing
|
||||
@mixin box-sizing($boxmodel) {
|
||||
-webkit-box-sizing: $boxmodel;
|
||||
-moz-box-sizing: $boxmodel;
|
||||
box-sizing: $boxmodel;
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
|
||||
-webkit-column-count: $column-count;
|
||||
-moz-column-count: $column-count;
|
||||
column-count: $column-count;
|
||||
-webkit-column-gap: $column-gap;
|
||||
-moz-column-gap: $column-gap;
|
||||
column-gap: $column-gap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
@mixin hyphens($mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: $mode;
|
||||
-moz-hyphens: $mode;
|
||||
-ms-hyphens: $mode; // IE10+
|
||||
-o-hyphens: $mode;
|
||||
hyphens: $mode;
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
@mixin placeholder($color: $input-color-placeholder) {
|
||||
// Firefox
|
||||
&::-moz-placeholder {
|
||||
color: $color;
|
||||
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
|
||||
}
|
||||
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
||||
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
||||
}
|
||||
|
||||
// Transformations
|
||||
@mixin scale($ratio...) {
|
||||
-webkit-transform: scale($ratio);
|
||||
-ms-transform: scale($ratio); // IE9 only
|
||||
-o-transform: scale($ratio);
|
||||
transform: scale($ratio);
|
||||
}
|
||||
|
||||
@mixin scaleX($ratio) {
|
||||
-webkit-transform: scaleX($ratio);
|
||||
-ms-transform: scaleX($ratio); // IE9 only
|
||||
-o-transform: scaleX($ratio);
|
||||
transform: scaleX($ratio);
|
||||
}
|
||||
@mixin scaleY($ratio) {
|
||||
-webkit-transform: scaleY($ratio);
|
||||
-ms-transform: scaleY($ratio); // IE9 only
|
||||
-o-transform: scaleY($ratio);
|
||||
transform: scaleY($ratio);
|
||||
}
|
||||
@mixin skew($x, $y) {
|
||||
-webkit-transform: skewX($x) skewY($y);
|
||||
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
||||
-o-transform: skewX($x) skewY($y);
|
||||
transform: skewX($x) skewY($y);
|
||||
}
|
||||
@mixin translate($x, $y) {
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y); // IE9 only
|
||||
-o-transform: translate($x, $y);
|
||||
transform: translate($x, $y);
|
||||
}
|
||||
@mixin translate3d($x, $y, $z) {
|
||||
-webkit-transform: translate3d($x, $y, $z);
|
||||
transform: translate3d($x, $y, $z);
|
||||
}
|
||||
@mixin rotate($degrees) {
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees); // IE9 only
|
||||
-o-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
@mixin rotateX($degrees) {
|
||||
-webkit-transform: rotateX($degrees);
|
||||
-ms-transform: rotateX($degrees); // IE9 only
|
||||
-o-transform: rotateX($degrees);
|
||||
transform: rotateX($degrees);
|
||||
}
|
||||
@mixin rotateY($degrees) {
|
||||
-webkit-transform: rotateY($degrees);
|
||||
-ms-transform: rotateY($degrees); // IE9 only
|
||||
-o-transform: rotateY($degrees);
|
||||
transform: rotateY($degrees);
|
||||
}
|
||||
@mixin perspective($perspective) {
|
||||
-webkit-perspective: $perspective;
|
||||
-moz-perspective: $perspective;
|
||||
perspective: $perspective;
|
||||
}
|
||||
@mixin perspective-origin($perspective) {
|
||||
-webkit-perspective-origin: $perspective;
|
||||
-moz-perspective-origin: $perspective;
|
||||
perspective-origin: $perspective;
|
||||
}
|
||||
@mixin transform-origin($origin) {
|
||||
-webkit-transform-origin: $origin;
|
||||
-moz-transform-origin: $origin;
|
||||
-ms-transform-origin: $origin; // IE9 only
|
||||
transform-origin: $origin;
|
||||
}
|
||||
|
||||
|
||||
// Transitions
|
||||
|
||||
@mixin transition($transition...) {
|
||||
-webkit-transition: $transition;
|
||||
-o-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
@mixin transition-property($transition-property...) {
|
||||
-webkit-transition-property: $transition-property;
|
||||
transition-property: $transition-property;
|
||||
}
|
||||
@mixin transition-delay($transition-delay) {
|
||||
-webkit-transition-delay: $transition-delay;
|
||||
transition-delay: $transition-delay;
|
||||
}
|
||||
@mixin transition-duration($transition-duration...) {
|
||||
-webkit-transition-duration: $transition-duration;
|
||||
transition-duration: $transition-duration;
|
||||
}
|
||||
@mixin transition-timing-function($timing-function) {
|
||||
-webkit-transition-timing-function: $timing-function;
|
||||
transition-timing-function: $timing-function;
|
||||
}
|
||||
@mixin transition-transform($transition...) {
|
||||
-webkit-transition: -webkit-transform $transition;
|
||||
-moz-transition: -moz-transform $transition;
|
||||
-o-transition: -o-transform $transition;
|
||||
transition: transform $transition;
|
||||
}
|
||||
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
|
||||
@mixin user-select($select) {
|
||||
-webkit-user-select: $select;
|
||||
-moz-user-select: $select;
|
||||
-ms-user-select: $select; // IE10+
|
||||
user-select: $select;
|
||||
}
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
/**
|
||||
* Admin Panels
|
||||
*/
|
||||
.adminPanels {
|
||||
.users-panel.panel-default > .panel-heading::after {
|
||||
content: "\f0c0";
|
||||
}
|
||||
.usage-panel.panel-default > .panel-heading::after {
|
||||
content: "\f201";
|
||||
}
|
||||
.tickets-panel.panel-default > .panel-heading::after {
|
||||
content: "\f145";
|
||||
}
|
||||
|
||||
.panel-body {
|
||||
padding-top: 5px;
|
||||
|
||||
span {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 30pt;
|
||||
font-weight: 100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
+52
@@ -0,0 +1,52 @@
|
||||
/*
|
||||
* Since switching to the Bootstrap alerts, has this become depricated?
|
||||
*/
|
||||
|
||||
#msg {
|
||||
margin-bottom: 40px;
|
||||
border: 1px dotted #eeeeee;
|
||||
padding: 20px 20px 20px 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 20px center;
|
||||
|
||||
.errors {
|
||||
border-color: #BB0000;
|
||||
color: #BB0000;
|
||||
background-image: url(../images/error.png);
|
||||
}
|
||||
|
||||
.success {
|
||||
border-color: #390;
|
||||
color: #390;
|
||||
background-image: url(../images/success.png);
|
||||
}
|
||||
|
||||
.info {
|
||||
border-color: #008;
|
||||
color: #008;
|
||||
background-image: url(../images/info.png);
|
||||
}
|
||||
|
||||
.question {
|
||||
border-color: #390;
|
||||
color: #390;
|
||||
background-image: url(../images/question.png);
|
||||
}
|
||||
|
||||
.warn {
|
||||
border-color: #960;
|
||||
color: #960;
|
||||
background: #ffbc8f url(../images/info.png);
|
||||
}
|
||||
|
||||
}
|
||||
// Duplicate of above?
|
||||
// Todo: look for usage in code
|
||||
.errors {
|
||||
border: 1px dotted #BB0000;
|
||||
color: #BB0000;
|
||||
padding-left: 100px;
|
||||
padding-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: url(../images/error.png) no-repeat 20px center;
|
||||
}
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
//-webkit-transition: all 0.2s ease;
|
||||
}
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
|
||||
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
|
||||
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
|
||||
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
|
||||
hgroup, menu, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
//font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
+122
@@ -0,0 +1,122 @@
|
||||
/* --------------- CUSTOM STYLES */
|
||||
@import "components/variables";
|
||||
|
||||
/**
|
||||
* SSO Sessions Styles
|
||||
*/
|
||||
|
||||
#cas-sessions, #no-cas-sessions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#no-cas-sessions div {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.ssoSessions {
|
||||
#content {
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.sorting_desc, .sorting_asc {
|
||||
background-color: rgba(239, 239, 239, 0.8);
|
||||
}
|
||||
|
||||
#removeAllSessionsButton.btn .badge {
|
||||
color: #000;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
.adminPanels {
|
||||
border-bottom: 1px solid #efefef;
|
||||
margin-bottom: 2em;
|
||||
margin-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
|
||||
.adminPanels .panel-default > .panel-heading {
|
||||
background-color: #fff;
|
||||
border-bottom: none;
|
||||
|
||||
h3 {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
&::after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: 30px;
|
||||
font-size: 70pt;
|
||||
color: #153e50;
|
||||
opacity: 0.1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td.details-control {
|
||||
cursor: pointer;
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
font-size: 10pt;
|
||||
color: #337ab7;
|
||||
|
||||
&::after {
|
||||
content: "\f067";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
tr.shown td.details-control::after {
|
||||
content: "\f068";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// End .ssoSessions
|
||||
|
||||
.row-detail-wrapper {
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
|
||||
.ssoSessions .row-detail {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
table.principal_attributes {
|
||||
td:first-child {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
> tbody > tr > td {
|
||||
border-top-color: #E6E6E6;
|
||||
}
|
||||
}
|
||||
|
||||
/* Session container --*/
|
||||
|
||||
#cas-sessions,
|
||||
#container-stable,
|
||||
.ui-widget {
|
||||
font-family: 'Lato', sans-serif !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#container-stable {
|
||||
margin: 20px 0 20px;
|
||||
}
|
||||
|
||||
#container-stable {
|
||||
margin: 40px 0 20px;
|
||||
|
||||
table th {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
@import 'https://fonts.googleapis.com/css?family=PT+Mono';
|
||||
|
||||
#trustedDevices {
|
||||
.tabsContainer {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.btn .caret {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.tab-pane {
|
||||
padding: 20px 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
#container {
|
||||
width:53%;
|
||||
}
|
||||
+117
@@ -0,0 +1,117 @@
|
||||
//@import "../../mixins/buttons";
|
||||
/*
|
||||
* Social Buttons for Bootstrap
|
||||
*
|
||||
* Copyright 2013-2015 Panayiotis Lipiridis
|
||||
* Licensed under the MIT License
|
||||
*
|
||||
* https://github.com/lipis/bootstrap-social
|
||||
*/
|
||||
|
||||
$bs-height-base: (floor(($font-size-base * $line-height-base)) + $btn-padding-y * 2) !default;
|
||||
$bs-height-lg: (floor($font-size-lg * $line-height-base) + $btn-padding-y-lg * 2) !default;
|
||||
$bs-height-sm: (floor($font-size-sm * 1.5) + $btn-padding-y-sm * 2) !default;
|
||||
$bs-height-xs: (floor($font-size-sm * 1.2) + $btn-padding-y-sm + 1) !default;
|
||||
|
||||
.btn-social {
|
||||
position: relative;
|
||||
padding-left: ($bs-height-base + $btn-padding-x);
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
> :first-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: $bs-height-base;
|
||||
line-height: ($bs-height-base + 2);
|
||||
font-size: 1.6em;
|
||||
text-align: center;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
&.btn-lg {
|
||||
padding-left: ($bs-height-lg + $btn-padding-x-lg);
|
||||
> :first-child {
|
||||
line-height: $bs-height-lg;
|
||||
width: $bs-height-lg;
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
&.btn-sm {
|
||||
padding-left: ($bs-height-sm + $btn-padding-y-sm);
|
||||
> :first-child {
|
||||
line-height: $bs-height-sm;
|
||||
width: $bs-height-sm;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
}
|
||||
&.btn-xs {
|
||||
padding-left: ($bs-height-xs + $btn-padding-y-sm);
|
||||
> :first-child {
|
||||
line-height: $bs-height-xs;
|
||||
width: $bs-height-xs;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-social-icon {
|
||||
@extend .btn-social;
|
||||
height: ($bs-height-base + 2);
|
||||
width: ($bs-height-base + 2);
|
||||
padding: 0;
|
||||
> :first-child {
|
||||
border: none;
|
||||
text-align: center;
|
||||
width: 100%!important;
|
||||
}
|
||||
&.btn-lg {
|
||||
height: $bs-height-lg;
|
||||
width: $bs-height-lg;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
&.btn-sm {
|
||||
height: ($bs-height-sm + 2);
|
||||
width: ($bs-height-sm + 2);
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
&.btn-xs {
|
||||
height: ($bs-height-xs + 2);
|
||||
width: ($bs-height-xs + 2);
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin btn-social($color-bg, $color: #fff) {
|
||||
background-color: $color-bg;
|
||||
@include button-variant($color, $color-bg, rgba(0,0,0,.2));
|
||||
//@include button-variant($color, $color-bg, rgba(0,0,0,.2));
|
||||
}
|
||||
|
||||
|
||||
.btn-adn { @include btn-social(#d87a68); }
|
||||
.btn-bitbucket { @include btn-social(#205081); }
|
||||
.btn-dropbox { @include btn-social(#1087dd); }
|
||||
.btn-facebook { @include btn-social(#3b5998); }
|
||||
.btn-flickr { @include btn-social(#ff0084); }
|
||||
.btn-foursquare { @include btn-social(#f94877); }
|
||||
.btn-github { @include btn-social(#444444); }
|
||||
.btn-google { @include btn-social(#dd4b39); }
|
||||
.btn-instagram { @include btn-social(#3f729b); }
|
||||
.btn-linkedin { @include btn-social(#007bb6); }
|
||||
.btn-microsoft { @include btn-social(#2672ec); }
|
||||
.btn-odnoklassniki { @include btn-social(#f4731c); }
|
||||
.btn-openid { @include btn-social(#f7931e); }
|
||||
.btn-pinterest { @include btn-social(#cb2027); }
|
||||
.btn-reddit { @include btn-social(#eff7ff, #000); }
|
||||
.btn-soundcloud { @include btn-social(#ff5500); }
|
||||
.btn-tumblr { @include btn-social(#2c4762); }
|
||||
.btn-twitter { @include btn-social(#55acee); }
|
||||
.btn-vimeo { @include btn-social(#1ab7ea); }
|
||||
.btn-vk { @include btn-social(#587ea3); }
|
||||
.btn-yahoo { @include btn-social(#720e9e); }
|
||||
Reference in New Issue
Block a user