STEINNI
69 lines
2.5 KiB
HTML
69 lines
2.5 KiB
HTML
<style>
|
|
.soe-project > header {
|
|
background: url('/app/assets/images/cards/soe-banner.jpg');
|
|
background-position: center;
|
|
background-size: cover !important;
|
|
background-repeat: no-repeat;
|
|
border-bottom: 4px solid white !important;
|
|
}
|
|
.soe-project .feedbacks .insight {
|
|
padding: var(--eicui-base-spacing-l);
|
|
width: fit-content;
|
|
grid-gap: var(--eicui-base-spacing-l);
|
|
display: grid;
|
|
justify-self: center;
|
|
}
|
|
.soe-project .feedbacks .insight label { text-align: right; }
|
|
.soe-project .feedbacks .insight span {
|
|
text-align: center;
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
.soe-project .props {
|
|
min-width: 240px;
|
|
}
|
|
</style>
|
|
<article eiccard media class="soe-project">
|
|
<header>
|
|
<h1>...</h1>
|
|
<h2>Feedbacks on Seal of Excellence</h2>
|
|
</header>
|
|
<section>
|
|
<article eiccard collapsable class="project loading">
|
|
<header>
|
|
<h1>Project Information</h1>
|
|
<h2><span xsmall>click on the right arrow to expand/collapse project details</span></h2>
|
|
</header>
|
|
<section>
|
|
|
|
<div class="cols-2 left">
|
|
<div class="props">
|
|
<label xsmall>Project Number</label><b><span class="number"></span></b>
|
|
<label xsmall>Company</label><b><span class="company"></span></b>
|
|
<label xsmall>PIC</label><b><span class="pic"></span></b>
|
|
<label xsmall>Country</label><b><span class="country"></span></b>
|
|
</div>
|
|
<p class="abstract"></p>
|
|
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
<div class="feedbacks">
|
|
<div class="cols-2 right">
|
|
<div class="insight">
|
|
<div class="cols-2 left">
|
|
<div>
|
|
<span primary xxlarge class="items">...</span><label small>FEEDBACKS</label>
|
|
</div>
|
|
<div>
|
|
<span primary xxlarge class="fundings">...</span><label small>TOTAL FUNDING</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button eicbutton class="add" primary small>Add feedback</button>
|
|
</div>
|
|
<ul class="list"></ul>
|
|
</div>
|
|
</section>
|
|
</article> |