Actualizar 'cs.css'

This commit is contained in:
Gilson Javier 2020-01-07 14:53:46 +00:00
parent 890a8f6880
commit 462f120c11

171
cs.css
View File

@ -66,68 +66,6 @@ img {
/*TOP NAVBAR*/
/**********************************************************************************/
/*nav {
overflow: hidden;
height: 100px;
width: 100%;
position: fixed;
top: 0;
background-color: #000;
}
label img {
margin: 5px 0px;
}
label.logo {
color: white;
font-size: 35px;
line-height: 100px;
padding: 0 50px;
font-weight: bold;
}
nav ul {
float: right;
margin-right: 50px;
}
nav ul li {
display: inline-block;
line-height: 100px;
margin: 0 5px;
}
nav ul li a {
color: white;
font-size: 18px;
padding: 7px 13px;
text-transform: uppercase;
}
nav ul li a i {
margin-right: 10px;
}
nav ul li a.active, nav ul li a:hover {
border-bottom: 3px solid purple;
}
.checkbtn {
font-size: 30px;
color: white;
float: right;
line-height: 80px;
margin-right: 40px;
cursor: pointer;
display: none;
}
#check {
display: none;
}*/
.navigation {
height: 100px;
width: 100%;
@ -144,8 +82,7 @@ nav ul li a.active, nav ul li a:hover {
float: left;
}
.brand a,
.brand a:visited {
.brand a, .brand a:visited {
color: #ffffff;
text-decoration: none;
}
@ -189,8 +126,7 @@ nav ul li a:hover, nav ul li a:visited:hover {
color: #ffffff;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
padding-left: 4px;
content: ' ▾';
}
@ -205,17 +141,16 @@ nav ul li ul li a {
background-color: #333 !important;
}
.nav-dropdown {
position: absolute;
display: none;
z-index: 1;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
/* Mobile navigation */
/**********************************************************************************/
.nav-mobile {
display: none;
position: absolute;
@ -264,7 +199,9 @@ nav ul li ul li a {
.nav-dropdown {
position: static;
}
}
@media screen and (min-width: 799px) {
.nav-list {
@ -319,8 +256,6 @@ nav ul li ul li a {
transform: rotate(-45deg);
}
/*1 SECTION, WELCOME TO FOSC*/
/**********************************************************************************/
@ -618,53 +553,6 @@ footer {
@media only screen and (max-width: 1024px) {
/*.checkbtn {
display: block;
margin-top: 10px;
}
nav {
background-color: #111;
transition: all .5s;
}
label.logo {
font-size: 30px;
padding-left: 10px;
}
ul {
position: fixed;
width: 100%;
height: 100%;
background: #222;
margin-top: 20px;
top: 80px;
left: -100%;
text-align: center;
transition: all .5s;
}
nav ul li {
display: block;
margin: 50px 0;
line-height: 30px;
font-size: 16px;
}
nav ul li a {
font-size: 20px;
}
nav ul li a:hover, nav ul li a.active {
background: none;
color: white;
}
#check:checked ~ ul {
left: 0;
}*/
.hero h1 {
font-size: 70px;
}
@ -719,53 +607,6 @@ footer {
@media only screen and (max-width: 600px) {
/*.checkbtn {
display: block;
margin-top: 10px;
}
nav {
background-color: #111;
transition: all .5s;
}
label.logo {
font-size: 30px;
padding-left: 10px;
}
ul {
position: fixed;
width: 100%;
height: 100%;
background: #222;
margin-top: 20px;
top: 80px;
left: -100%;
text-align: center;
transition: all .5s;
}
nav ul li {
display: block;
margin: 50px 0;
line-height: 30px;
font-size: 16px;
}
nav ul li a {
font-size: 20px;
}
nav ul li a:hover, nav ul li a.active {
background: none;
color: white;
}
#check:checked ~ ul {
left: 0;
}*/
.hero {
padding: 30% 0px;
}