Difference between revisions of "Template:Main2017"

Line 32: Line 32:
 
});
 
});
 
 
$(".control_button").click(function(){
+
$(".expand_content .control_button").click(function(){
  
$(this).next().fadeToggle(400);
+
$(this).next(".more_content").fadeToggle(400);
 
$(this).toggleClass("less");
 
$(this).toggleClass("less");
 
});
 
});
 
  
  
Line 514: Line 513:
  
  
 +
.expand_content.first{
 +
float:left;
 +
margin-right: -15px;
 +
}
  
  
.expand_more{
+
.expand_content.control_button {
    font-weight: bold;
+
font-weight: bold;
    text-align: center;
+
text-align: center;
    border-radius: 50%;
+
border-radius: 50%;
    float: left;
+
float: left;
    margin: 0px 5px;
+
margin: 0px 5px;
    border: 2px solid #00bdcd;
+
border: 2px solid #00bdcd;
background-color:#00bdcd;
+
background-color:#00bdcd;
color:#ffffff;
+
color:#ffffff;
    width: 20px;
+
width: 20px;
    padding-bottom: 1px;
+
padding-bottom: 1px;
cursor:pointer;
+
cursor:pointer;
}
+
}
  
.expand_more:hover{
+
.expand_content.control_button:hover {
color:#00bdcd;
+
color:#00bdcd;
background-color:#ffffff;
+
background-color:#ffffff;
    border: 2px solid #00bdcd;
+
border: 2px solid #00bdcd;
    float: left;
+
float: left;
}
+
}
  
  
.more_content { float:left;
+
.expand_content.control_button::before {
display: none;
+
}
+
 
+
 
+
.expand_more::before {
+
 
content: "+";  
 
content: "+";  
 
}
 
}
  
 
/* this is the icon for when the content is expanded */
 
/* this is the icon for when the content is expanded */
.expand_more.less::before {
+
.expand_content.control_button.less::before {
 
content: "–";  
 
content: "–";  
 
}
 
}
  
.first_content { float:left; margin-right: -15px;}
+
.expand_content.more {  
 
+
float:left;  
 +
display: none;
 +
}
  
  

Revision as of 20:31, 8 February 2017

MENU 三