Skip to content

Instantly share code, notes, and snippets.

@attilam
Created October 19, 2018 13:36
Show Gist options
  • Save attilam/60a23929e305d42d8b6bdb9b730f93e6 to your computer and use it in GitHub Desktop.
Save attilam/60a23929e305d42d8b6bdb9b730f93e6 to your computer and use it in GitHub Desktop.
My Stylus CSS tweaks
.th td {
padding: 8px 6px;
font-weight: bold;
}
.ts {
color: #006;
}
@media (min-width: 1000px) {
.columns-area>div {
width: 25%;
}
.columns-area>div>.column,
.columns-area>div>.mastodon-column-container>.column {
width: 100%;
}
}
/*Centralizar as fotos.*/
.AdaptiveMedia-video,
.AdaptiveMedia-singlePhoto,
.AdaptiveMedia-doublePhoto,
.AdaptiveMedia-triplePhoto,
.AdaptiveMedia-quadPhoto,
.AdaptiveMedia-halfWidthPhoto,
.AdaptiveMedia-twoThirdsWidthPhoto,
.AdaptiveMedia-threeQuartersWidthPhoto,
.AdaptiveMedia-halfHeightPhoto,
.AdaptiveMedia-halfHeightPhotoContainer,
.AdaptiveMedia-thirdHeightPhoto,
.AdaptiveMedia-thirdHeightPhotoContainer,
.AdaptiveMedia-photoContainer img
{
display: block !important;
position: static !important;
width: 100% !important;
height: auto !important;
border-radius: 4px !important;
}
/*Janela*/
.AdaptiveMedia,
.AdaptiveMedia-video
.PlayableMedia-container
{
max-height: none !important;
max-width: 100% !important;
min-height: 100% !important;
border-radius: 4px !important;
}
/*Remover bullshit*/
.moments,
li[data-suggestion-json*="ActivityTweet"],
li.promoted-trend,
li.promoted-account,
div.promoted-tweet,
div.flex-module.trends-container,
div.flexmodule.trends,
div.module.trends,
div.module.roaming-module.wtf-module.js-wtf-module.has-content,
div.Footer.module.roaming-module,
div.ProfileWTFAndTrends,
div.trends-inner,
div.flex-module.import-prompt
{
display: none !important;
}
/*Não logado*/
div.module.Trends.trends,
div.RelatedUsers.module
{
display: none !important;
}
/*Correções do card de perfil*/
.DashboardProfileCard
{
margin-bottom: -10px !important;
border-radius: 4px !important;
}
.ProfileCardStats
{
text-align: center !important;
height: 30px !important;
}
.wrapper-home
{
width: 590px !important;
}
/*Largura da coluna principal*/
.content-main
{
position: relative !important;
margin: 0 !important;
}
/*Largura do perfil*/
.dashboard-left
{
width: 100% !important;
height: 100% !important;
}
/*Fix para sugestões após seguir alguém*/
.ProfileClusterFollow
{
padding: 14px 0 1px!important;
border-bottom: none !important;
}
div.AdaptiveSearchPage-moduleHeader
{
padding: 8px !important;
}
.AdaptiveSearchTimeline-separationModule
{
margin-bottom: 10px !important;
}
div.ProfileCard.js-actionable-user.with-SocialContext
{
width: 315px !important;
height: 282px !important;
}
p.social-proof
{
margin-top: 0 !important;
}
/*In case you missed*/
/* .stream-item.separated-module
{
margin-top: 10px !important;
margin-bottom: 10px !important;
border-radius: 4px !important;
} */
.has-recap
{
display: none !important;
}
/*Rounding things*/
div.home-tweet-box.tweet-box.component.tweet-user
{
border-radius: 4px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment