#sidebar {
- display:none;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
- width: 480px;
+ width: 0px;
background-color: #FFF;
}
padding: 1em 1em 0 1em;
}
-#side-annotations p.akap {
+#side-annotations .active {
+ font-weight: bold;
+}
+
+#side-annotations .spinner {
+ position: absolute;
+ left: 0;
+ top: 28px;
+ right: 0;
+ bottom: 0;
+ text-align:center;
+ padding-top: 50%;
+ background: white;
+}
+
+#side-annotations .spinner img {
+ margin-top: -15px;
+}
+
+#side-annotations .akap {
font-size: 16px;
font-family: "Georgia", "Times New Roman", serif;
line-height: 1.5em;
margin-bottom: 1em;
+ position: relative;
+}
+
+#side-annotations .src {
+ font-family: monospace;
+ font-size: 10px;
+ font-weight: 400;
+ line-height: 13px;
+ position: absolute;
+ top: 0;
+ bottom: -.5em;
+ display:none;
+ background: white;
+ border: 1px solid #888;
+ width: 100%;
+}
+
+#side-annotations .akap:hover .src {
+ display: block;
}
/* =========== */