123 lines
1.8 KiB
SCSS
123 lines
1.8 KiB
SCSS
@import '~bootstrap';
|
|
@import '~bootstrap-vue';
|
|
|
|
:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#selectionDiv {
|
|
margin: 10 10 5 30;
|
|
}
|
|
|
|
.navbar {
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0.0rem 0rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input[type=range] {
|
|
width: 90%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
font-size: xx-large;
|
|
margin: 2
|
|
}
|
|
|
|
select, input {
|
|
font-size: small;
|
|
}
|
|
|
|
|
|
// .btn-sm, .btn-group-sm > .btn {
|
|
// padding: 0.25rem 0.5rem;
|
|
// font-size: 1rem;
|
|
// line-height: 1.2;
|
|
// }
|
|
|
|
span.small {
|
|
font-size: 75%;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
// section {
|
|
// // margin: 0px 10px 0px 10px ;
|
|
// }
|
|
|
|
// #vueOwnButtonStyle {
|
|
// font-size: x-small;
|
|
// line-height: 1.3;
|
|
// border-radius: 0.2rem;
|
|
// cursor: pointer;
|
|
// padding: 4px 10.5px 4px 10;
|
|
|
|
// // background-color: coral;
|
|
// // border-radius: 3px;
|
|
|
|
// // color: white;
|
|
// // border: solid 1px transparent;
|
|
|
|
|
|
// span {
|
|
|
|
// }
|
|
// }
|
|
|
|
table.active {
|
|
border: 3px solid #9ac5e3;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 90%;
|
|
}
|
|
|
|
td {
|
|
border:1px solid grey;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.traceroutes {
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.traceroutes:visited {
|
|
color: #000000;
|
|
}
|
|
|
|
.traceroutes:hover {
|
|
color: #880000;
|
|
transform: rotate(-30deg);
|
|
}
|
|
|
|
.traceroutes:active {
|
|
color: #bb0000;
|
|
}
|
|
|
|
.traceroutes_rotating {
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
color: #bb0000;
|
|
animation: spin 2s linear infinite;
|
|
}
|
|
|
|
.odd {
|
|
background-color: #EEE;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% { transform: rotate(-30deg); }
|
|
25% { transform: rotate(0deg); }
|
|
50% { transform: rotate(30deg); }
|
|
75% { transform: rotate(0deg); }
|
|
100% { transform: rotate(-30deg); }
|
|
}
|