make debugger work nicely on trunk as well
[themes.git] / LCARStrek / global / aboutSupport.css
index 3def9ddd1fa8d4131a5811b49461905060d9040a..094674a63c1f853a36e70c8498b0ac5254fe49bd 100644 (file)
@@ -42,12 +42,25 @@ html {
 }
 
 body {
-  text-align: justify;
   width: 90%;
   margin-left: 5%;
   margin-right: 5%;
 }
 
+a:link, a:visited, a:active {
+  border-radius: 3px;
+  color: #FFCF00;
+  background-color: #000000;
+  text-decoration: none;
+  -moz-padding-start: 1px;
+  -moz-padding-end: 1px;
+}
+
+a:hover {
+  color: #000000;
+  background-color: #FFCF00;
+}
+
 .page-subtitle {
   margin-bottom: 3em;
 }
@@ -65,15 +78,55 @@ table {
   color: #E7ADE7;
   text-align: start;
   width: 100%;
+  border-radius: 10px;
   border: 1px solid #9C9FFF;
   border-spacing: 0px;
 }
 
+table + table {
+  margin-top: 1em;
+}
+
 th, td {
-  border: 1px dotted #9C9FFF;
   padding: 3px;
 }
 
+th:not(:first-child),
+td:not(:first-child) {
+  border-left: 1px dotted #9C9FFF;
+}
+
+/* adjustments for not painting outside of table border */
+thead:first-child > th:first-child, /* prefs table misses a tr in thead */
+thead:first-child > tr:first-child > th:first-child,
+thead:first-child > tr:first-child > td:first-child,
+tbody:first-child > tr:first-child > th:first-child,
+tbody:first-child > tr:first-child > td:first-child {
+  border-top-left-radius: 9px;
+}
+
+thead:first-child > th:last-child, /* prefs table misses a tr in thead */
+thead:first-child > tr:first-child > th:last-child,
+thead:first-child > tr:first-child > td:last-child,
+tbody:first-child > tr:first-child > th:last-child,
+tbody:first-child > tr:first-child > td:last-child {
+  border-top-right-radius: 9px;
+}
+
+thead:last-child > tr:last-child > th:first-child,
+thead:last-child > tr:last-child > td:first-child,
+tbody:last-child > tr:last-child > th:first-child,
+tbody:last-child > tr:last-child > td:first-child {
+  border-bottom-left-radius: 9px;
+}
+
+thead:last-child > tr:last-child > th:last-child,
+thead:last-child > tr:last-child > td:last-child,
+tbody:last-child > tr:last-child > th:last-child,
+tbody:last-child > tr:last-child > td:last-child {
+  border-bottom-right-radius: 9px;
+}
+
 thead th {
   text-align: center;
 }
@@ -89,9 +142,15 @@ th.column {
   width: 0px;
 }
 
+tr:not(:first-child) > td,
+tr:not(:first-child) > th,
+tbody:not(:first-child) > tr > td,
+tbody:not(:first-child) > tr > th {
+  border-top: 1px dotted #9C9FFF;
+}
+
 td {
   text-align: start;
-  border-top: 1px dotted #9C9FFF;
 }
 
 .prefs-table {
@@ -110,3 +169,29 @@ td {
   white-space: nowrap;
   overflow: hidden;
 }
+
+#reset-box {
+  background-color: #000000;
+  border: 1px solid #9C9CFF;
+  color: #FF9F00;
+  float: right;
+  margin-top: 2em;
+  margin-bottom: 20px;
+  -moz-margin-start: 20px;
+  -moz-margin-end: 0;
+  padding: 16px;
+  width: 30%;
+}
+
+body[dir="rtl"] > #reset-box {
+  float: left;
+}
+
+#reset-box > h3 {
+  margin-top: 0;
+}
+
+#reset-box > button {
+  display: block;
+  margin: auto;
+}