Skip to content
Snippets Groups Projects
Commit 28c2d23b authored by Bauer Ivan's avatar Bauer Ivan
Browse files

css changed to options stylesheet

parent 162ff558
No related branches found
No related tags found
No related merge requests found
...@@ -17,13 +17,12 @@ ...@@ -17,13 +17,12 @@
<br> Minimum 0-9: <input value="0" type="number" id="numbers" name="numbers"> <br> Minimum 0-9: <input value="0" type="number" id="numbers" name="numbers">
<br> Minimum !@#$%^: <input value="0" type="number" id="symbols" name="symbols"> <br> Minimum !@#$%^: <input value="0" type="number" id="symbols" name="symbols">
<div id="status">Example Password:</div> <div id="status">Example Password:</div>
<br> <input type="text" id="demo" style="width: 400px;">
<h3>Salt Options</h3> <h3>Salt Options</h3>
Upload Salt: <input style="font-size: 0;" type="file" id="saltUpload"> Upload Salt: <input style="font-size: 0;" type="file" id="saltUpload">
<br> Download Salt: <button style="font-size: 9px;" id="saltDownload">Download</button> <br> Download Salt: <button style="font-size: 9px;" id="saltDownload">Download</button>
</form> </form>
<br>
<input type="text" id="demo" style="width: 500px;">
</div> </div>
<a style = "text-decoration:none;" href="../browser_action/browser_action.html"><button class="button button1">Main Menu</button></a> <a style = "text-decoration:none;" href="../browser_action/browser_action.html"><button class="button button1">Main Menu</button></a>
<script src="./../module/dist/bundle.js"></script> <script src="./../module/dist/bundle.js"></script>
......
body { body {
background-color: #66FEC2; background-color: #e6e6e6;
} }
.button { .button {
background-color: #4CAF50; background-color: #4CAF50;
/* Green */ /* Green */
border: none; border: none;
padding: 15px 32px; padding: 11px 23px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
font-size: 16px; font-size: 14px;
font-weight:bold; font-weight:bold;
display:block; display:block;
margin:0 auto; margin:0 auto;
...@@ -17,16 +17,19 @@ ...@@ -17,16 +17,19 @@
} }
.button1 { .button1 {
background-color: #f44336; background-color: #fb8c00;
}
.button1:hover {
background-color: #00cc66;
} }
.form-style-5{ .form-style-5{
max-width: 500px; max-width: 400px;
padding: 10px 20px; padding: 3px 6px;
background: #f4f7f8; margin: 3px auto;
margin: 10px auto; padding: 6px;
padding: 20px; border:2px solid black;
background: #f4f7f8; background: #e6e6e6;
border-radius: 8px; border-radius: 8px;
font-family: Georgia, "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif;
} }
...@@ -63,11 +66,11 @@ ...@@ -63,11 +66,11 @@
box-sizing: border-box; box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
background-color: #e8eeef; background-color: white;
color:#8a97a0; color:#8a97a0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
margin-bottom: 30px; margin-bottom: 12px;
} }
.form-style-5 input[type="text"]:focus, .form-style-5 input[type="text"]:focus,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment