|
|
| Line 1: |
Line 1: |
| .portal {
| |
| display:flex;
| |
| gap:40px;
| |
| flex-wrap:wrap;
| |
| justify-content:space-between
| |
| }
| |
| .portal .card {
| |
| padding:40px 0px;
| |
| width:30%;
| |
| background:#f8f9fa;
| |
| border:none;
| |
| }
| |
| .portal h2 {
| |
| font-size:1.5em;
| |
| margin:0;
| |
| padding:0;
| |
| border:0
| |
| }
| |
| .portal span:before {
| |
| position:absolute;
| |
| top:18px;
| |
| left:18px;
| |
| opacity:0.9
| |
| }
| |
| .portal .card-text {
| |
| line-height:200%
| |
| }
| |
| .bi-mastodon:before{
| |
| margin-left:50px
| |
| }
| |
| .portal.md > div {
| |
| width:100%;
| |
| }
| |
| @media (min-width: 576px) {
| |
| .portal.md > div {
| |
| width:30%;
| |
| }
| |
| }
| |
| .portal .card:hover{
| |
| box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);
| |
| transition: all 0.1s ease-in;
| |
| }
| |
| .card.banner {
| |
| border:1px solid #ebebeb!important;
| |
| padding-bottom:0;
| |
| background:transparent!important
| |
| }
| |
| .card.banner h2 {
| |
| border:0;
| |
| margin-top:0
| |
| }
| |
| .card.banner p {
| |
| margin:0!important; padding:0;
| |
| }
| |
|
| |
|
| .card.banner img {
| |
| border-radius:0.375rem 0 0 0.375rem
| |
| }
| |
