Ligne 27 : |
Ligne 27 : |
| .page-Wikirouge_Brut img { display:none; } | | .page-Wikirouge_Brut img { display:none; } |
| .page-Brut_de_classe iframe { height: 6000px!important; } | | .page-Brut_de_classe iframe { height: 6000px!important; } |
| + | |
| + | |
| + | .subtitle { display: none; } |
| + | .linkpreview { |
| + | height: 250px; |
| + | width: 49.7%; |
| + | display: inline-block; |
| + | margin-bottom: 20px; |
| + | vertical-align: top; |
| + | font-family: Oxygen, Arial, 'Helvetica Neue', Helvetica, sans-serif; |
| + | scroll-snap-align: start; |
| + | } |
| + | @media (max-width: 750px) { |
| + | .linkpreview { |
| + | width: 49%; |
| + | } |
| + | } |
| + | .linkpreview h3 { |
| + | font-size: 60%; |
| + | text-transform: uppercase; |
| + | margin-bottom: 0; |
| + | font-weight: normal; |
| + | } |
| + | .linkpreview a { |
| + | font-size: 14px; |
| + | text-decoration: none; |
| + | color: black; |
| + | font-style: italic; |
| + | } |
| + | .linkpreview img { |
| + | width: 95%; |
| + | height: 185px; |
| + | object-fit: cover; |
| + | } |
| + | .tab label, .subtitle { |
| + | font-size: 110%; |
| + | font-weight: normal; |
| + | font-variant: small-caps; |
| + | font-family: Impact, Haettenschweiler, Arial Black; |
| + | } |
| + | .contenttab { |
| + | padding-left: 3px; |
| + | scroll-snap-type: y mandatory; |
| + | } |
| + | #tabs { |
| + | position: relative; |
| + | clear: both; |
| + | margin-left : auto; |
| + | margin-right: auto; |
| + | max-width: 998px; |
| + | } |
| + | .tab { float: left; } |
| + | .tab label { |
| + | background: #c9adad; |
| + | padding: 5px 20px 5px 20px; |
| + | border: 1px solid #ccc; |
| + | margin-left: -1px; |
| + | position: relative; |
| + | left: 1px; |
| + | cursor: pointer; |
| + | } |
| + | .tab [type=radio] { |
| + | display: none; |
| + | } |
| + | .content { |
| + | position: absolute; |
| + | top: 26px; |
| + | left: 0; |
| + | background: rgba(255, 255, 255, .4); |
| + | right: 0; |
| + | bottom: 0; |
| + | padding: 5px; |
| + | border: 1px solid #ccc; |
| + | } |
| + | .content > * { |
| + | opacity: 0; |
| + | -webkit-transition: opacity 0.6s ease; |
| + | -moz-transition: opacity 0.6s ease; |
| + | -ms-transition: opacity 0.6s ease; |
| + | -o-transition: opacity 0.6s ease; |
| + | } |
| + | [type=radio]:checked ~ label { |
| + | background: rgba(255, 255, 255, 0.85); |
| + | border-bottom: 2px solid rgba(255, 255, 255, 0); |
| + | z-index: 2; |
| + | } |
| + | [type=radio]:checked ~ label ~ .content { z-index: 1; } |
| + | [type=radio]:checked ~ label ~ .content > * { opacity: 1; } |
| + | .content { height: 5940px; } |
| + | .contenttab { height: 5940px; } |
| + | #tabs { min-height: 5980pxpx; } |
| + | |
| + | |
| | | |
| /** | | /** |