Change styles for pandora black theme - #1394
This commit is contained in:
enriquecd
parent
ec95400043
commit
bb4ddc38dd
|
|
@ -541,7 +541,7 @@ a:focus, input:focus, button:focus {
|
|||
outline: 0;
|
||||
}
|
||||
|
||||
DIV.login_links {
|
||||
/*DIV.login_links {
|
||||
margin: 10px 0px 0px;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
|
|
@ -651,7 +651,7 @@ input.login {
|
|||
}
|
||||
|
||||
input.login_user {
|
||||
/* Browser without multibackground support */
|
||||
|
||||
color: #373737 !important;
|
||||
padding-left: 8px;
|
||||
width: 179px;
|
||||
|
|
@ -660,12 +660,14 @@ input.login_user {
|
|||
}
|
||||
|
||||
input.login_password {
|
||||
/* Browser without multibackground support */
|
||||
|
||||
padding-left: 8px;
|
||||
width: 179px;
|
||||
color: #222;
|
||||
height: 20px;
|
||||
}
|
||||
*/
|
||||
|
||||
.databox_error {
|
||||
width: 657px !important;
|
||||
height: 400px;
|
||||
|
|
@ -2318,7 +2320,7 @@ ul.operation li a:hover {
|
|||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
-o-transition-timing-function: ease-out;
|
||||
background-color: #585858 !important;
|
||||
background-color: #b1b1b1 !important;
|
||||
}
|
||||
.submenu_not_selected:hover{
|
||||
transition-property: background-color;
|
||||
|
|
@ -2333,11 +2335,11 @@ ul.operation li a:hover {
|
|||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
-o-transition-timing-function: ease-out;
|
||||
background-color: #585858 !important;
|
||||
background-color: #b1b1b1 !important;
|
||||
}
|
||||
|
||||
.submenu_selected:hover{
|
||||
background-color: #585858 !important;
|
||||
background-color: #b1b1b1 !important;
|
||||
}
|
||||
|
||||
.sub_subMenu{
|
||||
|
|
@ -2365,7 +2367,7 @@ ul.operation li a:hover {
|
|||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
background-color: #585858 !important;
|
||||
background-color: #b1b1b1 !important;
|
||||
}
|
||||
|
||||
.submenu_text {
|
||||
|
|
@ -2373,7 +2375,7 @@ ul.operation li a:hover {
|
|||
}
|
||||
|
||||
.menu li.selected {
|
||||
box-shadow: inset 4px 0 #82b92e;
|
||||
box-shadow: inset 4px 0 #b1b1b1;
|
||||
}
|
||||
|
||||
li.links a:hover {
|
||||
|
|
@ -2393,7 +2395,7 @@ li.links a:hover {
|
|||
}
|
||||
|
||||
.operation .selected {
|
||||
background-color: #585858 !important;
|
||||
background-color: #b1b1b1 !important;
|
||||
}
|
||||
|
||||
.menu li, .menu .li.not_selected {
|
||||
|
|
@ -3439,11 +3441,375 @@ color:#82b92e;font-family:Nunito;font-size:10pt;position:relative;top:6px;
|
|||
}
|
||||
|
||||
.rowPair:hover, .rowOdd:hover{
|
||||
background-color: #eee;
|
||||
background-color: #3f3f3f;
|
||||
}
|
||||
.databox.data > tbody > tr:hover{
|
||||
background-color: #eee;
|
||||
background-color: #3f3f3f;
|
||||
}
|
||||
.checkselected{
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#login_help_dialog *{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.introjs-tooltip *{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.dd_widget_content *{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
#dialog_add_new_widget *{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.widget_configuration_form table tbody tr td:first-child{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.widget_configuration_form .container *{
|
||||
color: #222222;
|
||||
}
|
||||
.widget_configuration_form b{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
form[action='index.php?sec=estado&sec2=godmode/agentes/planned_downtime.list'] *{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
form[action='index.php?sec=estado&sec2=godmode/agentes/planned_downtime.list'] input{
|
||||
color: white;
|
||||
}
|
||||
|
||||
form[action='index.php?sec=estado&sec2=godmode/agentes/planned_downtime.list'] select{
|
||||
color: white;
|
||||
}
|
||||
.notify {
|
||||
color: black;
|
||||
}
|
||||
.notify *{
|
||||
color: black;
|
||||
}
|
||||
#login_logout *{
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
/*modal windows login*/
|
||||
div.content_alert{
|
||||
width: 98%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
div.icon_message_alert{
|
||||
float: left;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
div.icon_message_alert img{
|
||||
width: 85px;
|
||||
}
|
||||
|
||||
div.content_message_alert{
|
||||
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.text_message_alert{
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
div.text_message_alert h1{
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
div.text_message_alert p{
|
||||
margin: 0px;
|
||||
font-size: 10.3pt;
|
||||
line-height: 14pt;
|
||||
}
|
||||
|
||||
div.button_message_alert{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.button_message_alert input{
|
||||
float: right;
|
||||
width: 87px;
|
||||
height: 33px;
|
||||
color: #82b92e;
|
||||
border: 1px solid #82b92e;
|
||||
font-weight: bold;
|
||||
margin-right: 20px;
|
||||
margin-top: 20px;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div.form_message_alert{
|
||||
width: 90%;
|
||||
clear: both;
|
||||
padding-top: 20px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
div.form_message_alert ul li{
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div.form_message_alert ul li input{
|
||||
border: none;
|
||||
background-color: #dadada !important;
|
||||
border-radius: 0px;
|
||||
height: 17px;
|
||||
width: 145px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
div.form_message_alert ul li label{
|
||||
font-size: 10pt;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
div.form_message_alert h4{
|
||||
margin: 0px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.button_message_alert_form input{
|
||||
float: right;
|
||||
width: 87px;
|
||||
height: 33px;
|
||||
color: #82b92e;
|
||||
border: 1px solid #82b92e;
|
||||
font-weight: bold;
|
||||
font-size: 10pt;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
background-color: #82b92e !important;
|
||||
}
|
||||
|
||||
/*
|
||||
styles header login
|
||||
*/
|
||||
div#header_login{
|
||||
width: 100%;
|
||||
height: 65px;
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
div#icon_custom_pandora{
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
margin-left: 4%;
|
||||
}
|
||||
|
||||
div#list_icon_docs_support{
|
||||
float: right;
|
||||
margin-top: 8px;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
div#list_icon_docs_support ul{
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
div#list_icon_docs_support ul li{
|
||||
display: inline-block;
|
||||
color:white;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
li#li_margin_left{
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
/*
|
||||
styles login form
|
||||
*/
|
||||
|
||||
div.container_login{
|
||||
margin-top: 10%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
|
||||
}
|
||||
|
||||
div.login_page {
|
||||
width: 35%;
|
||||
min-height: 600px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
div.login_page form {
|
||||
border-right:1px solid #868686;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 50px;
|
||||
min-width: 400px;
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
div.login_logo_icon {
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.login_logo_icon img{
|
||||
margin: 0 auto;
|
||||
width: 150px;
|
||||
}
|
||||
div.login_double_auth_code,
|
||||
div.login_nick,
|
||||
div.login_pass {
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
height: 40px;
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
margin-bottom: 25px;
|
||||
min-width: 260px;
|
||||
}
|
||||
|
||||
div.login_nick img,
|
||||
div.login_pass img{
|
||||
vertical-align: middle;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
|
||||
div.login_nick input,
|
||||
div.login_pass input{
|
||||
background-color: rgba(255, 255, 255, 0.00) !important;
|
||||
border:0px !important;
|
||||
color:white !important;
|
||||
border-radius: 0px;
|
||||
width: 89%;
|
||||
height: 40px;
|
||||
font-size: 9pt;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
|
||||
div.login_nick input:focus,
|
||||
div.login_pass input:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.login_nick input:-webkit-autofill,
|
||||
div.login_nick input:-webkit-autofill:hover,
|
||||
div.login_nick input:-webkit-autofill:focus,
|
||||
div.login_nick input:-webkit-autofill:active,
|
||||
div.login_pass input:-webkit-autofill,
|
||||
div.login_pass input:-webkit-autofill:hover,
|
||||
div.login_pass input:-webkit-autofill:focus,
|
||||
div.login_pass input:-webkit-autofill:active {
|
||||
transition: background-color 10000s ease-in-out 0s;
|
||||
-webkit-box-shadow: 0 0 0px 0px transparent inset !important;
|
||||
-webkit-text-fill-color: white !important;
|
||||
border:0px;
|
||||
width: 89%;
|
||||
}
|
||||
|
||||
div.login_nick input::-webkit-input-placeholder,
|
||||
div.login_pass input::-webkit-input-placeholder {
|
||||
color:white;
|
||||
}
|
||||
|
||||
div.login_pass img,
|
||||
div.login_nick img{
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
div.login_pass div,
|
||||
div.login_nick div{
|
||||
float: left;
|
||||
width: 11%;
|
||||
}
|
||||
|
||||
div.login_button{
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
height: 40px;
|
||||
background-color: rgb(25, 25, 25);
|
||||
border: 1px solid white;
|
||||
min-width: 260px;
|
||||
}
|
||||
|
||||
div.login_button input {
|
||||
width: 100%;
|
||||
background-color: rgb(25, 25, 25) !important;
|
||||
text-align: center;
|
||||
border:0px;
|
||||
border-radius: 0px;
|
||||
height: 40px;
|
||||
padding: 0px;
|
||||
font-size: 9pt;
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.login_data {
|
||||
width: 65%;
|
||||
min-height: 600px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
div.text_banner_login{
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.text_banner_login span{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
span.span1{
|
||||
font-size: 3vw;
|
||||
font-family: 'lato-thin';
|
||||
color: white;
|
||||
}
|
||||
|
||||
span.span2{
|
||||
font-size: 3vw;
|
||||
font-family: 'lato-bolder';
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.img_banner_login{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.img_banner_login img{
|
||||
max-width: 70%;
|
||||
min-width: 70%;
|
||||
max-height: 50%;
|
||||
min-height: 50%;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
span.span1{
|
||||
font-size: 30pt;
|
||||
}
|
||||
span.span2{
|
||||
font-size: 30pt;
|
||||
}
|
||||
}
|
||||
|
||||
.new_task p, .new_task h3, .new_task h2, .new_task a{
|
||||
color: #222222;
|
||||
}
|
||||
.item p {
|
||||
color: #222222;
|
||||
}
|
||||
Loading…
Reference in New Issue