Difference between revisions of "Team:NCHU Taichung/style/member.css"

(Created page with ".card { margin-right: 34px!important; margin-left: 34px!important; } .card .icon { margin: 0!important; } .card .button { background: #6bd2c1; } .card .button:hover {...")
 
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
#HQ_page .button:hover {
 +
    background-color: unset;
 +
    color: unset;
 +
}
 +
#HQ_page .button {
 +
    min-width: unset;
 +
    max-width: unset;
 +
    border: unset;
 +
    color: unset;
 +
    background-color: unset;
 +
}
 
.card {
 
.card {
−
   margin-right: 34px!important;
+
   margin-right: 32px!important;
−
   margin-left: 34px!important;
+
   margin-left: 32px!important;
 
}
 
}
 
.card .icon {
 
.card .icon {
Line 7: Line 18:
 
}
 
}
 
.card .button {
 
.card .button {
−
   background: #6bd2c1;
+
   background: #6bd2c1!important;
 
}
 
}
 
.card .button:hover {
 
.card .button:hover {
−
   background-color: #baebe3;
+
   background-color: #baebe3!important;
 
}
 
}
 
#bannerImg {
 
#bannerImg {
−
   box-shadow: 3px 5px 14px 0px #cdcdcd;
+
   box-shadow: 3px 5px 14px 0px #cdcdcd!important;
−
   margin-top: 20px;
+
   margin-top: 20px!important;
 
}
 
}
 
@media only screen and (max-width: 767px) {
 
@media only screen and (max-width: 767px) {
Line 22: Line 33:
 
   }
 
   }
 
   .cards {
 
   .cards {
−
     justify-content: center;
+
     justify-content: center!important;
 
   }
 
   }
 
}
 
}

Latest revision as of 13:48, 17 October 2018

  1. HQ_page .button:hover {
   background-color: unset;
   color: unset;

}

  1. HQ_page .button {
   min-width: unset;
   max-width: unset;
   border: unset;
   color: unset;
   background-color: unset;

} .card { 

 margin-right: 32px!important;
 margin-left: 32px!important;

} .card .icon { 

 margin: 0!important;

} .card .button { 

 background: #6bd2c1!important;

} .card .button:hover { 

 background-color: #baebe3!important;

}

  1. bannerImg {
 box-shadow: 3px 5px 14px 0px #cdcdcd!important;
 margin-top: 20px!important;

} @media only screen and (max-width: 767px) { 

 .card {
   margin-right: unset!important;
   margin-left: unset!important;
 }
 .cards {
   justify-content: center!important;
 }

}