/* Mise en page globale -------------------------------------------------- */ html { position: relative; min-height: 100%; } body { padding-top: 60px; margin-bottom: 60px; } .footer { position: absolute; bottom: 0; width: 100%; height: 60px; text-align: center; } .footer > .container { padding-right: 15px; padding-left: 15px; } /* Version imprimable -------------------------------------------------- */ @media print { body { padding-top: 0px; /*background-color: #f5f555;*/ } body > .container { padding-top: 0px; } } /* Listes déroulantes scrollables -------------------------------------------------- */ .dropdown-menu { max-height: 400px; overflow-y: auto; } /* Images générées par Pandoc -------------------------------------------------- */ .img-fluid { display: center-block; max-width: 100%; height: auto; } @media (min-width: 550px) { .img-fluid { max-width: 80%; } } @media (min-width: 850px) { .img-fluid { max-width: 50%; } } /* Carousel -------------------------------------------------- */ .img-carousel { display: center-block; max-width: 100%; height: auto; } @media (min-width: 850px) { .img-carousel { max-width: 70%; } } /* Page home -------------------------------------------------- */ .wrapper { display: flex; justify-content: center; flex-wrap: wrap; } .my-thumbnail { display: flex; justify-content: center; align-items: center; padding: 10px; margin: 5px; background-color: #eee; border-radius: 4px; text-align: center; } .my-thumbnail a > img { display: flex; width: 220px; height: auto; } .my-thumbnail:hover{ background-color: #ddd; } @media (max-width: 550px) { .my-thumbnail { width: 600px; } .my-thumbnail a > img { width: 300px; } } /* Pour des tables responsives -------------------------------------------------- */ @media screen and (max-width: 700px) { table.table-responsive thead { display: none; } table.table-responsive tr { display: block; margin-bottom: 40px; } table.table-responsive td { display: block; } table.table-responsive-head thead { display: none; } table.table-responsive-head tr { display: block; margin-bottom: 40px; } table.table-responsive-head td { display: block; text-align: right; } table.table-responsive-head td:before { content: attr(data-label); float: left; font-weight: bold; } } /* Autres -------------------------------------------------- */ .container .text-muted { margin: 20px 0; } code { font-size: 80%; } blockquote { border: 1px solid #b3b3b3; border-left: 10px solid #b3b3b3; border-radius: 0px; background: #fafafa; font-size: 90%; margin: 10px; padding: 10px 20px; } td { padding: 10px; } pre { margin: auto; width: 90%; font-size: 90%; } #go-top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; position: fixed; right: 25px; bottom: 25px; z-index: 999; cursor: pointer; opacity: 0; background: #fff; width: 32px; height: 32px; border-radius: 50%; color: #9E9FA2; font-size: 1.2em; box-shadow: 0 0 15px rgba(0,0,0,0.2); transform: scale(0.5); transition: all 250ms ease-in-out } #go-top:hover { transform: scale(1.2); background-color: #ebebeb } #go-top.active { visibility: visible; opacity: 1; transform: scale(1) }