Difference between revisions of "Template:CCU Taiwan/css"

Line 1,262: Line 1,262:
 
   margin-left: 20vw;
 
   margin-left: 20vw;
 
   display: inline-block;
 
   display: inline-block;
 +
}
 +
 +
.thecard p {
 +
  font-size: 13px;
 +
}
 +
 +
a:hover .card-outmore {
 +
  background: #2C3E50;
 +
  color: #fff;
 +
}
 +
 +
a:hover .thecard {
 +
  box-shadow: 0 10px 50px rgba(0,0,0,.6);
 
}
 
}
  
Line 1,276: Line 1,289:
 
.card-img {
 
.card-img {
 
   height: 225px;
 
   height: 225px;
−
  over-flow: hidden;
 
−
  align: middle;
 
 
}
 
}
  
Line 1,285: Line 1,296:
 
}
 
}
  
−
.thecard p {
+
.card-caption {
−
  margin-left: 0!important;
+
  position: relative;
−
  padding-left:0!important;
+
  background: #ffffff;
−
  line-height:1!important;
+
  padding: 15px 25px 5px 25px;
 +
  border-radius: 0px 0px 4px 4px;
 +
}
 +
 
 +
.card-outmore {
 +
  padding: 10px 25px 10px 25px;
 +
  border-radius: 0px 0px 4px 4px;
 +
  border-top: 1px solid #e0e0e0;
 +
  background: #efefef;
 +
  color: #222;
 +
  display: inline-table;
 +
  width: 100%;
 +
  box-sizing: border-box;
 +
  transition: 400ms ease;
 +
}
 +
.card-outmore h5 {
 +
  float: left;
 +
}
 +
.card-outmore i {
 +
  float: right;
 +
}
 +
 
 +
.thecard span.date {
 +
  font-size: 10px;
 +
}
 +
 
 +
.thecard h1 {
 +
  font-size: 22px;
 +
}
 +
 
 +
.thecard h5 {
 +
  margin:0;
 +
}
 +
 
 +
#like-btn {
 +
  font-size: 18px;
 +
  background: #446CB3;
 +
  color: #fff;
 +
  padding: 13px 15px;
 +
  border-radius: 50em;
 +
  position: absolute;
 +
  right: 20px;
 +
  top: -22px;
 +
  box-shadow: 0 2px 1px rgba(0,0,0,.2);
 +
  transition: 400ms ease;
 +
}
 +
 
 +
#like-btn:hover {
 +
  font-size: 18px;
 +
  background: #3B5998;
 +
  color: #fff;
 +
  padding: 13px 15px;
 +
  border-radius: 50em;
 +
  position: absolute;
 +
  right: 20px;
 +
  top: -22px;
 +
  box-shadow: 0 4px 5px rgba(0,0,0,.3);
 +
}
 +
 
 +
#outmore-icon {
 +
  border:1px solid ;
 +
  padding: 1px 6px;
 +
  border-radius: 50em;
 
}
 
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 14:12, 16 October 2018