diff --git a/css/gobigred.css b/css/gobigred.css index 20a65e810be55e3eaaf3b87c1f27e6208fc7c856..03e040f4d264a486469df154d79099e1f3710a5d 100644 --- a/css/gobigred.css +++ b/css/gobigred.css @@ -166,6 +166,11 @@ Big Ten Video Slide border-radius:1em; margin-right:14px; } +#maincontent .wdn_tabs #tabFacebook:hover, #maincontent .wdn_tabs #tabTwitter:hover { + -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4); +-moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4); +box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4); +} #maincontent .wdn_tabs #tabFacebook { background: #3b5998; /* Old browsers */ background: -moz-linear-gradient(top, #3b5998 0%, #2e4777 100%); /* FF3.6+ */ @@ -196,6 +201,9 @@ background: linear-gradient(top, #4099ff 0%,#3479c9 100%); /* W3C */ color:#fff; height:auto; } +#maincontent .wdn_tabs #tabFacebook a span:hover, #maincontent .wdn_tabs #tabTwitter a span:hover { + text-decoration:none; +} #maincontent .wdn_tabs #tabFacebook a span, #maincontent .wdn_tabs #tabTwitter a span { color:#fff; font-weight:bold; @@ -203,6 +211,39 @@ background: linear-gradient(top, #4099ff 0%,#3479c9 100%); /* W3C */ margin:0; padding:3px 8px; } +#twitterFeed ul { + padding:0; + list-style:none; + color:#655F3C; + font-size:1em; +} +#twitterFeed ul li { + padding:0.5em 0.2em; + border-bottom:1px solid #F2EDDE; + position:relative; +} +#twitterFeed ul li:after { + position: absolute; + background: #f2f2f2; /* Old browsers */ + background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* W3C */ + bottom: -5px; + width: 100%; + height: 4px; + left: 0; + content: ''; +} +#twitterFeed ul span { + display:block; + font-size:0.68em; + color:#878787; + background:url('images/twitterBird.png') no-repeat top right; +} /*news headlines*/ @@ -230,6 +271,23 @@ background: linear-gradient(top, #4099ff 0%,#3479c9 100%); /* W3C */ #maincontent #newsList li { border-bottom:1px solid #F2EDDE; padding:0.5em 0.2em; + position:relative; +} +#maincontent #newsList li:after { + position: absolute; + background: #f2f2f2; /* Old browsers */ + background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* W3C */ + bottom: -5px; + width: 100%; + height: 4px; + left: 0; + content: ''; } #maincontent #newsList li a { color:#655F3C; @@ -372,20 +430,3 @@ background-image: } #maincontent .tab a {color:#fff !important;} -#twitterFeed ul { - padding:0; - list-style:none; -} -#twitterFeed ul:after{ - background-image:; - background-image:; -} -#twitterFeed ul li { - margin-bottom:7px; -} -#twitterFeed ul span { - display:block; - font-size:0.68em; - color:#878787; - background:url('images/twitterBird.png') no-repeat top right; -} diff --git a/index.php b/index.php index 9425041a96a95e56c4d33f7385825f25d9f3f084..239a129fa93c7f441b83ab3982e253e183d0e06a 100644 --- a/index.php +++ b/index.php @@ -145,8 +145,8 @@ </ul> </div> - <div class="grid3" id="socialFeeds"> - <h3>Social</h3> + <div class="grid5" id="socialFeeds"> + <h3>Conversations with UNL</h3> <ul class="wdn_tabs"> <li id="tabFacebook"><a href="#facebook">Facebook</a></li> <li id="tabTwitter"><a href="#twitter">Twitter</a></li> @@ -155,7 +155,7 @@ <div id="facebook"> <iframe scrolling="no" frameborder="0" src="http://www.facebook.com/connect/connect.php?id=10150299702907327&connections=6&stream=1" - style="border: none; width: 220px; height: 400px;"> + style="border: none; width: 386px; height: 300px;"> Your browser does not support inline frames or is currently configured not to display inline frames. Content can be viewed at actual source page:"Your Facebook URL Goes Here" </iframe> @@ -170,7 +170,7 @@ </div> - <div class="grid6" id="newsItems"> + <div class="grid4" id="newsItems"> <script src="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D'http%3A%2F%2Fpipes.yahoo.com%2Fpipes%2Fpipe.run%3F_id%3D67df958f5c60c5217e7c28fb3b4556ff%26_render%3Drss'&format=json&diagnostics=true&callback=buildNews" type="text/javascript"></script> </div>