035bfe0101
Added buttons that automatically redirects the user to the corresponding URL, in a new page. Modified css and javascript accordingly.
38 lines
810 B
CSS
38 lines
810 B
CSS
.urlContainer {
|
|
width:100%;
|
|
margin:0 auto;
|
|
display:inline-block;
|
|
}
|
|
.urlContainer .urlId, .urlContainer .urlLink, .urlContainer .urlControl {
|
|
display: inline;
|
|
}
|
|
.urlId button {
|
|
width: 35px;
|
|
height: 35px;
|
|
cursor: pointer;
|
|
background-color: aqua;
|
|
border-radius: 7px;
|
|
border: 0px;
|
|
outline: none;
|
|
}
|
|
.urlContainer .urlLink {
|
|
border: none;
|
|
background-color: transparent;
|
|
padding: 10px;
|
|
font-family: "Consolas", "Lucida Console", "monospace";
|
|
width: 50ch;
|
|
}
|
|
.urlContainer .urlLink:hover {
|
|
border: 2px;
|
|
border-radius: 10px;
|
|
border-color: aqua;
|
|
background-color: lightgrey;
|
|
}
|
|
.urlContainer .urlLink:focus {
|
|
border: none;
|
|
border-radius: 10px;
|
|
background-color: transparent;
|
|
outline: none;
|
|
box-shadow: 0px 0px 3px blue;
|
|
}
|