|
|
| Line 222: |
Line 222: |
| | .author { | | .author { |
| | display:none; | | display:none; |
| - | }
| |
| - | /*
| |
| - | ---Calvin Hue
| |
| - | */
| |
| - |
| |
| - | #cover-wrapper, #abstract-wrapper, #news-wrapper {
| |
| - | background:url(https://static.igem.org/mediawiki/2012/8/84/Px.png) transparent repeat;
| |
| - | -moz-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
| |
| - | -webkit-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
| |
| - | box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
| |
| - | margin-bottom: 15px;
| |
| - | border-radius: 3px;
| |
| - | -webkit-border-radius: 3px;
| |
| - | -moz-border-radius: 3px;
| |
| - | }
| |
| - | #cover-wrapper {
| |
| - | height: 340px;
| |
| - | }
| |
| - | #cover {
| |
| - | padding-top:15px;
| |
| - | }
| |
| - | #abstract-wrapper {
| |
| - | width: 49%;
| |
| - | min-height:250px;
| |
| - | float: left;
| |
| - | }
| |
| - | #news-wrapper {
| |
| - | width: 49%;
| |
| - | min-height:250px;
| |
| - | float: right;
| |
| - | }
| |
| - | #abstract-title {
| |
| - | width: 307px;
| |
| - | height: 30px!important;
| |
| - | background:url(https://static.igem.org/mediawiki/2012/3/31/Subtitle-abstract.png) transparent no-repeat;
| |
| - | }
| |
| - | #abstract-title span {
| |
| - | display: none;
| |
| - | }
| |
| - | #abstract p, #news p {
| |
| - | margin:10px;
| |
| - | }
| |
| - | #news-title {
| |
| - | width: 307px;
| |
| - | height: 30px!important;
| |
| - | background:url(https://static.igem.org/mediawiki/2012/7/75/Subtitle-news.png) transparent no-repeat;
| |
| - | }
| |
| - | #news-title span {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /* slider */
| |
| - | /* http://www.menucool.com */
| |
| - |
| |
| - | #sliderFrame {position:relative;width:970px;margin: 0 auto;} /*remove the
| |
| - |
| |
| - | "margin:0 auto;" if you want to align the whole slider to the left side*/
| |
| - |
| |
| - | #slider {
| |
| - | width:970px;height:290px;/* Make it the same size as your images */
| |
| - | background:url(loading.gif) no-repeat 50% 50%;
| |
| - | position:relative;
| |
| - | margin:0 auto;/*make the image slider center-aligned */
| |
| - | }
| |
| - | #slider img {
| |
| - | position:absolute;
| |
| - | border:none;
| |
| - | display:none;
| |
| - | }
| |
| - | #slider a.imgLink {
| |
| - | z-index:2;
| |
| - | display:none;position:absolute;
| |
| - | top:0px;left:0px;border:0;padding:0;margin:0;
| |
| - | width:100%;height:100%;
| |
| - | }
| |
| - | div.mc-caption-bg, div.mc-caption-bg2 {
| |
| - | display:none;
| |
| - | }
| |
| - | div.mc-caption {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* ------ built-in navigation bullets wrapper ------*/
| |
| - | div.navBulletsWrapper {
| |
| - | top:300px; left:405px; /* Its position is relative to the #slider
| |
| - |
| |
| - | */
| |
| - | width:150px;
| |
| - | background:none;
| |
| - | padding-left:20px;
| |
| - | position:relative;
| |
| - | z-index:5;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - |
| |
| - | /* each bullet */
| |
| - | div.navBulletsWrapper div
| |
| - | {
| |
| - | width:11px; height:11px;
| |
| - | background:transparent url(https://static.igem.org/mediawiki/2012/7/7a/Bullet.png) no-repeat 0 0;
| |
| - | float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
| |
| - | margin-right:11px;/* distance between each bullet*/
| |
| - | _position:relative;/*IE6 hack*/
| |
| - | }
| |
| - |
| |
| - | div.navBulletsWrapper div.active {background-position:0 -11px;}
| |
| - |
| |
| - |
| |
| - | /* --------- Others ------- */
| |
| - | #slider
| |
| - | {
| |
| - | transform: translate3d(0,0,0);
| |
| - | -ms-transform:translate3d(0,0,0);
| |
| - | -moz-transform:translate3d(0,0,0);
| |
| - | -o-transform:translate3d(0,0,0);
| |
| | } | | } |
| | #p-logo { | | #p-logo { |
| Line 464: |
Line 348: |
| | </style> | | </style> |
| | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/js?action=raw"></script> | | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/js?action=raw"></script> |
| - | </head>
| |
| - | <body>
| |
| - | <div id="header-wrapper">
| |
| - | <div id="header">
| |
| - | <div id="title">
| |
| - | <p>NCTU_Formosa</p>
| |
| - | </div><p>
| |
"
