más cleanup de detalles de presentación.

[z.facultad/75.52/sercom.git] / sercom / static / css / style.css

diff --git a/sercom/static/css/style.css b/sercom/static/css/style.css
index dfc85ce1221dfb98ae4b6f3733f7f40881c46629..d001a0b567d8e062682bf756b6e0654d8cc14d61 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,21 @@ 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
+
+h4 {\r
+  font-size: 90%;\r
+}\r
+\r
 #getting_started_steps a {\r
   text-decoration: none;\r
 }\r
@@ -131,87 +139,167 @@ 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;
 }
 
-.tableform table {
-       width:80%;
-       margin-left:10%;
-       border: 1px solid #400;
+.list .entregamal {
+       background:red;
 }
 
-.tableform th {
-       text-align: right;
-       width: 5%;
-       padding-left:15px;
+.pruebaok {
+       background: #b9ffb9;
 }
 
-.tableform td {
-       padding-left: 15px;
-       padding-top: 5px;
-       padding-bottom: 5px;
+.pruebaok {
+border-collapse: collapse;
 }
 
-.tableform input, textarea {
-       border: 1px solid black;
+.pruebafail {
+border-collapse: collapse;
 }
 
-.tableform input:focus, select:focus, textarea:focus {
-       background: #fec;
+.pruebaok tr {
+       background: gray;
 }
-
-#navbar {
-       position:float;
-       float:right;
+.pruebaok th {
+       background: #b9ffb9;
 }
-
-/* Listas de los SHOW */
-table.show {
-       width:60%;
-       margin-left:5%;
-  border-collapse:separate;
-  border-spacing:1px 5px;
+.pruebaok td {
+       background: #b9ffb9;
 }
 
-table.show th {
-       width:25%;
-       padding-top: 2px;
-       padding-bottom: 2px;
-       border: none;
+.pruebafail th {
+       background: #ffdddd;
+}
+.pruebafail td {
+       background: #ffdddd;
 }
 
-table.show td {
-       padding-top: 2px;
-       padding-bottom: 2px;
-       border: none;
+.dp-diff .rojo {
+    color:red;
 }
 
-#footer img {
-       float:right;
-       padding-bottom: 50px;
+.dp-diff .chunk {
+    color:blue;
 }
 
+.dp-diff .verde {
+    color:green;
+}