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 7ef12395ef929139596565f1fd821879100fcfb1..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
   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
 \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
   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
 }\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
 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
 }\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
 #getting_started_steps a {\r
   text-decoration: none;\r
 }\r


@@ -96,9 +104,12 @@ h2 {
   border-top: 0px none;\r
   color: #999;\r
   background-color: white;\r
   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
   font-size: 80%;\r

-  text-align: center;\r
+  text-align: left;\r

   width: 757px;\r
   margin: 0 auto 1em auto;\r
 }\r
   width: 757px;\r
   margin: 0 auto 1em auto;\r
 }\r


@@ -128,56 +139,167 @@ span.code {
   width: 450px;\r
   background: #eef URL('../images/info.png') left center no-repeat;\r
   border: 1px solid #cce;\r
   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
+}
+
+.list .exitosa {
+       background: #b9ffb9;
+}
+
+.list .noexitosa {
+       background: #ffdddd;

 }
 
 }
 

-/* Listas de los ABM */
-table.list {
-       width:90%;
-       margin-left:5%;
-  border-collapse:separate;
-  border-spacing:1px 5px;
+.list .entregaok {
+       background:green;

 }
 
 }
 

-table.list td {
-       padding-top: 2px;
-       padding-bottom: 2px;
-       border: none;
+.list .entregamaso {
+       background:yellow;

 }
 
 }
 

-#pageLogin {
-       width:100%;
-       border:1px solid black;
-       padding-bottom: 2px;
-       padding-top: 2px;
+.list .entregamal {
+       background:red;

 }
 
 }
 

-#pageLogin span {
-       padding: 5px 5px 5px 5px;
+.pruebaok {
+       background: #b9ffb9;

 }
 
 }
 

-.tableform table {
-       width:80%;
-       margin-left:10%;
-       border: 1px solid #400;
+.pruebaok {
+border-collapse: collapse;

 }
 
 }
 

-.tableform th {
-       text-align: right;
-       width: 5%;
-       padding-left:15px;
+.pruebafail {
+border-collapse: collapse;

 }
 
 }
 

-.tableform td {
-       padding-left: 15px;
-       padding-top: 5px;
-       padding-bottom: 5px;
+.pruebaok tr {
+       background: gray;
+}
+.pruebaok th {
+       background: #b9ffb9;
+}
+.pruebaok td {
+       background: #b9ffb9;

 }
 
 }
 

-.tableform input, textarea {
-       border: 1px solid black;
+.pruebafail th {
+       background: #ffdddd;
+}
+.pruebafail td {
+       background: #ffdddd;

 }
 
 }
 

-.tableform input:focus, select:focus, textarea:focus {
-       background: #fec;
+.dp-diff .rojo {
+    color:red;

 }
 
 }
 

+.dp-diff .chunk {
+    color:blue;
+}
+
+.dp-diff .verde {
+    color:green;
+}