diff --git a/cs.css b/cs.css index 92ea168..30eb92f 100644 --- a/cs.css +++ b/cs.css @@ -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; }