Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Twitter Teal Style
.promoted-trend {
display: none;
}
.promoted-tweet {
display: none
}
* {
border-radius: 0 !important;
}
.modal-close .Icon--close {
color: #fff;
}
.icon-btn:hover {
background-image: none !important;
}
.modal-header {
background: #009688;
}
.modal-title {
color: #fff !important;
}
.Icon {
color: #009688;
}
.content-main {
width: 78%;
}
.dashboard-right {
display: none;
}
.DashboardProfileCard-bg {
height: 79px;
border-radius: 0;
}
.DashboardProfileCard-userFields {
top: 84px;
}
.roaming-module {
display: none !important;
}
.module {
border-radius: 0px !important;
background: #fff !important;
}
#global-new-tweet-button, .global-nav .search-input {
border-radius: 0 !important;
box-shadow: none;
}
.Footer {
display: block !important;
margin-top: 275%;
}
.dashboard {
width: 13%;
position: fixed;
}
#global-actions>li:hover>a {
color: #fff !important;
}
#global-actions>li>a .Icon {
color: #fff;
}
#global-actions>li>a {
border-bottom: 5px solid #fff;
border-bottom-color: #fff !important;
}
@import url("https://fonts.googleapis.com/css?family=PT+Sans");
.stream-item-activity,
.latest-tweet,
.tweet-form,
.tweet-box,
.QuoteTweet-text,
.search-input,
.tweet-text-rtl {
font-family: "PT Sans", Verdana, Arial !important;
text-decoration: none !important;
}
.u-textTruncate,
.tweet-context,
.pretty-link.js-user-profile-link,
.DMInboxItem-snippet ,
.QuoteTweet-fullname,
.ProfileTweet-text,
.ProfileCard-bio,
.ProfileTweet-text,
.ProfileHeaderCard-bio,
.ProfileHeaderCard-name,
.ProfileHeaderCard-location,
.ProfileHeaderCard-bio,
.NewTweetButton-text,
.TwitterCardsGrid,
.dropdown-menu.typeahead,
.user-profile-link,
.AdaptiveSearchTitle,
.AdaptiveSearchTitle-title,
.MomentsGuidePage-capsules,
.MomentCapsuleVTwoPage-capsule,
button,
div.bio-container,
.u-textTruncate
{
font-family: "PT Sans", Verdana, Arial !important;
}
.ProfileHeaderCard-nameLink {
font-family: "PT Sans", Verdana, Arial !important;
font-weight: bolder;
}
body.ms-windows {
font-family: "PT Sans", Verdana, Arial !important;
}
.QuoteTweet-fullname {
font-family: "PT Sans", Verdana, Arial !important;
font-weight: normal; color: navy !important;
}
.fullname {
font-family: "PT Sans", Verdana, Arial !important;
}
.trends-container .flex-module-inner {
text-align: left;
direction: ltr;
}
.DashboardProfileCard-avatarLink{
background:none;
}
.DashboardProfileCard-avatarImage{
border-radius:500px !important;
border: 0px solid #fff;
}
.ProfileAvatar,.ProfileAvatar-image, .ProfileAvatar-placeholderImage,.ProfileUserList .Avatar{
border-radius:500px;
}
.ProfileAvatar,.ProfileCard-avatarLink,.ProfilePopupContainer--bellbird .ProfileHeader .profile-picture{
background:white;
border:#fff 0px solid;
border-radius: 500px !important;
}
.ProfileCard-avatarLink{
border:0px;
}
.ProfileAvatar-image, .ProfileAvatar-placeholderImage,.ProfileTweet-avatar,.ProfileCard-avatarImage,.content-main .expansion-container .tweet.descendant .stream-item-header .avatar,.avatar,.stream-user-gallery .big-avatar-list .list-item .avatar,.ProfilePopupContainer--bellbird .ProfileHeader .profile-picture .avatar,.ProfilePopupContainer--bellbird .recent-tweets .avatar,.conversation-module .conversation-tweet-item .stream-item-header .avatar,.ProfileCardMini-avatarImage,.WebToast-avatar{
border-radius: 500px !important;
}
div.module.profile-card.component.profile-header, div.profile-header-inner-overlay{
width: 698px !important;
}
body.three-col .content-main{
float:right;
}
.ProfilePage #timeline{
width: auto !important;
}
.wrapper-profile .profile-card.profile-header .profile-header-inner{
width: 698px !important;
}
body, .modal-tweet-form-container, .modal-content, .message, #page-container, .inline-reply-tweetbox, .message {
background-color: #fff;
}
.module, .WhoToFollow, .flex-module {
background: #fff !important;
}
.ProfilePage #timeline{
width: auto !important;
}
.wrapper-profile .profile-card.profile-header .profile-header-inner {
background-repeat: repeat !important;
}
.trends-container .flex-module-inner {
text-align: left;
direction: ltr;
}
div.tweet {
cursor: default !important;
}
.js-tooltip b,
.stream-item-header .translate-button {
display: none;
}
.message {
width: 100%;
}
.global-nav-inner {
background: #009688 !important;
height: 46px;
}
.bird-topbar-etched {
color: #fff !important;
}
.nav>li {
color: rgba(255,255,255,0.8) !important;
}
.global-nav .form-search .search-input {
background-color: #26A69A !important;
color: #fff !important;
}
.global-nav .form-search .search-input::-webkit-input-placeholder {
color: #eee;
}
.global-nav .form-search .search-input.focus {
background-color: #4DB6AC !important;
opacity: 1;
-ms-filter: "alpha(opacity=100)";
}
.global-nav .search-input {
border: 0px solid #323232;
}
.global-nav .search-icon .Icon {
color: #fff;
}
.size32 {
width: 32px;
height: 32px;
border-radius: 0 !important;
background-color: #292f33;
}
#global-new-tweet-button {
border-radius: 21px;
border-top: 0;
}
.follow-button {
background: #26A69A;
color: #fff;
}
.follow-button:hover {
background: #4DB6AC;
}
.tweet-btn {
background: #26A69A !important;
}
.tweet-btn .Icon {
color: #fff;
}
.tweet-btn:hover {
background: #4DB6AC !important;
}
.primary-btn, .primary-btn.btn.disabled, .primary-btn.btn.disabled:hover, .primary-btn.btn[disabled], .primary-btn[aria-disabled=true] {
background: #26A69A !important;
}
.primary-btn:hover {
background: #4DB6AC !important;
}
.global-nav .people .count .count-inner {
border: 2px solid #7aa0cc;
border-radius: 500px;
}
.global-nav .people .count .count-inner {
background: #7aa0cc;
}
.global-nav .people .count {
background-color: #7aa0cc;
}
.global-nav .people.notifications .count {
left: 24px;
top: 3px;
}
.global-dm-nav.new.with-count .dm-new .count-inner {
background-color: #7aa0cc!important;
border: 2px solid #7aa0cc!important;
}
.DirectMessage--sent .DirectMessage-message {
background: #009688;
}
.DirectMessage--sent .Caret:before {
border-color: #009688;
}
.follow-button {
background: #009688;
}
.modal-close .Icon--close {
color: #fff;
}
.icon-btn:hover {
background-image: none !important;
}
.modal-header {
background: #009688;
}
.modal-title {
color: #fff !important;
}
.Icon {
color: #009688;
}
.content-main {
width: 78%;
}
.dashboard-right {
display: none;
}
.DashboardProfileCard-bg {
height: 79px;
border-radius: 0;
}
.DashboardProfileCard-userFields {
top: 84px;
}
.roaming-module {
display: none !important;
}
.module {
border-radius: 0 !important;
background: #fff !important;
}
#global-new-tweet-button, .global-nav .search-input {
border-radius: 0 !important;
box-shadow: none;
}
.Footer {
display: block !important;
margin-top: 275%;
}
.dashboard {
width: 13%;
position: fixed;
}
#global-actions>li:hover>a {
color: #fff !important;
}
#global-actions>li>a .Icon {
color: #fff;
}
#global-actions>li>a {
border-bottom: 5px solid #fff;
border-bottom-color: #fff !important;
}
.u-size2of2 {
width: 100% !important;
}
.u-bgUserColor {
background: #26A69A!important;
}
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.