diff --git a/core/themes/bartik/css/components/site-footer.css b/core/themes/bartik/css/components/site-footer.css index d5483c3..b5f4097 100644 --- a/core/themes/bartik/css/components/site-footer.css +++ b/core/themes/bartik/css/components/site-footer.css @@ -3,42 +3,85 @@ * Visual styles for Bartik's footer. */ +.site-footer { + color: #f1f1f1; +} .site-footer .block .content { - color: #c0c0c0; - color: rgba(255, 255, 255, 0.65); font-size: 0.857em; } .site-footer .block .content a { - color: #fcfcfc; - color: rgba(255, 255, 255, 0.8); + color: #cbcbcb; } .site-footer .block .content a:hover, .site-footer .block .content a:focus { - color: #fefefe; - color: rgba(255, 255, 255, 0.95); + color: #f2f2f2; } -.site-footer .block { - margin: 20px 0; - border: 1px solid #444; - border-color: rgba(255, 255, 255, 0.1); - padding: 10px; +.site-footer ul { + padding-left: 0; /* LTR */ +} +[dir="rtl"] .site-footer ul { + padding-right: 0; } .site-footer tr.odd { background-color: transparent; } .site-footer tr.even { - background-color: #2c2c2c; - background-color: rgba(0, 0, 0, 0.15); + background-color: #1a1a1a; +} + +/** + * Visual styles for Bartik's footer top region. + */ +.site-footer__top .block-menu { + margin: 0; + padding: 0; + border: none; +} +.site-footer__top .block { + margin: 20px 0; + border: 1px solid #2e2e2e; + padding: 10px; +} +.site-footer__top h2 { + border-bottom: 1px solid #383838; + font-size: 1em; + margin-bottom: 0; + padding-bottom: 3px; + text-transform: uppercase; +} +.site-footer__top .content { + margin-top: 0; +} +.site-footer__top p { + margin-top: 1em; +} +.site-footer__top .content li { + padding-top: 0; +} +.site-footer__top .menu a { + display: block; + border-bottom: 1px solid #3f3f3f; + line-height: 1.2em; + padding: 0.8em 2px 0.8em 5px; /* LTR */ +} +[dir="rtl"] .site-footer__top a { + padding: 0.8em 5px 0.8em 2px; +} +.site-footer__top a:hover, +.site-footer__top a:focus { + background-color: #262626; } /** * Visual styles for Bartik's footer bottom region. */ +.site-footer__bottom { + letter-spacing: 0.2px; + margin-top: 70px; + border-top: 1px solid #383838; +} .site-footer__bottom .block { margin: 0.5em 0; - padding: 0; - border: none; - clear: both; } .site-footer__bottom .block .content { padding: 0.5em 0; @@ -54,102 +97,28 @@ .site-footer__bottom .block h2 { margin: 0; } -.site-footer__bottom { - letter-spacing: 0.2px; - margin-top: 30px; - border-top: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); -} -.site-footer__bottom .region { - margin-top: 20px; -} - -/** - * Visual styles for Bartik's footer bottoms menu. - */ -.site-footer__bottom .menu, .site-footer__bottom .menu li { - list-style: none; - margin: 0; - padding: 0; + float: left; } -.site-footer__bottom .menu li a { - float: left; /* LTR */ - padding: 0 12px; - border-right: 1px solid #555; /* LTR */ - border-color: rgba(255, 255, 255, 0.15); -} -[dir="rtl"] .site-footer__bottom .menu li a { +[dir="rtl"] .site-footer__bottom .menu li { float: right; - border-left: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); - border-right: none; } -.site-footer__bottom .menu li:first-child a { - padding-left: 0; /* LTR */ +.site-footer__bottom .menu li a { + display: block; + padding-right: 12px; + border-bottom: none; } -[dir="rtl"] .site-footer__bottom .menu li:first-child a { +[dir="rtl"] .site-footer__bottom .menu li a { padding-right: 0; padding-left: 12px; + border-right: none; } -.site-footer__bottom .menu li:last-child a { - padding-right: 0; /* LTR */ - border-right: none; /* LTR */ +.site-footer__bottom .menu li + li a { + padding-left: 12px; /* LTR */ + border-left: 1px solid #383838; /* LTR */ } -[dir="rtl"] .site-footer__bottom .menu li:last-child a { +[dir="rtl"] .site-footer__bottom .menu li + li a { padding-left: 0; - border-left: none; -} - -/** - * Visual styles for Bartik's footer top region. - */ -.site-footer__top .block-menu { - margin: 0; - padding: 0; - border: none; -} -.site-footer__top h2 { - border-bottom: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); - font-size: 1em; - margin-bottom: 0; - padding-bottom: 3px; - text-transform: uppercase; -} -.site-footer__top .content { - margin-top: 0; -} -.site-footer__top p { - margin-top: 1em; -} -.site-footer__top .content ul { - list-style: none; - padding-left: 0; /* LTR */ - margin-left: 0; -} -[dir="rtl"] .site-footer__top .content ul { - padding-right: 0; -} -.site-footer__top .content li { - list-style: none; - margin: 0; - padding: 0; -} -.site-footer__top a { - display: block; - border-bottom: 1px solid #555; - border-color: rgba(255, 255, 255, 0.15); - line-height: 1.2; - padding: 0.8em 2px 0.8em 20px; /* LTR */ - text-indent: -15px; -} -[dir="rtl"] .site-footer__top a { - padding: 0.8em 20px 0.8em 2px; -} -.site-footer__top a:hover, -.site-footer__top a:focus { - background-color: #1f1f21; - background-color: rgba(255, 255, 255, 0.05); - text-decoration: none; + padding-right: 12px; + border-right: 1px solid #383838; }