jlarrigan
11/20/2013 - 8:06 PM

Css Hacks

Css Hacks

/* Guide on how to swap the position of the hashtag and the social icons */

.live .tb-networks {
	position: absolute;
	right: 25%;
	width: 50%;
	background: url(http://assets.tagboard.com/xboxone/XboxOne_stacked_Wht_rgb.png) 50% 50% no-repeat;
	background-size: auto 80%;
}

.live .tb-meta {
	left: 0;
	width: 25%;
	text-align: left
}


.live .tb-logo {
	float: right;
	background: url(/public/img/poweredby-white.png) 100% 50% no-repeat;
	background-size: auto 75%;
}
/* Guide to help you replace the hashtag with an image. Note you have to hide the hashtag */

.live .masthead .tb-meta h2 {
	display:none;
}
.live .masthead .tb-meta{
	height:80px;
	background: url(http://cl.ly/image/2M3T3W2c0r1T/chivas.png) no-repeat;
	background-position: 50% 50%;
	background-size: auto 80%
}
/* Use this to hide the about tab on embeds */
.embed #about-tab{
	display:none;
}

/* Use this to hide the whole toolbar on embeds */
.embed .tb-toolbar {
  display: none;
}

/* Use this to hide the latest tab on embeds */
.embed #latest-tab{
	display:none;
}

/* Use this to hide just the social icones */
.embed .tb-toolbar .tb-tools {
	display:none;
}

/* Use this to hide the featured tab on embeds */
.embed #featured-tab {
   display:none;
}

/* Use this to hide the load more button on embeds */
.embed .loadmore {
    border-bottom: 0px;
}
.embed #load-more {
    display: none;
}
For embeds
<= 479  1 col
<= 767  2 col