OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	06/22/2024 04:05:28 AM	rwxr-xr-x
📄 bootstrap.css	134.93 KB	02/11/2020 10:49:16 AM	rw-rw-r--
📄 custom.css	1.31 KB	02/11/2020 10:49:16 AM	rw-rw-r--
📄 grayscale.css	5.6 KB	02/11/2020 10:49:16 AM	rw-rw-r--
📄 grayscale.min.css	4.55 KB	02/11/2020 10:49:16 AM	rw-rw-r--
📁 img	-	03/17/2019 06:13:37 AM	rwxrwxr-x
📄 popup.css	3.61 KB	02/11/2020 10:49:16 AM	rw-rw-r--
📄 style.css	41.78 KB	07/13/2020 07:36:18 AM	rw-rw-r--
📄 style_table.css	1.2 KB	02/11/2020 10:49:17 AM	rw-rw-r--
📄 styles.css	13.47 KB	02/11/2020 10:49:17 AM	rw-rw-r--
📄 tcal.css	2.62 KB	02/11/2020 10:49:17 AM	rw-rw-r--

Editing: popup.css

.open {
  position: fixed;
  width: 12%;
  height: 40px;
  left: 96%;
  top: -1000px;
  margin-left: -80px;
  margin-top: -30px;
  border: 1px solid #ccc;
  background-color:#f3eeee;;
  border-radius: 6px;
  padding: 10px 30px;
  color: #444;
  transition: all ease-out 0.6s;
  z-index: 1000;
}
.open:hover {
  border: 1px solid #aaa;
  box-shadow: 0 0 8px #ccc inset;
  transition: all ease-out 0.6s;
}
.popup {
  position: fixed;
  width: 400px;
  height: 238px;
  left: 85%;
  top: 50%;
  margin-top: -119px;
  margin-left: -200px;
 /*  background-color: #F3F3F3; */
  border-radius: 6px;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.popup:before {
  content: '';
  position: absolute;
  left: -14px;
  top: 28px;
  border-style: solid;
  border-width: 10px 14px 10px 0;
  border-color: rgba(0, 0, 0, 0) #F3F3F3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.popup p {
  width: 350px;
  font-size: 16px;
  color: #a8aab2;
  font-weight: 400;
  line-height: 28px;
  float: left;
  margin: 0;
  text-align: center !important;
}
.popup h3 {
  width: 350px;
  font-size: 20px;
  color: #a8aab2;
  font-weight: 400;
  line-height: 12px;
  float: left;
  margin: 0;
}
.popup .bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.popup .bottom .step {
  flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  width: 100%;
  height: 54px;
  background-color: #23aeac;
  border-bottom-left-radius: 6px;
  display: flex;
}
.popup .bottom .step span {
  flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  line-height: 54px;
  color: #fff;
  margin-left: 25px;
  font-size: 18px;
}
.popup .bottom .step ul {
  flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  list-style: none;
  height: 10px;
  margin: 23px 0;
  padding-left: 15px;
}
.popup .bottom .step ul li {
  position: relative;
  height: 7px;
  width: 7px;
  margin: 0 10px;
  float: left;
  border-radius: 50%;
  background-color: none;
  border: 1px solid #535560;
}
.popup .bottom .step ul li:first-child:before {
  width: 0;
}
.popup .bottom .step ul li:before {
  content: '';
  position: absolute;
  width: 20px;
  border-top: 1px solid #535560;
  left: -21px;
  top: 3px;
}
.popup .bottom .step ul li.true {
  background-color: #7a7d86;
}
.popup .bottom .step ul li.active {
  background-color: #fff;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.78);
}
.close {
  cursor: pointer;
}
.close:before,
.close:after {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  top: 26px;
  right: 31px;
  border-top: 2px solid #7c7c7c;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close:before {
  right: 40px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btns {
  flex: 1;
  background-color:#23aeac;
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  border-bottom-right-radius: 6px;
  cursor: pointer;
  transition: all .3s;
}
.btns:hover {
  background-color: #23aeac;
  transition: all .3s;
}
.btns:active {
  background-color: #1dd2fc;
}
.slider-popup {
  width: 350px;
  margin: 0 25px;
  overflow: hidden;
  padding-top: 5%;
}
.slider-turn {
  width: 10000px;
}
@media(max-width:768px){
	.popup
	{
		display:none;
	}
	.btns
	{
		display:none;
	}
}
@media(max-width:480px){
	.popup
	{
		display:none;
	}
	.btns
	{
		display:none;
	}
}
@media(max-width:320px){
	.popup
	{
		display:none;
	}
	.btns
	{
		display:none;
	}
}