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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<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!