(52 intermediate revisions by the same user not shown) | |||
Line 85: | Line 85: | ||
<style> | <style> | ||
− | |||
Line 375: | Line 374: | ||
<style> | <style> | ||
+ | h1, h2, h3, h4, h5, h6{line-height:normal;} | ||
+ | p {line-height: 40px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | font-variant: stacked-fractions; | ||
+ | font-size: 18px; | ||
+ | text-align: justify; | ||
+ | text-indent:40px; | ||
+ | } | ||
+ | table p {text-indent:0;line-height: normal; | ||
+ | margin: -6px; | ||
+ | font-size: large; | ||
+ | font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: 'Monad'; | ||
+ | src: url('https://static.igem.org/mediawiki/2017/d/de/Team-NUDT_CHINA_Monad2.eot'); | ||
+ | src: url('https://static.igem.org/mediawiki/2017/d/de/Team-NUDT_CHINA_Monad2.eot') format('embedded-opentype'), | ||
+ | url('https://static.igem.org/mediawiki/2017/2/2a/Team-NUDT_CHINMonad.woff') format('woff'), | ||
+ | url('https://static.igem.org/mediawiki/2017/0/0a/Team-NUDT_CHINA_Monad.ttf') format('truetype'), | ||
+ | url('https://static.igem.org/mediawiki/2017/d/d0/Team-NUDT_CHINMonad.svg#Monad') format('svg'); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: 'BigF'; | ||
+ | src: url('https://static.igem.org/mediawiki/2017/6/69/T-NUDT_CHINA-BigF2.eot'); | ||
+ | src: url('https://static.igem.org/mediawiki/2017/6/69/T-NUDT_CHINA-BigF2.eot') format('embedded-opentype'), | ||
+ | url('https://static.igem.org/mediawiki/2017/4/41/T-NUDT_CHINA-BigF.woff') format('woff'), | ||
+ | url('https://static.igem.org/mediawiki/2017/e/e0/T-NUDT_CHINA-BigF.ttf') format('truetype'); | ||
+ | } | ||
.pure-g{ | .pure-g{ | ||
letter-spacing:-.31em;text-rendering:optimizespeed; | letter-spacing:-.31em;text-rendering:optimizespeed; | ||
Line 386: | Line 413: | ||
.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em} | .opera-only :-o-prefocus,.pure-g{word-spacing:-.43em} | ||
.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto} | .pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto} | ||
− | |||
.pure-u-1-24{width:4.1667%} | .pure-u-1-24{width:4.1667%} | ||
.pure-u-1-12,.pure-u-2-24{width:8.3333%} | .pure-u-1-12,.pure-u-2-24{width:8.3333%} | ||
Line 544: | Line 570: | ||
#layout { | #layout { | ||
+ | margin-top:-10px; | ||
position: relative; | position: relative; | ||
left: 0; | left: 0; | ||
Line 585: | Line 612: | ||
} | } | ||
.Myheader h5 { | .Myheader h5 { | ||
− | + | font-family:Monad; | |
− | font-family: | + | |
margin: 0.5em 0; | margin: 0.5em 0; | ||
− | font-size: 4. | + | font-size: 4.6em; |
font-weight: 300; | font-weight: 300; | ||
border-bottom:none; | border-bottom:none; | ||
+ | padding-bottom:50px; | ||
} | } | ||
.Myheader h6 { | .Myheader h6 { | ||
Line 603: | Line 630: | ||
margin: 50px 0 20px 0; | margin: 50px 0 20px 0; | ||
font-weight: 300; | font-weight: 300; | ||
+ | text-indent:0; | ||
color: #888; | color: #888; | ||
− | font-size: | + | font-size: 40px; |
border-bottom: 1px solid #eee; | border-bottom: 1px solid #eee; | ||
} | } | ||
.content-subsub { | .content-subsub { | ||
+ | text-indent:0; | ||
margin: 25px 0 10px 0; | margin: 25px 0 10px 0; | ||
font-weight: 300; | font-weight: 300; | ||
color: #888; | color: #888; | ||
− | font-size: | + | font-size:30px; |
} | } | ||
.content-subsubsub { | .content-subsubsub { | ||
+ | text-indent:0; | ||
margin: 10px 0 6px 0; | margin: 10px 0 6px 0; | ||
font-weight: 300; | font-weight: 300; | ||
color: #888; | color: #888; | ||
− | font-size: | + | font-size:25px; |
} | } | ||
#menu { | #menu { | ||
font-weight:10px; | font-weight:10px; | ||
− | font-family: | + | font-family: Monad; |
− | font-size: | + | font-size: 19px; |
margin-left: -240px; /* "#menu" width */ | margin-left: -240px; /* "#menu" width */ | ||
width: 240px; | width: 240px; | ||
Line 713: | Line 743: | ||
} | } | ||
@media (min-width: 94em) { | @media (min-width: 94em) { | ||
− | + | .phone{height:700px;} | |
.Myheader, | .Myheader, | ||
.content { | .content { | ||
Line 737: | Line 767: | ||
left: 240px; | left: 240px; | ||
} | } | ||
− | + | .home-btn { | |
+ | top: 5px; | ||
+ | height: 46px; | ||
+ | width: 46px;} | ||
} | } | ||
@media (max-width: 94em) { | @media (max-width: 94em) { | ||
+ | .phone{height:600px;} | ||
#layout.active { | #layout.active { | ||
position: relative; | position: relative; | ||
left: 240px; | left: 240px; | ||
} | } | ||
+ | .home-btn { | ||
+ | top: 5px; | ||
+ | height: 46px; | ||
+ | width: 46px;} | ||
} | } | ||
+ | @media (max-width: 60em) { | ||
+ | .home-btn { | ||
+ | top: -16px; | ||
+ | height: 23px; | ||
+ | width: 23px;} | ||
+ | .phone{height:360px;}} | ||
.pure-menu ul{margin: 0;} | .pure-menu ul{margin: 0;} | ||
.pure-menu-item .pure-menu-item{display:block;background-color:#cccccc} | .pure-menu-item .pure-menu-item{display:block;background-color:#cccccc} | ||
Line 763: | Line 807: | ||
} | } | ||
.main-title { | .main-title { | ||
+ | max-width:100%; | ||
position: absolute; | position: absolute; | ||
margin: 0; | margin: 0; | ||
Line 772: | Line 817: | ||
-webkit-transform: translate3d(-50%,-50%,0); | -webkit-transform: translate3d(-50%,-50%,0); | ||
transform: translate3d(-50%,-50%,0); | transform: translate3d(-50%,-50%,0); | ||
− | font-family: | + | font-family: "Comic Sans MS", cursive; |
font-weight: normal; | font-weight: normal; | ||
− | font-size: | + | font-size: 7.5em; |
padding-left: 10px; | padding-left: 10px; | ||
text-shadow: 2px 2px 4px rgba(0,0,0,0.4); | text-shadow: 2px 2px 4px rgba(0,0,0,0.4); | ||
} | } | ||
+ | p a{text-decoration: underline;color: blue;font-style:italic; } | ||
+ | p a:visited{color:blue;} | ||
+ | p a:hover{color:blue;} | ||
+ | .tooltip | ||
+ | { | ||
+ | text-decoration:none; | ||
+ | position:relative; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tooltip span | ||
+ | {font-size: medium; | ||
+ | display:none; | ||
+ | -moz-border-radius:6px; | ||
+ | -webkit-border-radius:6px; | ||
+ | border-radius:6px; | ||
+ | color:black; | ||
+ | background:white;font-weight: 100; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tooltip span img | ||
+ | { | ||
+ | float:left; | ||
+ | margin:0px 8px 8px 0; | ||
+ | width:50%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tooltip:hover span | ||
+ | { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | z-index:1000; | ||
+ | width:300px; | ||
+ | min-height:128px; | ||
+ | border:1px solid black; | ||
+ | margin-top:12px; | ||
+ | margin-left:15px; | ||
+ | overflow:visible; | ||
+ | padding:8px; | ||
+ | } | ||
+ | |||
</style> | </style> |
Latest revision as of 03:28, 2 November 2017