<
Carousel: Difference between revisions
From AI4Society Forum
No edit summary |
No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
#contentSub { margin: 0; } | #contentSub { margin: 0; } | ||
.carouselContainer { min-height: 400px; padding: 5px 0 5px 0; } | .carouselContainer { min-height: 400px; padding: 5px 0 5px 0; } | ||
body { background: # | body { background: #94c633; } | ||
.card_photo { | |||
height: auto !important; | |||
} | |||
.large_card { | |||
display: flex; | |||
flex-wrap: wrap; | |||
} | |||
.carouselPrev, .carouselNext { | .carouselPrev, .carouselNext { | ||
background: #004250; | background: #004250; | ||
} | |||
.carouselPrev:hover, .carouselNext:hover { | |||
background: #0b4d48 !important; | |||
} | } | ||
#bodyContent { | #bodyContent { | ||
background: # | background: #94c633; | ||
} | |||
@media screen and (max-width: 768px){ | |||
.carouselPrev, .carouselNext { | |||
width: 30px !important; | |||
min-width: 30px !important; | |||
} | |||
.carouselMain { | |||
margin-left: 30px; | |||
margin-right: 30px; | |||
} | |||
} | } | ||
</style> | </style> | ||
<div style='border: 3px solid # | <div style='border: 3px solid #94c633; background: #94c633;'> | ||
<div id="carousel" style=" | <div id="carousel" style="width:100%;display:inline-block;"></div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$('#bodyContent > h1').hide(); | $('#bodyContent > h1').hide(); | ||
Latest revision as of 16:19, 5 February 2021
|
