+#history-view {
+ overflow: auto;
+ position: absolute;
+ top: 30px; /* 0 for no toolbar, 30 for toolbar */
+ bottom: 0px;
+ left: 0px;
+ right: 0px;
+ z-index: 1;
+}
+
+/*
+ * File History
+ */
+#changes-list-container {
+ margin: 1em auto;
+ width: 70%;
+}
+
+table#changes-list-container {
+ border-spacing: 0px 15px;
+}
+
+#changes-list {
+ margin: 0.5em 0.2em;
+}
+
+#changes-list td {
+ padding: 0.5em 1em;
+}
+
+#changes-list .entry {
+ position: relative;
+ padding: 0.5em;
+ padding-left: 3em;
+ margin: 0.5em;
+}
+
+#changes-list .entry:hover {
+ background-color: #f0f0f0;
+}
+
+#changes-list .entry.selected {
+ background-color: #ffec63;
+}
+
+#changes-list .tag {
+ display: inline-block;
+ visibility: hidden;
+ width: 60px;
+ margin: 0 0.5em 0 0;
+ font-size: 11px;
+ padding: 3px 2px;
+ text-align: center;
+ color: black;
+ background: #add8e6;
+ cursor: pointer;
+ vertical-align: middle;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+
+#changes-list .entry:hover .tag {
+ visibility: visible;
+}
+
+#changes-list .tag:hover {
+ background: #bde8f6;
+}
+
+#changes-list *[data-version-tag] {
+ visibility: visible;
+ border: 1px solid black;
+ color: black;
+}
+
+#changes-list *[data-stub-value =
+'version'] {
+ font-weight: bold;
+}
+
+#changes-list td[data-stub-value =
+'version'] {
+ vertical-align: text-top;
+}
+
+#changes-list *[data-stub-value =
+'date'], #changes-list *[data-stub-value = 'author'] {
+ font-size: 11px;
+ color: gray;
+}
+
+/*
+ * Graphical DIFF view
+ *
+ */