import latest bpo changes before merging its code around

[dak.git] / web / style.css

diff --git a/web/style.css b/web/style.css
index fe4e693bbaee937c80be7bf5563db8b4e4d955a3..cb427719f6ad5bff3766bbeeed81edba2f541051 100644 (file)
--- a/web/style.css
+++ b/web/style.css
@@ -172,3 +172,233 @@ a:hover{
  font-size: 90%;
 }
 
+/************* NEW details pages ************/
+
+/* this overides some overly general styles above */
+#NEW-details-page th {
+ background-color: white;
+ padding: 0;
+}
+#NEW-details-page table { 
+ background-color: white;
+ padding: 0;
+}
+
+#NEW-details-page a img {
+       text-decoration: none;
+       border: none;
+}
+#NEW-details-page #logo {
+       text-align: center;
+       margin-bottom: 1.5em;
+}
+#NEW-details-page #titleblock {
+       position: relative;
+       width: 100%;
+       text-align: center;
+       background-color: #DF0451;
+       color: #FFFF00;
+       padding: 0.2em;
+       margin-bottom: 1.5em;
+}
+#NEW-details-page #titleblock a {
+        color: #FFFF00;
+        text-decoration: none;
+}
+#NEW-details-page #titleblock a:hover {
+       color: #FFFF00;
+       text-decoration: underline;
+}
+#NEW-details-page #menu a:visited {
+       color: #0000FF;
+       text-decoration: none;
+}
+#NEW-details-page #menu a:hover {
+       color: #0000FF;
+       text-decoration: none;
+}
+#NEW-details-page #red-upperleft {
+       position: absolute;
+       top: 0px;
+       left: 0px;
+}
+#NEW-details-page #red-lowerleft {
+       position: absolute;
+       bottom: 0px;
+       left: 0px;
+}
+#NEW-details-page #red-upperright {
+       position: absolute;
+       top: 0px;
+       right: 0px;
+}
+#NEW-details-page #red-lowerright {
+       position: absolute;
+       bottom: 0px;
+       right: 0px;
+}
+#NEW-details-page #titleblock .title {
+       vertical-align: middle;
+        font-weight: normal;
+       font-family: serif;
+       font-size: 22px;
+}
+#NEW-details-page .toggle-msg { 
+        font-weight: normal;
+       font-family: serif;
+       font-size: 80%;
+}
+#NEW-details-page #menu {
+       font-size: 80%;
+       position: fixed;
+       bottom: 1em;
+       right: 0em;
+       background: #ddd;
+       width: 9%;
+       padding: 0.5em 0 0.5em 0.5em;
+}
+#NEW-details-page #menu p {
+       margin: 0px;
+       font-size: 80%;
+}
+#NEW-details-page .infobox {
+       width: 80%;
+       border: solid black 2px;
+       margin: 1em auto;
+}
+#NEW-details-page #menu .title,.infobox .title {
+       text-align: center;
+       font-weight: bold;
+       border-bottom: dashed 1px black;
+       margin: 0.2em;
+}
+#NEW-details-page .infobox .subtitle { 
+       text-align: center;
+       font-weight: bold;
+       border-bottom: dashed 1px black;
+       margin: 0.2em;
+}
+#NEW-details-page table.infobox {
+       padding: 0 .5em 1em .5em;
+}
+#NEW-details-page div.infobody {
+       margin: .5em 1em;
+}
+#NEW-details-page .rfc822 .key,#NEW-details-page .val {
+       font-family: monospace;
+}
+#NEW-details-page .rfc822 .key {
+       vertical-align: baseline;
+}
+#NEW-details-page .rfc822 .val {
+}
+#NEW-details-page .copyright .infobody {
+       font-family: monospace;
+       white-space: pre;
+}
+
+#NEW-details-page td pre { 
+        margin: 0pt
+}
+
+/*
+ * Added by Tincho 2008/12/18
+ */
+#NEW p {
+ font-weight: normal;
+}
+#NEW div.footer {
+ border-top: 1px solid black;
+}
+#NEW p.timestamp {
+ text-align: right;
+ font-size: 90%;
+ font-family: monospace;
+ margin: 0px;
+}
+table.NEW {
+ margin: auto auto;
+ width: 95%;
+}
+table.NEW tr {
+ background-color: #FFF;
+ text-align: left;
+}
+table.NEW tr.exp td.package, table.NEW tr.exp td.distribution, table.NEW tr.exp td.arch, table.NEW tr.exp td.age {
+ color: #c00;
+}
+table.NEW tr.sid {
+ color: #000;
+}
+table.NEW tr.odd {
+ background-color: #FFFFFF;
+}
+table.NEW tr.even {
+ background-color: #e8e8e8;
+}
+table.NEW td {
+ vertical-align: top;
+}
+table.NEW td.upload-data {
+}
+table.NEW span.signature {
+ font-size: 60%;
+}
+table.NEW caption {
+ caption-side: bottom;
+ background-color: #FFF;
+}
+/*
+ * Copied from removals-style.css
+ */
+a img {
+       text-decoration: none;
+       border: none;
+}
+#logo {
+       text-align: center;
+       margin-bottom: 1.5em;
+}
+#titleblock {
+       position: relative;
+       width: 100%;
+       text-align: center;
+       background-color: #DF0451;
+       color: #FFFF00;
+       padding: 0.2em;
+}
+       .titleblock a {
+               color: #FFFF00;
+               text-decoration: none;
+       }
+       .titleblock a:hover {
+               color: #FFFF00;
+               text-decoration: underline;
+       }
+       #red-upperleft {
+               position: absolute;
+               top: 0px;
+               left: 0px;
+       }
+       #red-lowerleft {
+               position: absolute;
+               bottom: 0px;
+               left: 0px;
+       }
+       #red-upperright {
+               position: absolute;
+               top: 0px;
+               right: 0px;
+       }
+       #red-lowerright {
+               position: absolute;
+               bottom: 0px;
+               right: 0px;
+       }
+       .title {
+               vertical-align: middle;
+               font-weight: normal;
+               font-family: serif;
+               font-size: 22px;
+       }
+