150 lines
2.6 KiB
CSS
150 lines
2.6 KiB
CSS
table {
|
|
xxborder:2px solid;
|
|
xxborder-collapse:collapse;
|
|
}
|
|
|
|
|
|
tr.row-total, tr.row-percent , td.col-15, td.col-16 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table {
|
|
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.headerpanel {
|
|
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
|
|
border:1px solid;
|
|
width:98%;
|
|
}
|
|
|
|
.innerheaderpanel {
|
|
padding:10px;
|
|
}
|
|
|
|
tr,td,th {
|
|
border:1px solid;
|
|
}
|
|
|
|
.mailstats-detail-1stcol{
|
|
width:174px;
|
|
}
|
|
|
|
thead tr {
|
|
border-bottom :2px solid;
|
|
color:black;
|
|
background-color:darkgrey;
|
|
}
|
|
|
|
tfoot tr {
|
|
border-top:2px solid;
|
|
color:black;
|
|
font-weight: bold;
|
|
background-color:darkgrey;
|
|
}
|
|
|
|
.stripes tbody tr:nth-child(odd) {background-color: #dfdfdf}
|
|
|
|
.no-stripes tbody tr:nth-child(odd) {
|
|
background-color: transparent; /* or whatever background color you want */
|
|
}
|
|
|
|
|
|
div.linksattop {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
a.prevlink {
|
|
text-align: left;
|
|
}
|
|
|
|
div.divshowindex {
|
|
flex-grow: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
a.nextlink {
|
|
text-align: right;
|
|
}
|
|
/* Basic styling for the tab container */
|
|
.tab-container {
|
|
display: flex;
|
|
border-bottom: 1px solid #ccc;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Styling for the tabs */
|
|
.tab {
|
|
padding: 10px 20px;
|
|
cursor: pointer;
|
|
border: 1px solid #ccc;
|
|
border-bottom: none;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
/* Styling for the active tab */
|
|
.tab-active {
|
|
background-color: #ffffff;
|
|
border-top: 2px solid #007bff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Hide all content sections by default */
|
|
.tab-content {
|
|
display: none;
|
|
}
|
|
|
|
/* Display the active content section */
|
|
.tab-content-active {
|
|
display: block;
|
|
}
|
|
|
|
.cssclass1 {background-color:#ffff99;}
|
|
.cssclass2 {background-color:lightcoral;}
|
|
.cssclass3 {background-color:lightcyan;}
|
|
.cssclass4 {background-color:lightgoldenrodyellow;}
|
|
.cssclass5 {background-color:lightgray;}
|
|
.cssclass6 {background-color:lightgreen;}
|
|
.cssclass7 {background-color:lightpink;}
|
|
.cssclass8 {background-color:lightsalmon;}
|
|
.cssclass9 {background-color:lightseagreen;}
|
|
.cssclass10 {background-color:lightskyblue;}
|
|
.cssclass11 {background-color:lightslategray;}
|
|
.cssclass12 {background-color:lightsteelblue;}
|
|
|
|
p.cssvalid,p.htmlvalid {float:left;margin-right:20px}
|
|
|
|
.maintable {}
|
|
|
|
.subtables {
|
|
display: flex;
|
|
flex-wrap: nowrap; /* Use wrap if you want the tables to wrap to the next line when the screen is too narrow */
|
|
gap: 10px; /* Optional: Adds space between the tables */
|
|
}
|
|
.subtables > div {
|
|
flex: 1; /* Equal width tables, remove or adjust based on your preference */
|
|
margin-left:10px;
|
|
}
|
|
|
|
.footer {}
|
|
|
|
.iframe-container {
|
|
width: 100%;
|
|
height: 500px; /* Adjust as needed */
|
|
border: none;
|
|
}
|
|
|
|
.parent-container {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
|