From beb2c4e59142d11a36c7996b506184c0a79eea74 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?B=C3=A5rd=20N=20Hovde?= Date: Tue, 19 Nov 2013 20:41:09 +0000 Subject: [PATCH] Removed SCSS --- www/src/scss/modules/_app.scss | 506 ------------------------- www/src/scss/modules/_breakpoints.scss | 326 ---------------- www/src/scss/modules/_defaults.scss | 99 ----- www/src/scss/modules/_theme_info.scss | 8 - www/src/scss/modules/_typography.scss | 10 - www/src/scss/modules/_vars.scss | 9 - www/src/scss/partials/_footer.scss | 58 --- www/src/scss/partials/_header.scss | 39 -- www/src/scss/partials/_nav.scss | 48 --- 9 files changed, 1103 deletions(-) diff --git a/www/src/scss/modules/_app.scss b/www/src/scss/modules/_app.scss index e8b5278..e69de29 100644 --- a/www/src/scss/modules/_app.scss +++ b/www/src/scss/modules/_app.scss @@ -1,506 +0,0 @@ -/* What we do -=====================================================*/ - -.what { - text-align: center; -} -.what-header { - color: #8B8F90; - /*font: 40px 'BebasRegular',Arial,sans-serif;*/ - font: 40px 'aw-conqueror-carved-one',sans-serif; - font-size: 4rem; - margin: 90px 0 30px; - text-align: center; - word-spacing: 7px; -} -@media only screen and (min-width : 1270px) { - .what li { - background: url("images/heroes_1280px.png") no-repeat scroll -24px 0px transparent; - } -} -.what li { - display: inline-block; - margin-left: 70px; - padding-top: 270px; - text-align: center; - width: 363px; -} -.what li:first-child { - margin-left: 0; -} -li.html5 { - background-position: -430px 0; -} -li.response { - background-position: -838px 0; -} -.what h3 { - letter-spacing: -1px; - line-height: 1.2; -} -.what span { - color: #444444; - display: block; - font-size: 18px; - font-size: 1.8rem; -} - -/* Process -=====================================================*/ - -.content-box { - width: 33.3%; - float: left; -} -.circle { - display:block; - margin: 40px auto; - text-align:center; - background-color:#a7d0d4; - height:200px; - width:200px; - -moz-border-radius: 100px; - -webkit-border-radius: 100px; - border-radius: 100px; - letter-spacing: -2px; - line-height: 200px; - color: #FFF; - font-size: 53px; - font-size: 5.3rem; -} - -/* Responsive -=====================================================*/ - -.responsive ul { - margin: 0 30px 20px; -} -.responsive li { - margin-bottom: 10px; -} -.responsive img { - float: right; - margin: 0 30px; -} - -/* Case Studies -=====================================================*/ - -.case-studies li { - border-bottom: 1px solid #F6F6F6; - display: inline-block; - padding-bottom: 30px; - width: 42.5%; - margin: 0 3.5%; - vertical-align: top; -} -.case-studies img { - background: #FAFAFA; - border: 1px solid #F1F1F1; - height: auto; - padding: 10px; - width: 100%; -} -.case-studies li h3 { - margin: 30px 0 5px; - word-spacing: 5px; -} -.case-studies li p { - margin: 0 0 20px; -} -.technologies li { - background: #CCC; - width: 40px; - text-indent: -9999em; - height: 40px; - border: none; - border-radius: 100%; - margin: 5px 5px 5px 0; -} -/* Cost Calculator - Based on work by www.speakingofcode.com -=====================================================*/ - -#total { - font-size: 12pt; -} -#price, #priceb, #pricec, #priced, #pricee, #pricef, #pricez { - text-align: right; - width: 40px; -} -#quoteme input { - background: transparent; - font: inherit; - border: 0px solid #fff; - margin-bottom: 34px; -} -.inputname { - width: 88%; -} -#quoteme label { - float: left; - display: block; - padding-top: 13px; - color: #fff; - font-family: Georgia; - width: 80%; -} -.contenta { - float: left; - width: 65%; - text-align: left; - font-size: 12pt; -} -.contentb { - float: left; - width: 31%; -} -.pricepara { - text-align: right; - font-size: 14pt; - width: 80% -} -.pricepara #totalprice { - padding-top: 0px; - margin-top: 0px; - border: 0px solid #000; - font-size: 14pt; - font-weight: bold; -} -#total, #totalhours { - width: 97px; - border: 0px solid #000; - background: transparent; - font-size: 2em; - color: #7FAEAB; - margin-top: .45em; - -webkit-text-fill-color:#7FAEAB; -} -.label { - float: left; - line-height: 2.5em; - width: 150px; - margin: 1em 1em 1em 6em; -} -.value { - float: left; -} -#quoteme { - width: 100%; - display: block; - clear: both; - padding: 30px 10% 10px 10%; -} -.ui-slider-handle.ui-state-default.ui-corner-all { - background: #7FAEAB; -} -#slider, #sliderb, #sliderc, #sliderd, #slidere { - background: #D5D5D5; -} -input#submitbtn { - display: block; - width: 200px; - height: 38px; - clear: both; - background: #70D1B2; - color: white; - font-size: 14pt; - border-radius: 3px; - -webkit-appearance: none; -} -#quoteme p { - margin: 0 -} -.disclaimer { - clear: both; - margin: 0 1em 1em 5em; -} - - -/* Contact Form -=====================================================*/ - -.contactForm { - margin: 0 30px 20px; -} -.email p { - font-size: 15px; - padding: 0 0 10px 0; - margin: 0; -} -.email input, .email textarea { - font-family: Arial; - font-size: 15px; - margin: 0 0 20px 0; -} -.email input { - background: #f5f5f5; - padding: 5px; - border: 1px solid #bbb; - border-radius: 5px; -} -.email textarea { - background: #f5f5f5; - padding: 5px; - border: 1px solid #bbb; - border-radius: 5px; - width: 100%; - height: 169px; -} -.email input.send { - color: #fff; - background: #70D1B2; - border: #000; - padding: 10px 25px 10px 25px; - float: left; - clear: both; - cursor: pointer; - -webkit-appearance: none; -} -.required { - color: #ED5656 -} -/* CAPTCHA -=====================================================*/ -#recaptcha_table td { - display: table-cell; -} -.recaptchatable { - border: 0!important; -} -#recaptcha_image { - margin-bottom: 1em; -} -#recaptcha_widget a { - border-bottom: 0; -} -#recaptcha_response_field, div.recaptcha_reload, div.recaptcha_only_if_image, div.recaptcha_only_if_audio, div.recaptcha_help { - float: left; - margin-right: 5px; -} -/* Twitter Feed -=====================================================*/ - -#twitter-feed { - padding: 8px 10px; -} -#twitter-feed h2 { - color: #5F5F5F; - margin: 0px; - padding: 9px 0px; - font-size: 18px; - font-size: 1.8rem; - font-weight: lighter; -} -.twitter-article, .loading-container { - width: 88%; - border-top: 1px dotted #CCC; - padding: 20px 4%; - clear: both; -} -.loading-container { - padding: 16px 0px; - text-align: center; -} -.twitter-pic { - float: left; -} -.twitter-pic img { - float: left; - border-radius: 7px; - margin: 4px 16px 10px 0; -} -.twitter-text a, h1 a { - border-bottom: 0; -} -.tweet-time { - font-size: 10px; - color: #878787; - float: right; -} -.backlink { - font-size: 11px; - font-size: 1.1rem; - text-align: center; -} -.backlink a { - color: #aaa; -} -.twitter-follow-button.twitter-follow-button { - float: right; - margin: 38px 20px 20px 0px; -} - -/* Case Study Pages (with previews) -=====================================================*/ -/* Back Button */ -a.back-btn { - background: #6D9390; - color: #FFFFFF; - height: 80px; - left: 0; - position: fixed; - top: 10px; - width: 120px; - border: none; - text-transform: uppercase; -} -.hero { - background: url("/wsh/wp-content/themes/blankslate/images/hero.png") no-repeat 28px 12px #7FAEAB; - float: right; - height: 100%; - position: relative; - width: 100px; - line-height: 132px; - text-align: center; -} -.hero:after { - border: 15px solid transparent; - border: 15px solid rgba(0,0,0,0); - border-right: 15px solid #7FAEAB; - content: ""; - left: -30px; - position: absolute; - top: 24px; -} -/* Case Studies Top portion */ -.cs { - border-top: 3px solid #777; -} -.desktop h3, .tabs h3 { - display: block; - color: #808080; - background: #F2F2F2; - padding: 15px 30px; - margin: 0; -} -h3 span { - color: #00A99D; -} -.cs p { - margin-top: 15px; -} -a.btn { - display: block; - background-color: #70D1B2; - padding: 15px; - color: #FFF; - border: none; - border-radius: 4px; - text-align: center; -} -.case-img, .case-copy { - float: left; - width: 45%; - margin: 0 2.5%; -} -.case-img img { - display: block; - height: auto; - margin: 15px auto; - max-width: 474px; - width: 100%; -} -/* Case Studies Tab preview section */ -.cs_prev_mob { - display:none; -} -.cs_prev_mob p { - text-align: center; - font-weight: bold; - margin: 0; -} -.tabs li { - display: block; - float: left; - margin-right: 20px; - background: #F2F2F2; - cursor: pointer; -} -.cs .on h3 { - background: #FFF; -} -.cs_prev_bg { - background: #FFF; - padding: 30px 0px; - clear: both; -} -.cs_phone { - width: 384px; - height: 806px; - margin: 30px auto; - position: relative; - background: url("images/iphone5.png") no-repeat transparent; -} -.phoneframe { - position: absolute; - top: 138px; - left: 34px; -} -.cs_tablet { - display: none; - width: 1002px; - height: 1301px; - margin: 30px auto; - position: relative; - background: url("images/iPad.png") no-repeat transparent; -} -.tabletframe { - position: absolute; - top: 125px; - left: 117px; -} - -/* Legal & Privacy Pages -=====================================================*/ -.page { - border-top: 3px solid #777; - } - -.termsofuse { - margin: 0 50px; -} -ol.termsofuse > li { - font-weight: bold; - list-style: decimal outside none; - margin: 0 0 20px; - text-transform: uppercase; -} -ol.termsofuse li { - overflow: visible; -} -ol.termsofuse ol li { - font-weight: normal; - list-style: lower-alpha outside none; - margin: 0 0 0 20px; - text-transform: none; -} -ol.termsofuse li { - overflow: visible; -} -ol.termsofuse ul li { - list-style: lower-roman outside none; -} -ol.termsofuse ol li ol li { - list-style: lower-roman outside none; -} -ol.termsofuse ol li ol li ol li { - list-style: disc; -} -.legal ul { - list-style: disc outside none; - margin-bottom: 20px; - margin-left: 60px; -} -/* 404 Page -=====================================================*/ -.responsiveImage { - width: 100%; - max-width: 418px; - margin: 5em auto; - display: block; - height: auto; -} -.error .global-width { - text-align: center; -} - diff --git a/www/src/scss/modules/_breakpoints.scss b/www/src/scss/modules/_breakpoints.scss index 15c62b3..e69de29 100644 --- a/www/src/scss/modules/_breakpoints.scss +++ b/www/src/scss/modules/_breakpoints.scss @@ -1,326 +0,0 @@ -@media only screen and (min-width : 1070px) and (max-width : 1270px) { - .what li { - background: url("images/heroes_1000px.png") no-repeat scroll -24px 0 transparent; - padding-top: 220px; - width: 300px; - margin-left: 64px; - } - li.html5 { - background-position: -355px 0; - } - li.response { - background-position: -688px 0; - } - nav ul { - float: right; - } -} -@media only screen and (min-width : 850px) and (max-width : 1069px) { - nav ul { - float: right; - } - nav li a { - padding: 0 15px; - } - .what li { - background: url("images/heroes_800px.png") no-repeat scroll -24px 0 transparent; - margin-left: 64px; - padding-top: 164px; - width: 232px; - } - li.html5 { - background-position: -284px 0; - } - li.response { - background-position: -546px 0; - } - .h2 { - font-size: 35px; - font-size: 3.5rem; - } -} -@media only screen and (min-width : 801px) and (max-width : 1024px) { - header { - height: 405px; - background: url(images/header_clean_1024px-01.png) center 0 repeat-x #FFF; - } - h1 { - font-size: 45px; - padding-top: 58px; - } - nav { - top: 406px; - } - nav li a { - height: 50px; - line-height: 50px; - padding: 0 15px; - } - .inputname { - width: 85%; - } - .cs_prev { - display: none; - } - .cs_prev_mob { - display: block; - } - -} -@media only screen and (max-width: 950px) { - .menu-icon { - background: url("images/menu-icon.png") no-repeat 2px 3px #333; - cursor: pointer; - display: block; - left: 10px; - position: absolute; - top: 8px; - border: 1px solid #555; - height: 34px; - width: 38px; - text-indent: -999em; - border-radius: 5px; - } - nav ul { - float: none; - } - nav { - clear: both; - display: none; - left: 0px; - position: absolute; - top: 50px; - z-index: 100000; - display: none; - width: 175px; - background: #333; - text-align: left; - } - nav li { - display: block; - z-index: 3; - } - .nav-container { - background: #222; - height: 50px; - left: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 99999999999; - } - nav li a { - border-bottom: 1px solid #000000; - border-top: 1px solid #585858; - height: 35px; - line-height: 35px; - } - a.active:after { - border: none; - } - nav a:hover, nav a.active { - background: #000; - } - .logo { - left: 50%; - margin-left: -95px; - } - .content-box { - width: 100%; - float: none; - } - .circle { - display: block; - margin: 40px 30px 15px; - text-align: left; - background: none transparent; - height: auto; - width: auto; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -text-transform: uppercase; -color: #a7d0d4; -font-size: 34px; -font-size: 3.4rem; - line-height: 1; - - } - .responsive img { - display: block; - float: none; - margin: 0 auto 40px; - } - .inputname { - width: 85%; - } - .cs_prev { - display: none; - } - .cs_prev_mob { - display: block; - } -.h2 { - margin: 40px 0 0; - height: auto; -} -.h3 { - text-align: center; -} -} -@media only screen and (min-width : 601px) and (max-width : 800px) { - header { - height: 486px; - background: url(images/header_clean_1024px-01.png) center 47px repeat-x #FFF; - border-bottom: 3px solid #777; - } - h1 { - font-size: 45px; - padding-top: 105px; - } - footer .footer-wrap { - float: none; - width: 100%; - border-bottom: 3px dashed #000; - } -} -@media only screen and (min-width : 800px) and (max-width : 850px) { - .what li { - background: url("images/heroes_800px.png") no-repeat scroll -24px 0 transparent; - margin-left: 30px; - padding-top: 164px; - width: 232px; - } - li.html5 { - background-position: -285px 0; - } - li.response { - background-position: -546px 0; - } -} -@media only screen and (max-width : 800px) { - .what-header { - margin: 0 20px 20px; - font-size: 28px; - font-size: 2.8rem; - } - .what li { - background: url("images/heroes_600px.png") no-repeat scroll -9px 0 transparent; - margin-left: 40px; - padding-top: 125px; - width: 187px; - } - li.html5 { - background-position: -205px 0; - } - li.response { - background-position: -402px 0; - } - .what h3 { - font-size: 24px; - font-size: 2.4rem; - } - .what span { - font-size: 15px; - font-size: 1.5rem; - } - .responsive img { - width: 90%; - height: auto; - } - .case-studies li { - width: 93%; - } - .contenta { - clear: both; - width: 100%; - } - .contentb { - clear: both; - width: 80%; - margin: 0 10% 0 10%; - } - .contentb table { - width: 100%; - } - .disclaimer { - margin: 0; - padding: 3em 2em 0em 2em - } - .foot-area { - width: 100%; - - } - .foot-area:first-child { - border-bottom: 3px dashed #666; - } - .case-img, .case-copy { - width: 100%; - margin: 20px 0; - } -} -@media only screen and (max-width : 715px) { - - .label.totalcost { - clear: left; - } -} -@media only screen and (max-width : 650px) { - .what li { - margin: 0 auto; - } - .h2 { - font-size: 30px; - font-size: 3rem; - } -} -@media only screen and (min-width : 401px) and (max-width : 600px) { - header { - height: 346px; - background: url(images/header_clean_600px-01.png) center 0 repeat-x #FFF; - border-bottom: 3px solid #777; - } - h1 { - font-size: 39px; - padding-top: 53px; - } - .inputname { - width: 80%; - } - #quoteme { - font-size: .9em; - } -} -@media only screen and (max-width : 400px) { - header { - height: 347px; - background: url(images/header_clean_400px-01.png) center 0 repeat-x #FFF; - border-bottom: 3px solid #777; - } - h1 { - font-size: 31px; - padding-top: 60px; - } - .inputname { - width: 75%; - } - #quoteme { - font-size: .6em; - } - #slider .ui-slider-handle, #sliderb .ui-slider-handle, #sliderc .ui-slider-handle, #sliderd .ui-slider-handle { - top: -0.9em; - margin-left: -1.6em; - width: 2.2em; - height: 2.2em; - } - .label { - margin-left: 11%; - } - #recaptcha_image img { - width: 200px !important; - height: 38px !important; - } - #recaptcha_response_field { - width: 100px; - } -} \ No newline at end of file diff --git a/www/src/scss/modules/_defaults.scss b/www/src/scss/modules/_defaults.scss index 48062f1..e69de29 100644 --- a/www/src/scss/modules/_defaults.scss +++ b/www/src/scss/modules/_defaults.scss @@ -1,99 +0,0 @@ -.global-width { - max-width: 1280px; - margin: 0 auto; -} -section { - border-bottom: 1px solid #EAEAEA; - padding: 30px 10px 95px; -} -.alt { - background: #F6F6F6; -} -a { - border-bottom: 2px dashed #B0D8D7; - color: #7FA7A6; - text-decoration: none; -} -a.img-link { - border-bottom: none; -} -.h2 { - clear: left; - color: #828282; - /* font: 30px 'BebasRegular',Arial,sans-serif; */ - font: 30px 'aw-conqueror-carved-one',sans-serif; - font-size: 3rem; - height: 80px; - letter-spacing: 0; - margin: 50px 0; - text-align: center; - text-transform: uppercase; - word-spacing: 12px; -} -h3 { - color: #7FAEAB; - /*font: 30px 'BebasRegular',Arial,sans-serif; */ - font: 30px 'aw-conqueror-carved-one',sans-serif; - font-size: 3rem; - letter-spacing: 1px; - margin: 30px 20px 20px 30px; - word-spacing: 5px; -} -h3 a { - text-decoration: none; - border-bottom: none; - font-size: 2.8rem; - /*font-family: 'duru sans';*/ - font-family: 'aw-conqueror-carved-one'; - text-transform: uppercase; - letter-spacing: 0px; -} -p { - margin: 0 30px 20px; -} -h4 { - color: #777; - font-size: 20px; - font-size: 2rem; - font-weight: bold; - margin: 20px 0 10px 30px; -} -.inline{ - display: inline-block; -} -table { - text-transform: uppercase; - background-color: #F6F6F6; - font-weight: bold; - border-color: #EAEAEA; - letter-spacing: .8px; - border: 1px solid #DDD; - border-radius: 4px; -} -th, td { - vertical-align: top; - - text-align: center; -} -th { - height: 40px; - line-height: 40px; -} -td { - font-size: 10px; - font-size: 1rem; - padding: 8px; - color: #8B8F90; - line-height: 35px; - display: block; - border-top: 1px solid #DDD; - border-bottom: 1px solid #FFF; - -} -td:hover { - color: #282F31; - background-color: #FFF; -} -tr:nth-child(even) td { - background: #FAFAFA; -} \ No newline at end of file diff --git a/www/src/scss/modules/_theme_info.scss b/www/src/scss/modules/_theme_info.scss index 0dab79e..e69de29 100644 --- a/www/src/scss/modules/_theme_info.scss +++ b/www/src/scss/modules/_theme_info.scss @@ -1,8 +0,0 @@ -/* -Theme Name: Web Superheroes V2 -Theme URI: http://www.websuperheroes.co.uk -Description: Default theme for web superheroes -Author: Web Superheroes -Author URI: http://www.websuperheroes.co.uk -Version: 2.0 -*/ \ No newline at end of file diff --git a/www/src/scss/modules/_typography.scss b/www/src/scss/modules/_typography.scss index 5e9a32b..e69de29 100644 --- a/www/src/scss/modules/_typography.scss +++ b/www/src/scss/modules/_typography.scss @@ -1,10 +0,0 @@ -@font-face { - font-family: 'BebasRegular'; - src: url('fonts/BEBAS___-webfont.eot'); - src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/BEBAS___-webfont.woff') format('woff'), - url('fonts/BEBAS___-webfont.ttf') format('truetype'), - url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg'); - font-weight: normal; - font-style: normal; -} diff --git a/www/src/scss/modules/_vars.scss b/www/src/scss/modules/_vars.scss index 58fd171..e69de29 100644 --- a/www/src/scss/modules/_vars.scss +++ b/www/src/scss/modules/_vars.scss @@ -1,9 +0,0 @@ -$font-family: 'Duru Sans'; - -$default-font-size-px: 15px; -$default-font-size-rem: 1.5rem; -$default-line-height: 1.5; - -$primary-colour: #333; - -$default-text-color: #8B8F90; diff --git a/www/src/scss/partials/_footer.scss b/www/src/scss/partials/_footer.scss index 4850cf3..e69de29 100644 --- a/www/src/scss/partials/_footer.scss +++ b/www/src/scss/partials/_footer.scss @@ -1,58 +0,0 @@ -.foot-wrap { - clear:both; - overflow: hidden; - background: #404040; - padding-bottom: 200px; - border-bottom: none; -} -footer p { - color:#CCC; -} -.foot-area { - width: 50%; - float: left; -} -p.copyright { - clear: both; - text-align:center; - font-size:12px; - font-size: 1.2rem; - margin: 20px auto 0; -} -.foot-links { - margin: 0; -padding: 0; - text-align: center; - font-size: 11px; - font-size: 1.1rem; - } - .foot-links a { - border: none; - - } -.toTop { - width: 100px; - border: 2px solid #7FAEAB; - background: #7FAEAB; - text-align: center; - position: fixed; - bottom: 10px; - right: 10px; - cursor: pointer; - display: none; - color: #FFF; - font-size: 11px; - font-size: 1.1rem; - opacity: 0.7; - filter: alpha(opacity=70); - border-radius: 20px; - -webkit-transition: all .25s linear; - -moz-transition: all .25s linear; - -o-transition: all .25s linear; - transition: all .25s linear; - padding: 5px; -} -.toTop:hover { - background: #70D1B2; - border: 2px solid #70D1B2; -} \ No newline at end of file diff --git a/www/src/scss/partials/_header.scss b/www/src/scss/partials/_header.scss index 5c7bbac..e69de29 100644 --- a/www/src/scss/partials/_header.scss +++ b/www/src/scss/partials/_header.scss @@ -1,39 +0,0 @@ -.logo { - color: #FFFFFF; - display: none; - float: left; - font: 24px/60px 'BebasRegular',Arial,sans-serif; - margin-left: 30px; - border: none; - background: none; - position: fixed; - top: 0; - left: 0; - z-index: 10000; -} -@media only screen and (min-width : 1025px) { - header { - height: 534px; - background: url(images/header_clean-01.png) center 0 repeat-x #FFF; - } -} -h1 { - color: #FFFFFF; - font: 56px 'BebasRegular',Arial,sans-serif; - letter-spacing: 0; - padding-top: 79px; - text-align: center; - text-shadow: 5px 5px 1px #8ABBB8; - word-spacing: 14px; -} -header h2 { - background: url("images/ribbon_top.png") no-repeat scroll center bottom transparent; - color: #FFFFFF; - font-size: 17px; - font-size: 1.7rem; - height: 37px; - line-height: 45px; - text-align: center; - text-transform: uppercase; - word-spacing: 2px; -} \ No newline at end of file diff --git a/www/src/scss/partials/_nav.scss b/www/src/scss/partials/_nav.scss index 0d244b2..e69de29 100644 --- a/www/src/scss/partials/_nav.scss +++ b/www/src/scss/partials/_nav.scss @@ -1,48 +0,0 @@ -.fixed { - position: fixed; - top: 0 -} -nav { - background: #7FAEAB; - text-align: center; - width: 100%; - z-index: 9999; - position: absolute; - left: 0; - right: 0; - top: 538px; - display: block; - z-index: 100; -} -nav li { - display: inline-block; - list-style: none outside none; - zoom: 1; - *display: inline; - text-transform: uppercase; -} -nav li a { - border-bottom: none; - color: #FFF; - height: 60px; - line-height: 60px; - display: block; - padding: 0 28px; -} -nav a:hover, nav a.active { - background: #A1CAC8; - position: relative; -} -a.active:after { - border: 15px solid transparent; - border: 15px solid rgba(0,0,0,0); - border-top-color: #A1CAC8; - bottom: -30px; - content: ""; - left: 50%; - margin-left: -15px; - position: absolute; -} -.menu-icon { - display: none; -} \ No newline at end of file