You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

134 lines
3.5 KiB
HTML

<style>
.transport, .wizard-frame {line-height: 1.5; font-weight: lighter; font-family:sans-serif; font-size:14px;}
.transport .large-text {font-size:32px}
.main .menu {background-color: #ffffff;}
/* .transport #supported table {
border-spacing: 0px;
border:1px solid #CAD5E0;
width:100%;
border-collapse: collapse;
}
.transport #supported table th {border:0px;}
.transport #supported table td{
border:1px solid #CAD5E0;
margin:0px;
text-transform: capitalize;
} */
/* .dataframe table thead tr{
background-color: #4682b4;color:#FFFFFF;
text-transform: capitalize;
padding:8px; text-align: left; font-weight: bold;
;
} */
.transport .facts {
font-family:sans-serif; font-weight:lighter; line-height: 1.5;
font-size:16px;
height: auto;
}
.transport .facts #features ul,.introduction ul { height:125px}
.transport .facts #install {
grid-row:1; grid-column: 2;
/* border-left:1px solid #CAD5E0; */
padding-left:10px;
}
.transport #facts-right div:first-child{min-height: 250px;}
.transport #facts-left div:first-child{min-height: 250px;}
.transport h3 {
font-size:24px;
margin:0px;
font-family: sans-serif;
border-bottom:1px solid #CAD5E0;
}
.dataframe {
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
width:100%;
border:1px solid #CAD5E0;
/* min-width: 400px; */
/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
}
.dataframe thead tr {
background-color: #4682B4;
color: #ffffff;
text-align: left;
}
.dataframe th,
.dataframe td {
padding: 12px 15px;
}
.dataframe tbody tr {
border-bottom: 1px solid #dddddd;
}
.dataframe tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
/* .dataframe tbody tr:last-of-type {
border-bottom: 2px solid #009879;
} */
.dataframe tbody tr.active-row {
font-weight: bold;
color: #009879;
}
.transport .facts {
display:grid;
grid-template-columns: repeat(2,1fr); gap:8px; font-family: sans-serif; font-weight: lighter;
;
}
.transport .banner {
background-image: url("www/html/_assets/images/banner.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height:200px;
align-items: center;
align-content: center;
display: grid;
}
</style>
<script>
$(document).ready(function(){
// bootup.init('{{system.context}}',layout)
})
</script>
<div class="transport">
<div align="center" class="banner" >
<div class="large-text">
(Read, Write) Data Anywhere!
</div>
<div align="center" class="bold">
NoSQL <i class="fa-solid fa-minus" sytle="font-size:13px"></i>
SQL<i class="fa-solid fa-minus"></i>
Cloud
</div>
<div align="center">
<span>Version <span id="data-transport-version"></span> Powered by Pandas</span>
</div>
</div>
<div id="facts" class="facts">
<div id="facts-left"></div>
<div id="facts-right"></div>
</div>
<p>
<div align="center" >
<div class="large-text">Thank you,</div>
</div>
</p>
</div>