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

Line 1,489: Line 1,489:
 
}
 
}
  
 +
.mdl-card + .mdl-card {
 +
  margin-top: 40px;
 +
}
 +
 +
// Card styles
 +
 +
.mdl-card--horizontal {
 +
  flex-direction: column;
 +
  height: 1vh; /* 1 */
 +
  padding-left: 150px;
 +
  width: 100%;
 +
 
 +
  .mdl-card__media {
 +
    left: 0;
 +
    position: absolute;
 +
    width: 150px;
 +
  }
 +
 
 +
  .mdl-card__supporting-text {
 +
    flex: 1 1 auto;
 +
    width: auto;
 +
  }
 +
}
 +
 +
.mdl-card--horizontal-2 {
 +
  flex-direction: row;
 +
  flex-wrap: wrap;
 +
  min-height: 0px;
 +
 
 +
  .mdl-card__title {
 +
    align-items: flex-start;
 +
    flex-direction: column;
 +
    flex: 1 auto;
 +
    float: left;
 +
  }
 +
  .mdl-card__title-text {
 +
    align-self: flex-start;
 +
  }
 +
  .mdl-card__media {
 +
    flex: 0 auto;
 +
    float: right;
 +
    height: 112px;
 +
    margin: 16px 16px 0 0;
 +
    width: 112px;
 +
  }
 +
  .mdl-card__actions {
 +
    clear: both;
 +
    flex: 1 auto;
 +
  }
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 12:04, 17 October 2018