(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* vietnamese */ | /* vietnamese */ | ||
+ | |||
@font-face { | @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 */ | /* latin-ext */ | ||
+ | |||
@font-face { | @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 */ | /* latin */ | ||
+ | |||
@font-face { | @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 { | + | |
+ | p, h1, h2, h3, h4, h5, .subtitle, li { | ||
font-family: 'Quicksand', sans-serif !important; | font-family: 'Quicksand', sans-serif !important; | ||
} | } | ||
+ | |||
+ | .navbar-nav li a{ | ||
+ | font-family: 'Quicksand', sans-serif !important; | ||
+ | } | ||
+ | |||
#sideMenu { | #sideMenu { | ||
display: none | display: none | ||
} | } | ||
+ | |||
#top_title { | #top_title { | ||
display: none | display: none | ||
} | } | ||
+ | |||
#content { | #content { | ||
margin: 0 !important; | margin: 0 !important; | ||
− | padding:0 !important; | + | padding: 0 !important; |
width: auto !important; | width: auto !important; | ||
} | } | ||
+ | |||
#menu { | #menu { | ||
position: fixed; | position: fixed; | ||
z-index: 3000; | z-index: 3000; | ||
left: 7%; | left: 7%; | ||
− | top:20%; | + | top: 20%; |
} | } | ||
Line 50: | Line 66: | ||
#menu ul li { | #menu ul li { | ||
height: 30px; | height: 30px; | ||
− | line-height:30px; | + | line-height: 30px; |
− | padding-left:10px; | + | padding-left: 10px; |
border-left: solid #c2c2c2 5px; | border-left: solid #c2c2c2 5px; | ||
margin: 0; | margin: 0; | ||
} | } | ||
− | #menu ul li a{ | + | #menu ul li a { |
display: block; | display: block; | ||
font-size: 15px; | font-size: 15px; | ||
Line 62: | Line 78: | ||
width: 120px; | width: 120px; | ||
text-decoration: none; | text-decoration: none; | ||
− | outline:none; | + | outline: none; |
} | } | ||
Line 73: | Line 89: | ||
font-size: 17px; | font-size: 17px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.item ul li { | .item ul li { | ||
− | float:left; | + | float: left; |
− | margin-right:10px; | + | margin-right: 10px; |
− | margin-bottom:10px; | + | margin-bottom: 10px; |
− | display:inline; | + | display: inline; |
− | overflow:hidden; | + | overflow: hidden; |
− | position:relative; | + | position: relative; |
} | } | ||
.item ul li .photo { | .item ul li .photo { | ||
− | width:200px; | + | width: 200px; |
− | height:200px; | + | height: 200px; |
− | overflow:hidden; | + | overflow: hidden; |
background-color: darkgray; | background-color: darkgray; | ||
} | } | ||
.item .rsp { | .item .rsp { | ||
− | width:200px; | + | width: 200px; |
− | height:200px; | + | height: 200px; |
− | overflow:hidden; | + | overflow: hidden; |
position: absolute; | position: absolute; | ||
− | background:#000; | + | background: #000; |
− | top:0; | + | top: 0; |
− | left:0; | + | left: 0; |
} | } | ||
.item .text { | .item .text { | ||
− | position:absolute; | + | position: absolute; |
− | width:200px; | + | width: 200px; |
− | height:200px; | + | height: 200px; |
− | left:-200px; | + | left: -200px; |
− | top:0; | + | top: 0; |
− | overflow:hidden; | + | overflow: hidden; |
} | } | ||
.item .text a { | .item .text a { | ||
− | text-decoration:none | + | text-decoration: none |
} | } | ||
.item .text p { | .item .text p { | ||
− | color:#FFFFFF; | + | color: #FFFFFF; |
− | font-size:18px; | + | font-size: 18px; |
} | } | ||
.item .box { | .item .box { | ||
− | padding:10px 0px 10px 0px; | + | padding: 10px 0px 10px 0px; |
border-top: solid; | border-top: solid; | ||
border-left: solid; | border-left: solid; | ||
− | border-width:1px; | + | border-width: 1px; |
border-color: #f1f1f1; | border-color: #f1f1f1; | ||
box-shadow: 2px 2px 1px #e1e1e1; | box-shadow: 2px 2px 1px #e1e1e1; | ||
Line 143: | Line 150: | ||
text-align: center; | text-align: center; | ||
border: solid; | border: solid; | ||
− | border-width:1px; | + | border-width: 1px; |
} | } | ||
Line 149: | Line 156: | ||
text-align: center; | text-align: center; | ||
border-top: solid; | border-top: solid; | ||
− | font-size:15px; | + | font-size: 15px; |
border-color: #e1e1e1; | border-color: #e1e1e1; | ||
− | border-width:1px; | + | border-width: 1px; |
− | padding:8px 0 8px; | + | padding: 8px 0 8px; |
margin: 0px 0 0px; | margin: 0px 0 0px; | ||
} | } | ||
Line 162: | Line 169: | ||
border-top: solid; | border-top: solid; | ||
border-color: #e1e1e1; | border-color: #e1e1e1; | ||
− | border-width:1px; | + | border-width: 1px; |
− | padding:22px 0 5px; | + | padding: 22px 0 5px; |
margin: 0px 0 0px; | margin: 0px 0 0px; | ||
} | } | ||
Line 171: | Line 178: | ||
} | } | ||
− | section,body { | + | section, body { |
min-width: 1020px; | min-width: 1020px; | ||
} | } | ||
+ | |||
#team-content { | #team-content { | ||
margin-left: 24%; | margin-left: 24%; | ||
Line 192: | Line 200: | ||
color: #555; | color: #555; | ||
} | } | ||
+ | |||
#team-content h1 { | #team-content h1 { | ||
font-size: 40px; | font-size: 40px; | ||
color: #555; | color: #555; | ||
+ | } | ||
+ | |||
+ | #bodyContent p, #bodyContent li { | ||
+ | font-size: 18px; | ||
} | } |
Latest revision as of 18:37, 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, .subtitle, li {
font-family: 'Quicksand', sans-serif !important;
}
.navbar-nav li a{
font-family: 'Quicksand', sans-serif !important;
}
- sideMenu {
display: none
}
- top_title {
display: none
}
- content {
margin: 0 !important; padding: 0 !important; width: auto !important;
}
- menu {
position: fixed; z-index: 3000; left: 7%; top: 20%;
}
- menu ul {
width: 200px;
}
- menu ul li {
height: 30px; line-height: 30px; padding-left: 10px; border-left: solid #c2c2c2 5px; margin: 0;
}
- menu ul li a {
display: block; font-size: 15px; color: #c2c2c2; width: 120px; text-decoration: none; outline: none;
}
- menu ul li:hover {
border-left: solid #ef4c3c 5px;
}
- 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;
}
- theme-graph svg {
filter: brightness(90%);
}
section, body {
min-width: 1020px;
}
- team-content {
margin-left: 24%; width: 900px; margin-top: 100px; margin-bottom: 100px;
}
- team-content .item {
margin-top: 30px; padding: 20px; font-size: 16px !important; overflow: hidden;
}
- team-content .item h2 {
font-size: 32px; color: #555;
}
- team-content h1 {
font-size: 40px; color: #555;
}
- bodyContent p, #bodyContent li {
font-size: 18px;
}