|
|
| Line 41: |
Line 41: |
| | } | | } |
| | | | |
| − | .modalDialog {
| + | |
| − | position: fixed;
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | top: 0;
| + | |
| − | right: 0;
| + | |
| − | bottom: 0;
| + | |
| − | left: 0;
| + | |
| − | background: rgba(0, 0, 0, 0.8);
| + | |
| − | z-index: 99999;
| + | |
| − | opacity:0;
| + | |
| − | -webkit-transition: opacity 400ms ease-in;
| + | |
| − | -moz-transition: opacity 400ms ease-in;
| + | |
| − | transition: opacity 400ms ease-in;
| + | |
| − | pointer-events: none;
| + | |
| − | }
| + | |
| − | .modalDialog:target {
| + | |
| − | opacity:1;
| + | |
| − | pointer-events: auto;
| + | |
| − | }
| + | |
| − | .modalDialog > div {
| + | |
| − | width: 500px;
| + | |
| − |
| + | |
| − | position: relative;
| + | |
| − | margin: 10% auto;
| + | |
| − | padding: 5px 20px 13px 20px;
| + | |
| − | border-radius: 10px;
| + | |
| − | background: #fff;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .close {
| + | |
| − | background: #606061;
| + | |
| − | color: #FFFFFF;
| + | |
| − | line-height: 25px;
| + | |
| − | position: absolute;
| + | |
| − | right: -12px;
| + | |
| − | text-align: center;
| + | |
| − | top: -10px;
| + | |
| − | width: 24px;
| + | |
| − | text-decoration: none;
| + | |
| − | font-weight: bold;
| + | |
| − | -webkit-border-radius: 12px;
| + | |
| − | -moz-border-radius: 12px;
| + | |
| − | border-radius: 12px;
| + | |
| − | -moz-box-shadow: 1px 1px 3px #000;
| + | |
| − | -webkit-box-shadow: 1px 1px 3px #000;
| + | |
| − | box-shadow: 1px 1px 3px #000;
| + | |
| − | }
| + | |
| − | .close:hover {
| + | |
| − | background: #005b04;
| + | |
| − | }
| + | |
| | | | |
| | </style> | | </style> |
| Line 155: |
Line 106: |
| | <h2>Software.</h2> | | <h2>Software.</h2> |
| | <p>Under construction...</p> | | <p>Under construction...</p> |
| − | <li ><div style="position: relative; left: 0px; top: 0px;">
| |
| | | | |
| − | <a href="#NicolaFreyer" id="https://static.igem.org/mediawiki/2016/6/6f/T--Aachen--moving_picture_nicola.gif" class="img-circle teammember bgscroll"style="position: absolute; top: 18px; left: 28px;">
| |
| − |
| |
| − | <img class="img-circle grayscaleTeam" src="https://static.igem.org/mediawiki/2016/f/f4/T--Aachen--static_picture_nicola.JPG"
| |
| − | data-orig="https://static.igem.org/mediawiki/2016/f/f4/T--Aachen--static_picture_nicola.JPG" id="NicolaFreyer2" style="position: absolute; top:25px; left:18px;"></a>
| |
| − | </div>
| |
| − | <div class="home-portfolio-text">
| |
| − | <p align="center"><a href="#NicolaFreyer" style="padding-left: 2.6cm;" class="bgscroll">Nicola Freyer</a></p>
| |
| − | <div id="NicolaFreyer" class="modalDialog">
| |
| − | <div><a href="#close" title="Close" class="close">X</a>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/9/92/T--Aachen--member_page_nicola.png"/>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| | | | |
| | | | |
