Skip to content

Instantly share code, notes, and snippets.

@eli-oat
Forked from cmod/minmal_twitter.css
Last active December 17, 2015 12:19
Show Gist options
  • Save eli-oat/5608903 to your computer and use it in GitHub Desktop.
Save eli-oat/5608903 to your computer and use it in GitHub Desktop.
/* -------------------------------------------------
MINIMAL TWITTER FOR FLUID / USERSTYLES
Special thanks to:
Max Fenton (@maxfenton) for kicking this off
Based inpart on [https://github.com/connors/twitter-user-style/blob/master/twitter.css]
------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Noto+Serif);
.trends, .bird-topbar-etched, .wtf-module, .site-footer, .topics, .mini-profile {
display: none !important;
}
.wrapper, .wrapper-narrow, .wrapper-permalink {
background: none !important;
max-width: 57em !important;
}
.dashboard {
float: none !important;
width: 100% !important;
}
.content-main {
float: none !important;
width: 100% !important;
font-family: 'Noto Serif', serif;
font-size: 140%;
line-height: 1.5em;
}
/* Top bar
================================================== */
.global-nav .container {
width: 550px;
}
/* Hide the main navigation text */
.global-nav #global-actions li span.text {
display: none;
}
/* Condense the main nav icons and center the glow */
#global-actions.nav i {
margin-right: 0;
}
.nav .nav-new {
margin-left: -12px;
}
/* Adjust the search form to work well in the smaller top bar */
.global-nav .form-search {
width: 170px;
}
.global-nav .search-input { width: 110px; }
.global-nav .search-input.focus { width: 130px; }
/* Move the load spinner to the top right on the screen */
.pushstate-spinner {
position: absolute;
top: 1px;
right: 20px;
left: auto;
}
/* So I can place the pushstate-spinner all the way to the right. */
.container { position: static; }
body {
background-image: none !important;
background-color: #eee !important;
}
.tweet-content .tweet-box {
max-width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.profile-card-inner {
width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.profile-card.profile-header {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment