New organization of CSS files - #3358
Former-commit-id: 8512adc7742eecb64db2b0ee539acfddd33406c2
This commit is contained in:
tatiana.llorente@artica.es
parent
f9113fa2e5
commit
f5c96b7e5d
|
|
@ -230,7 +230,6 @@ function mainAgentsModules() {
|
|||
// Floating menu - End
|
||||
|
||||
ui_require_jquery_file('countdown');
|
||||
ui_require_css_file('countdown');
|
||||
}
|
||||
|
||||
if($config['pure'] != 1){
|
||||
|
|
|
|||
|
|
@ -299,7 +299,7 @@ $sql =
|
|||
ui_print_info_message ( array('no_close'=>true, 'message'=> __('There are no defined groups or module groups') ));
|
||||
}
|
||||
|
||||
ui_require_css_file('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
ui_require_jquery_file('cluetip');
|
||||
?>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -21,6 +21,8 @@ else {
|
|||
$homedir = '';
|
||||
}
|
||||
|
||||
ui_require_css_file ('login');
|
||||
|
||||
include_once($homedir . 'include/functions_ui.php');
|
||||
include_once($homedir . 'include/functions.php');
|
||||
include_once(__DIR__ . '/../include/functions_html.php');
|
||||
|
|
@ -484,7 +486,7 @@ if($login_screen == 'error_authconfig' || $login_screen == 'error_emptyconfig' |
|
|||
}
|
||||
|
||||
ui_require_css_file ('dialog');
|
||||
ui_require_css_file ('jquery-ui.min');
|
||||
ui_require_css_file ('jquery-ui.min','include/styles/js/');
|
||||
ui_require_jquery_file('jquery-ui.min');
|
||||
?>
|
||||
|
||||
|
|
|
|||
|
|
@ -156,7 +156,7 @@ if (!isset($step)) {
|
|||
echo '</div></form>';
|
||||
}
|
||||
|
||||
ui_require_css_file ('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
ui_require_jquery_file ('cluetip');
|
||||
ui_require_jquery_file ('pandora.controls');
|
||||
ui_require_jquery_file ('bgiframe');
|
||||
|
|
|
|||
|
|
@ -732,7 +732,7 @@ if ($display_create && (check_acl ($config['id_user'], 0, "LW") || check_acl ($c
|
|||
echo '</div>';
|
||||
}
|
||||
|
||||
ui_require_css_file ('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
ui_require_jquery_file ('cluetip');
|
||||
ui_require_jquery_file ('pandora.controls');
|
||||
ui_require_jquery_file ('bgiframe');
|
||||
|
|
|
|||
|
|
@ -557,7 +557,7 @@ echo "</form>";
|
|||
<?php
|
||||
//-------------------------END CHUNKS---------------------------------------
|
||||
|
||||
ui_require_css_file ('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
ui_require_jquery_file ('cluetip');
|
||||
ui_require_jquery_file ('pandora.controls');
|
||||
ui_require_jquery_file ('json');
|
||||
|
|
|
|||
|
|
@ -13,6 +13,8 @@
|
|||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
|
||||
ui_require_css_file ('tree');
|
||||
ui_require_css_file ('fixed-bottom-box');
|
||||
|
||||
// Load global vars
|
||||
global $config;
|
||||
|
|
|
|||
|
|
@ -195,7 +195,7 @@ html_print_submit_button ($textButtonSubmit, 'update_layout', false,
|
|||
echo '</div>';
|
||||
|
||||
echo "</form>";
|
||||
ui_require_css_file ("color-picker");
|
||||
ui_require_css_file ('color-picker','include/styles/js/');
|
||||
ui_require_jquery_file ("colorpicker");
|
||||
?>
|
||||
|
||||
|
|
|
|||
|
|
@ -151,8 +151,8 @@ echo "<div id='delete_in_progress_dialog' style='display: none; text-align: cent
|
|||
"</div>";
|
||||
|
||||
//CSS
|
||||
ui_require_css_file ('color-picker');
|
||||
ui_require_css_file ('jquery-ui.min');
|
||||
ui_require_css_file ('color-picker','include/styles/js/');
|
||||
ui_require_css_file ('jquery-ui.min','include/styles/js/');
|
||||
|
||||
//Javascript
|
||||
ui_require_jquery_file('colorpicker');
|
||||
|
|
|
|||
|
|
@ -594,7 +594,7 @@ echo '<span id="ip_text" style="display: none;">' . __('IP') . '</span>';
|
|||
<textarea id="tinyMCE_editor" name="tinyMCE_editor"></textarea>
|
||||
</div>
|
||||
<?php
|
||||
ui_require_css_file ('color-picker');
|
||||
ui_require_css_file ('color-picker','include/styles/js/');
|
||||
|
||||
ui_require_jquery_file ('colorpicker');
|
||||
ui_require_jquery_file ('pandora.controls');
|
||||
|
|
|
|||
|
|
@ -982,7 +982,7 @@ html_print_submit_button (__('Update'), 'update_button', false, 'class="sub upd"
|
|||
echo '</div>';
|
||||
echo '</form>';
|
||||
|
||||
ui_require_css_file ("color-picker");
|
||||
ui_require_css_file ('color-picker','include/styles/js/');
|
||||
ui_require_jquery_file ("colorpicker");
|
||||
|
||||
function load_fonts() {
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ if (file_exists ('languages/'.$user_language.'.mo')) {
|
|||
<title>Pandora FMS Graph (<?php echo agents_get_alias($agent_id) . ' - ' . $interface_name; ?>)</title>
|
||||
<link rel="stylesheet" href="styles/pandora.css" type="text/css" />
|
||||
<link rel="stylesheet" href="styles/pandora_minimal.css" type="text/css" />
|
||||
<link rel="stylesheet" href="styles/jquery-ui.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="styles/js/jquery-ui.min.css" type="text/css" />
|
||||
<script language="javascript" type='text/javascript' src='javascript/pandora.js'></script>
|
||||
<script language="javascript" type='text/javascript' src='javascript/jquery-3.3.1.min.js'></script>
|
||||
<script language="javascript" type='text/javascript' src='javascript/jquery.pandora.js'></script>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
require_once ('functions_agents.php');
|
||||
require_once($config['homedir'] . "/include/functions_modules.php");
|
||||
require_once($config['homedir'] . "/include/functions_groups.php");
|
||||
ui_require_css_file ('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
|
||||
|
||||
// Check if a node descends from a given node
|
||||
|
|
|
|||
|
|
@ -1518,7 +1518,7 @@ function show_networkmap($id = 0, $user_readonly = false, $nodes_and_relations =
|
|||
$networkmap['filter']['l2_network_interfaces'] = 1;
|
||||
|
||||
echo '<script type="text/javascript" src="' . $config['homeurl'] . 'include/javascript/d3.3.5.14.js" charset="utf-8"></script>';
|
||||
ui_require_css_file("jquery.contextMenu", 'include/javascript/');
|
||||
ui_require_css_file("jquery.contextMenu", 'include/styles/js/');
|
||||
echo '<script type="text/javascript" src="' . $config['homeurl'] . 'include/javascript/jquery.contextMenu.js"></script>';
|
||||
echo '<script type="text/javascript" src="' . $config['homeurl'] . 'include/javascript/functions_pandora_networkmap.js"></script>';
|
||||
echo '<div id="networkconsole_' . $networkmap['id'] . '" style="position: relative; overflow: hidden; background: #FAFAFA">';
|
||||
|
|
|
|||
|
|
@ -1458,11 +1458,11 @@ function ui_process_page_head ($string, $bitfield) {
|
|||
}
|
||||
|
||||
// Add the jquery UI styles CSS
|
||||
$config['css']['jquery-UI'] = "include/styles/jquery-ui.min.css";
|
||||
$config['css']['jquery-UI'] = "include/styles/js/jquery-ui.min.css";
|
||||
// Add the dialog styles CSS
|
||||
$config['css']['dialog'] = "include/styles/dialog.css";
|
||||
// Add the dialog styles CSS
|
||||
$config['css']['dialog'] = "include/javascript/introjs.css";
|
||||
$config['css']['dialog'] = "include/styles/js/introjs.css";
|
||||
|
||||
//If skin's css files exists then add them
|
||||
if ($exists_css) {
|
||||
|
|
|
|||
|
|
@ -988,7 +988,7 @@ function visual_map_editor_print_item_palette($visualConsole_id, $background) {
|
|||
__('Click end point<br />of the line') .
|
||||
'</div>';
|
||||
|
||||
ui_require_css_file ('color-picker');
|
||||
ui_require_css_file ('color-picker','include/styles/js/');
|
||||
|
||||
ui_require_jquery_file ('colorpicker');
|
||||
?>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,146 @@
|
|||
|
||||
/*
|
||||
* ---------------------------------------------------------------------
|
||||
* - CLUSTER VIEW -
|
||||
* ---------------------------------------------------------------------
|
||||
*/
|
||||
#main_cluster {
|
||||
max-width:1770px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.sub_cluster_1 {
|
||||
width:400px;
|
||||
float: left;
|
||||
margin-left: 30px;
|
||||
margin-bottom: 25px;
|
||||
vertical-align: top;
|
||||
border:1px solid #e7e9ea;
|
||||
height:150px;
|
||||
}
|
||||
|
||||
.sub_cluster_2 {
|
||||
width:833px;
|
||||
float: left;
|
||||
margin-left: 30px;
|
||||
margin-bottom: 25px;
|
||||
vertical-align: top;
|
||||
border:1px solid #e7e9ea;
|
||||
height:150px;
|
||||
}
|
||||
|
||||
.sub_cluster_header {
|
||||
width:100%;
|
||||
height: 30px;
|
||||
background-color: #373737;
|
||||
color:white;
|
||||
text-align:center;
|
||||
font-size: 9pt;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sub_cluster_body {
|
||||
width:100%;
|
||||
height: 120px;
|
||||
background-color: #f9faf9;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sub_cluster_body_3 {
|
||||
width:100%;
|
||||
height: 120px;
|
||||
background-color: #f9faf9;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#cluster_map {
|
||||
border:1px solid lightgray;
|
||||
width:900px;
|
||||
height:500px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#cluster_status_content {
|
||||
width: 90%;
|
||||
height:30px;
|
||||
margin:0px auto;
|
||||
}
|
||||
|
||||
#cluster_status_bar {
|
||||
width: 85%;
|
||||
height:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.status_animation {
|
||||
width: 1%;
|
||||
height:100%;
|
||||
left:0%;
|
||||
background-color: red;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#cluster_status_button {
|
||||
float:left;
|
||||
width:10%;
|
||||
margin-left:5%;;
|
||||
}
|
||||
|
||||
#last_contact_content{
|
||||
width: 90%;
|
||||
height:60px;
|
||||
margin:0px auto;
|
||||
}
|
||||
|
||||
#last_contact_clock {
|
||||
width: 15%;
|
||||
height:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#last_contact_date {
|
||||
float:left;
|
||||
height:60px;
|
||||
width:80%;
|
||||
margin-left:5%;
|
||||
text-align:center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#last_contact_date_text {
|
||||
font-size:14pt;
|
||||
}
|
||||
|
||||
|
||||
.balanced_module_item {
|
||||
float:left;
|
||||
margin-top: 11.5px;
|
||||
margin-left: 5%;
|
||||
height: 25px;
|
||||
width:90%;
|
||||
}
|
||||
|
||||
.module_icon {
|
||||
float:left;
|
||||
width:10%;
|
||||
}
|
||||
|
||||
.modal_module_list {
|
||||
float:left;
|
||||
width: 90%;
|
||||
height:100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -1,27 +1,3 @@
|
|||
/* Common useful styles */
|
||||
.invisible {
|
||||
display: none;
|
||||
}
|
||||
.left { clear: left; float: left;}
|
||||
.right { clear: right; float: right;}
|
||||
.clear { clear:both; }
|
||||
.top {
|
||||
vertical-align: top;
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
img.left {
|
||||
margin-right:1em;
|
||||
margin-bottom:1.8em;
|
||||
}
|
||||
img.right {
|
||||
margin-left:1em;
|
||||
margin-bottom:1.8em;
|
||||
}
|
||||
.text-right {
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
/* Debug styles */
|
||||
pre.debug, div.backtrace {
|
||||
font-family: monospace !important;
|
||||
|
|
@ -51,3 +27,42 @@ div.database_debug_title {
|
|||
padding: 5px;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
|
||||
/* Common useful styles */
|
||||
.invisible {
|
||||
display: none;
|
||||
}
|
||||
.left { clear: left; float: left;}
|
||||
.right { clear: right; float: right;}
|
||||
.clear { clear:both; }
|
||||
.top {
|
||||
vertical-align: top;
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
img.left {
|
||||
margin-right:1em;
|
||||
margin-bottom:1.8em;
|
||||
}
|
||||
img.right {
|
||||
margin-left:1em;
|
||||
margin-bottom:1.8em;
|
||||
}
|
||||
.text-right {
|
||||
text-align:right;
|
||||
}
|
||||
.noshadow {
|
||||
-moz-box-shadow: 0px !important;
|
||||
-webkit-box-shadow: 0px !important;
|
||||
box-shadow: 0px !important;
|
||||
}
|
||||
.center_align {
|
||||
text-align: center;
|
||||
}
|
||||
.left_align {
|
||||
text-align: left;
|
||||
}
|
||||
.right_align {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
/* countdown styles */
|
||||
#countdown {
|
||||
border: 1px dotted #990000;
|
||||
width: 200px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.countdown_row {
|
||||
clear: both;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
}
|
||||
.countdown_show1 div {
|
||||
width: 100%;
|
||||
}
|
||||
.countdown_show2 div {
|
||||
width: 50%;
|
||||
}
|
||||
.countdown_show3 div {
|
||||
width: 33%;
|
||||
}
|
||||
.countdown_show4 div {
|
||||
width: 25%;
|
||||
}
|
||||
.countdown_show5 div {
|
||||
width: 20%;
|
||||
}
|
||||
.countdown_show6 div {
|
||||
width: 16%;
|
||||
}
|
||||
.countdown_show7 div {
|
||||
width: 14%;
|
||||
}
|
||||
.countdown_section {
|
||||
float: left;
|
||||
font-size: 75%
|
||||
}
|
||||
.countdown_amount {
|
||||
font-size: 200%;
|
||||
}
|
||||
.countdown_descr {
|
||||
width: 200px;
|
||||
}
|
||||
|
|
@ -1,206 +0,0 @@
|
|||
/* Main Flora Style Sheet for jQuery UI ui-datepicker
|
||||
#ui-datepicker-div, .ui-datepicker-inline {
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 14px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #E0F4D7;
|
||||
width: 185px;
|
||||
}
|
||||
#ui-datepicker-div {
|
||||
display: none;
|
||||
border: 1px solid #FF9900;
|
||||
z-index: 10;
|
||||
}
|
||||
.ui-datepicker-inline {
|
||||
float: left;
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ui-datepicker-dialog {
|
||||
padding: 5px !important;
|
||||
border: 4px ridge #83C948 !important;
|
||||
}
|
||||
button.ui-datepicker-trigger {
|
||||
width: 25px;
|
||||
}
|
||||
img.ui-datepicker-trigger {
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-datepicker-prompt {
|
||||
float: left;
|
||||
padding: 2px;
|
||||
background: #E0F4D7;
|
||||
color: #000;
|
||||
}
|
||||
*html .ui-datepicker-prompt {
|
||||
width: 185px;
|
||||
}
|
||||
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
|
||||
clear: both;
|
||||
float: left;
|
||||
width: 100%;
|
||||
color: #FFF;
|
||||
}
|
||||
.ui-datepicker-control {
|
||||
background: #FF9900;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.ui-datepicker-links {
|
||||
background: #E0F4D7;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.ui-datepicker-control, .ui-datepicker-links {
|
||||
font-weight: bold;
|
||||
font-size: 80%;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.ui-datepicker-links label {
|
||||
padding: 2px 5px;
|
||||
color: #888;
|
||||
}
|
||||
.ui-datepicker-clear, .ui-datepicker-prev {
|
||||
float: left;
|
||||
width: 34%;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-datepicker-current {
|
||||
float: left;
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker-close, .ui-datepicker-next {
|
||||
float: right;
|
||||
width: 34%;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-datepicker-header {
|
||||
padding: 1px 0 3px;
|
||||
background: #83C948;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
height: 1.3em;
|
||||
}
|
||||
.ui-datepicker-header select {
|
||||
background: #83C948;
|
||||
color: #000;
|
||||
border: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-datepicker {
|
||||
background: #CCC;
|
||||
text-align: center;
|
||||
font-size: 100%;
|
||||
}
|
||||
.ui-datepicker a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title-row {
|
||||
background: #B1DB87;
|
||||
color: #000;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-days-row {
|
||||
background: #FFF;
|
||||
color: #666;
|
||||
}
|
||||
.ui-datepicker-week-col {
|
||||
background: #B1DB87;
|
||||
color: #000;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-days-cell {
|
||||
color: #000;
|
||||
border: 1px solid #DDD;
|
||||
}
|
||||
#ui-datepicker .ui-datepicker-days-cell a {
|
||||
display: block;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-week-end-cell {
|
||||
background: #E0F4D7;
|
||||
}
|
||||
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
|
||||
background: #B1DB87;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-days-cell-over {
|
||||
background: #FFF;
|
||||
border: 1px solid #777;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-unselectable {
|
||||
color: #888;
|
||||
}
|
||||
.ui-datepicker-today {
|
||||
background: #B1DB87 !important;
|
||||
}
|
||||
.ui-datepicker-current-day {
|
||||
background: #83C948 !important;
|
||||
}
|
||||
.ui-datepicker-status {
|
||||
background: #E0F4D7;
|
||||
width: 100%;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
#ui-datepicker-div a, .ui-datepicker-inline a {
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
color: #000;
|
||||
}
|
||||
.ui-datepicker-inline .ui-datepicker-links a {
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
.ui-datepicker-control a, .ui-datepicker-links a {
|
||||
padding: 2px 5px !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
.ui-datepicker-title-row a {
|
||||
color: #000 !important;
|
||||
}
|
||||
.ui-datepicker-control a:hover {
|
||||
background: #FDD !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
|
||||
background: #FFF !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker {
|
||||
border: 1px solid #83C948;
|
||||
}
|
||||
.ui-datepicker-one-month {
|
||||
float: left;
|
||||
width: 185px;
|
||||
}
|
||||
.ui-datepicker-new-row {
|
||||
clear: left;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
.ui-datepicker-cover {
|
||||
display: none;
|
||||
display/**/: block;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
filter: mask();
|
||||
top: -4px;
|
||||
left: -4px;
|
||||
width: 193px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.ui-datepicker-title * {
|
||||
color: white;
|
||||
}
|
||||
*/
|
||||
|
|
@ -33,7 +33,6 @@
|
|||
border-left: none !important;
|
||||
border-right: none !important;
|
||||
color: #FFFFFF !important;
|
||||
#padding: 0.1em 1em !important;
|
||||
|
||||
-moz-border-radius: 4px 4px 0 0;
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
|
|
@ -85,7 +84,6 @@
|
|||
|
||||
.ui-dialog .ui-dialog-content {
|
||||
margin: 12px !important;
|
||||
#padding: 0.5em 1em !important;
|
||||
overflow: auto !important;
|
||||
|
||||
-moz-border-left: 1px solid #A9A9A9 !important;
|
||||
|
|
@ -150,7 +148,6 @@
|
|||
.ui-dialog-content {
|
||||
overflow: auto !important;
|
||||
width: auto !important;
|
||||
#height: auto !important;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
|
|
@ -176,82 +173,6 @@
|
|||
height: 22px;
|
||||
}
|
||||
|
||||
/* Dialog handle styles */
|
||||
/*Disabled*/
|
||||
/*
|
||||
.ui-dialog .ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 6px;
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: transparent url(images/dialog-n.gif) repeat scroll center top;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 8px;
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
background: transparent url(images/dialog-s.gif) repeat scroll center top;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: transparent url(images/dialog-e.gif) repeat scroll right center;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
height: 100%;
|
||||
background: transparent url(images/dialog-w.gif) repeat scroll right center;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
background: transparent url(images/dialog-se.gif);
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
background: transparent url(images/dialog-sw.gif);
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 29px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
background: transparent url(images/dialog-nw.gif);
|
||||
}
|
||||
|
||||
.ui-dialog .ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 29px;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
background: transparent url(images/dialog-ne.gif);
|
||||
}
|
||||
*/
|
||||
|
||||
.ui-dialog .ui-button-dialog {
|
||||
cursor: pointer;
|
||||
margin: 0.5em 0.4em 0.5em 0;
|
||||
|
|
|
|||
|
|
@ -1,54 +0,0 @@
|
|||
/*
|
||||
// Pandora FMS - the Flexible Monitoring System
|
||||
// =============================================
|
||||
// Copyright (c) 2004-2009 Artica Soluciones Tecnológicas S.L
|
||||
|
||||
// This program is free software; you can redistribute it and/or
|
||||
// modify it under the terms of the GNU General Public License
|
||||
// as published by the Free Software Foundation; version 2
|
||||
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program; if not, write to the Free Software
|
||||
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
||||
*/
|
||||
|
||||
* {
|
||||
font-family: verdana, sans-serif;
|
||||
font-size: 8pt;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
font: bold 1em Arial, Sans-serif;
|
||||
text-transform: uppercase;
|
||||
color: #675;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 7px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 16px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
a {
|
||||
color: #486787;
|
||||
text-decoration: none;
|
||||
}
|
||||
dd.help_t1 {margin-left: 10px; margin-top: 6px; margin-bottom: 5px; font-size: 13px; font-weight: bold}
|
||||
dd.help_t2 {margin-left: 28px; margin-top: 3px;}
|
||||
dd.help_t3 {margin-left: 55px; margin-top: 4px;}
|
||||
dd.help_t4 {margin-left: 92px; margin-top: 3px; margin-bottom: 2px;}
|
||||
.ml15 {margin-left: 15px;}
|
||||
.ml25 {margin-left: 25px;}
|
||||
.ml35 {margin-left: 35px;}
|
||||
.ml75 {margin-left: 75px;}
|
||||
div.logo {float:left;}
|
||||
div.toc {padding-left: 200px;}
|
||||
div.rayah {border-top: 1px solid #708090; width: 100%;}
|
||||
div.rayah2 {clear:both; border-top: 1px solid #708090; width: 100%; padding-bottom: 35px;}
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
/*
|
||||
* ---------------------------------------------------------------------
|
||||
* - CALENDAR TOOLTIP -
|
||||
* ---------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Calendar background */
|
||||
table.scw {
|
||||
background-color: #82b92e;
|
||||
border: 0 !important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Week number heading */
|
||||
td.scwWeekNumberHead {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
td.scwWeek {
|
||||
color: #111 !important;
|
||||
}
|
||||
|
||||
/* Today selector */
|
||||
td.scwFootDisabled {
|
||||
background-color: #000;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
tfoot.scwFoot {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.scwFoot :hover{
|
||||
color: #3F3F3F !important;
|
||||
}
|
||||
|
||||
table.scwCells {
|
||||
background-color: #fff !important;
|
||||
color: #3c3c3c !important;
|
||||
}
|
||||
|
||||
table.scwCells:hover {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
td.scwCellsExMonth {
|
||||
background-color: #eee !important;
|
||||
color: #3c3c3c !important;
|
||||
}
|
||||
|
||||
td.scwCellsWeekend {
|
||||
background-color: #3c3c3c !important;
|
||||
color: #fff !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
td.scwInputDate {
|
||||
background-color: #777 !important;
|
||||
color: #ffffff !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
td.scwFoot {
|
||||
background-color: #fff !important;
|
||||
color: #3c3c3c !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,254 @@
|
|||
|
||||
@import url(calendar.css);
|
||||
|
||||
/* --- JQUERY-UI --- */
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
background-color: #82b92e !important;
|
||||
}
|
||||
|
||||
/*center ui dialog center*/
|
||||
.ui-dialog-titlebar .ui-icon-closethick {
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
.ui-button-text-only .ui-button-text {
|
||||
font-family: nunito;
|
||||
font-size: 9pt;
|
||||
color: #82B92E
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title *, .ui-datepicker th * {
|
||||
color: white;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title option {
|
||||
color: #111 !important;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
display: inherit;
|
||||
text-align: center;
|
||||
padding: .4em 1em;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog .ui-dialog-title {
|
||||
font-family: Nunito, sans-serif;
|
||||
margin: .1em 0 !important;
|
||||
white-space: nowrap !important;
|
||||
width: 100% !important;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
font-size: 11pt;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
float: none !important;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute !important;
|
||||
right: 1em !important;
|
||||
width: 21px !important;
|
||||
margin: 0px 0 0 0 !important;
|
||||
padding: 1px !important;
|
||||
height: 20px !important;
|
||||
bottom: 30% !important;
|
||||
top: 20% !important;
|
||||
}
|
||||
.ui-dialog .ui-dialog-content {
|
||||
position: relative !important;
|
||||
border: 0;
|
||||
padding: .5em 1em !important;
|
||||
background: none !important;
|
||||
overflow: auto !important;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
text-align: left;
|
||||
border-width: 1px 0 0 0;
|
||||
background-image: none;
|
||||
margin-top: .5em;
|
||||
padding: .3em 1em .5em .4em;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: .5em 1em .5em 0 !important;
|
||||
cursor: pointer !important;
|
||||
background: white !important;
|
||||
background-color: white !important;
|
||||
border: 1px solid #82b92e !important;
|
||||
height:30px !important;
|
||||
width:90px !important;
|
||||
}
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url(../images/ui-icons_444444_256x240.png) !important;
|
||||
}
|
||||
.ui-icon, .ui-widget-content .ui-icon {
|
||||
background-image: url(../images/ui-icons_444444_256x240.png) !important;
|
||||
}
|
||||
.ui-widget-content {
|
||||
background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
|
||||
}
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
margin-top: 3px;
|
||||
border: 1px solid #d3d3d3 !important;
|
||||
border-bottom:0 !important;
|
||||
background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
|
||||
font-weight: normal !important;
|
||||
color: #555555 !important;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 0 !important;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 0 !important;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
#ui-datepicker-div {
|
||||
border-color: #B1B1B1;
|
||||
background: #ffffff;
|
||||
}
|
||||
.ui-widget-header {
|
||||
background: #B1B1B1 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ui-datepicker-calendar th {
|
||||
background-color: #3F3F3F;
|
||||
}
|
||||
.ui-dialog .ui-widget-header {
|
||||
background-color: #82b92e;
|
||||
}
|
||||
.ui_tpicker_hour,
|
||||
.ui_tpicker_minute,
|
||||
.ui_tpicker_second,
|
||||
.ui-slider-handle {
|
||||
border: 1px solid #AAAAAA !important;
|
||||
}
|
||||
.ui-timepicker-div dd {
|
||||
margin: 0px 15px 0px 15px ;
|
||||
}
|
||||
.ui-timepicker-div .ui-datepicker-title {
|
||||
color: white;
|
||||
}
|
||||
.ui-datepicker-buttonpane button {
|
||||
border-color: #B1B1B1 !important;
|
||||
}
|
||||
.ui-datepicker-buttonpane .ui-datepicker-current {
|
||||
margin-left: 0.2em !important;
|
||||
}
|
||||
.ui-dialog .ui-widget-content {
|
||||
border: 0px !important;
|
||||
}
|
||||
.ui-dialog {
|
||||
box-shadow: 5px 5px 19px #4e4e4e;
|
||||
border: 0px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.ui-dialog-titlebar {
|
||||
border: 0px !important;
|
||||
}
|
||||
.ui-dialog-titlebar .ui-icon-closethick,
|
||||
.ui-dialog-titlebar .ui-state-default,
|
||||
.ui-dialog-titlebar .ui-state-hover,
|
||||
.ui-dialog-titlebar button {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
.ui-dialog-titlebar .ui-icon-closethick {
|
||||
background-image: url("../../../images/icono_cerrar.png") !important;
|
||||
}
|
||||
.ui-dialog-title {
|
||||
color: #ffffff;
|
||||
font-size: 9pt;
|
||||
}
|
||||
.ui-widget input,
|
||||
.ui-widget select,
|
||||
.ui-widget textarea,
|
||||
.ui-widget button{
|
||||
font-family: Verdana,Arial,sans-serif !important;
|
||||
}
|
||||
|
||||
a.ui-button:active, .ui-button:active,
|
||||
.ui-button.ui-state-active:hover,
|
||||
.ui-state-focus .ui-widget-content,
|
||||
.ui-state-focus .ui-widget-header,
|
||||
.ui-state-focus .ui-button:hover, .ui-button:focus{
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
|
||||
border: 1px solid #999999 !important;
|
||||
border-bottom: 0 !important;
|
||||
background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
|
||||
}
|
||||
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
|
||||
border: 1px solid #aaaaaa !important;
|
||||
border-bottom: 0 !important;
|
||||
background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important;
|
||||
font-weight: normal !important;
|
||||
color: #212121 !important;
|
||||
}
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
|
||||
color: #212121 !important;
|
||||
}
|
||||
|
||||
ul.ui-front{
|
||||
z-index: 1000000 !important;
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
|
||||
ul.ui-front li{
|
||||
padding: 3px !important;
|
||||
}
|
||||
|
||||
ul.ui-front li:hover{
|
||||
background-color: #e1e3e1 !important;
|
||||
}
|
||||
|
||||
ul.ui-front li a.ui-menu-item-wrapper{
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
ul.ui-front li a.ui-menu-item-wrapper span{
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
|
||||
ul.ui-front li a.ui-menu-item-wrapper:hover{
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
input[type=submit].ui-button-dialog{
|
||||
margin: .5em 1em .5em 0 !important;
|
||||
cursor: pointer !important;
|
||||
background: white !important;
|
||||
background-color: white !important;
|
||||
color: #82b92e !important;
|
||||
text-align: center !important;
|
||||
border: 1px solid #82b92e !important;
|
||||
height:30px !important;
|
||||
width:90px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,417 @@
|
|||
/*
|
||||
* ---------------------------------------------------------------------
|
||||
* - LOGIN STYLES -
|
||||
* ---------------------------------------------------------------------
|
||||
*/
|
||||
h1#log_title {
|
||||
font-size: 18px;
|
||||
margin-bottom: 0px;
|
||||
color: #FFF !important;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
div#log_msg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#error_buttons {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
div#error_buttons a{
|
||||
margin: 14px;
|
||||
}
|
||||
|
||||
#login_body {
|
||||
/* Set rules to fill background */
|
||||
min-height: 100%;
|
||||
min-width: 1200px;
|
||||
width: 100%;
|
||||
z-index: -9999;
|
||||
position: absolute;
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
}
|
||||
|
||||
/*@media screen and (max-width: 1024px) { /* Specific to this particular image */
|
||||
/* #login_body {
|
||||
left: 50%;
|
||||
margin-left: -512px; /* 50% */
|
||||
/* }
|
||||
}
|
||||
@media screen and (max-width: 1100px) { /* Specific to this particular image */
|
||||
/* #login_body {
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1400px) { /* Specific to this particular image */
|
||||
/* #login_body {
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 2000px) { /* Specific to this particular image */
|
||||
/* #login_body {
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 2000px) { /* Specific to this particular image */
|
||||
/* #login_body {
|
||||
background-image: url("../../images/backgrounds/background_pandora_console_keys.jpg");
|
||||
background-repeat: repeat;
|
||||
}
|
||||
}*/
|
||||
|
||||
p.log_in {
|
||||
color: #FFF !important;
|
||||
padding: 0px 10px;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
h1#log_f {
|
||||
color: #c00;
|
||||
border-bottom: 1px solid #c00;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
div#error_login {
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
width: 75%;
|
||||
float: right;
|
||||
text-align: left;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
div#error_login_icon {
|
||||
margin-top: 10px;
|
||||
margin-right: 7px;
|
||||
text-align: center;
|
||||
width: 20%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div#login_f {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
#ver_num {
|
||||
margin: 0px auto;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* ---------------------------------------------------------------------
|
||||
* - LOGIN PAGE -
|
||||
* ---------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* --- Login page - header --- */
|
||||
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;
|
||||
}
|
||||
|
||||
/* --- Login page - 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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* --- Login page - modal windows --- */
|
||||
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;
|
||||
}
|
||||
|
|
@ -34,10 +34,7 @@
|
|||
|
||||
|
||||
.menu li a {
|
||||
/*background-color: inherit;*/
|
||||
color: #FFFFFF;
|
||||
/*font-weight: bold;*/
|
||||
/* This makes it so that the whole li is clickable */
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
|
@ -47,6 +44,7 @@ li:hover ul { display: block; }
|
|||
padding: 10.5px;
|
||||
margin-left: 0px;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu li.subselected a{
|
||||
|
|
@ -247,3 +245,136 @@ ul li {
|
|||
|
||||
ul li a:hover { color: #E2144A; } /* Hover Styles */
|
||||
/*li ul li a { padding: 2px 5px; } Sub Menu Styles */
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* ---------------------------------------------------------------------
|
||||
* - MAIN LEFT MENU and SUBMENU -
|
||||
* ---------------------------------------------------------------------
|
||||
*/
|
||||
.menu li.selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.menu_icon{
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition-property: background-color;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-property: background-color;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
-o-transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.menu_icon:hover{
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition-property: background-color;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-property: background-color;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
-o-transition-timing-function: ease-out;
|
||||
background-color: #585858 !important;
|
||||
}
|
||||
.submenu_not_selected:hover{
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition-property: background-color;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-property: background-color;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
-o-transition-timing-function: ease-out;
|
||||
background-color: #585858 !important;
|
||||
}
|
||||
.submenu_selected:hover{
|
||||
background-color: #585858 !important;
|
||||
}
|
||||
.sub_subMenu{
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition-property: background-color;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-property: background-color;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
}
|
||||
.sub_subMenu:hover{
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition-property: background-color;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-property: background-color;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-o-transition-property: background-color;
|
||||
-o-transition-duration: 0.5s;
|
||||
background-color: #585858 !important;
|
||||
}
|
||||
|
||||
.menu li.selected {
|
||||
box-shadow: inset 4px 0 #80BA27;
|
||||
}
|
||||
/* creo que no se usan
|
||||
.is_submenu2 li {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
|
||||
.is_submenu2 {
|
||||
background-color: #222222 !important;
|
||||
}
|
||||
*/
|
||||
.operation {
|
||||
background-color: #333 !important;
|
||||
border-top-right-radius: 5px;
|
||||
border-right-style: solid;
|
||||
border-right-width: 0px;
|
||||
}
|
||||
|
||||
.operation .selected {
|
||||
background-color: #585858 !important;
|
||||
}
|
||||
|
||||
.menu li, .menu .li.not_selected {
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
display: block;
|
||||
min-height: 35px;
|
||||
border-bottom: 0px none #424242;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.godmode, .menu_icon ul li{
|
||||
background-color: #222;
|
||||
}
|
||||
.operation .menu_icon ul li{
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.godmode{
|
||||
border-top: 4px solid #777 !important;
|
||||
padding-bottom: 4px !important;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-right-style: solid;
|
||||
border-right-width: 0px;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,95 +0,0 @@
|
|||
/*
|
||||
|
||||
Author: The Pandora FMS team
|
||||
Exclude css from visual styles
|
||||
Description: Forms based on fieldset and labels to improve accesibility
|
||||
|
||||
// Pandora FMS - the Flexible Monitoring System
|
||||
// Copyright (c) 2004-2010 Artica Soluciones Tecnológicas S.L
|
||||
|
||||
// This program is free software; you can redistribute it and/or
|
||||
// modify it under the terms of the GNU General Public License
|
||||
// as published by the Free Software Foundation; version 2
|
||||
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program; if not, write to the Free Software
|
||||
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
background-color:#fafafa;
|
||||
border: 1px solid #f2f2f2;
|
||||
padding:0.5em;
|
||||
margin-top:0.5em;
|
||||
margin-bottom:1em;
|
||||
position:relative;
|
||||
}
|
||||
fieldset legend {
|
||||
font-size:1.3em;
|
||||
font-weight:bold;
|
||||
color:#3f4e2f;
|
||||
top:-2em;
|
||||
}
|
||||
fieldset label {
|
||||
font-weight: bold;
|
||||
display:block;
|
||||
margin-right:1em;
|
||||
margin-left:1em;
|
||||
margin-bottom:1em;
|
||||
width:25%;
|
||||
float:left;
|
||||
}
|
||||
fieldset select, fieldset input {
|
||||
position:relative;
|
||||
right:1em;
|
||||
margin-bottom:0.5em;
|
||||
}
|
||||
fieldset br {
|
||||
clear:left;
|
||||
}
|
||||
|
||||
/*.pandora_form input.sub {
|
||||
position:relative;
|
||||
left:80%;
|
||||
}*/
|
||||
|
||||
/*CALENDAR TOOLTIP STYLE*/
|
||||
|
||||
/* Calendar background */
|
||||
table.scw {
|
||||
background-color: #daedae;
|
||||
}
|
||||
|
||||
/* Week number heading */
|
||||
td.scwWeekNumberHead {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
td.scwWeek {
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* Today selector */
|
||||
td.scwFoot {
|
||||
background-color: #daedae;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
td.scwFootDisabled {
|
||||
background-color: #000;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
tfoot.scwFoot {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.scwFoot :hover{
|
||||
color: #FFA500 !important;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
.tooltipster-light {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #cccccc;
|
||||
background: #ededed;
|
||||
color: #666666;
|
||||
}
|
||||
.tooltipster-light .tooltipster-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
.tooltipster-noir {
|
||||
border-radius: 0px;
|
||||
border: 3px solid #82B92E;
|
||||
background: #fff;
|
||||
color: #2c2c2c;
|
||||
}
|
||||
.tooltipster-noir .tooltipster-content {
|
||||
font-family: 'Georgia', serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
.tooltipster-punk {
|
||||
border-radius: 5px;
|
||||
border-bottom: 3px solid #82B92E;
|
||||
background: #ccc;
|
||||
color: #fff;
|
||||
}
|
||||
.tooltipster-punk .tooltipster-content {
|
||||
font-family: 'Courier', monospace;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
.tooltipster-shadow {
|
||||
border-radius: 5px;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
|
||||
color: #2c2c2c;
|
||||
}
|
||||
.tooltipster-shadow .tooltipster-content {
|
||||
font-family: 'Arial', sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
|
@ -1,274 +0,0 @@
|
|||
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
|
||||
.tooltipster-default {
|
||||
border-radius: 5px;
|
||||
border: 2px solid #000;
|
||||
background: #4c4c4c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Use this next selector to style things like font-size and line-height: */
|
||||
.tooltipster-default .tooltipster-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
|
||||
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
|
||||
/* border-color: ... !important; */
|
||||
}
|
||||
|
||||
|
||||
/* If you're using the icon option, use this next selector to style them */
|
||||
.tooltipster-icon {
|
||||
cursor: help;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* This is the base styling required to make all Tooltipsters work */
|
||||
.tooltipster-base {
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9999999;
|
||||
pointer-events: none;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
.tooltipster-base .tooltipster-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
|
||||
.tooltipster-arrow {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.tooltipster-arrow span, .tooltipster-arrow-border {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
|
||||
border-left: 8px solid transparent !important;
|
||||
border-right: 8px solid transparent !important;
|
||||
border-top: 8px solid;
|
||||
bottom: -7px;
|
||||
}
|
||||
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
|
||||
border-left: 9px solid transparent !important;
|
||||
border-right: 9px solid transparent !important;
|
||||
border-top: 9px solid;
|
||||
bottom: -7px;
|
||||
}
|
||||
|
||||
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
|
||||
border-left: 8px solid transparent !important;
|
||||
border-right: 8px solid transparent !important;
|
||||
border-bottom: 8px solid;
|
||||
top: -7px;
|
||||
}
|
||||
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
|
||||
border-left: 9px solid transparent !important;
|
||||
border-right: 9px solid transparent !important;
|
||||
border-bottom: 9px solid;
|
||||
top: -7px;
|
||||
}
|
||||
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
|
||||
left: 6px;
|
||||
}
|
||||
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
|
||||
left: 5px;
|
||||
}
|
||||
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
|
||||
right: 6px;
|
||||
}
|
||||
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
|
||||
right: 5px;
|
||||
}
|
||||
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
|
||||
border-top: 8px solid transparent !important;
|
||||
border-bottom: 8px solid transparent !important;
|
||||
border-left: 8px solid;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
right: -7px;
|
||||
}
|
||||
.tooltipster-arrow-left .tooltipster-arrow-border {
|
||||
border-top: 9px solid transparent !important;
|
||||
border-bottom: 9px solid transparent !important;
|
||||
border-left: 9px solid;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
|
||||
border-top: 8px solid transparent !important;
|
||||
border-bottom: 8px solid transparent !important;
|
||||
border-right: 8px solid;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
left: -7px;
|
||||
}
|
||||
.tooltipster-arrow-right .tooltipster-arrow-border {
|
||||
border-top: 9px solid transparent !important;
|
||||
border-bottom: 9px solid transparent !important;
|
||||
border-right: 9px solid;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
|
||||
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
|
||||
|
||||
.tooltipster-fade {
|
||||
opacity: 0;
|
||||
-webkit-transition-property: opacity;
|
||||
-moz-transition-property: opacity;
|
||||
-o-transition-property: opacity;
|
||||
-ms-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
}
|
||||
.tooltipster-fade-show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tooltipster-grow {
|
||||
-webkit-transform: scale(0,0);
|
||||
-moz-transform: scale(0,0);
|
||||
-o-transform: scale(0,0);
|
||||
-ms-transform: scale(0,0);
|
||||
transform: scale(0,0);
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-o-transition-property: -o-transform;
|
||||
-ms-transition-property: -ms-transform;
|
||||
transition-property: transform;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.tooltipster-grow-show {
|
||||
-webkit-transform: scale(1,1);
|
||||
-moz-transform: scale(1,1);
|
||||
-o-transform: scale(1,1);
|
||||
-ms-transform: scale(1,1);
|
||||
transform: scale(1,1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
}
|
||||
|
||||
.tooltipster-swing {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateZ(4deg);
|
||||
-moz-transform: rotateZ(4deg);
|
||||
-o-transform: rotateZ(4deg);
|
||||
-ms-transform: rotateZ(4deg);
|
||||
transform: rotateZ(4deg);
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-o-transition-property: -o-transform;
|
||||
-ms-transition-property: -ms-transform;
|
||||
transition-property: transform;
|
||||
}
|
||||
.tooltipster-swing-show {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(0deg);
|
||||
-moz-transform: rotateZ(0deg);
|
||||
-o-transform: rotateZ(0deg);
|
||||
-ms-transform: rotateZ(0deg);
|
||||
transform: rotateZ(0deg);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
|
||||
}
|
||||
|
||||
.tooltipster-fall {
|
||||
top: 0;
|
||||
-webkit-transition-property: top;
|
||||
-moz-transition-property: top;
|
||||
-o-transition-property: top;
|
||||
-ms-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
}
|
||||
.tooltipster-fall-show {
|
||||
}
|
||||
.tooltipster-fall.tooltipster-dying {
|
||||
-webkit-transition-property: all;
|
||||
-moz-transition-property: all;
|
||||
-o-transition-property: all;
|
||||
-ms-transition-property: all;
|
||||
transition-property: all;
|
||||
top: 0px !important;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.tooltipster-slide {
|
||||
left: -40px;
|
||||
-webkit-transition-property: left;
|
||||
-moz-transition-property: left;
|
||||
-o-transition-property: left;
|
||||
-ms-transition-property: left;
|
||||
transition-property: left;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
|
||||
}
|
||||
.tooltipster-slide.tooltipster-slide-show {
|
||||
}
|
||||
.tooltipster-slide.tooltipster-dying {
|
||||
-webkit-transition-property: all;
|
||||
-moz-transition-property: all;
|
||||
-o-transition-property: all;
|
||||
-ms-transition-property: all;
|
||||
transition-property: all;
|
||||
left: 0px !important;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
|
||||
.tooltipster-content-changing {
|
||||
opacity: 0.5;
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
|
|
@ -606,7 +606,7 @@ echo '</div>';
|
|||
enterprise_hook('close_meta_frame');
|
||||
|
||||
|
||||
ui_require_css_file('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
ui_require_jquery_file('cluetip');
|
||||
?>
|
||||
|
||||
|
|
|
|||
|
|
@ -317,7 +317,7 @@ ui_toggle($html_toggle,
|
|||
</script>
|
||||
<?php
|
||||
|
||||
ui_require_css_file ('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
ui_require_jquery_file ('cluetip');
|
||||
|
||||
echo "<div id='module_details_dialog' style='display: none;'></div>";
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ $interface_traffic_modules = array(
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title><?php echo __('%s Interface Graph', get_product_name()) . ' (' .agents_get_alias($agent_id) . ' - ' . $interface_name; ?>)</title>
|
||||
<link rel="stylesheet" href="../../include/styles/pandora_minimal.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/styles/jquery-ui.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/styles/js/jquery-ui.min.css" type="text/css" />
|
||||
<script type='text/javascript' src='../../include/javascript/pandora.js'></script>
|
||||
<script type='text/javascript' src='../../include/javascript/jquery-3.3.1.min.js'></script>
|
||||
<script type='text/javascript' src='../../include/javascript/jquery.pandora.js'></script>
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ echo '<link rel="stylesheet" href="../../include/styles/pandora.css" type="text/
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title><?php echo __("%s Realtime Module Graph", get_product_name());?></title>
|
||||
<link rel="stylesheet" href="../../include/styles/pandora_minimal.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/styles/jquery-ui.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/styles/js/jquery-ui.min.css" type="text/css" />
|
||||
<script type='text/javascript' src='../../include/javascript/pandora.js'></script>
|
||||
<script type='text/javascript' src='../../include/javascript/jquery-3.3.1.min.js'></script>
|
||||
<script type='text/javascript' src='../../include/javascript/jquery.pandora.js'></script>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ $alias = db_get_value ("alias","tagente","id_agente",$id_agent);
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title><?php echo __("%s Graph", get_product_name()) . ' (' . $alias . ' - ' . $label; ?>)</title>
|
||||
<link rel="stylesheet" href="../../include/styles/pandora_minimal.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/styles/jquery-ui.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../include/styles/js/jquery-ui.min.css" type="text/css" />
|
||||
<script type='text/javascript' src='../../include/javascript/pandora.js'></script>
|
||||
<script type='text/javascript' src='../../include/javascript/jquery-3.3.1.min.js'></script>
|
||||
<script type='text/javascript' src='../../include/javascript/jquery.pandora.js'></script>
|
||||
|
|
|
|||
|
|
@ -508,7 +508,6 @@ else {
|
|||
// Floating menu - End
|
||||
|
||||
ui_require_jquery_file('countdown');
|
||||
ui_require_css_file('countdown');
|
||||
}
|
||||
|
||||
// Error div for ajax messages
|
||||
|
|
|
|||
|
|
@ -649,7 +649,7 @@ if (empty ($traps)) {
|
|||
|
||||
ui_require_css_file('pandora_enterprise', ENTERPRISE_DIR . '/include/styles/');
|
||||
ui_require_css_file('pandora_dashboard', ENTERPRISE_DIR . '/include/styles/');
|
||||
ui_require_css_file('cluetip');
|
||||
ui_require_css_file ('cluetip','include/styles/js/');
|
||||
|
||||
ui_require_jquery_file('countdown');
|
||||
ui_require_javascript_file('pandora_dashboard', ENTERPRISE_DIR.'/include/javascript/');
|
||||
|
|
|
|||
|
|
@ -14,6 +14,9 @@
|
|||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
|
||||
ui_require_css_file ('tree');
|
||||
ui_require_css_file ('fixed-bottom-box');
|
||||
|
||||
global $config;
|
||||
|
||||
$pure = get_parameter('pure', 0);
|
||||
|
|
|
|||
|
|
@ -191,7 +191,6 @@ if ($config['pure']) {
|
|||
// Floating menu - End
|
||||
|
||||
ui_require_jquery_file('countdown');
|
||||
ui_require_css_file('countdown');
|
||||
|
||||
?>
|
||||
<style type="text/css">
|
||||
|
|
|
|||
Loading…
Reference in New Issue