Tablas CSS Moodle
Tablas CSS Moodle
Tablas CSS Moodle
=================================================================================
<div>
<table style=" width: 800px; height: 145px;" class="table table-
bordered table-striped table-hover">
<tbody>
<tr class="info" style="height: 24px;">
<td style="width: 637px; height: 24px;"
colspan="6"><h4>TITULO</h4></td>
</tr>
<tr style="height: 24px;">
<td style="width: 105px; height:
24px;"><b><i> Programa</i></b></td><td style="width: 194px;"
colspan="2"><br></td>
<td style="width: 82px;"> <b><i>CEAD</i></b></td>
<td style="width: 256px;" colspan="2"><br></td>
</tr>
<tr>
<td style="width: 105px;"> <b><i>Motivo</i></b></td>
<td style="width: 194px;" colspan="2"><br></td>
<td style="width: 82px;"> <i><b>Anexo</b></i></td>
<td style="width: 256px;" colspan="2"><br></td>
</tr>
<tr>
<td style="text-align: left; width: 105px;"><i><b>Fecha de
Solicitud</b></i></td>
<td style="width: 100px;"><br></td>
<td style="width: 94px;"><b><i> Decisi�n</i></b></td>
<td style="width: 82px;"><br></td>
<td style="width: 165px;"> <b><i>Periodo
Acad�mico</i></b></td><td style="width: 91px;"><br></td>
</tr>
<tr>
<td style="width: 105px;"><b><i> Concepto</i></b></td><td
style="width: 532px;" colspan="5"><p><br></p>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><a href="#"
target="_blank" class="boton">Descargar</a> </td>
<td colspan="3" style="text-align: center;"> <a href="#"
target="_blank" class="boton">Ver Archivo</a></td>
</tr>
</tbody>
</table>
========================================================== SEGUNDA TABLAS
=================================================================================
<div>
<table width="600" class="table table-bordered table-striped table-hover">
<tbody><tr>
<th>Insumo</th>
<th style="text-align: center;">Descripci�n</th>
</tr>
<tr class="info">
<td width="100"><br></td>
<td><p><span lang="ES"><b><i></i></b></span><br></p></td>
</tr></tbody></table><br></div>
<div>
<table width="600" class="table table-bordered table-striped table-hover">
<tbody><tr>
<th style="text-align: center;">Insumo</th>
<th style="text-align: center;">Descripci�n</th>
</tr>
<tr class="success">
<td width="100"><br></td>
<td><p><span lang="ES"><b><i></i></b></span><br></p></td>
</tr></tbody></table><br></div>
</div>
========================================================== CODIGO CSS
=================================================================================
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
body {
margin: 0;
padding: 0;
font-family: Lato, sans-serif;
perspective: top;
.page {
width: 80%;
margin: 2em auto;
}
.boton {
box-sizing: border-box;
background: linear-gradient(#F2B80D, #F2B80D);
border: 1px solid #004d00;
border-bottom-width: 4px;
border-radius: .3em;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
color: #000;
display: inline-block;
line-height: 2.8em;
height: 3em;
padding: 0 1.5em;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
font-size: 1em;
}
.boton:hover {
background: #FF5900 ;
}
.boton:active {
border-bottom-width: 1px;
line-height: 3em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.separador
{
border: 5px solid #006680;
border-radius: 300px ;
height: 0px;
width: 800px;
}
.separador2 {
border: 5px solid #4bceb4;
border-radius: 200px /8px;
height: 0px;
text-align: center;
}