CIDWA/fes_acatlan
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Estilos y acordeón

Browse Source
This commit is contained in:
Duncan Zuriel Suriano Granados
2024-10-10 13:45:52 -06:00
parent 3b45ae13b2
commit b0dcfab91b
3 changed files with 116 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cursos-de-computo/assets/css/cursos-de-computo.css
+39 -7
View File
@@ -56,7 +56,6 @@
}
#Center .div-flex .active {
color: #1e3c70;
border-bottom: 2px solid #bb8800;
}
#Center .nav-tabs .active {
color: #1e3c70;
@@ -78,24 +77,33 @@
#Center .div-flex {
display: block;
}
#Center .div-flex .active {
border-bottom: 2px solid #bb8800;
}
}
@media (min-width: 993px) {
#Center .div-flex {
display: flex;
}
.div-flex .line {
border-bottom: 2px solid #bb8800;
}
#Center .div-flex .boxx nav .nav-item {
margin-top: 10px;
}
}
@media (max-width: 992px) {
#Center .normal {
height: 47px;
overflow-x: auto !important;
flex-direction: column;
column-gap: 20px;
}
#Center .normal .nav-link {
border: 0;
padding: 10px;
}
}
#Center .boxx {
height: 8vh;
margin-right: 10px;
text-align: center;
align-items: center;
}
#Center .color {
color: #bb8800;
}
@@ -112,3 +120,27 @@
padding: 1rem;
border-bottom: #b3b1b1 solid 2px;
}
#Center .accordion-body a i {
color: #000;
}
#Center .accordion-body a {
color: #bb8800;
}
#Center div .line-accor {
border-bottom: 2px solid #bb8800;
}
#Center .accordion-header .collapsed {
background-color: #ffffff;
color: #000000;
}
#Center .accordion-header button {
background-color: #bb8800;
color: #ffffff;
}
/* #Center .accordion-header button::focus {
outline: solid 2px #000000 !important;
} */
#Center .accordion-button:focus {
box-shadow: 2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
cursos-de-computo/assets/css/cursos-de-computo.less
+49 -10
View File
@@ -66,7 +66,6 @@
#Center .div-flex .active {
color: #1e3c70;
border-bottom: 2px solid #bb8800;
}
#Center .nav-tabs .active {
@@ -92,28 +91,38 @@
@media (max-width: 992px) {
#Center .div-flex {
display: block;
}
}
#Center .div-flex .active {
border-bottom: 2px solid #bb8800;
}
}
@media (min-width: 993px) {
#Center .div-flex {
display: flex;
}
.div-flex .line {
border-bottom: 2px solid #bb8800;
}
#Center .div-flex .boxx nav .nav-item{
margin-top: 10px;
}
}
@media (max-width: 992px) {
#Center .normal {
height: 47px;
overflow-x: auto !important;
flex-direction: column;
column-gap: 20px;
}
#Center .normal .nav-link {
border: 0;
padding: 10px;
}
}
}
#Center .boxx {
height: 8vh;
margin-right: 10px;
text-align: center;
align-items: center;
}
#Center .color {
color: #bb8800;
@@ -133,3 +142,33 @@
padding: 1rem;
border-bottom: #b3b1b1 solid 2px;
}
#Center .accordion-body a i {
color: #000;
}
#Center .accordion-body a {
color:#bb8800;
}
#Center div .line-accor {
border-bottom: 2px solid #bb8800;
}
#Center .accordion-header .collapsed {
background-color: #ffffff;
color:#000000;
}
#Center .accordion-header button {
background-color: #bb8800;
color:#ffffff;
}
/* #Center .accordion-header button::focus {
outline: solid 2px #000000 !important;
} */
#Center .accordion-button:focus {
box-shadow:2px 2px 2px 2px #b3b1b1;
border-color: #b3b1b1;
}
cursos-de-computo/index.html
+28 -9
View File
@@ -180,7 +180,7 @@
id="Center"
class="d-flex align-items-center justify-content-center flex-column pt-0"
>
<div class="conatiner-fluid">
<div class="container-xxl">
<div class="row">
<h3 class="color">
<i class="bx bx-book"></i>
@@ -189,15 +189,15 @@
<!-- Incio del Tab -->
<div class="div-flex">
<!-- Nav de cursos -->
<div class="col-12 col-md-4">
<ul class="nav d-lg-block">
<div class="col-12 col-md-4 boxx">
<ul class="nav d-lg-block flex-nowrap">
<li class="nav-item">
<a
id="regulares-tab"
data-toggle="tab"
role="tablist"
href="#regulares"
class="nav-link active"
class="nav-link active line shadow rounded"
aria-controls="regulares"
aria-selected="true"
>
@@ -210,7 +210,7 @@
data-toggle="tab"
role="tablist"
href="#sabatinos"
class="nav-link"
class="nav-link shadow rounded"
aria-controls="sabatinos"
aria-selected="false"
>Cursos Sabatinos</a
@@ -379,7 +379,7 @@
role="tablist"
aria-labelledby="sabatinos-tab"
>
<div>
<div class="pt-2">
<p
class="mb-0 justify-content-center"
style="color: #fff; background-color: #1e3c70"
@@ -567,7 +567,24 @@
id="panelsStayOpen-collapseOne"
class="accordion-collapse collapse show"
>
<div class="accordion-body">Temarios</div>
<div class="accordion-body line-accor">
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>
<i class="bx bx-file"></i>
Excel
</a>
</div>
<div class="accordion-body">
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>
<i class="bx bx-file"></i>
Excel-2
</a>
</div>
</div>
</div>
<div class="accordion-item">
@@ -592,8 +609,10 @@
<a
href="files/temarios-cursos-computo/Base-de-datos-SQL-Avanzado-20-hrs.pdf"
target="_blank"
>Base de datos</a
>
>
<i class="bx bx-file"></i>
Base de datos
</a>
</p>
</div>
</div>