Twitter Teal Style

TwitterTeal.css

.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;
}