You are on page 1of 5

https://padiconfl.metricstream.

com/display/CSIG/M7+Theme+Changes

Hyper Link Color

Original After Change


a{ a{
color:#399aca; color:#000000;
text-decoration:none text-decoration:none
} }
a:hover,a:focus{ a:hover,a:focus{
color:#276d90; color:#000000;
outline:none; outline:none;
text-decoration:none text-decoration:none
} }

Button Level Changes:

Original After Change


.btn-primary{ .btn-primary{
color:#f9f9f9; color:#FFFFFF;
background-color:#3698c8; background-color:#d71921;
border-color:#276d90 border-color:#d71921
} }
.btn-primary:hover,.btn-primary:focus,.btn- .btn-primary:hover,.btn-primary:focus,.btn-
primary:active,.btn-primary.active,.open .dropdown- primary:active,.btn-primary.active,.open
toggle.btn-primary{ .dropdown-toggle.btn-primary{
color:#f9f9f9; color:#FFFFFF;
background-color:#2d7fa8; background-color:#C60C30;
border-color:#1a4860 border-color:#C60C30
} }
.btn-secondary{ .btn-secondary{
color:#f9f9f9; color:#FFFFFF;
background-color:#ab5cbe; background-color:#000000;
border-color:#853c96 border-color:#000000
} }
.btn-secondary:hover,.btn-secondary:focus,.btn- .btn-secondary:hover,.btn-secondary:focus,.btn-
secondary:active,.btn-secondary.active,.open secondary:active,.btn-secondary.active,.open
.dropdown-toggle.btn-secondary{ .dropdown-toggle.btn-secondary{
color:#f9f9f9; color:#FFFFFF;
background-color:#9845ac; background-color:#000000;
border-color:#5e2b6a border-color:#000000
} }
.btn-secondary.disabled,.btn-
.btn-secondary.disabled,.btn- secondary[disabled],fieldset[disabled] .btn-
secondary[disabled],fieldset[disabled] .btn- secondary,.btn-secondary.disabled:hover,.btn-
secondary,.btn-secondary.disabled:hover,.btn- secondary[disabled]:hover,fieldset[disabled] .btn-
secondary[disabled]:hover,fieldset[disabled] .btn- secondary:hover,.btn-
secondary:hover,.btn-secondary.disabled:focus,.btn- secondary.disabled:focus,.btn-
secondary[disabled]:focus,fieldset[disabled] .btn- secondary[disabled]:focus,fieldset[disabled] .btn-
secondary:focus,.btn-secondary.disabled:active,.btn- secondary:focus,.btn-
secondary[disabled]:active,fieldset[disabled] .btn- secondary.disabled:active,.btn-
secondary:active,.btn-secondary.disabled.active,.btn- secondary[disabled]:active,fieldset[disabled] .btn-
secondary[disabled].active,fieldset[disabled] .btn- secondary:active,.btn-
secondary.active{ secondary.disabled.active,.btn-
background-color:#ab5cbe; secondary[disabled].active,fieldset[disabled] .btn-
border-color:#853c96 secondary.active{
} background-color:#000000;
border-color:#000000
.modal-actions .btn-primary{ }
color:#fff;
background-color:#189998; .modal-actions .btn-primary{
border-color:#158382 color:#fff;
} background-color:#D71921;
border-color:#D71921
.modal-actions .btn-primary.disabled,.modal- }
actions .btn-primary[disabled],fieldset[disabled] .modal-actions .btn-primary.disabled,.modal-
.modal-actions .btn-primary,.modal-actions .btn- actions .btn-
primary.disabled:hover,.modal-actions .btn- primary[disabled],fieldset[disabled] .modal-
primary[disabled]:hover,fieldset[disabled] .modal- actions .btn-primary,.modal-actions .btn-
actions .btn-primary:hover,.modal-actions .btn- primary.disabled:hover,.modal-actions .btn-
primary.disabled:focus,.modal-actions .btn- primary[disabled]:hover,fieldset[disabled] .modal-
primary[disabled]:focus,fieldset[disabled] .modal- actions .btn-primary:hover,.modal-actions .btn-
actions .btn-primary:focus,.modal-actions .btn- primary.disabled:focus,.modal-actions .btn-
primary.disabled:active,.modal-actions .btn- primary[disabled]:focus,fieldset[disabled] .modal-
primary[disabled]:active,fieldset[disabled] .modal- actions .btn-primary:focus,.modal-actions .btn-
actions .btn-primary:active,.modal-actions .btn- primary.disabled:active,.modal-actions .btn-
primary.disabled.active,.modal-actions .btn- primary[disabled]:active,fieldset[disabled] .modal-
primary[disabled].active,fieldset[disabled] .modal- actions .btn-primary:active,.modal-actions .btn-
actions .btn-primary.active{ primary.disabled.active,.modal-actions .btn-
background-color:#189998; primary[disabled].active,fieldset[disabled] .modal-
border-color:#158382 actions .btn-primary.active{
} background-color:#C60C30;
.btn-info{ border-color:#C60C30
color:#f9f9f9; }
background-color:#00b7b0; .btn-info{
border-color:#008e89 color:#FFFFFF;
} background-color:#000000;
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn- border-color:#000000
info.active,.open .dropdown-toggle.btn-info{ }
color:#f9f9f9; .btn-info:hover,.btn-info:focus,.btn-
background-color:#008e89; info:active,.btn-info.active,.open .dropdown-
border-color:#00514e toggle.btn-info{
} color:#FFFFFF;
background-color:#000000;
border-color:#000000
}

Navbar Changes.

Original After Change


.navbar-inverse .navbar-nav > li > a{ .navbar-inverse .navbar-nav > li > a{
color:#f3f3f3 color:#FFFFFF;
} font-weight: bold;
.navbar .navbar-header{ }
background-color:#2777ae .navbar .navbar-header{
} background-color:#d71921
.navbar .container-fluidx .navbar-collapse{ }
background-color:#2777ae .navbar .container-fluidx .navbar-collapse{
} background-color:#000000
}
.nav-carousel .home-menu-section .nav-carousel .home-menu-section
.appNameFontStyle{ .appNameFontStyle{
color:#428bca; color:#C60C30;
} }

.navbar-nav .badge-count{ .navbar-nav .badge-count{


background:#1c4763; background:#d71921;
background-color:#1e5b84; background-color:#d71921;
} }
Tooltip:

Original After Change


.tooltip-inner{ .tooltip-inner{
background-color:#777; background-color:#d71921;
} }

.tooltip-inner{ .tooltip-inner{
background-color:#4689f2 background-color:#d71921
} }

Form Changes:

Original After Change


.form-container .form-section .section-legend{ .form-container .form-section .section-legend{
margin-bottom:12px; margin-bottom:12px;
font-weight:600 !important; font-weight:600 !important;
text-transform:uppercase; text-transform:uppercase;
font-size:20px !important; font-size:20px !important;
color:#2777ae !important; color:#000000 !important;
line-height:1.4; line-height:1.4;
text-align:left; text-align:left;
border:none; border:none;
cursor:pointer; cursor:pointer;
width:80%; width:80%;
white-space:nowrap; white-space:nowrap;
overflow:hidden; overflow:hidden;
text-overflow:ellipsis text-overflow:ellipsis
} }

.tab-menu-item:hover{ .tab-menu-item:hover{
background-color:#ecf7fe; background-color:#FFE5E5;
color:#09f color:#09f
} }
.sidebar{ .sidebar{
color:#399aca; color:#000000;
} }
.side-nav > li.active > a{ .side-nav > li.active > a{
color:#276d90; color:#D71921;
font-weight:bold font-weight:bold
} }

.logicalStage-icon{ .logicalStage-icon{
font-size:12px; font-size:12px;
color:#4591c4 color:#D71921
} }

.logicaTextStyle{ .logicaTextStyle{
background-color:#399aca; background-color:#D71921;
} }

.module-header > .row .page-description .page- .module-header > .row .page-description .page-
title{ title{
color:#2f5e7d; color:#000000;
} }

You might also like