X-Git-Url: https://git.llucax.com/software/sercom.git/blobdiff_plain/2344dcf6736372c1dd359a95819fb3c2e131afc2..cab4d99d2d02bc204e80bc182517390ee8a03758:/sercom/static/css/style.css

diff --git a/sercom/static/css/style.css b/sercom/static/css/style.css
index 1bc7d64..c5ff2a0 100644
--- 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.
  */
 
-html, body, th, td {
+html, th, td {
   color: black;
   background-color: #ddd;
   font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
@@ -10,6 +10,11 @@ html, body, th, td {
   padding: 0;
 }
 
+body {
+    margin-top: 15px;
+}
+
+
 #header {
   height: 80px;
   width: 777px;
@@ -17,6 +22,7 @@ html, body, th, td {
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;
   margin: 0 auto 0 auto;
+    text-align: center;
 }
 
 a.link, a, a.active {
@@ -57,12 +63,21 @@ a.link, a, a.active {
 h1,h2,h3,h4,h5,h6,#getting_started_steps {
   font-family: "Century Schoolbook L", Georgia, serif;
   font-weight: bold;
+    font-size: 170%;
 }
 
 h2 {
   font-size: 150%;
 }
 
+h3 {
+  font-size: 100%;
+}
+
+h4 {
+  font-size: 90%;
+}
+
 #getting_started_steps a {
   text-decoration: none;
 }
@@ -89,9 +104,12 @@ h2 {
   border-top: 0px none;
   color: #999;
   background-color: white;
-  padding: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 25px;
+  padding-bottom: 0px;
   font-size: 80%;
-  text-align: center;
+  text-align: left;
   width: 757px;
   margin: 0 auto 1em auto;
 }
@@ -122,3 +140,159 @@ span.code {
   background: #eef URL('../images/info.png') left center no-repeat;
   border: 1px solid #cce;
 }
+
+/* Listas de los ABM */
+table.list {
+    width:90%;
+    margin-left:5%;
+    border-collapse:separate;
+    border-spacing:1px 5px;
+}
+
+table.list td {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    border: none;
+}
+
+#pageLogin {
+    width:100%;
+    border:1px solid black;
+    padding-bottom: 2px;
+    padding-top: 2px;
+}
+
+#pageLogin span {
+    padding: 5px 5px 5px 5px;
+}
+
+.tableform table {
+    width:80%;
+    margin-left:10%;
+    border: 1px solid #400;
+}
+
+.tableform th {
+    text-align: right;
+    width: 15%;
+    padding-left:15px;
+}
+
+.tableform td {
+    padding-left: 15px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.tableform input, textarea {
+    border: 1px solid black;
+}
+
+.tableform input:focus, select:focus, textarea:focus {
+    background: #fec;
+}
+
+#navbar {
+    position:float;
+    float:right;
+}
+
+/* Listas de los SHOW */
+table.show {
+    width:60%;
+    margin-left:5%;
+    border-collapse:separate;
+    border-spacing:1px 5px;
+}
+
+table.show th {
+    width:25%;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    border: none;
+}
+
+table.show td {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    border: none;
+}
+
+#footer img {
+    float:right;
+    border:none;
+}
+
+form.filter {
+    width:90%;
+    padding-left:5%;
+    padding-bottom:20px;
+}
+
+form.filter table {
+    background: none;
+    width:100%;
+}
+
+form.filter table td,form.filter th,form.filter tr {
+    background: none;
+}
+
+form.filter th {
+    background: none;
+    font-weight:bold;
+}
+
+.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;
+}