CSS/gifu/home
From 2014.igem.org
(Difference between revisions)
Line 13: | Line 13: | ||
<head> | <head> | ||
<script language="javascript" type="text/javascript"> | <script language="javascript" type="text/javascript"> | ||
- | alert("Welcome to | + | alert("Welcome to our webpage ... gift university presents ... ") |
</script> | </script> | ||
</head> | </head> |
Revision as of 15:07, 1 September 2014
////// test <a target="_blank" href="http://www.javascriptfreecode.com/">JavaScript Free Code</a>
///// end of test
<style type="text/css">
/*#home{background:url() fixed; width:; background-position:center 80%; background-repeat:no-repeat; }
- /
- base{
position:relative; top:130px; margin-left:auto; margin-right:auto; width:500px; z-index:100;
}
- point{
position:absolute; top:200px; left:600px; transform: rotate(0 deg); z-index:1000; }
- menu1 {
position:absolute; top:10px; left:170px; width:100px; z-index:10000;
}
- menu2 {
display:inline;
}
.tabs {
position: relative; padding: 0; margin-left:auto; margin-right:auto;
} .tabs li {
list-style: none; display: inline-block;
} .tabs input[type=radio] {
display: none;
} .tabs label {
display: block; cursor: pointer; padding: 5px; line-height: 20px; background-color: #dcdcdc; color: #000000;
margin:0; } .tabs label:hover {
background-color: #e0ffff; color: #000000;
} .tabs input[type=radio]:checked + label {
background-color: #afeeee; color: #000000;
} .tabs .contents {
display: none; position: absolute; top:30px; left: 0; padding: 0px; background: #f0f8ff;
} .tabs input[type=radio]:checked + label + .contents{
display: block;
}
</style> </style> </head>
</html>