ups, forgot test.css

test.css

@@ -0,0 +1,117 @@
+body {
+  background: #F0EBE2;
+  color: #363636;
+  font-family: "DejaVu Sans", Arial, Verdana, sans-serif;
+}
+
+.padmaWrapper {
+  width: 100%;
+  position: relative;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  margin-left: 10%;
+  border: 1px solid #333;
+  background: #000;
+  padding: 4px;
+}
+
+#essay {
+  width: 100%;
+}
+
+.para {
+  padding: 8px;
+  border-left: 1px solid #000;
+}
+
+h1 {
+  font-size: 220%;
+  font-family: "Times New Roman", Times, serif;
+}
+
+#padmaSidebar {
+  width: 0px;
+  position: fixed;
+  top: 0px;
+  right: 0px;
+  background: #ffffff;
+  bottom: 0px;
+}
+
+#padmaSidebarRelative {
+  position: relative;
+}
+
+.padmaVideo {
+  
+}
+
+.annotationText {
+  color: #ccc;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  font-size: 13px;
+  height: 420px;
+  padding: 8px;
+  margin-left: 2px;
+  margin-right: 2px;
+  overflow-y: auto;
+}
+
+.padmaViewer {
+  position: relative;
+  width: 400px;
+  height: 100%;
+  padding: 6px;
+  color: #fff;
+}
+
+.padmaViewer video {
+  width: 320px;
+  margin-left: 46px;
+}
+
+.padmaLink {
+  text-decoration: none;
+  font-style: italic;
+  font-size: 90%;
+  color: #666;
+}
+
+.padmaLink:hover {
+  color: blue;
+}
+
+.padmaViewer .close {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 15px;
+  height: 15px;
+  font-size: 12px;
+  color: #f00;
+  cursor: pointer;
+}
+
+.viewOnPadma {
+  margin-top: 6px;
+  width: 100%;
+  text-align: center;
+}
+
+
+.viewOnPadma a {
+  color: #666;
+  text-decoration: none;
+  font-weight: bold;
+  border: 2px outset #666;
+  padding: 2px; 
+}
+
+.viewOnPadma a:hover {
+  color: #fff;
+}
+
+.viewOnPadma a:active {
+  border: 2px inset #666;
+}