Degrade de colores para las entregas.

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

diff --git a/sercom/static/css/style.css b/sercom/static/css/style.css
index 1bc7d64085d4c7fe1c988580421ab1ce0beae613..c5ff2a0def09c64ec7e072dc1566a186110b61fe 100644 (file)
--- a/sercom/static/css/style.css
+++ b/sercom/static/css/style.css
@@ -2,7 +2,7 @@
  * Quick mash-up of CSS for the TG quick start page.\r
  */\r
 \r
-html, body, th, td {\r
+html, th, td {\r
   color: black;\r
   background-color: #ddd;\r
   font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;\r
@@ -10,6 +10,11 @@ html, body, th, td {
   padding: 0;\r
 }\r
 \r
+body {\r
+    margin-top: 15px;\r
+}\r
+\r
+\r
 #header {\r
   height: 80px;\r
   width: 777px;\r
@@ -17,6 +22,7 @@ html, body, th, td {
   border-left: 1px solid #aaa;\r
   border-right: 1px solid #aaa;\r
   margin: 0 auto 0 auto;\r
+    text-align: center;\r
 }\r
 \r
 a.link, a, a.active {\r
@@ -57,12 +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%;\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
@@ -89,9 +104,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
@@ -122,3 +140,159 @@ span.code {
   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;
+}
+
+.prueba {
+       border-collapse: collapse;
+}
+
+.pruebaok {
+       background: #b9ffb9;
+       border-collapse: collapse;
+}
+
+.pruebafail {
+       border-collapse: collapse;
+       background: #ffdddd;
+}
+
+.pruebaok tr {
+       background: gray;
+}
+.pruebaok th {
+       background: #b9ffb9;
+}
+.pruebaok td {
+       background: #b9ffb9;
+}
+
+.pruebafail {
+       background: #ffdddd;
+}
+.pruebafail th {
+       background: #ffdddd;
+}
+.pruebafail td {
+       background: #ffdddd;
+}
+
+.dp-diff .rojo {
+    color:red;
+}
+
+.dp-diff .chunk {
+    color:blue;
+}
+
+.dp-diff .verde {
+    color:green;
+}