Template:Hong Kong HKUST/css style sheet

.Team > h1 { text-align: center; font-family: copperplate; font-size: 48pt; }

.Team > h2 { text-align: left; font-family: copperplate; padding-left: 4%; }

.DesBox > h2{ text-align: center; font-family: copperplate; font-size: 40pt; }

.DesBox > p{ text-align: center; font-family: futura; font-size: 20pt; } /*Classes for Main Team Page - mobile*/ @media only screen and (max-width: 768px) {

.Team { width: 100%; height: 100%; position: relative; visibility: visible; transition-property: visibility;

   }

.TeamClick { visibility: hidden; }

.Icons > img{ width: 448px; height: 335.156px; max-width: none; visibility: inherit; transition-property: inherit; transition-delay: inherit; }

.circle { cursor: pointer; height: 60px; width: 60px; background-color: transparent; border-radius: 50%; border-color: transparent; border-width: 15px; border-style: solid; position: absolute; visibility: inherit; transition-property: inherit; transition-delay: inherit; } }

/*Classes for Main Team Page - desktop*/ @media only screen and (min-width: 768px) {

.Team-d { width: 66.2%; height: 100%; position: relative; visibility: visible; transition-property: visibility; left: 16.67%; }

.TeamClick-d { visibility: hidden; }

.Icons-d > img{ width: 1180px; height: 882.781px; max-width: none; visibility: inherit; transition-property: inherit; transition-delay: inherit; }

.circle-d { cursor: pointer; height: 170px; width: 170px; background-color: transparent; border-radius: 50%; border-color: transparent; border-width: 15px; border-style: solid; position: absolute; top: 780px; left: 240px; visibility: inherit; transition-property: inherit; transition-delay: inherit; } }

/*Classes for full page profiles - mobile*/ @media only screen and (max-width: 768px) {

.Profile { width: 100%; height: 100%; position: absolute; visibility: hidden; /*Change back to hidden after test*/ // transition-property: visibility; transition: top ease 0.6s; /*-webkit-transition: top ease 0.6s;*/ /*transition-delay: 0.6s; */ } .ProfileClick{ visibility: visible; top: 0px; }

.BkgdPhoto { width: 100%; height: 100%; visibility: inherit; transition-property: inherit; transition-delay: inherit; position: relative; }

.CloseBtn { position: fixed; top: 25px; right: 29px; visibility: inherit; transition-property: inherit; transition-delay: inherit; color: rebeccapurple; font-size: 32px; }

.CloseBtn:hover { cursor: pointer; }

.GIFBox { width: 70.6%; height: 66.6%; position: absolute; top: 81px; left: 14%; visibility: inherit; transition-property: inherit; transition-delay: inherit; }

/*.HiddenBkgd{ background-color: rgb(219, 210, 191); width: 100%; height: 190%; position: absolute; top: 47%; visibility: inherit;

}*/ .DesBox { width: 70.6%; left: 14%; position: absolute; top: 49%; padding: 0px 40px; visibility: inherit; transition-property: inherit; transition-delay: inherit;

background-color: white; } } /*Classes for full page profiles - mobile*/

/*Classes for full page profiles - desktop*/ @media only screen and (min-width: 768px) {

.Profile-d { width: 100%; height: 0%; /*max-height: 0;*/ position: absolute; /*display: none;*/ visibility: hidden; /*Change back to hidden after test*/ transition-property: visibility; /*transition-delay: 0.6s; */ } .ProfileClick-d{ visibility: visible; top: 0px; height: auto; }

.BkgdPhoto-d { width: 100%; height: 100%; visibility: inherit; transition-property: inherit; transition-delay: inherit; position: relative; }

.CloseBtn-d { position: fixed; top: 25px; right: 29px; visibility: inherit; transition-property: inherit; transition-delay: inherit; color: rebeccapurple; font-size: 32px; } .CloseBtn-d:hover { cursor: pointer; }

.GIFBox-d { width: 39.6%; height: 39.6%; position: absolute; top: 352px; left: 1%; visibility: inherit; transition-property: inherit; transition-delay: inherit; }

.DesBox-d { width: 55.6%; left: 42%; position: absolute; top: 34%; padding: 0px 40px; visibility: inherit; transition-property: inherit; transition-delay: inherit;

background-color: white; } } /*Classes for full page profiles - mobile*/