|
|
| Line 2: |
Line 2: |
| | {{Heidelberg/navbar}} | | {{Heidelberg/navbar}} |
| | | | |
| − | <html>
| + | {{Heidelberg/SandboxMarita/hoverimgTemplate}} |
| − | <head>
| + | |
| − | <style>
| + | |
| − | #box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover {
| + | |
| − | -moz-transform: scale(1.1);
| + | |
| − | -webkit-transform: scale(1.1);
| + | |
| − | transform: scale(1.1);
| + | |
| − | transition: all 1s ease;
| + | |
| − | } | + | |
| | | | |
| − | #box1 {
| |
| − | position: absolute;
| |
| − | left: 210px;
| |
| − | bottom: 215px;
| |
| − | width: 120px;
| |
| − | }
| |
| − |
| |
| − | #box2 {
| |
| − | position: absolute;
| |
| − | left: 302px;
| |
| − | bottom: 127px;
| |
| − | width: 130px;
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | #box3 {
| |
| − | position: absolute;
| |
| − | left: 500px;
| |
| − | bottom: 150px;
| |
| − | width: 160px;
| |
| − | }
| |
| − |
| |
| − | #box4 {
| |
| − | position: absolute;
| |
| − | right: 350px;
| |
| − | bottom: 120px;
| |
| − | width: 130px;
| |
| − | }
| |
| − |
| |
| − | #box5 {
| |
| − | position: absolute;
| |
| − | right: 260px;
| |
| − | bottom: 230px;
| |
| − | width: 110px;
| |
| − | }
| |
| − |
| |
| − | #hoverimg {
| |
| − | width: 100px
| |
| − | height: 100px;
| |
| − | overflow-x: auto;
| |
| − | }
| |
| − |
| |
| − | #bgimage {
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center;
| |
| − | background-size: 100px 100px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2017/a/ae/T--Heidelberg--2017_Background_Tiger.jpg);
| |
| − | display: block;
| |
| − | z-index: 99;
| |
| − | }
| |
| − |
| |
| − | #link_layer {
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | display:block;
| |
| − | background:transparent;
| |
| − | position: absolute;
| |
| − | bottom: 100px;
| |
| − | right: 10px;
| |
| − | z-index: 100;
| |
| − | }
| |
| − |
| |
| − | .transparent_link_box {
| |
| − | opacity: 0.5;
| |
| − | filter: alpha(opacity=50);
| |
| − | -moz-opacity:0.5;
| |
| − | }
| |
| − |
| |
| − | .border {
| |
| − | border: 2px solid red;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − | <div id="hoverimg" class="border">
| |
| − | <div id="bgimage" class="border"></div>
| |
| − | <div id="link_layer" class="border">
| |
| − | <div class="transparent_link_box border" id="box1"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
| | {{Heidelberg/footer}} | | {{Heidelberg/footer}} |
