Merge branch 'master' of http://132.248.80.39/CIDWA/portalEditorial-front
This commit is contained in:
hugo cabrera diaz
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
@@ -1,13 +1,60 @@
|
||||
/*:-ms-input-placeholder { color: #fff; } *//* IE 10+ */
|
||||
/*::-webkit-input-placeholder { color: #fff; } *//* WebKit */
|
||||
/*::-moz-placeholder { color: #fff; } *//* Firefox 19+ */
|
||||
|
||||
/* .navbar-nav{
|
||||
margin-left: 15%
|
||||
|
||||
} */
|
||||
|
||||
/* input {
|
||||
display: block;
|
||||
color: #fff;
|
||||
background: #ecf0f1;
|
||||
border: transparent;
|
||||
outline: 0;
|
||||
}
|
||||
.form-inline{
|
||||
border-bottom: 2px solid #fff;
|
||||
|
||||
}
|
||||
.btn{
|
||||
background-color: transparent;
|
||||
}
|
||||
.form-control{
|
||||
.dropdown-toggle::after{
|
||||
display: none;
|
||||
}
|
||||
.headerdorado{
|
||||
background-color: #bb8800;
|
||||
}
|
||||
.dropdown-menu{
|
||||
background-color: #bb8800;
|
||||
border: transparent;
|
||||
}
|
||||
.nav-item:hover{
|
||||
background-color: rgb(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.dropdown-item:hover{
|
||||
background: rgb(0,0,0,0.1);
|
||||
color: rgb(250,250,250,0.7)
|
||||
}
|
||||
.dropdown-item{
|
||||
color:white;
|
||||
}
|
||||
.foc{
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
border-radius: 0px;
|
||||
width: 80%;
|
||||
}
|
||||
.m{
|
||||
border-bottom: 2px solid #fff;
|
||||
img{
|
||||
vertical-align: sub;
|
||||
}
|
||||
.fl{
|
||||
margin-left: 5px;
|
||||
vertical-align:baseline;
|
||||
|
||||
}
|
||||
.headerAzul{
|
||||
background-color: #1B3D70;
|
||||
@@ -42,7 +89,6 @@
|
||||
}
|
||||
.logof{
|
||||
border-right: 2px solid #fff;
|
||||
border
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
@@ -50,4 +96,52 @@ a{
|
||||
}
|
||||
.hom{
|
||||
color: #fff;
|
||||
} */
|
||||
|
||||
|
||||
.headerAzul{
|
||||
background-color: blue;
|
||||
height: 120px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.headerdorado{
|
||||
background-color: red;
|
||||
}
|
||||
.lupa{
|
||||
background-color: transparent;
|
||||
}
|
||||
.buscar{
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
}
|
||||
.cont-buscar{
|
||||
|
||||
border-bottom: 2px solid #fff;
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
input:-moz-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
input:-ms-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
input {
|
||||
display: block;
|
||||
font: 300 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
|
||||
color: #fff;
|
||||
background: #ecf0f1;
|
||||
outline: 0;
|
||||
}
|
||||
.dropdown-toggle::after{
|
||||
display: none;
|
||||
}
|
||||
.hom{
|
||||
color: #fff;
|
||||
}
|
||||
#inicio-et{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
+68
-66
@@ -1,74 +1,76 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="../../css/bootstrap.min.css">
|
||||
|
||||
<title>portal Editorial | Header</title>
|
||||
<link rel="stylesheet" href="estilos.css">
|
||||
</head>
|
||||
<body>
|
||||
<!--Header-->
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="../../css/bootstrap.min.css">
|
||||
|
||||
<header>
|
||||
<div class="container-fluid headerAzul">
|
||||
<div class="row">
|
||||
<div class="col text-center my-auto d-none d-md-block">
|
||||
<img src="../../img/logo_fesa.png" alt="">
|
||||
</div>
|
||||
<div class="col text-center my-auto">
|
||||
<img src="../../img/logos.png" height="82" alt="">
|
||||
</div>
|
||||
<title>portal Editorial | Header</title>
|
||||
<link rel="stylesheet" href="estilos.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!--header nuevo-->
|
||||
<header class="container-fluid headerAzul">
|
||||
<div class="row">
|
||||
<div class="col-5 offset-1 d-none d-md-block">
|
||||
<img style="margin-top:20px;" src="../../img/logo_fesa.png" alt="">
|
||||
</div>
|
||||
<div class="col-5 text-right">
|
||||
<img style="margin-top:10px;" src="../../img/logos.png" height="82" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!--/header nuevo-->
|
||||
<div class="container-fluid .headerdorado">
|
||||
<div class="row headerdorado">
|
||||
<div class="col-10 offset-1">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" id="inicio-et" href="#"> <img src="../../img/home_icon.png" height="20" alt=""> Inicio <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hom">
|
||||
Produccion Editorial
|
||||
<img src="../../img/down-arrow.png" height="6" class="fl" alt="">
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0 cont-buscar">
|
||||
<button class="btn btn my-2 my-sm-0 lupa" type="submit">
|
||||
<img src="../../img/search-icon-white-one.svg" height="20" alt="">
|
||||
</button>
|
||||
<input class="buscar" type="search" placeholder="Buscar" name="" value="">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-light navAcat ">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#"> <img src="../../img/search-icon-white-one.svg" height="20" alt="Inicio">
|
||||
<span class="hom">
|
||||
Inicio
|
||||
</span>
|
||||
<span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="hom">
|
||||
Produccion Editorial
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#">Libros</a>
|
||||
<a class="dropdown-item" href="#">Ciencias Juridicas</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Ciencias Socioeconómicas</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<button class="btn btn my-2 my-sm-0" type="submit">
|
||||
<img src="../../img/search-icon-white-one.svg" height="20" alt="">
|
||||
</button>
|
||||
<input class="form-control mr-sm-2 m" type="search" placeholder="Buscar" aria-label="Search">
|
||||
|
||||
</form>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- /Header-->
|
||||
<!-- /Header-->
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user