Skip to content
Snippets Groups Projects
Commit 391c1b22 authored by Seth Meranda's avatar Seth Meranda
Browse files

Change the width of the social v. news, update presentation.

parent 24c503e2
Branches
No related tags found
No related merge requests found
......@@ -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;
}
......@@ -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&amp;connections=6&amp;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>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment