Changed colors and added source code credit
This commit is contained in:
parent
4e4455f44c
commit
57597135d2
2 changed files with 8 additions and 8 deletions
|
|
@ -20,7 +20,7 @@
|
||||||
|
|
||||||
<!-- Body -->
|
<!-- Body -->
|
||||||
|
|
||||||
<h1 id="title">Random Password Generator | <span>Made by: <a href="https://divisionsolar.xyz">Josh S.</a></span></h1>
|
<h1 id="title">Random Password Generator | Made by: <a href="https://divisionsolar.xyz">Josh S.</a> | <a href="https://github.com/DIVISIONSolar/Password-Generator"> Source Code:</a></h1>
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
<aside id="sidebar">
|
<aside id="sidebar">
|
||||||
<div id="instructions">
|
<div id="instructions">
|
||||||
|
|
|
||||||
14
styles.css
14
styles.css
|
|
@ -3,17 +3,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #fa8096;
|
background-color: #8480fa;
|
||||||
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
|
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
|
||||||
}
|
}
|
||||||
|
|
||||||
#title {
|
#title {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: #2f3542;
|
color: #2f3542;
|
||||||
border: 3px solid #fa8096;
|
border: 3px solid #8480fa;
|
||||||
padding: .2em;
|
padding: .2em;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: #68ffb6;
|
background-color: #6a65f9;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -30,11 +30,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#instructions {
|
#instructions {
|
||||||
border: 2px solid rgb(60, 255, 118);
|
border: 2px solid #6a65f9;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: #2f3542;
|
color: #2f3542;
|
||||||
background-color: #68ffb6;
|
background-color: #6a65f9;
|
||||||
max-height: 55px;
|
max-height: 55px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: max-height 0.3s ease-out
|
transition: max-height 0.3s ease-out
|
||||||
|
|
@ -113,9 +113,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#random-password-container {
|
#random-password-container {
|
||||||
border: 2px solid #68ffb6;
|
border: 2px solid #6a65f9;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: #68ffb6;
|
background-color: #6a65f9;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Reference in a new issue