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 my site")
+
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(Circular_rna.png) fixed; width:; background-position:center 80%; background-repeat:no-repeat; }

  • /
  1. base{
 position:relative;
 top:130px;
 margin-left:auto;
 margin-right:auto; 
 width:500px; 
 z-index:100;

}

  1. point{
 position:absolute;
 top:200px;
 left:600px;
 transform: rotate(0 deg);
 z-index:1000;
 }
  1. menu1 {
 position:absolute;
 top:10px;
 left:170px;
 width:100px;
 z-index:10000;

}

  1. 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>