Rework CSS
This commit is contained in:
@@ -1,34 +1,61 @@
|
||||
|
||||
body {
|
||||
background-image:linear-gradient(#0096ff 30%, white);
|
||||
background-color:#2d2e44;
|
||||
height:100%; width:100%;
|
||||
color:white;
|
||||
}
|
||||
|
||||
input {
|
||||
opacity:0.9;
|
||||
}
|
||||
#logo {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
#logo img{
|
||||
display:inline;
|
||||
width:250px;
|
||||
height:170px;
|
||||
margin-right:4%;
|
||||
}
|
||||
|
||||
#menu {
|
||||
display:block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:30px;
|
||||
margin-bottom:40px;
|
||||
text-align:center;
|
||||
padding-bottom:10pt;
|
||||
}
|
||||
|
||||
#menu div {
|
||||
display:inline;
|
||||
margin-right:2%;
|
||||
font-size:x-large;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size:xx-large;
|
||||
font-weight:bold;
|
||||
margin-bottom:20pt;
|
||||
}
|
||||
|
||||
#admin {
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:red;
|
||||
padding : 15px;
|
||||
margin : 15px;
|
||||
border-radius: 25px;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:grey;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#admin form {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
#admin input {
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
#user {
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:green;
|
||||
padding : 15px;
|
||||
margin : 15px;
|
||||
text-align:center;
|
||||
@@ -45,10 +72,12 @@ body {
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
#selected_user {
|
||||
margin-left:10px;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
#passwords {
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:grey;
|
||||
padding : 15px;
|
||||
margin : 15px;
|
||||
}
|
||||
@@ -57,34 +86,37 @@ body {
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
font-size:xx-large;
|
||||
}
|
||||
|
||||
.hash {
|
||||
width : 700px;
|
||||
color:#de0036;
|
||||
}
|
||||
|
||||
#add_new_password {
|
||||
border-radius: 25px;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:blue;
|
||||
border-color:grey;
|
||||
padding : 15px;
|
||||
margin : 15px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#update_masterkey {
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:yellow;
|
||||
padding : 15px;
|
||||
margin : 15px;
|
||||
border-radius: 25px;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:grey;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#export_database {
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:pink;
|
||||
padding : 15px;
|
||||
margin : 15px;
|
||||
border-radius: 25px;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-color:grey;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#export_link {
|
||||
|
||||
@@ -523,13 +523,15 @@ async function change_master_key(warning_unciphered)
|
||||
url.setAttribute("class", "hash");
|
||||
url.setAttribute("type", "text");
|
||||
url.setAttribute("name", "URL");
|
||||
url.setAttribute("size", "32");
|
||||
div.appendChild(url);
|
||||
|
||||
div.appendChild(document.createTextNode("password"));
|
||||
password = document.createElement("input");
|
||||
password.setAttribute("class", "hash");
|
||||
password.setAttribute("class", "password_hash");
|
||||
password.setAttribute("type", "text");
|
||||
password.setAttribute("name", "password");
|
||||
password.setAttribute("size", "40");
|
||||
div.appendChild(password);
|
||||
|
||||
delete_button = document.createElement("input");
|
||||
@@ -637,7 +639,11 @@ function update_master_key(warning_unciphered)
|
||||
|
||||
function start()
|
||||
{
|
||||
select_widget = document.getElementById('selected_user') ;
|
||||
new_url = document.getElementById('new_url') ;
|
||||
if (new_url.value !== "")
|
||||
switchMenuDisplay('add_new_password');
|
||||
|
||||
select_widget = document.getElementById('selected_user') ;
|
||||
|
||||
if (select_widget == null) return;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user