Difference between revisions of "Team:Jilin China/CSS Details"

Line 370: Line 370:
 
width: 12rem;
 
width: 12rem;
 
margin:0 0 0 calc(42.5vw - 6rem);
 
margin:0 0 0 calc(42.5vw - 6rem);
 +
opacity:0;
 
}
 
}
 
.details_button_button:checked ~ .li_fold{
 
.details_button_button:checked ~ .li_fold{
Line 385: Line 386:
 
box-sizing: border-box;
 
box-sizing: border-box;
 
}
 
}
.details_button_button:hover ~ .li_fold > .details_button_background > .details_button{
+
.details_button_button:hover ~ .li_fold > .details_button_background > .details_button, .details_button_button:checked ~ .li_fold > .details_button_background > .details_button{
 
width:12rem !important;
 
width:12rem !important;
 
background:black;
 
background:black;
Line 397: Line 398:
  
 
}
 
}
.details_button_button:hover ~ .li_fold > .details_button_background > .details_button .vertical_line{
+
.details_button_button:hover ~ .li_fold > .details_button_background > .details_button .vertical_line, .details_button_button:checked ~ .li_fold > .details_button_background > .details_button .vertical_line{
 
d:path('M27.5,12,42.94,27.5,27.5,43');
 
d:path('M27.5,12,42.94,27.5,27.5,43');
 
stroke:white;
 
stroke:white;
Line 415: Line 416:
 
font-size:1.1rem !important;
 
font-size:1.1rem !important;
 
}
 
}
.details_button_button:hover ~ .li_fold > .details_button_background > .details_button h5{
+
.details_button_button:hover ~ .li_fold > .details_button_background > .details_button h5 , .details_button_button:checked ~ .li_fold > .details_button_background > .details_button h5{
 
 
 
color: white;
 
color: white;

Revision as of 09:27, 2 September 2018