EstebanDLPT (Talk | contribs) m |
EstebanDLPT (Talk | contribs) m |
||
Line 19: | Line 19: | ||
.slideshow { | .slideshow { | ||
position: relative; | position: relative; | ||
− | width: | + | width: 80vw; |
− | height: | + | height: 45vw; |
margin: 0 10%; | margin: 0 10%; | ||
overflow-y: hidden; | overflow-y: hidden; | ||
Line 30: | Line 30: | ||
top:0; | top:0; | ||
height:100%; | height:100%; | ||
− | width: | + | width:10%; |
background: rgba(0,0,0,0.3); | background: rgba(0,0,0,0.3); | ||
-webkit-transition: all 0.3s; | -webkit-transition: all 0.3s; | ||
Line 67: | Line 67: | ||
.slideshow .right-arrow-pane .arrow div, .slideshow .left-arrow-pane .arrow div{ | .slideshow .right-arrow-pane .arrow div, .slideshow .left-arrow-pane .arrow div{ | ||
− | height: | + | height:5vw; |
− | width: | + | width:5vw; |
transform:rotate(45deg); | transform:rotate(45deg); | ||
border-style: solid; | border-style: solid; | ||
Line 112: | Line 112: | ||
.slideshow .bubbles div { | .slideshow .bubbles div { | ||
− | height: | + | height:3vw; |
− | width: | + | width:3vw; |
border-radius:5px; | border-radius:5px; | ||
border:solid white 3px; | border:solid white 3px; | ||
Line 134: | Line 134: | ||
.slideshow .pauseBtn { | .slideshow .pauseBtn { | ||
position:absolute; | position:absolute; | ||
− | height: | + | height:5vw; |
− | width: | + | width:5vw; |
− | bottom: | + | bottom:1%; |
− | right: | + | right:12%; |
− | background:rgba( | + | background:rgba(0,0,0,.7); |
border-radius:10px; | border-radius:10px; | ||
z-index:60; | z-index:60; | ||
Line 149: | Line 149: | ||
left:50%; | left:50%; | ||
transform:translate(-50%, -50%); | transform:translate(-50%, -50%); | ||
− | width: | + | width:3vw; |
− | height: | + | height:3vw; |
} | } | ||
.slideshow .pauseBtn .bars > div{ | .slideshow .pauseBtn .bars > div{ | ||
float:right; | float:right; | ||
− | width: | + | width:40%; |
height:100%; | height:100%; | ||
− | background:rgba(255,255,255,. | + | background:rgba(255,255,255,.8); |
} | } | ||
Line 184: | Line 184: | ||
width: 0; | width: 0; | ||
height: 0; | height: 0; | ||
− | border-top: | + | border-top: 2vw solid transparent; |
border-left-style: solid; | border-left-style: solid; | ||
− | border-left-width: | + | border-left-width: 3vw; |
border-left-color:rgba(255,255,255,.75); | border-left-color:rgba(255,255,255,.75); | ||
− | border-bottom: | + | border-bottom: 2vw solid transparent; |
} | } | ||
Revision as of 05:53, 14 October 2018