110 lines
2.0 KiB
SCSS
110 lines
2.0 KiB
SCSS
* {
|
|
all: unset;
|
|
font-family: "SauceCodePro Nerd Font Propo";
|
|
}
|
|
|
|
.content {
|
|
padding: 10px;
|
|
background-color: rgba(34, 34, 34, .6);
|
|
border-radius: 20px;
|
|
border-color: #db5e5e;
|
|
border-style: solid;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
|
|
.buttons {
|
|
padding: 10px;
|
|
background-color: rgba(172, 89, 89, 0.4);
|
|
border-radius: 10px;
|
|
border-color: #2b1111;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.header {
|
|
background-color: #221f1f;
|
|
border-radius: 20px;
|
|
padding: 5px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
|
|
}
|
|
.topcontent {
|
|
margin-top: 50px;
|
|
padding: 10px;
|
|
background-color: #221f1f;
|
|
border-radius: 20px;
|
|
border-width: 1px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.centercontent {
|
|
padding: 20px;
|
|
background-color: #221f1f;
|
|
border-radius: 20px;
|
|
border-width: 1px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
|
|
.vpncontent {
|
|
padding-left: 75px;
|
|
padding-right: 75px;
|
|
padding-bottom: 0px;
|
|
border-radius: 20px;
|
|
background-color: #221f1f;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.netcontent {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
padding-top: 7px;
|
|
padding-bottom: 13px;
|
|
border-radius: 20px;
|
|
background-color: #221f1f;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.bottomcontent {
|
|
padding: 10px;
|
|
}
|
|
.neticon {
|
|
font-size: 50px;
|
|
padding-left: 70px;
|
|
}
|
|
.nettext {
|
|
padding-left: 70px;
|
|
}
|
|
.vpnicon {
|
|
font-size: 50px;
|
|
}
|
|
.netgraph {
|
|
background-color: #db5e5e;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #2b1111;
|
|
color: #bb5a5a;
|
|
}
|
|
.infolabel {
|
|
padding: 20px;
|
|
}
|
|
.name {
|
|
padding : 0px;
|
|
}
|
|
.translation {
|
|
padding: 1px;
|
|
margin-right: 11px;
|
|
font-size: 80%;
|
|
}
|
|
|
|
.exitbutton {
|
|
font-size: 140%;
|
|
padding-right: 10px;
|
|
|
|
}
|
|
.infobutton {
|
|
font-size: 120%;
|
|
padding-left: 10px;
|
|
|
|
}
|
|
.infobutton:hover, .exitbutton:hover {
|
|
color:#ad3535;
|
|
transition: all 1s ease;
|
|
}
|