tyler.durden
/
pandorafms
mirror of https://github.com/pandorafms/pandorafms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change styles for pandora black theme - #1394

This commit is contained in:
enriquecd 2017-10-10 12:16:19 +02:00
parent ec95400043
commit bb4ddc38dd
1 changed files with 377 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

388
pandora_console/include/styles/pandora_black.css
View File

@ -541,7 +541,7 @@ a:focus, input:focus, button:focus {
outline: 0; outline: 0;
} }
DIV.login_links { /*DIV.login_links {
margin: 10px 0px 0px; margin: 10px 0px 0px;
color: #FFF; color: #FFF;
text-align: center; text-align: center;
@ -651,7 +651,7 @@ input.login {
} }
input.login_user { input.login_user {
/* Browser without multibackground support */
color: #373737 !important; color: #373737 !important;
padding-left: 8px; padding-left: 8px;
width: 179px; width: 179px;
@ -660,12 +660,14 @@ input.login_user {
} }
input.login_password { input.login_password {
/* Browser without multibackground support */
padding-left: 8px; padding-left: 8px;
width: 179px; width: 179px;
color: #222; color: #222;
height: 20px; height: 20px;
} }
*/
.databox_error { .databox_error {
width: 657px !important; width: 657px !important;
height: 400px; height: 400px;
@ -2318,7 +2320,7 @@ ul.operation li a:hover {
-o-transition-property: background-color; -o-transition-property: background-color;
-o-transition-duration: 0.5s; -o-transition-duration: 0.5s;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
background-color: #585858 !important; background-color: #b1b1b1 !important;
} }
.submenu_not_selected:hover{ .submenu_not_selected:hover{
transition-property: background-color; transition-property: background-color;
@ -2333,11 +2335,11 @@ ul.operation li a:hover {
-o-transition-property: background-color; -o-transition-property: background-color;
-o-transition-duration: 0.5s; -o-transition-duration: 0.5s;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
background-color: #585858 !important; background-color: #b1b1b1 !important;
} }
.submenu_selected:hover{ .submenu_selected:hover{
background-color: #585858 !important; background-color: #b1b1b1 !important;
} }
.sub_subMenu{ .sub_subMenu{
@ -2365,7 +2367,7 @@ ul.operation li a:hover {
-moz-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
-o-transition-property: background-color; -o-transition-property: background-color;
-o-transition-duration: 0.5s; -o-transition-duration: 0.5s;
background-color: #585858 !important; background-color: #b1b1b1 !important;
} }
.submenu_text { .submenu_text {
@ -2373,7 +2375,7 @@ ul.operation li a:hover {
} }
.menu li.selected { .menu li.selected {
box-shadow: inset 4px 0 #82b92e; box-shadow: inset 4px 0 #b1b1b1;
} }
li.links a:hover { li.links a:hover {
@ -2393,7 +2395,7 @@ li.links a:hover {
} }
.operation .selected { .operation .selected {
background-color: #585858 !important; background-color: #b1b1b1 !important;
} }
.menu li, .menu .li.not_selected { .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{ .rowPair:hover, .rowOdd:hover{
background-color: #eee; background-color: #3f3f3f;
} }
.databox.data > tbody > tr:hover{ .databox.data > tbody > tr:hover{
background-color: #eee; background-color: #3f3f3f;
} }
.checkselected{ .checkselected{
background-color: #eee; 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;
}