Team:Warwick/PartsTest

From 2014.igem.org

(Difference between revisions)
Line 15: Line 15:
       <!--jQuery-->
       <!--jQuery-->
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
 
-
      <!--Global CSS stylesheet implementation, linked to permanent Drive-hosted CSS file -->
 
-
      <style type="text/css">
 
-
        @import url("https://googledrive.com/host/0B0qHcBpAhFaCQnZtWkUxNnVTSlk");
 
-
.popbox {
 
-
    display: none;
 
-
    position: absolute;
 
-
    z-index: 99999;
 
-
    width: 400px;
 
-
    padding: 10px;
 
-
    background: #EEEFEB;
 
-
    color: #000000;
 
-
    border: 1px solid #4D4F53;
 
-
    margin: 0px;
 
-
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
 
-
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
 
-
}
 
-
.popbox h2
 
-
{
 
-
    background-color: #4D4F53;
 
-
    color:  #E3E5DD;
 
-
    font-size: 14px;
 
-
    display: block;
 
-
    width: 100%;
 
-
    margin: -10px 0px 8px -10px;
 
-
    padding: 5px 10px;
 
-
}
 
-
      </style>
 
-
 
-
      <!--Inline JavaScript-->
 
-
      <script>
 
-
        $(document).ready(function(){
 
-
        });
 
-
      </script>
 
-
 
<script>
<script>
$(function() {
$(function() {
Line 99: Line 64:
});
});
</script>
</script>
 +
 +
 +
      <!--Global CSS stylesheet implementation, linked to permanent Drive-hosted CSS file -->
 +
      <style type="text/css">
 +
        @import url("https://googledrive.com/host/0B0qHcBpAhFaCQnZtWkUxNnVTSlk");
 +
.popbox {
 +
    display: none;
 +
    position: absolute;
 +
    z-index: 99999;
 +
    width: 400px;
 +
    padding: 10px;
 +
    background: #EEEFEB;
 +
    color: #000000;
 +
    border: 1px solid #4D4F53;
 +
    margin: 0px;
 +
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
 +
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
 +
}
 +
.popbox h2
 +
{
 +
    background-color: #4D4F53;
 +
    color:  #E3E5DD;
 +
    font-size: 14px;
 +
    display: block;
 +
    width: 100%;
 +
    margin: -10px 0px 8px -10px;
 +
    padding: 5px 10px;
 +
}
 +
      </style>
 +
 +
      <!--Inline JavaScript-->
 +
      <script>
 +
        $(document).ready(function(){
 +
        });
 +
      </script>
 +
   </head>
   </head>

Revision as of 12:28, 16 October 2014

Success!

This is an example popbox.

Danger!

Don't let this popbox go off the screen!

This is a popbox test. Hover here to see how it works. You can also hover here to see a different example.