1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- *{
- box-sizing: border-box;
- }
- html, body, header{
- background: #f9f9f9fe;
- }
- body{
- #start{
- width: calc( #{$Wi} - #{$marg} );
- margin: $marg auto auto $marg;
- #text_figli{
- p {
- a{
- position: relative;
- // &::after{
- // display: block;
- // content: '';
- // position: absolute;
- // top: 0;
- // left: 0;
- // transform: translate(-25%,-65%);
- // z-index: 999;
- // }
- // &:hover{
- // &::after{
- // content: url('/user/themes/figureslibres/images/ovale.svg');
- // width: 100%;
- // height: 100%;
- // top: 0;
- // left: 0;
- // }
- // }
- &.marg{
- margin-right: $marg;
- }
- }
- }
- .card{
- width: calc((100% / 3) - ( #{$marg} * 2) );
- height: auto;
- // overflow: hidden;
- display: inline-block;
- vertical-align: top;
- line-height: 0;
- margin-right: $marg;
- position: relative;
- margin-top: $marg;
- .card-header{
- display: none;
- & > *{
- font-size: 0.8rem;
- line-height: 1rem;
- margin-right: $marg;
- }
- }
- &:hover{
- .card-header{
- width: 100%;
- background: rgba(255, 255, 255, 0.5);
- padding: $marg;
- display: inline-flex;
- flex-wrap: wrap;
- position: absolute;
- transform: translateY(-100%);
- }
- }
- &:last-of-type{
- vertical-align: baseline!important;
- }
- #item{
- width: calc( 307% - #{$marg} );
- // margin-left: -50vw;
- }
- }
- }
- }
- &:not(.home){
- #start{
- margin-top: calc( 2rem + #{$Flhome});
- }
- }
- }
|