Difference between revisions of "Team:Tec-Monterrey/sandbox"

m
m
Line 19: Line 19:
 
.slideshow {
 
.slideshow {
 
position: relative;
 
position: relative;
width: 80%;
+
width: 80vw;
height: 80%;
+
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:100px;
+
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:50px;
+
height:5vw;
width:50px;
+
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:30px;
+
height:3vw;
width:30px;
+
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:60px;
+
height:5vw;
width:60px;
+
width:5vw;
bottom:20px;
+
bottom:1%;
right:150px;
+
right:12%;
background:rgba(34,34,34,.75);
+
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:30px;
+
width:3vw;
height:35px;
+
height:3vw;
 
}
 
}
  
 
.slideshow .pauseBtn .bars > div{
 
.slideshow .pauseBtn .bars > div{
 
float:right;
 
float:right;
width:10px;
+
width:40%;
 
height:100%;
 
height:100%;
background:rgba(255,255,255,.75);
+
background:rgba(255,255,255,.8);
 
}
 
}
  
Line 184: Line 184:
 
width: 0;
 
width: 0;
 
height: 0;
 
height: 0;
border-top: 18px solid transparent;
+
border-top: 2vw solid transparent;
 
border-left-style: solid;
 
border-left-style: solid;
border-left-width: 30px;
+
border-left-width: 3vw;
 
border-left-color:rgba(255,255,255,.75);
 
border-left-color:rgba(255,255,255,.75);
border-bottom: 18px solid transparent;
+
border-bottom: 2vw solid transparent;
 
}
 
}
  

Revision as of 05:53, 14 October 2018

Skip

E. coding
Tec-Monterrey
Seccion Acevedo Interactive Entertainement System Co. S.A. de C.V. Ind.

Contact Us

Sponsors