mirror of
https://github.com/pandorafms/pandorafms.git
synced 2025-07-31 01:35:36 +02:00
End to change chrome extension styles
This commit is contained in:
fermin831
parent
14db564be7
commit
1e5eec6e31
@ -15,7 +15,7 @@ h1 {
|
|||||||
margin: 2px 0px 2px 0px;
|
margin: 2px 0px 2px 0px;
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
color : black;
|
color : #333;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
@ -81,22 +81,33 @@ div.options_header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div.options_divider {
|
div.options_divider {
|
||||||
width: 100%;
|
width: 627px;
|
||||||
background-color: #C8C8C8;
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.optionsG_textarea {
|
div.options_divider h2{
|
||||||
background-color: green;
|
margin: 20px 20px 0;
|
||||||
width: 450px;
|
padding: 5px;
|
||||||
margin: 5px, 10px;
|
font-weight: 500;
|
||||||
|
border: 2px solid #82b92e;
|
||||||
|
border-top-left-radius: 2px;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
background: #82b92e;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.options_textarea {
|
div.options_textarea {
|
||||||
background-color: #ebebeb;
|
background-color: #f6f6f6;
|
||||||
width: 550px;
|
width: 550px;
|
||||||
margin: 10px 10px;
|
margin: 0 20px;
|
||||||
padding: 10px;
|
padding: 10px 10px 25px 25px;
|
||||||
-webkit-border-radius: 10px;
|
border-bottom-left-radius: 2px;
|
||||||
border: 2px solid #c8c8c8;
|
border-bottom-right-radius: 2px;
|
||||||
|
border: 1px solid #e4e4e4;
|
||||||
|
border-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.options_footer {
|
div.options_footer {
|
||||||
@ -105,6 +116,48 @@ div.options_footer {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #888;
|
||||||
|
font-size: smaller;
|
||||||
|
padding: 2px 1px;
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sound_selector td:first-child {
|
||||||
|
padding-left: 25px;
|
||||||
|
width: 39%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options_textarea button {
|
||||||
|
background-color: #82b92e;
|
||||||
|
border: 1px solid #82b92e;
|
||||||
|
color: white;
|
||||||
|
padding: 6px 32px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin: 25px 0px 0px 422px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options_textarea button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #82b92e;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options_textarea h3 {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 11.4pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
button h3 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 10pt !important;
|
||||||
|
}
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -172,7 +225,6 @@ div.options_footer {
|
|||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.event p {
|
.event p {
|
||||||
margin: 0 0 0 6px;
|
margin: 0 0 0 6px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 457 B After Width: | Height: | Size: 468 B |
Binary file not shown.
|
Before Width: | Height: | Size: 353 B After Width: | Height: | Size: 350 B |
Binary file not shown.
|
Before Width: | Height: | Size: 423 B After Width: | Height: | Size: 428 B |
@ -11,7 +11,7 @@ function initialise(){
|
|||||||
document.getElementById('normal').value = localStorage["normal"];
|
document.getElementById('normal').value = localStorage["normal"];
|
||||||
document.getElementById('warning').value = localStorage["warning"];
|
document.getElementById('warning').value = localStorage["warning"];
|
||||||
document.getElementById('refresh').value = localStorage["refresh"];
|
document.getElementById('refresh').value = localStorage["refresh"];
|
||||||
document.getElementById('events').value = localStorage["events"];
|
document.getElementById('number_events').value = localStorage["events"];
|
||||||
if(localStorage["sound_alert"]=="on"){
|
if(localStorage["sound_alert"]=="on"){
|
||||||
disable(false);
|
disable(false);
|
||||||
document.getElementById('sound_alert_o').checked=true;
|
document.getElementById('sound_alert_o').checked=true;
|
||||||
@ -45,7 +45,7 @@ function change_o(value, id){
|
|||||||
if(id=="refresh"){
|
if(id=="refresh"){
|
||||||
localStorage["refresh"]=value;
|
localStorage["refresh"]=value;
|
||||||
}
|
}
|
||||||
if(id=="events"){
|
if(id=="number_events"){
|
||||||
localStorage["events"]=value;
|
localStorage["events"]=value;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -153,8 +153,8 @@ $(document).ready (function () {
|
|||||||
change_o($(this).val(), "refresh");
|
change_o($(this).val(), "refresh");
|
||||||
});
|
});
|
||||||
|
|
||||||
$("#events").change(function () {
|
$("#number_events").change(function () {
|
||||||
change_o($(this).val(), "events");
|
change_o($(this).val(), "number_events");
|
||||||
});
|
});
|
||||||
|
|
||||||
//Close button
|
//Close button
|
||||||
|
|||||||
@ -3,6 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Pandora FMS extension</title>
|
<title>Pandora FMS extension</title>
|
||||||
<link rel="stylesheet" href="css/popup.css" type="text/css" />
|
<link rel="stylesheet" href="css/popup.css" type="text/css" />
|
||||||
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600' rel='stylesheet' type='text/css'>
|
||||||
<script src="js/jquery-1.7.2.min.js"></script>
|
<script src="js/jquery-1.7.2.min.js"></script>
|
||||||
<script src="js/sound.js"></script>
|
<script src="js/sound.js"></script>
|
||||||
<script src="js/options.js"></script>
|
<script src="js/options.js"></script>
|
||||||
@ -35,23 +36,18 @@
|
|||||||
<td> <input type="password" size=50px name="pass" id="pass"> </td>
|
<td> <input type="password" size=50px name="pass" id="pass"> </td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
<br/>
|
||||||
<div class="options_textarea">
|
|
||||||
<table width=450px>
|
<table width=450px>
|
||||||
<caption><h3>Event Alert Sounds Configuration</h3></caption>
|
<caption><h3>Event Alert Sounds Configuration</h3></caption>
|
||||||
<tr>
|
<tr>
|
||||||
<td title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </td>
|
<td style='padding-bottom: 15px;' title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </td>
|
||||||
<td>
|
<td style='padding-bottom: 15px;'>
|
||||||
<input type="radio" id="sound_alert_o" name="sound_alert" value="on" /> On
|
<input type="radio" id="sound_alert_o" name="sound_alert" value="on" /> On
|
||||||
<input type="radio" id="sound_alert_f" name="sound_alert" value="off" /> Off
|
<input type="radio" id="sound_alert_f" name="sound_alert" value="off" /> Off
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr class="sound_selector">
|
||||||
<td><b>Severity</b></td>
|
|
||||||
<td ><b>Sound Type</b></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Critical</td>
|
<td>Critical</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="critical">
|
<select id="critical">
|
||||||
@ -69,7 +65,7 @@
|
|||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr class="sound_selector">
|
||||||
<td>Informational</td>
|
<td>Informational</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="informational">
|
<select id="informational">
|
||||||
@ -87,7 +83,7 @@
|
|||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr class="sound_selector">
|
||||||
<td>Maintenance</td>
|
<td>Maintenance</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="maintenance">
|
<select id="maintenance">
|
||||||
@ -105,7 +101,7 @@
|
|||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr class="sound_selector">
|
||||||
<td>Normal</td>
|
<td>Normal</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="normal">
|
<select id="normal">
|
||||||
@ -123,7 +119,7 @@
|
|||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr class="sound_selector">
|
||||||
<td>Warning</td>
|
<td>Warning</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="warning">
|
<select id="warning">
|
||||||
@ -142,8 +138,8 @@
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
|
<td style='padding-top: 15px;' title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
|
||||||
<td>
|
<td style='padding-top: 15px;'>
|
||||||
<select id="refresh">
|
<select id="refresh">
|
||||||
<option value="5">5 seconds</option>
|
<option value="5">5 seconds</option>
|
||||||
<option value="10">10 seconds</option>
|
<option value="10">10 seconds</option>
|
||||||
@ -161,7 +157,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td title="Number of events to be displayed in pop up window" style="cursor:help">Number of events</td>
|
<td title="Number of events to be displayed in pop up window" style="cursor:help">Number of events</td>
|
||||||
<td>
|
<td>
|
||||||
<select id="events">
|
<select id="number_events">
|
||||||
<option value="5">5</option>
|
<option value="5">5</option>
|
||||||
<option value="10">10</option>
|
<option value="10">10</option>
|
||||||
<option value="12">12</option>
|
<option value="12">12</option>
|
||||||
@ -173,10 +169,11 @@
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
<button id="close" type="button"><h3>Close</h3></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="options_footer">
|
<div class="options_footer">
|
||||||
<button id="close" type="button"><h3>Close</h3></button>
|
<p style="display: none;font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
|
||||||
<p style="font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user