Browse Source

se añadio estilo para las tablas

table, th, td, tr
y .header2, .bg1, .bg2
Oniel Méndez Nieves 4 years ago
parent
commit
1c7d670a38
1 changed files with 47 additions and 4 deletions
  1. 47
    4
      static/estilo.css

+ 47
- 4
static/estilo.css View File

5
 }
5
 }
6
 .boton
6
 .boton
7
 {
7
 {
8
-  background-color: var(--colorVerde); 
8
+  background-color: var(--colorVerde);
9
   color: var(--colorOscuro);
9
   color: var(--colorOscuro);
10
   text-align: center;
10
   text-align: center;
11
   text-decoration: none;
11
   text-decoration: none;
55
 
55
 
56
 body {
56
 body {
57
 /*   padding: 20px; */
57
 /*   padding: 20px; */
58
-  background-color: #fff; 
58
+  background-color: #fff;
59
   font-family: "arial";
59
   font-family: "arial";
60
   text-align: center;
60
   text-align: center;
61
 }
61
 }
64
 margin: 12px 0px 0px 0px;
64
 margin: 12px 0px 0px 0px;
65
 }
65
 }
66
 .header{
66
 .header{
67
-  background-color: var(--colorOscuro); 
67
+  background-color: var(--colorOscuro);
68
   color: var(--fontClaro);;
68
   color: var(--fontClaro);;
69
   width: 100%;
69
   width: 100%;
70
   height: 80px;
70
   height: 80px;
85
 {
85
 {
86
 	margin: 140px 0px 140px 0;
86
 	margin: 140px 0px 140px 0;
87
 	text-align: center;
87
 	text-align: center;
88
-}
88
+}
89
+
90
+
91
+/*  */
92
+
93
+
94
+table {
95
+  border-collapse: collapse;
96
+}
97
+
98
+table, th, td {
99
+  border: 1px solid black;
100
+}
101
+
102
+.header2
103
+{
104
+  background-color: var(--colorVerde);
105
+  color: black;
106
+  /* width: 22%; */
107
+  /* height: 80px; */
108
+  /* line-height: 80px; */
109
+  /* text-align: center; */
110
+/*   padding: 0px 0 10px; */
111
+/*   padding: 10px 0 10px; */
112
+  /* font-size: 14px; */
113
+
114
+}
115
+
116
+tr:nth-child(even) {
117
+  background-color: var(--colorVerdeClaro);
118
+}
119
+tr:nth-child(odd) {
120
+  background-color: var(--colorVerdeClaro2);
121
+}
122
+
123
+.bg1
124
+{
125
+  background-color: var(--colorVerdeClaro);
126
+}
127
+
128
+.bg2
129
+{
130
+  background-color: var(--colorVerdeClaro2);
131
+}