nav trae elementos en base de datos falta mostrarlos bien
This commit is contained in:
+317
@@ -0,0 +1,317 @@
|
||||
@charset "UTF-8";
|
||||
/*Plantilla de estilos de sitios pertenecientes a la
|
||||
Facultad de Estudios Superiores Acatlán
|
||||
|
||||
Autores:
|
||||
Pérez Yáñez Liliana
|
||||
Rodríguez Barrera Iris Berenice
|
||||
|
||||
2018 Facultad de Estudios Superiores Acatlán*/
|
||||
a {
|
||||
color: white !important;
|
||||
text-decoration: none !important; }
|
||||
|
||||
a:hover {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.general {
|
||||
background-color: #fff;
|
||||
max-width: 980px;
|
||||
margin: 0 auto; }
|
||||
|
||||
.cabeza {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background-color: #1B3D70;
|
||||
padding: 16px; }
|
||||
|
||||
.logo-unam {
|
||||
position: absolute;
|
||||
left: 0%; }
|
||||
|
||||
.logo-acatlan {
|
||||
float: right;
|
||||
padding-top: 2%;
|
||||
padding-left: 15%; }
|
||||
|
||||
.cont-tram-busc {
|
||||
width: 980px;
|
||||
height: 5vh;
|
||||
background-color: #BB8800;
|
||||
position: sticky; }
|
||||
|
||||
.menu-tramites {
|
||||
width: 754px; }
|
||||
|
||||
.menu-general {
|
||||
width: 980px;
|
||||
height: 7vh;
|
||||
background-color: #1B3D70;
|
||||
top: 202px; }
|
||||
|
||||
.carrusel-prin {
|
||||
width: 980px;
|
||||
height: 20vh; }
|
||||
|
||||
.footer {
|
||||
background: #1B3D70;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
font-size: 13px;
|
||||
padding: 2% 8% 3% 8%; }
|
||||
|
||||
.footer p {
|
||||
padding-left: 12%;
|
||||
padding-right: 12%; }
|
||||
|
||||
.boton-footer {
|
||||
background: #BB8800;
|
||||
color: .boton-footer blanco;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 13px;
|
||||
padding: 2%;
|
||||
margin: 2% 5% 2% 5%; }
|
||||
|
||||
.boton-footer a {
|
||||
color: #fff !important; }
|
||||
|
||||
.boton-footer a:hover {
|
||||
color: #fff !important; }
|
||||
|
||||
.boton {
|
||||
background: #BB8800;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 13px;
|
||||
width: 180px;
|
||||
font-family: Arial; }
|
||||
|
||||
.boton p {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding: 5%; }
|
||||
|
||||
.tit-prin {
|
||||
color: #BB8800;
|
||||
font-size: 25px;
|
||||
font-family: Arial; }
|
||||
|
||||
.dorado {
|
||||
color: #BB8800;
|
||||
padding-top: 1%;
|
||||
font-weight: bold; }
|
||||
|
||||
.nota {
|
||||
color: #933; }
|
||||
|
||||
/*========================Inicia estilos de pestañas==========================*/
|
||||
.tab {
|
||||
overflow: hidden;
|
||||
border: 1px solid #BB8800;
|
||||
background-color: #BB8800;
|
||||
color: #fff;
|
||||
border-bottom: none;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%; }
|
||||
|
||||
/* Style the buttons inside the tab */
|
||||
.tab button {
|
||||
background-color: inherit;
|
||||
float: left;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 12px 12px;
|
||||
transition: 0.3s;
|
||||
font-size: 15px; }
|
||||
|
||||
/* Change background color of buttons on hover */
|
||||
.tab button:hover {
|
||||
background-color: #C39C55; }
|
||||
|
||||
/* Create an active/current tablink class */
|
||||
.tab button.active {
|
||||
background-color: #fff;
|
||||
color: #BB8800; }
|
||||
|
||||
/* Style the tab content */
|
||||
.tabcontent {
|
||||
display: none;
|
||||
padding: 6px 12px;
|
||||
border: 1px solid #BB8800;
|
||||
border-top: none;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%; }
|
||||
|
||||
.tabcontent a {
|
||||
color: #00829A !important; }
|
||||
|
||||
/*========================Termina estilos de pestañas==========================*/
|
||||
/*===============Inicia estilos de Acordeon==========================*/
|
||||
.accordion {
|
||||
background-color: #BB8800;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 7px;
|
||||
width: 90%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
transition: 0.4s;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%; }
|
||||
|
||||
.active, .accordion:hover {
|
||||
background-color: #BB8800; }
|
||||
|
||||
.accordion:after {
|
||||
content: '\002B';
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px; }
|
||||
|
||||
.panel {
|
||||
padding: 0 18px;
|
||||
background-color: #fff;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-color: #BB8800;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
width: 90%; }
|
||||
|
||||
/*===============Termina estilos de Acordeon==========================*/
|
||||
/*=====================Estilos de tablas============================*/
|
||||
table {
|
||||
margin: 1em 1em 1em 1em;
|
||||
text-align: center;
|
||||
font-size: 90%;
|
||||
border-collapse: collapse;
|
||||
color: #fff; }
|
||||
|
||||
caption {
|
||||
text-align: center;
|
||||
font-size: 100%; }
|
||||
|
||||
th, td {
|
||||
border: 0.5px solid #BB8800;
|
||||
padding: 0.7em 0.5em 0.7em 0.5em; }
|
||||
|
||||
th {
|
||||
background-color: #BB8800;
|
||||
color: #fff;
|
||||
padding: 10px; }
|
||||
|
||||
tr {
|
||||
background-color: #fff;
|
||||
color: #3B4142;
|
||||
padding: 2%; }
|
||||
|
||||
/*=====================Termina Estilos de tablas============================*/
|
||||
hr {
|
||||
display: block;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
color: #BB8800; }
|
||||
|
||||
.contenedor {
|
||||
margin: -5px; }
|
||||
|
||||
.centrado {
|
||||
text-align: center; }
|
||||
|
||||
/*=====================Inicia estilos de menú 1============================*/
|
||||
.menu_pands .navbar {
|
||||
background-color: #BB8800 !important; }
|
||||
|
||||
.menu_pands .navbar-brand, .menu_pands .nav-link {
|
||||
color: #fff !important;
|
||||
background-color: #BB8800 !important;
|
||||
font-size: 90% !important; }
|
||||
|
||||
.menu_pands .dropdown-menu, .menu_pands .dropdown-item {
|
||||
color: #fff !important;
|
||||
background-color: #E9AD0C !important; }
|
||||
|
||||
.menu_pands .btn-light {
|
||||
background-color: #1e3c70 !important;
|
||||
color: #fff !important;
|
||||
border-color: #1e3c70 !important; }
|
||||
|
||||
.menu_pands .dropdown-item:hover {
|
||||
background-color: #BB8800 !important;
|
||||
color: #fff !important; }
|
||||
|
||||
.menu_pands .form-control:focus {
|
||||
border-color: #1e3c70 !important; }
|
||||
|
||||
.menu_pands .navbar-light .navbar-toggler-icon {
|
||||
background-image: url("../img/icons/menu.png") !important; }
|
||||
|
||||
.menu_pands .nav-link:hover {
|
||||
color: white !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/*=====================Termina estilos de menú 1============================*/
|
||||
/*=====================Inicia estilos de menú 2============================*/
|
||||
.general_menu .bg-light {
|
||||
background-color: #1e3c70 !important; }
|
||||
|
||||
.general_menu .navbar-brand {
|
||||
color: #fff !important; }
|
||||
|
||||
.general_menu .nav-link {
|
||||
color: #fff !important;
|
||||
font-size: 90% !important; }
|
||||
|
||||
.general_menu .dropdown-menu, .general_menu .dropdown-item {
|
||||
background-color: #325084 !important;
|
||||
color: #fff !important;
|
||||
font-size: 95% !important; }
|
||||
|
||||
.general_menu .dropdown-item:hover {
|
||||
background-color: #BB8800 !important;
|
||||
color: #fff !important; }
|
||||
|
||||
.general_menu .form-control:focus {
|
||||
border-color: #BB8800 !important; }
|
||||
|
||||
.general_menu .subdropdown {
|
||||
background-color: #4F6C9B !important;
|
||||
color: #fff !important; }
|
||||
|
||||
.general_menu .navbar-light .navbar-toggler-icon {
|
||||
background-image: url("../img/icons/menu.png") !important; }
|
||||
|
||||
.general_menu .nav-link:hover {
|
||||
color: #BB8800 !important; }
|
||||
|
||||
.navbar-light .navbar-nav .nav-link {
|
||||
color: #404040; }
|
||||
|
||||
.btco-menu li > a {
|
||||
padding: 10px 15px;
|
||||
color: #000; }
|
||||
|
||||
.btco-menu .active a:focus,
|
||||
.btco-menu li a:focus,
|
||||
.navbar > .show > a:focus {
|
||||
background: transparent;
|
||||
outline: 0; }
|
||||
|
||||
/*=====================Termina estilos de menú 2============================*/
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
Reference in New Issue
Block a user