|
|
| Line 8: |
Line 8: |
| | </style> | | </style> |
| | | | |
| - | <style type="text/css">
| |
| - | #UBCWidget {
| |
| - | background: repeat-x scroll left bottom #6A8799;
| |
| - | background-color: white;
| |
| - | float: left;
| |
| - | height: 378px;
| |
| - | margin-right: 18px;
| |
| - | overflow: hidden;
| |
| - | position: relative;
| |
| - | }
| |
| | | | |
| - |
| |
| - | #UBCWidget ul {
| |
| - | list-style: none outside none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget ul.TeamStories li {
| |
| - | height: 378px;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget ul.TeamStories li h4 {
| |
| - | color: #FFFFFF;
| |
| - | font-size: 150%;
| |
| - | margin: 0.5em 0 0.2em 14px;
| |
| - | width: 425px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget ul.TeamStories li p {
| |
| - | color: #FFFFFF;
| |
| - | margin: 0.3em 0 0.3em 14px;
| |
| - | width: 425px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget ul.TeamStories li a.StoriesReadMore {
| |
| - | background-color: #FFFFFF
| |
| - | background: no-repeat scroll 0 0 transparent;
| |
| - | display: block;
| |
| - | height: 23px;
| |
| - | margin: 0 0 0 14px;
| |
| - | text-indent: -5000px;
| |
| - | width: 95px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget ul.TeamStories li div.UBCHeadlinePicture {
| |
| - | height: 275px;
| |
| - | overflow: hidden;
| |
| - | vertical-align: middle;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget ul.TeamStories li div.UBCHeadlinePicture img {
| |
| - | display: block;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav {
| |
| - | border-left: 1px solid #637C8C;
| |
| - | bottom: 20px;
| |
| - | color: #FFFFFF;
| |
| - | height: 70px;
| |
| - | padding: 0 0 0 5px;
| |
| - | position: absolute;
| |
| - | right: 0;
| |
| - | width: 120px;
| |
| - | z-index: 100;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a {
| |
| - | display: block;
| |
| - | float: left;
| |
| - | height: 22px;
| |
| - | margin: 0 22px;
| |
| - | text-indent: -5000px;
| |
| - | width: 22px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav span {
| |
| - | display: block;
| |
| - | float: left;
| |
| - | font-weight: bold;
| |
| - | height: 17px;
| |
| - | padding: 5px 2px 0;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPause {
| |
| - | background: no-repeat;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPause:hover {
| |
| - | background-position: 0 -22px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavNext {
| |
| - | background: no-repeat;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavNext:hover
| |
| - | {
| |
| - | background-position: 0 -22px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev
| |
| - | {
| |
| - | background: url(../img/home/headlineWidgetPrevBtn.gif) no-repeat;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev:hover
| |
| - | {
| |
| - | background-position: 0 -22px;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay
| |
| - | {
| |
| - | background: url(../img/home/headlineWidgetPlayBtn.gif) no-repeat;
| |
| - | }
| |
| - |
| |
| - | #UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay:hover
| |
| - | {
| |
| - | background-position: 0 -22px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| | | | |
| | <body> | | <body> |
| Line 145: |
Line 21: |
| | | | |
| | | | |
| - | <!-- Adapted from www.ubc.ca - START UBCWidget -->
| |
| - |
| |
| - | <div id="UBCWidget">
| |
| - | <ul class="TeamStories" style="position: relative; width: 580px; height: 378px;">
| |
| - | <li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 5; opacity: 1;">
| |
| - | <div class="UBCHeadlinePicture">
| |
| - | <img src="http://upload.wikimedia.org/wikipedia/commons/5/5e/Mt_Fraser_-_Pine_Beetle_Damage.JPG" width="580" height="275" alt="describes the image" border="0" />
| |
| - | </div>
| |
| - |
| |
| - | <h4>Header goes here</h4>
| |
| - | <p>One sentence description of the event/image/activity</p>
| |
| - |
| |
| - | <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
| |
| - | </li>
| |
| - |
| |
| - |
| |
| - | <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0;">
| |
| - | <div class="UBCHeadlinePicture">
| |
| - | <!--picture can link out <a href="http://blogs.apsc.ubc.ca/engineeringnews/2011/07/29/ubc-biomedical-engineering-innovators-win-global-competition-to-tackle-maternal-health/">-->
| |
| - | <img src="https://2011.igem.org/File:Ubcwk8Meet.JPG" width="580" height="275" alt="meeting" border="0" /></a>
| |
| - | </div>
| |
| - |
| |
| - | <h4>Meeting</h4>
| |
| - |
| |
| - | <p>Having a meeting</p>
| |
| - | <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
| |
| - | </li>
| |
| - |
| |
| - |
| |
| - | <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0;">
| |
| - | <div class="UBCHeadlinePicture">
| |
| - | <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
| |
| - | <img src="https://2011.igem.org/File:Minmeetwk8ubc.JPG" width="580" height="275" alt="meeting" border="0" /></a>
| |
| - | </div>
| |
| - |
| |
| - | <h4>More Meetings</h4>
| |
| - |
| |
| - | <p>Meeting adjourned!</p>
| |
| - | <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
| |
| - | </li>
| |
| - |
| |
| - | <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">
| |
| - | <div class="UBCHeadlinePicture">
| |
| - | <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
| |
| - | <img src="https://2011.igem.org/File:Ubcjun19gel.jpg" width="580" height="275" alt="meeting" border="0" /></a>
| |
| - | </div>
| |
| - |
| |
| - | <h4>More Meetings</h4>
| |
| - |
| |
| - | <p>Meeting adjourned!</p>
| |
| - | <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
| |
| - | </li>
| |
| - |
| |
| - | <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
| |
| - | <div class="UBCHeadlinePicture">
| |
| - | <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
| |
| - | <img src="https://2011.igem.org/File:Joanneubcmeet.jpg" width="580" height="275" alt="meeting" border="0" /></a>
| |
| - | </div>
| |
| - |
| |
| - | <h4>Brainstorming</h4>
| |
| - |
| |
| - | <p>Talking about ideas</p>
| |
| - | <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
| |
| - | </li>
| |
| - | </ul>
| |
| | | | |
| - | <div class="UbcHeadlineNav">
| |
| - | <a href="#" class="UbcHeadlineNavPause">Pause</a>
| |
| - | <a href="#" class="UbcHeadlineNavPrev">Prev</a>
| |
| - | <span class="UbcHeadlineNavPageCount">2 / 5</span>
| |
| - | <a href="#" class="UbcHeadlineNavNext">Next</a>
| |
| - | </div>
| |
| - | </div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
"
