Team:USTC-Software/css/style

/* vietnamese */

@font-face { 

   font-family: 'Quicksand';
   font-style: normal;
   font-weight: 400;
   src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v7/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
   unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;

}


/* latin-ext */

@font-face { 

   font-family: 'Quicksand';
   font-style: normal;
   font-weight: 400;
   src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v7/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
   unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}


/* latin */

@font-face { 

   font-family: 'Quicksand';
   font-style: normal;
   font-weight: 400;
   src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v7/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

p, h1, h2, h3, h4, h5, .subtitle, li { 

   font-family: 'Quicksand', sans-serif !important;

}

.navbar-nav li a{ 

 font-family: 'Quicksand', sans-serif !important;

}

  1. sideMenu {
   display: none

}

  1. top_title {
   display: none

}

  1. content {
   margin: 0 !important;
   padding: 0 !important;
   width: auto !important;

}

  1. menu {
   position: fixed;
   z-index: 3000;
   left: 7%;
   top: 20%;

}

  1. menu ul {
   width: 200px;

}

  1. menu ul li {
   height: 30px;
   line-height: 30px;
   padding-left: 10px;
   border-left: solid #c2c2c2 5px;
   margin: 0;

}

  1. menu ul li a {
   display: block;
   font-size: 15px;
   color: #c2c2c2;
   width: 120px;
   text-decoration: none;
   outline: none;

}

  1. menu ul li:hover {
   border-left: solid #ef4c3c 5px;

}

  1. menu .focused {
   color: #ef4c3c;
   font-size: 17px;

}

.item ul li { 

   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   display: inline;
   overflow: hidden;
   position: relative;

}

.item ul li .photo { 

   width: 200px;
   height: 200px;
   overflow: hidden;
   background-color: darkgray;

}

.item .rsp { 

   width: 200px;
   height: 200px;
   overflow: hidden;
   position: absolute;
   background: #000;
   top: 0;
   left: 0;

}

.item .text { 

   position: absolute;
   width: 200px;
   height: 200px;
   left: -200px;
   top: 0;
   overflow: hidden;

}

.item .text a { 

   text-decoration: none

}

.item .text p { 

   color: #FFFFFF;
   font-size: 18px;

}

.item .box { 

   padding: 10px 0px 10px 0px;
   border-top: solid;
   border-left: solid;
   border-width: 1px;
   border-color: #f1f1f1;
   box-shadow: 2px 2px 1px #e1e1e1;
   margin-left: 20px;

}

.item .img { 

   width: 160px;
   height: 160px;
   border-radius: 160px;
   text-align: center;
   border: solid;
   border-width: 1px;

}

.item h3 { 

   text-align: center;
   border-top: solid;
   font-size: 15px;
   border-color: #e1e1e1;
   border-width: 1px;
   padding: 8px 0 8px;
   margin: 0px 0 0px;

}

.item h5 { 

   height: 50px;
   overflow: hidden;
   text-align: center;
   border-top: solid;
   border-color: #e1e1e1;
   border-width: 1px;
   padding: 22px 0 5px;
   margin: 0px 0 0px;

}

  1. theme-graph svg {
   filter: brightness(90%);

}

section, body { 

   min-width: 1020px;

}

  1. team-content {
   margin-left: 24%;
   width: 900px;
   margin-top: 100px;
   margin-bottom: 100px;

}

  1. team-content .item {
   margin-top: 30px;
   padding: 20px;
   font-size: 16px !important;
   overflow: hidden;

}

  1. team-content .item h2 {
   font-size: 32px;
   color: #555;

}

  1. team-content h1 {
   font-size: 40px;
   color: #555;

}

  1. bodyContent p, #bodyContent li {
   font-size: 18px;

}