Especificar con más detalle TODO del backend.

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

diff --git a/sercom/static/css/style.css b/sercom/static/css/style.css
index 47ecd6b60213e83e451917763ea9c1e5d01859f6..455f6c395c613563b73f9fbed4c7ffb69113e6ed 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,6 +63,7 @@ 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
@@ -89,9 +96,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
@@ -121,18 +131,106 @@ span.code {
   width: 450px;\r
   background: #eef URL('../images/info.png') left center no-repeat;\r
   border: 1px solid #cce;\r
-}
-
-/* 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;
-}
+}\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: 5%;\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
+}\r