/* * Example style! * You can do whatever the hell you want on your site :-) */ #tweetheader { text-decoration: none; color:#000; opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } #tweetheader:hover { opacity: .5; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } #tweetheader h1 { font-family: Garamond, 'EB Garamond', serif; font-size: 19px; font-weight: normal; padding-left:20px; display: inline-block; margin-bottom:0px; } .tourheader { position: absolute; } h2 { clear:both; } #example1 ul li { list-style:none; overflow:hidden; margin:5px; padding:5px; border-bottom: 1px solid rgba(0,0,0,.1); } .user, .tweet, .timePosted { float:left; } .user { width:25%; font-family: Garamond, 'EB Garamond', serif; color:#000; } #example1 ul { padding:0px 5%; } .user a { color:#000; } .user span { display: none; } .tweet { width: 80%; padding-right: 5%; } .tweet a { color:#000; opacity: .5; } .timePosted { width:15%; } .user { clear:left; } .user a { width: 100px; } .user span span { display:none; margin-top:10px; } .user img, .user a > span { float:left; } .interact { float:left; width:10%; margin-top:-7px; } .interact a { margin-left:5px; float:left; } .user a > span { margin-left:10px; } .media img { max-width:250px; max-height:250px; } .tweet { font-family: Garamond, 'EB Garamond', serif; font-size: 16px; } .tweet img { width: 20px; } .timePosted a { font-family: Garamond, 'EB Garamond', serif; text-decoration: none; color:#000; opacity: .5; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; } .timePosted a:hover { opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; }