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*/ /*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 { .navigation {
height: 100px; height: 100px;
width: 100%; width: 100%;
@ -144,8 +82,7 @@ nav ul li a.active, nav ul li a:hover {
float: left; float: left;
} }
.brand a, .brand a, .brand a:visited {
.brand a:visited {
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
} }
@ -189,8 +126,7 @@ nav ul li a:hover, nav ul li a:visited:hover {
color: #ffffff; color: #ffffff;
} }
nav ul li a:not(:only-child):after, nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
nav ul li a:visited:not(:only-child):after {
padding-left: 4px; padding-left: 4px;
content: ' ▾'; content: ' ▾';
} }
@ -205,17 +141,16 @@ nav ul li ul li a {
background-color: #333 !important; background-color: #333 !important;
} }
.nav-dropdown { .nav-dropdown {
position: absolute; position: absolute;
display: none; display: none;
z-index: 1; z-index: 1;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
} }
/* Mobile navigation */ /* Mobile navigation */
/**********************************************************************************/
.nav-mobile { .nav-mobile {
display: none; display: none;
position: absolute; position: absolute;
@ -264,7 +199,9 @@ nav ul li ul li a {
.nav-dropdown { .nav-dropdown {
position: static; position: static;
} }
} }
@media screen and (min-width: 799px) { @media screen and (min-width: 799px) {
.nav-list { .nav-list {
@ -319,8 +256,6 @@ nav ul li ul li a {
transform: rotate(-45deg); transform: rotate(-45deg);
} }
/*1 SECTION, WELCOME TO FOSC*/ /*1 SECTION, WELCOME TO FOSC*/
/**********************************************************************************/ /**********************************************************************************/
@ -618,53 +553,6 @@ footer {
@media only screen and (max-width: 1024px) { @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 { .hero h1 {
font-size: 70px; font-size: 70px;
} }
@ -719,53 +607,6 @@ footer {
@media only screen and (max-width: 600px) { @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 { .hero {
padding: 30% 0px; padding: 30% 0px;
} }