Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
New (06-2017) Bit-Tech Widescreen fix
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("bit-tech.net") {
.pageContainer {
/* Set max-width to how wide you'd like the page to be */
max-width: 90% !important;
width: 100% !important;
}
/*
Removve ads. Commented out, because ads support the site.
div.xtag-173, div.xtag-165, div.xtag-169 {
display: none !important;
}
*/
/* Use Flex to line up the main and right columns. */
div#bodyContainer > div.clearfix {
display: flex;
flex-direction: row;
justify-content: space-between;
}
div#main_column {
width: 100% !important;
margin-right: 10px;
}
/* Line up the top features side-by-side on the homepage */
div#top_features {
display: flex;
flex-direction: row;
align-items: stretch;
margin-bottom: 10px;
}
div#tripleFeatureBlock {
display: flex;
flex-direction: row;
justify-content: space-around;
}
div#tripleFeatureBlock div.feature {
float: none !important;
margin: auto !important;
}
/* Set up Flex for the articles list */
div#articles_list > div.clearfix {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
/* Pull the feature boxes to the top */
div#articles_list > div.clearfix > div.feature {
order: 2;
}
div#articles_list > div.clearfix > div.article {
order: 2;
width: 49%;
}
/* Set the article thumbnails to the right width */
div.article div.image {
width: 198px !important;
background-size: cover;
}
div.article div.article_info {
width: calc(100% - 198px);
}
/* Downsize the top image on articles - 100% is WAY too big. */
div#top_thumbnail > img {
max-width: 50% !important;
}
/* Put the article text into 2 columns, for easier reading */
div.articleCopy div#page_body {
column-count: 2;
}
/* Center images in their columns */
div.articleCopy div#page_body > p > a[data-isimage] {
display: flex !important;
text-align: center;
align-items: center;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.