+
+ <script type="text/javascript">
+ var count = -1;
+ var loaded = function() {
+ if (count++ != 0)
+ return;
+ $("#depiction-load").remove();
+ $.each($("#depiction-src"), function (node) {
+ node.style.display = "block";
+ });
+ }
+
+ var remove = function() {
+ $(".description").display("block");
+ $(".depiction").remove();
+ }
+ </script>
+
+ <style>
+ #remove {
+ margin-top: 7px;
+ text-align: center;
+ }
+
+ #indicator {
+ left: 20px;
+ position: relative;
+ top: -5px;
+ }
+
+ #depiction {
+ margin: -8px 0;
+ overflow: hidden;
+ width: 320px;
+ }
+
+ #notice {
+ margin: -8px 0 -9px 0;
+ overflow: hidden;
+ width: 320px;
+ }
+
+ #remove > a {
+ color: #335588;
+ text-decoration: none;
+ }
+
+ #upper-bar {
+ margin-bottom: 0;
+ margin-top: 10px;
+ }
+
+ #lower-bar {
+ margin-bottom: 10px;
+ margin-top: 0;
+ }
+
+ #warnings {
+ background-color: #ffdddd;
+ }
+
+ #warnings > div > label {
+ color: red;
+ }
+
+ #boundry {
+ float: left;
+ width: 60px;
+ }
+
+ #icon {
+ height: 59px;
+ max-width: 60px;
+ width: auto;
+ }
+
+ #reflection {
+ height: 59px;
+ max-width: 60px;
+ opacity: 0.4;
+ position: absolute;
+ -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
+ width: auto;
+ }
+
+ #id {
+ white-space: nowrap;
+ }
+
+ #header {
+ background: transparent;
+ border: none;
+ }
+
+ #header > div {
+ padding: 0;
+ margin-left: 2px;
+ }
+
+ #content {
+ margin: auto 0;
+ position: absolute;
+ left: 72px;
+ }
+
+ #content > div {
+ margin: 7px;
+ }
+
+ #name {
+ font-weight: bold;
+ }
+
+ #latest {
+ color: #335588;
+ }
+
+ #description {
+ background-color: #c7ced5;
+ border-bottom: 1px solid #999999;
+ border-top: 1px solid #999999;
+ font-size: 16px;
+ margin: 9px 10px;
+ padding: 10px;
+ }
+ </style>