Difference between revisions of "Team:USTC-Software/css/style"

Revision as of 16:01, 1 November 2017

/* 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 {

   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;

}