diff --git a/css/gobigred.css b/css/gobigred.css index 8808f2084b581351b0f8b9a4693bd2a7425a041a..56286cd46f0d453727dd988917b22d717228db6e 100644 --- a/css/gobigred.css +++ b/css/gobigred.css @@ -154,6 +154,39 @@ Big Ten Video Slide margin-bottom:24px; } +/* Tab Overrides - turn these into buttons*/ +#maincontent #socialFeeds ul.wdn_tabs { + border-bottom:none; + margin:10px 0; +} +#maincontent .wdn_tabs #tabFacebook, #maincontent .wdn_tabs #tabTwitter { + padding:0; + margin:0; + height:auto; + border-radius:1em; + margin-right:14px; +} +#maincontent .wdn_tabs #tabFacebook { + background:#3b5998; +} + +#maincontent .wdn_tabs #tabTwitter { + background:#4099ff; +} +#maincontent .wdn_tabs #tabFacebook a, #maincontent .wdn_tabs #tabTwitter a { + background:none; + padding:0; + margin:0; + color:#fff; + height:auto; +} +#maincontent .wdn_tabs #tabFacebook a span, #maincontent .wdn_tabs #tabTwitter a span { + color:#fff; + font-weight:bold; + font-size:0.8em; + margin:0; + padding:3px 8px; +} /*news headlines*/ @@ -183,7 +216,7 @@ Big Ten Video Slide padding:0.5em 0.2em; } #maincontent #newsList li a { - color:#12516e; + color:#655F3C; font-weight:bold; text-size:1.3em; } diff --git a/index.php b/index.php index 8f884e9e9b369ca72aa606c11ac0829ca1efacb8..ef0acf6f9afc04ec5393081fdb6264465da89df4 100644 --- a/index.php +++ b/index.php @@ -148,8 +148,8 @@ <div class="grid3" id="socialFeeds"> <h3>Social</h3> <ul class="wdn_tabs"> - <li><a href="#facebook">Facebook</a></li> - <li><a href="#twitter">Twitter</a></li> + <li id="tabFacebook"><a href="#facebook">Facebook</a></li> + <li id="tabTwitter"><a href="#twitter">Twitter</a></li> </ul> <div class="wdn_tabs_content"> <div id="facebook">