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;
|
||||
}
|
||||
h2 {
|
||||
color : black;
|
||||
color : #333;
|
||||
}
|
||||
p {
|
||||
font-size: 20px;
|
||||
|
|
@ -81,22 +81,33 @@ div.options_header {
|
|||
}
|
||||
|
||||
div.options_divider {
|
||||
width: 100%;
|
||||
background-color: #C8C8C8;
|
||||
width: 627px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
div.optionsG_textarea {
|
||||
background-color: green;
|
||||
width: 450px;
|
||||
margin: 5px, 10px;
|
||||
div.options_divider h2{
|
||||
margin: 20px 20px 0;
|
||||
padding: 5px;
|
||||
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 {
|
||||
background-color: #ebebeb;
|
||||
background-color: #f6f6f6;
|
||||
width: 550px;
|
||||
margin: 10px 10px;
|
||||
padding: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border: 2px solid #c8c8c8;
|
||||
margin: 0 20px;
|
||||
padding: 10px 10px 25px 25px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
div.options_footer {
|
||||
|
|
@ -105,6 +116,48 @@ div.options_footer {
|
|||
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 {
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
|
|
@ -172,7 +225,6 @@ div.options_footer {
|
|||
color: #333;
|
||||
}
|
||||
|
||||
|
||||
.event p {
|
||||
margin: 0 0 0 6px;
|
||||
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('warning').value = localStorage["warning"];
|
||||
document.getElementById('refresh').value = localStorage["refresh"];
|
||||
document.getElementById('events').value = localStorage["events"];
|
||||
document.getElementById('number_events').value = localStorage["events"];
|
||||
if(localStorage["sound_alert"]=="on"){
|
||||
disable(false);
|
||||
document.getElementById('sound_alert_o').checked=true;
|
||||
|
|
@ -45,7 +45,7 @@ function change_o(value, id){
|
|||
if(id=="refresh"){
|
||||
localStorage["refresh"]=value;
|
||||
}
|
||||
if(id=="events"){
|
||||
if(id=="number_events"){
|
||||
localStorage["events"]=value;
|
||||
}
|
||||
}
|
||||
|
|
@ -153,8 +153,8 @@ $(document).ready (function () {
|
|||
change_o($(this).val(), "refresh");
|
||||
});
|
||||
|
||||
$("#events").change(function () {
|
||||
change_o($(this).val(), "events");
|
||||
$("#number_events").change(function () {
|
||||
change_o($(this).val(), "number_events");
|
||||
});
|
||||
|
||||
//Close button
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<title>Pandora FMS extension</title>
|
||||
<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/sound.js"></script>
|
||||
<script src="js/options.js"></script>
|
||||
|
|
@ -35,23 +36,18 @@
|
|||
<td> <input type="password" size=50px name="pass" id="pass"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="options_textarea">
|
||||
<br/>
|
||||
<table width=450px>
|
||||
<caption><h3>Event Alert Sounds Configuration</h3></caption>
|
||||
<tr>
|
||||
<td title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </td>
|
||||
<td>
|
||||
<td style='padding-bottom: 15px;' title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </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_f" name="sound_alert" value="off" /> Off
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Severity</b></td>
|
||||
<td ><b>Sound Type</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="sound_selector">
|
||||
<td>Critical</td>
|
||||
<td>
|
||||
<select id="critical">
|
||||
|
|
@ -69,7 +65,7 @@
|
|||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="sound_selector">
|
||||
<td>Informational</td>
|
||||
<td>
|
||||
<select id="informational">
|
||||
|
|
@ -87,7 +83,7 @@
|
|||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="sound_selector">
|
||||
<td>Maintenance</td>
|
||||
<td>
|
||||
<select id="maintenance">
|
||||
|
|
@ -105,7 +101,7 @@
|
|||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="sound_selector">
|
||||
<td>Normal</td>
|
||||
<td>
|
||||
<select id="normal">
|
||||
|
|
@ -123,7 +119,7 @@
|
|||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="sound_selector">
|
||||
<td>Warning</td>
|
||||
<td>
|
||||
<select id="warning">
|
||||
|
|
@ -142,8 +138,8 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
|
||||
<td>
|
||||
<td style='padding-top: 15px;' title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
|
||||
<td style='padding-top: 15px;'>
|
||||
<select id="refresh">
|
||||
<option value="5">5 seconds</option>
|
||||
<option value="10">10 seconds</option>
|
||||
|
|
@ -161,7 +157,7 @@
|
|||
<tr>
|
||||
<td title="Number of events to be displayed in pop up window" style="cursor:help">Number of events</td>
|
||||
<td>
|
||||
<select id="events">
|
||||
<select id="number_events">
|
||||
<option value="5">5</option>
|
||||
<option value="10">10</option>
|
||||
<option value="12">12</option>
|
||||
|
|
@ -173,10 +169,11 @@
|
|||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<button id="close" type="button"><h3>Close</h3></button>
|
||||
</div>
|
||||
<div class="options_footer">
|
||||
<button id="close" type="button"><h3>Close</h3></button>
|
||||
<p style="font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
|
||||
<p style="display: none;font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue