OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/19/2025 10:07:13 AM	rwxr-xr-x
📄 bootstrap.min.css	155.78 KB	03/03/2025 08:22:57 AM	rw-r--r--
📄 bootstrap.min.js	58.6 KB	03/03/2025 08:22:57 AM	rw-r--r--
📄 common.js	1.65 KB	03/03/2025 08:22:57 AM	rw-r--r--
📄 config.php	4.07 KB	05/19/2025 10:07:13 AM	rw-r--r--
📁 fontawesome	-	03/03/2025 08:31:53 AM	rwxr-xr-x
📄 footer.php	1.95 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 greeting.js	498 bytes	03/03/2025 08:22:57 AM	rw-r--r--
📄 header.php	4.44 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 jquery-3.6.0.min.js	87.4 KB	03/03/2025 08:22:57 AM	rw-r--r--
📄 moment.min.js	52.07 KB	03/03/2025 08:22:57 AM	rw-r--r--
📄 side.php	1.39 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 style.css	2.33 KB	03/03/2025 08:22:57 AM	rw-r--r--
📄 track.download.php	1.31 KB	05/19/2025 10:07:13 AM	rw-r--r--

Editing: style.css

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background-color:#f1f1f1;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #0C5784;
}

.lineDotted {
	margin: 15px 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #6f6f6f;
}

.nav-item {
	padding: 0 5px;
}

.nav-link {
	color: #595959;
}

.nav-link:hover {
	color: #595959;
	background-color: #fff;
}

.navbar-toggler-icon {
	color: #595959;
}

.icon-bar {
	background-color: #fff;
}

.panelArticle {
	line-height: 1.35em;
	text-align: justify;
}

.panelArticle a {
	color: #2980b9;
}

.panelArticle h1 {
	font-size: 22px;
	color: #2980b9;
}

.panelArticle img {
	max-width: 100% !important;
}

.panelArticle img.equation {
	width: auto;
}

.panelArticle table {
	margin-bottom: 30px;
}

.panelArticle table th, .panelArticle table td {
	padding: 5px;
	border: 1px #000 solid;
}

.panelArticle table th {
	border-bottom: 4px #000 solid;
}

.panelArticle table tr.odd {
	background-color: #f3e4a7;
}

.panelArticle h2 {
	margin-top: 25px;
	font-size: 18px;
	color: #2980b9;
}

.txtMedium {
	font-size: 22px;
}

.txtMed {
	font-size: 18px;
}

.txtM {
	font-size: 15px;
}

.txtS {
	font-size: 12px;
}

.txtWhite {
	color: #fff;
}

.txtGrey {
	color: #6f6f6f;
}

.txtBlue {
	color: #0C5784;
}

footer, footer a, footer a:hover {
	color: #fff;
}

.thumbImg {
	height: 250px;
	background-clip: content-box;
	background-position: center;
	border: 1px #6f6f6f solid;
	position: relative;
}

.thumbText {
	text-align: center;
	width: 100%;
	padding: 0 20px;
	position: absolute;
}

.thumbText a {
	color: #fff;
}

/* Style for the greeting container */
#greeting-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 999; /* Make sure it's on top of other elements */
    display: none; /* Hide it initially */
}

/* Style for the greeting image */
#greeting-container img {
    max-width: 80%; /* Adjust the size as needed */
    max-height: 80%;
}