From bb4ddc38ddfdced30f5a6713332375769081ef9c Mon Sep 17 00:00:00 2001
From: enriquecd <enrique.camargo@artica.com>
Date: Tue, 10 Oct 2017 12:16:19 +0200
Subject: [PATCH] Change styles for pandora black theme - #1394

---
 .../include/styles/pandora_black.css          | 388 +++++++++++++++++-
 1 file changed, 377 insertions(+), 11 deletions(-)

diff --git a/pandora_console/include/styles/pandora_black.css b/pandora_console/include/styles/pandora_black.css
index 3dca8bdbf9..9aeb56aca9 100644
--- a/pandora_console/include/styles/pandora_black.css
+++ b/pandora_console/include/styles/pandora_black.css
@@ -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;
 }
\ No newline at end of file