pongo las tablas de las pruebas en color dependiendo si fueron exitosas o no

[software/sercom.git] / sercom / static / css / style.css

diff --git a/sercom/static/css/style.css b/sercom/static/css/style.css
index 90c53bba09983123a4871cde4960efff7cd35eb2..f2946b307ef777a42786b02176751ad53c896e5b 100644 (file)
--- a/sercom/static/css/style.css
+++ b/sercom/static/css/style.css
@@ -8,12 +8,12 @@ html, th, td {
   font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;\r
   margin: 0;\r
   padding: 0;\r
-}
-
-body {
-       margin-top: 15px;
-}
-
+}\r
+\r
+body {\r
+    margin-top: 15px;\r
+}\r
+\r
 \r
 #header {\r
   height: 80px;\r
@@ -22,7 +22,7 @@ body {
   border-left: 1px solid #aaa;\r
   border-right: 1px solid #aaa;\r
   margin: 0 auto 0 auto;\r
-       text-align: center;
+    text-align: center;\r
 }\r
 \r
 a.link, a, a.active {\r
@@ -63,13 +63,17 @@ a.link, a, a.active {
 h1,h2,h3,h4,h5,h6,#getting_started_steps {\r
   font-family: "Century Schoolbook L", Georgia, serif;\r
   font-weight: bold;\r
-       font-size: 170%;
+    font-size: 170%;\r
 }\r
 \r
 h2 {\r
   font-size: 150%;\r
 }\r
 \r
+h3 {\r
+  font-size: 100%;\r
+}\r
+\r
 #getting_started_steps a {\r
   text-decoration: none;\r
 }\r
@@ -96,9 +100,12 @@ h2 {
   border-top: 0px none;\r
   color: #999;\r
   background-color: white;\r
-  padding: 10px;\r
+  padding-left: 10px;\r
+  padding-right: 10px;\r
+  padding-top: 25px;\r
+  padding-bottom: 0px;\r
   font-size: 80%;\r
-  text-align: center;\r
+  text-align: left;\r
   width: 757px;\r
   margin: 0 auto 1em auto;\r
 }\r
@@ -128,30 +135,157 @@ span.code {
   width: 450px;\r
   background: #eef URL('../images/info.png') left center no-repeat;\r
   border: 1px solid #cce;\r
+}\r
+\r
+/* Listas de los ABM */\r
+table.list {\r
+    width:90%;\r
+    margin-left:5%;\r
+    border-collapse:separate;\r
+    border-spacing:1px 5px;\r
+}\r
+\r
+table.list td {\r
+    padding-top: 2px;\r
+    padding-bottom: 2px;\r
+    border: none;\r
+}\r
+\r
+#pageLogin {\r
+    width:100%;\r
+    border:1px solid black;\r
+    padding-bottom: 2px;\r
+    padding-top: 2px;\r
+}\r
+\r
+#pageLogin span {\r
+    padding: 5px 5px 5px 5px;\r
+}\r
+\r
+.tableform table {\r
+    width:80%;\r
+    margin-left:10%;\r
+    border: 1px solid #400;\r
+}\r
+\r
+.tableform th {\r
+    text-align: right;\r
+    width: 15%;\r
+    padding-left:15px;\r
+}\r
+\r
+.tableform td {\r
+    padding-left: 15px;\r
+    padding-top: 5px;\r
+    padding-bottom: 5px;\r
+}\r
+\r
+.tableform input, textarea {\r
+    border: 1px solid black;\r
+}\r
+\r
+.tableform input:focus, select:focus, textarea:focus {\r
+    background: #fec;\r
+}\r
+\r
+#navbar {\r
+    position:float;\r
+    float:right;\r
+}\r
+\r
+/* Listas de los SHOW */\r
+table.show {\r
+    width:60%;\r
+    margin-left:5%;\r
+    border-collapse:separate;\r
+    border-spacing:1px 5px;\r
+}\r
+\r
+table.show th {\r
+    width:25%;\r
+    padding-top: 2px;\r
+    padding-bottom: 2px;\r
+    border: none;\r
+}\r
+\r
+table.show td {\r
+    padding-top: 2px;\r
+    padding-bottom: 2px;\r
+    border: none;\r
+}\r
+\r
+#footer img {\r
+    float:right;\r
+    border:none;\r
+}\r
+\r
+form.filter {\r
+    width:90%;\r
+    padding-left:5%;\r
+    padding-bottom:20px;\r
+}\r
+\r
+form.filter table {\r
+    background: none;\r
+    width:100%;\r
+}\r
+\r
+form.filter table td,form.filter th,form.filter tr {\r
+    background: none;\r
+}\r
+\r
+form.filter th {\r
+    background: none;\r
+    font-weight:bold;\r
 }
 
-/* Listas de los ABM */
-table.list {
-       width:90%;
-       margin-left:5%;
-  border-collapse:separate;
-  border-spacing:1px 5px;
+.list .exitosa {
+       background: #b9ffb9;
 }
 
-table.list td {
-       padding-top: 2px;
-       padding-bottom: 2px;
-       border: none;
+.list .noexitosa {
+       background: #ffdddd;
 }
 
-#pageLogin {
-       width:100%;
-       border:1px solid black;
-       padding-bottom: 2px;
-       padding-top: 2px;
+.list .entregaok {
+       background:green;
 }
 
-#pageLogin span {
-       padding: 5px 5px 5px 5px;
+.list .entregamaso {
+       background:yellow;
 }
 
+.list .entregamal {
+       background:red;
+}
+
+.pruebaok {
+       background: #b9ffb9;
+}
+
+.pruebaok {
+border-collapse: collapse;
+}
+
+.pruebafail {
+border-collapse: collapse;
+}
+
+.pruebaok tr {
+       background: gray;
+}
+.pruebaok th {
+       background: #b9ffb9;
+}
+.pruebaok td {
+       background: #b9ffb9;
+}
+
+.pruebafail th {
+       background: #ffdddd;
+}
+.pruebafail td {
+       background: #ffdddd;
+}
+
+