Difference between revisions of "Template:NCKU Tainan/css/team css"

Revision as of 07:15, 12 July 2018

 body {
   background-color: #272625;
 }
 #HQ_page p {
   margin: 0;
   background-color: #010E00;
 }
 h4, h1, p {
   color: white;
 }
 p {
   font-size: 18px;
 }
 .container.content {
   margin-top: 80px;
 }

 /*folded-corner*/
 .post {
   position: relative;
 }
 .folded-corner {
   position: absolute;
   bottom: 0px;  
   right: 0px;
   border-width: 0;
   border-style: solid;
   background: hsla(260,100%,100%,0.2);
   box-shadow: 0px -4px 0px rgba(0,0,0,0.3), -1px -4px 0px rgba(0,0,0,0.1);
   border-radius: 15px 0 0 0;
   border-color: transparent #B9DEBB transparent transparent;
   transition: border-width 0.2s ease-out;
 }
 .post:hover .folded-corner {
   border-width: 40px 40px 0 0;
 }
 .photo .folded-corner {
   background: hsla(260,5%,75%,0.5);
 }

 [class*="col-"] {
   float: left;
   padding: 13px;
 }
 a:visited {
   color: white;
 }
 .list-group-item {
   padding: .55rem .35rem;
   background-color: #272625;
   color: white;
   border: none;
 }
 a.list-group-item.list-group-item-action.active {
   background-color: transparent;
   color: #7ae26f;
 }
 .flip {
   width: 240px;
   height: 370px;
 }
 .flip .card {
   width: 100%;
   height: 100%;
   text-align: center;
   transform-style: preserve-3d;
   background-color: #B9DEBB;
 }
 .flip .card .namecard {
   backface-visibility: hidden;
   z-index: 2;
   font-size: 3em;
   line-height: 26px;
 }
 .flip .card .front {
   margin: 15px;
   position: absolute;
   z-index: 1;
   letter-spacing: 1px;
   background-color: #B9DEBB;
   letter-spacing: 1px;
   overflow: hidden;
   cursor: pointer;
 }
 .flip .card .back {
   transform: rotatey(-180deg);
   cursor: pointer;
   letter-spacing: 1px;
   overflow: hidden;
   margin: 15px;
   text-align: left;
   background-color: #B9DEBB;
 }
 .flipped {
   transform: rotatey(-180deg);
 }
 .card h3 {
   margin-top: 5px;
   font-size: 25px;
   line-height: 34px;
 }