Ligne 23 : |
Ligne 23 : |
| border-left: 1px solid #a2a9b1 !important; | | border-left: 1px solid #a2a9b1 !important; |
| } | | } |
| + | |
| + | /*** Brut de classe ***/ |
| + | |
| + | #brutdeclasse { background: url("metal.png") repeat; background-size: 180px; } |
| + | #brutdeclasse .linkpreview { max-width: 450px; display: inline-block; margin-bottom: 20px; margin-left: 13px; margin-right: 13px; vertical-align: top; font-family: Oxygen, Arial, 'Helvetica Neue', Helvetica, sans-serif; } |
| + | #brutdeclasse .linkpreview h3 { text-transform: uppercase; margin-bottom: 0; font-weight: normal; } |
| + | #brutdeclasse .linkpreview a { font-size: 24px; text-decoration: none; color: black; } |
| + | #brutdeclasse .linkpreview img { width: 100%; max-height: 333px; } |
| + | #brutdeclasse .linkpreview:hover { background: rgba(255, 0, 0, .3) !important; } |
| + | #brutdeclasse #tabs { |
| + | position: relative; |
| + | min-height: 8000px; /* This part sucks */ |
| + | clear: both; |
| + | margin-left : auto; |
| + | margin-right: auto; |
| + | max-width: 998px; |
| + | } |
| + | |
| + | #brutdeclasse .tab { |
| + | float: left; |
| + | } |
| + | #brutdeclasse .tab label { |
| + | background: #c9adad; |
| + | padding: 10px 20px 10px 20px; |
| + | border: 1px solid #ccc; |
| + | margin-left: -1px; |
| + | position: relative; |
| + | left: 1px; |
| + | } |
| + | #brutdeclasse .tab [type=radio] { |
| + | display: none; |
| + | } |
| + | #brutdeclasse .content { |
| + | position: absolute; |
| + | top: 40px; |
| + | left: 0; |
| + | background: rgba(255, 255, 255, .4); |
| + | right: 0; |
| + | bottom: 0; |
| + | padding: 20px; |
| + | border: 1px solid #ccc; |
| + | |
| + | /* overflow-y: scroll; */ |
| + | } |
| + | #brutdeclasse .content > * { |
| + | opacity: 0; |
| + | |
| + | -webkit-transform: translate3d(0, 0, 0); |
| + | |
| + | |
| + | -webkit-transition: all 0.6s ease; |
| + | -moz-transition: all 0.6s ease; |
| + | -ms-transition: all 0.6s ease; |
| + | -o-transition: all 0.6s ease; |
| + | } |
| + | #brutdeclasse [type=radio]:checked ~ label { |
| + | background: rgba(255, 255, 255, 0.85); |
| + | border-bottom: 2px solid rgba(255, 255, 255, 0); |
| + | z-index: 2; |
| + | } |
| + | #brutdeclasse [type=radio]:checked ~ label ~ .content { |
| + | z-index: 1; |
| + | } |
| + | #brutdeclasse [type=radio]:checked ~ label ~ .content > * { |
| + | opacity: 1; |
| + | } |
| | | |
| /****************** Sidebar **********************/ | | /****************** Sidebar **********************/ |