Twitter Easy-Eye. No White BG. Before 7th June 2014 update.

View latest version at: http://userstyles.org/styles/101446/twitter-easy-eye-no-white-background


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://twitter.com/ConanOBrien"),
regexp("https?://([^.]*\\.|)twitter\\.com/(?!widget).*")

{

/*
    Singularity Utopia Style
    @2045singularity
    Last update: 4th June 2014

*/

html, body, #doc, #page-outer

    {
        font-family: Arial;
        background: #E3E3E3;
        max-width:998px;
        margin: 0 auto auto auto;

    }

.ProfileCanopy-navBar

    {
        background: #E3E3E3 !important;
        border-color: transparent;
        border-radius: 10px 10px 30px 30px;

    }

.ProfileHeaderCard-screennameLink:hover
    {
        background: #E3E3E3 !important;
        box-shadow: none !important;
    }

/* SIDE MODULES and Headers*/

.ProfileWTFAndTrends

    {
        margin-right:20px;
    }

.ProfileSidebar.ProfileSidebar--withRightAlignment

    {
        margin-left: 40px;
        margin-right: -30px;
    }

.ProfileTweetbox

    {
        background: #F5EEE4 !important;
        margin-right:20px;
    }

.Trends.module.trends

    {
        background:#F2EFE6;
        border: solid #C7C5D1 1px;
        border-bottom-width:2px;
        border-radius: 8px 8px 11px 11px;
        box-shadow: inset white 0px 0px 0px 1px;
    }

.WhoToFollow.is-visible, .ProfileSidebar .SignupCallOut

    {
        background:#F2EFE6;
        border: solid #C7C5D1 1px;
        border-bottom-width:2px;
        border-radius: 8px 8px 11px 11px;
        box-shadow: inset white 0px 0px 0px 1px;
        margin-bottom:20px;
        margin-top:22px;
    }

.ProfileSidebar .trends-inner .flex-module

    {
        background:#F2EFE6 !important;
    }

h2, h3, .WhoToFollow-title, .trend-location.js-trend-location
    {
        font-size: 21px;
        color: #306A93;
    }

.module .flex-module:first-child

    {
        border-radius:7px 7px 0px 0px;
    }

.module .flex-module:last-child

    {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

.module .flex-module

    {
        background: #F7F4F2;
        border-color: #D9D4D2;
    }

.content-header .header-inner

    {
        background: #F0EEE9;

    }

/* MARGIN and padding timelines */

.AppContent

    {
        margin-top: 7px;
    }

.ProfilePage .AppContent

    {
        margin-top: 0px;
    }

#content-main-heading.js-timeline-title, .content-header .header-inner

    {
        padding-left:20px;
        padding-right:20px;
    }

.dashboard

    {
        margin-left: -1px;
    }

.content-main

    {
        margin-right:-1px;
    }

.dashboard.dashboard-right

    {
        margin-left: 0px;
        margin-right: -12px;
        width:205px;
    }

body.three-col .wrapper

    {
        width: 1100px;
    }

body.three-col .wrapper-narrow,body.three-col .wrapper-permalink{
		width:642px
	}

/* CLOSE BUTTON module, and conversation collapse button */

.account-summary .dismiss

    {
        color: #6A8EA8;
        padding: 17px;
        margin: -17px;
    }

.account-summary .dismiss:hover

    {
        color:red;
        text-shadow: white 0px 0px 5px;
    }

.conversation-collapse-btn

    {
        color: #128ADE;
    }

.conversation-collapse-btn:hover

    {
        color: red;
    }

/* BORDERS stream and stream modules */

.DashboardProfileCard-userFields

    {
       padding-top:2px;
    }

.DashboardProfileCard-bg

    {
        border-width: 0px;
        border-color: grey;
        border-style: solid;
    }

.stream-item, .content-header, .stream-loading, .stream-item.open, .conversation-collapse-btn, .DashboardProfileCard

    {
        border-color: #CCCCD5 !important;
    }

.content-header .header-inner

    {
        border-color: #D3D3DB !important;
    }

.module .list-link

    {
        border-color: #DCDDE6 #CCCCD5 #DCDDE6 #CCCCD5!important;
    }

.module ul:first-child li:first-child .list-link

    {
        border-top-color: #CCCCD5 !important;
    }

.module ul:last-child li:last-child .list-link

    {
        border-bottom-color: #CCCCD5 !important;
    }

/* COLOR BEHIND HEADER IMAGE */

.ProfileCanopy-header.u-bgUserColor, .DashboardProfileCard-bg.u-bgUserColor.u-block

    {
        background-color: #C8C8C8 !important;
    }

#page-container .u-bgUserColorHover:hover

    {
        background: grey !important;
    }

.DashboardProfileCard-bg

    {
        margin:0px;
        width:287px;
    }

.ProfileTweet-authorDetails
    {
        line-height: 16px !important;
        margin-bottom: 26px !important;

    }

.ProfilePage .AppContent
    {
        background: none;

    }

.ProfileCanopy-navBar

    {
        background: none;

    }

.ProfileNav-item--userActions
    {
        background: none;
    }

.ProfileTweet
    {
        transition: all 0.5s ease-in-out;
        border-color: #C5CFD7;
        border-style: solid;
        border-width: 1px 1px 2px 1px;
        border-radius: 3px 3px 5px 5px !important;
        margin: 5px 0 5px 0 !important;
        width:106%;
    }

.ProfileTweet:hover
    {
        border-color:#A8A7B5;
        box-shadow:#A5A4B3 0px 1px 7px;
    }


.StreamToggler
    {
        border: none;
        padding-bottom:4px;
    }

.Container
    {
        background: white;
    }

#widget

    {
        background:none;
    }

.ProfileCard

    {
        border: 1px solid #CACBD2;
        background-color: #FFF2E3;
        border-radius: 4px 4px 12px 12px;
        border-bottom-width:2px;
        margin-bottom:6px;

    }

/* PAGE WIDTH FOR PROFILE PAGE */

.ProfilePage
    {
        min-width:900px;
        max-width:998px;
        margin: 0 auto auto auto;
    }

.global-nav-inner
    {
        background: none repeat scroll 0% 0% #F0ECE1;
        box-shadow: inset white 0px 0px 3px 0px, rgba(34, 34, 34, 0.2) 0px 0px 20px;
    }

A.StreamToggler-link.u-textUserColor.js-nav
    {
        margin-top:5px;
    }

/* TWEETS - TWEETS AND REPLIES  */

.ProfileHeading-toggleItem
    {
        margin-right: 15px !important;

    }

.ProfileHeading-toggleItem.is-active

    {
        border-bottom: 3px solid #CFCFCF;
        border-radius: 20px 22px 4px 19px;
        background: #EDEDED;
        padding: 15px 17px 15px 17px;
        margin-right: 15px;
        margin-bottom:10px !important;
        transition: all 0.3s ease-in-out;

    }

.ProfileHeading-toggleItem.is-active:hover

    {

        border-radius: 22px 20px 19px 4px;

        color:#514970;

    }

.ProfileHeading-title

    {
        margin: 13px 0px 16px 0px;
    }


.ProfileHeading-content

    {
        background:none !important;
        border:none;
    }

A.ProfileHeading-toggleLink.js-nav

    {
        padding:10px 2px 10px 2px;
    }

A.ProfileHeading-toggleLink.js-nav:hover

    {
        color:darkblue;
    }

.ProfileHeading-toggleItem.u-textUserColor.js-nav, .ProfileHeading-toggleItem.u-textUserColor

    {
        transition: all 0.2s ease-in-out;
        padding: 15px;
        border-radius: 13px 17px 4px 13px;
        margin: 3px 5px 7px 0px;
        border-bottom: 3px solid transparent;
    }

.ProfileHeading-toggleItem.u-textUserColor.js-nav:hover, .ProfileHeading-toggleItem.u-textUserColor:hover

    {
        background: #FFFBE3;
        color:darkblue !important;
        box-shadow: inset white 0px 0px 1px, lightgrey 0px 2px 8px;
        border-bottom: 3px solid #B1AEBD;
    }


.ProfileHeading-toggleItem.u-textUserColor.js-nav:active, .ProfileHeading-toggleItem.u-textUserColor:active

    {
        background: #FFE2B3;
         border-bottom: 3px solid orange;
    }

.ProfileHeading-toggleItem.u-textUserColor.js-nav:focus, .ProfileHeading-toggleItem.u-textUserColor:focus

    {
        background: #FFE2B3;
        border-bottom: 3px solid orange;
    }

.ProfileNav-item.is-active .ProfileNav-stat, .ProfileNav-stat:hover, .ProfileNav-stat:focus

    {
        border-radius: 0px;
        background: #fff;
    }

#global-actions A.js-nav:hover

    {
        background: #EBF4FF;
        box-shadow: inset #fff 0px 0px 0px 1px;
    }

.ProfileNav-stat--link:hover, .ProfileNav-stat--link:focus

    {
        background: #EBF4FF;
        box-shadow: inset #fff 0px 0px 0px 1px;
    }

.ProfileNav-stat--moreLink:hover, .ProfileNav-stat--moreLink:focus

    {
        margin-top: 7px;
        padding-top:7px;
        background:#FFFBE3;
        border-radius: 15px !important;
    }

A.ProfileHeaderCard-nameLink.u-textInheritColor.js-nav:hover

    {
        background:none;
        color:grey !important;
        transition: all 0.5s ease-in-out;
        box-shadow:none !important;
    }

.GridTimeline-footerIcon

    {
        background-color: #F5F8FA;
        padding: 8px 5px 2px 14px;
        border-radius: 20px;
    }

.GridTimeline-footer:before

    {
        background:none;
    }


.ProfileCanopy-header.u-bgUserColor

    {
        border-radius: 0px 0px 8px 8px !important;
    }

.btn:hover

    {
        box-shadow: white 0px 0px 1px 0px;
    }

.btn:focus

    {
        box-shadow: none;
    }

.edit-button.btn

    {
        border-color: #C2E2FF;
    }

#global-new-tweet-button:hover

    {
        border: 1px solid transparent !important;
        border-radius:2px;
    }

.tweet-btn:hover, .tweet-btn:active, .tweet-btn.active

    {
        border:1px solid transparent !important;
    }

.btn:hover, .follow-combo.open .btn-user-actions, .dropdown.open .user-dropdown

    {
        border-color: #8FD0FF;
    }

A.js-nav.js-initial-focus

    {
        background:none;
    }

.btn.primary-btn.retweet-action:focus

    {
        box-shadow: inset #DEF9FF 0px 0px 0px 2px;
        border-radius:3px !important;
    }

.btn.primary-btn.retweet-action

    {
        border: 1px solid #467EE0 !important;
        box-shadow: inset white 0px 0px 0px 1px;
        border-radius: 2px;
        transition: all 0.1s ease-in-out;
        letter-spacing: 0.1px;
    }

.btn.primary-btn.retweet-action:hover:focus, .btn.primary-btn.retweet-action:hover

    {
        border:1px solid #3F72D1 !important;
        border-radius: 3px;
        box-shadow: inset white 0px 0px 1px;
    }

A.account-group.js-account-group.js-action-profile.js-user-profile-link.js-nav

    {
        background:none !important;
    }

.u-bgUserColorLightest

    {
        background: #F5EEE4 !important;
        border-color:#CCCCCC !important;
        box-shadow: inset #F5EEE4 0px 0px 12px 13px;
    }

#page-container  .content:hover

    {
        background: none !important;
    }

/* NUMBER OF NEW TWEETS - 10etc new Tweets - notifications too  */

.new-tweets-bar

    {
        font-size: 13pt;
        font-weight: bold;
        word-spacing:5.4px;
        letter-spacing:1.1px;
        background: #F5F2EB;
        padding: 14px 0px 13px 0px;
        border-color: #E0E0E0;
        font-family:arial;
        text-shadow: white 0px 0px 1px;
        transition: all 0.05s ease-in-out;
        color: #CC0003;
        font-style:italic;
    }

.new-tweets-bar:hover

    {
        background: #BBEDCA;
        border-color: #ABD9B9;
        color: #001866;
    }

.new-tweets-bar:active

    {
        background: #FFE4A8;
        border-color: #EDCA9A;
        color: #470024;
    }

.stream

    {
        box-shadow: #BFBFBF 0px 60px 30px -40px;
    }

/* COG DROP */

.small-user-dropdown

    {
        margin-right:-1px !important;
        padding: 0 2px 0 5px !important;
    }

.small-user-dropdown:hover

    {
        background: #C2FFE9 !important;
        border-radius:2px !important;
    }

.UserActions .user-dropdown

    {
        color: #2D648F;
        transition: all 0.2s ease-in-out;
        margin: 1px 11px 0px 0px;
        padding: 0 3px 0 8px;
        border: 1px solid transparent;
    }

.UserActions .user-dropdown:hover

    {
        color: #CF003B;
        background:#FFF9CF;
        box-shadow: #A3A3A3 0px 0px 1px 0px, lightgrey 0px 0px 1px 0px;
    }

.ProfileSidebar .Footer-item, .ProfileSidebar .Footer-link
    {
        color: #3B3F63;
    }

.ProfileClusterFollow

    {
        background:none;
        border:none;
    }

.ProfileClusterFollow-closeButton

    {
        padding:8px 18px 8px 18px;
        margin-top: -11px;
        border-radius: 7px;
        background: white;
        border:1px solid #9FA8CC;
    }

.ProfileClusterFollow-closeButton:hover

    {
        background: #B0FFDB;
        box-shadow:#BCD1CE 0px 2px 4px;
        border-color: grey;
    }

.ProfileClusterFollow-header

    {
        padding: 0px 33px 0px 0px;
    }

.primary-btn:hover

    {
        border-color: transparent !important;
    }

.primary-btn:active

    {
        background: #A797BF;
    }

.primary-btn.retweet-action:focus

    {
        box-shadow: inset blue 0px 0px 1px 0px;
    }

.related li

    {
        border: 1px solid #CECECE;
        border-radius: 8px;
        background: white;
    }

/* LOGGED OUT STYLE */

.tweet.permalink-tweet

    {
        border-radius: 5px;
    }

.module.signup-call-out.js-signup-call-out

    {
        border: 1px solid #CCCCD5;
    }

/* SORRY NO EXIST */

h1

    {
        color: #4069CC;
        text-shadow: none;
    }

p, label

    {
        color: #292F33;
        text-shadow: none;
    }

.footer li, .footer a

    {
        color: #5E79B1;
        text-shadow: white 0px 0px 3px;
    }

/* SIGN IN PAGE */

.copyright, .front-container .footer, .front-container .footer a

    {
        color: #64667D !important;
        font-size: 10pt;
    }

.footer a:hover

    {
        color: blue !important;
    }

.footer.inline-list

    {
        margin-bottom: -20px;
    }

.front-welcome

    {
        margin-left:-10px;
    }

.front-signup, .front-signin

    {
        margin-left: 10px;
        box-shadow: #BBBEC9 0px 2px 13px 1px !important;
    }

}

/* include this too so you are sure you have not missed anything, the end. */