Twitter Easy Eye No White bg, back-up 19 Jun 2014

Latest version:
https://userstyles.org/styles/101446/twitter-easy-eye-no-white-background
----

Backup just before changes on 19th June 2014:

@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: 15th June 2014
*/

html, body, #doc, #page-outer

    {
        font-family: Arial;
        background: #E3E3E3;
        max-width:1190px !important;
        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;
    }

.ProfileHeaderCard-screenname, .ProfileClusterFollow-title, .ProfileNameTruncated-link.u-textInheritColor.js-nav.js-action-profile-name

    {
        line-height:1.4;
    }

/* SIDE MODULES and Headers */

.WEB-CONTAINER

    {
        background: white !important;
        border-radius: 3px;
    }

.DashboardProfileCard.module

    {
        margin-bottom: 15px;
    }

.ProfileWTFAndTrends

    {
        margin-right:20px;

    }

.ProfileSidebar--withLeftAlignment

    {
        margin-left: -8px;
    }

.ProfileSidebar--withRightAlignment

    {
        margin-left: 45px !important;
        margin-right: -35px !important;
    }

.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 !important;
        border: solid #C7C5D1 1px !important;
        border-bottom-width:2px !important;
        border-radius: 8px 8px 11px 11px !important;
        box-shadow: inset white 0px 0px 0px 1px;
        margin-bottom:20px;
        margin-top:22px;
    }

 .SignupCallOut.js-signup-call-out

    {
        background:#F2EFE6 !important;
        border: solid #C7C5D1 1px !important;
        border-bottom-width:2px !important;
        margin-bottom:20px;
    }


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

    {
        border: none;
    }

.ProfileSidebar .trends-inner .flex-module

    {
        background:#F2EFE6 !important;
    }

h2, h3, .WhoToFollow-title, .trend-location.js-trend-location, .SignupCallOut-title

    {
        font-size: 21px;
        color: #245F8A;
    }

h2

    {
        text-overflow: ellipsis;
        overflow: hidden;
    }

h2#content-main-heading

    {
        font-size: 21px !important;
    }

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

.footer

    {
        border: 1px solid #D9D4D2;
        border-radius: 3px;
    }

.content-header .header-inner

    {
        background: #F0EEE9;

    }

/* MARGIN and padding timelines */

.AppContent, #page-container.wrapper.wrapper-discover.white

    {
        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: -2px;
    }

.content-main

    {
        margin-right:-2px;
    }

.dashboard.dashboard-right

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

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

.account-summary .dismiss

    {
        color: #6A8EA8;
        padding: 17px;
        margin: -17px;
        outline: none !important;
    }

.account-summary .dismiss:hover

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

.conversation-collapse-btn

    {
        color: #128ADE;
        outline:none !important;
    }

.conversation-collapse-btn:hover

    {
        color: red;
    }

.save-search-btn

    {
        background: #F5F3F0;
        padding: 6px 11px 1px 11px;
        border-radius:4px;
        border: 1px solid #E3DEDA;
        box-shadow: inset white 0px 0px 1px;
    }

.save-search-btn:hover

    {
        background: #fff;

        border-color: #D1D1D1;
        border-bottom-width: 2px;
    }

/* BORDERS stream and stream modules */

.login-responsive .mobile

    {
        border-radius:6px;
    }

.topbar

    {
        border-bottom-color: transparent!important;
    }

.before-module .tweet, .content-main .expansion-container > li:last-child .tweet

    {
        border-bottom-color: white !important;
    }

.stream-item-activity-me

    {
        border:none !important;
    }

.content-main .expansion-container > li:last-child .tweet, .content-main .expansion-container > .original-tweet-container

    {
        border-bottom-color: transparent;
    }

.content-main .stream-items > .stream-item + .stream-item .expansion-container > li:last-child:first-child .tweet:first-child:last-child

    {
        border-bottom-color: transparent !important;
    }

.before-expanded.after-expanded .tweet, .after-expanded .tweet, .before-expanded .tweet

    {
        border-radius: 6px;
    }

.stream-media-items + .stream-item .tweet:hover

    {
        border-radius: 6px !important;
    }

/*

.js-stream-item.stream-item.stream-item.expanding-stream-item.semi-expanded.after-expanded.before-expanded,
.js-stream-item.stream-item.stream-item.expanding-stream-item.after-expanded.before-expanded

    {
        border: none !important;
        visibility:hidden;
        display:none;
    }

*/

.open .opened-tweet,
.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.opened-tweet

    {
        border-bottom: 1px solid #E1E8ED !important;
    }

.stream-item.before-expanded

    {
        border-bottom: 1px solid #CCCCD5 !important;
    }

.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.with-media-forward.auto-expanded.media-forward:hover

    {
        border-radius: 6px;
    }

.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media

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

.DashboardProfileCard-userFields

    {
       padding-top:2px;
    }

.DashboardProfileCard-avatarLink

    {
        padding: 3px 3px 0px 3px;
        background: #E1E2E8;
        border-radius: 4px;
        box-shadow: #8C8C8C 0px 2px 2px;
    }

.DashboardProfileCard-bg

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

#auto-close p, .content-inner.no-stream-end, .stream-end, .stream-item, .content-header, .stream-loading, .stream-item.open, .conversation-collapse-btn, .DashboardProfileCard

    {
        border-color: #CCCCD5 !important;
    }

.WebToast.original-tweet

    {
        border-color: #8FAFFF !important;
        box-shadow: #FFF 0px 0px 0px 2px, #FFF 0px 0px 0px 2px,#95969E 0px 1px 13px,  #3F4254 0px 4px 22px 2px;
        border-radius: 4px;
    }

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

.list-link {transition: all 0.17s ease-in-out; padding-left:16px !important; letter-spacing:0.2px !important; word-spacing: 0.5px;}
.list-link:hover {background: white !important; color: #003AC2 !important; font-weight:bold; text-shadow: white 0px 0px 1px; text-decoration:underline !important;padding-left:35px !important; box-shadow: inset white 0px 0px 0px 1px;}
.list-link:active, .list-link:focus {color:black !important; background:#FFF3D6 !important; text-decoration:underline !important; box-shadow:none;}
.active .list-link {background:#E3E7FF !important;box-shadow: inset #EDEFFF 0px 0px 0px 1px;}
.active .list-link:hover {background: #EBEBEB !important; letter-spacing:0.2px !important; padding-left:16px !important; cursor:help;color: #5E6280 !important; text-shadow: white 0px 1px 1px;}

/* COLOR BEHIND HEADER IMAGE - IMAGES - wood http://i.imgur.com/ls2aPtI.jpg */

.ProfileCanopy-header.u-bgUserColor

    {
        background-color: #c6c6c6 !important;
        background-image: url('http://i.imgur.com/2UD91cD.jpg');
    }

.DashboardProfileCard-bg.u-bgUserColor.u-block

    {
        background-color: #c6c6c6 !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;
    }

.ProfilePopupContainer .profile-header .profile-header-inner

    {
        border-radius: 0px !important;
    }

/* PROFILE TWEETS */

.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:108% !important;
    }

.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 #B7BDC9;
        background-color: #FFF2E3;
        border-radius: 5px 5px 10px 10px;
        border-bottom-width:2px;
        margin-bottom:6px;
        margin-right:0px;
        box-shadow: inset white 0px 0px 0px 1px;
    }

.ProfileCard-bg.js-nav

    {
        background: #C0C4CF;
        border: 1px solid #fff;
    }

/* PAGE WIDTH FOR PROFILE PAGE - then top nav header etc */

.ProfilePage, .EventPage

    {
        min-width:900px !important;
        max-width:998px !important;
        margin: 0 auto auto auto;
    }

.global-nav-inner

    {
        background: none repeat scroll 0% 0% #F0ECE1;
        box-shadow: inset white 0px 0px 4px 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;
        text-decoration: none;
    }

.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;
        text-decoration: underline;
    }

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

/* EVENTS */

.CurrentMatches .MatchItem

    {
        padding-left: 8px;
        border-radius: 7px;
    }

.EventCanopy-addHeaderCallout

    {
        font-style:italic;
        font-family:courier;
        text-shadow: 0px 1px 2px #000, 0px 0px 8px grey;
    }

.EventPage .new-tweets-bar

    {
        width:108%;
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-top: 1px solid;
        background: #F2F0E9;
        box-shadow: inset white 0px 0px 0px 1px;
        color:#8C0606;
    }

.EventPage .new-tweets-bar:hover

    {
        background: #E6F7E7;
        color: #0014AB;
        text-decoration:underline;
    }

.EventPage .new-tweets-bar:active

    {
        background: #FFE8ED;
        color: #D6004E;
        text-decoration:none;
    }

/* NEW TWEET BAR - NUMBER OF NEW TWEETS - 10etc new Tweets - notifications too color:CC0003 bg:F5F2EB border:E0E0E0 / FFF3E3 FFF3DE E3E0DA */


.new-tweets-bar

    {
        font-size: 13pt;
        font-weight: bold;
        word-spacing:5.4px;
        letter-spacing:1.1px;
        background: #E0DDD7;
        padding: 14px 0px 13px 0px;
        border-color: #d1d1d1 !important;
        font-family:arial;
        text-shadow: white 0px 0px 1px;
        transition: all 0.05s ease-in-out;
        color: #B30003;
        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 and Menu drop */

.dropdown-menu

    {
        border: 1px solid #8B96B3;
        border-radius: 8px 8px 6px 6px !important;
        padding:14px 10px 17px 10px;
        box-shadow: #565963 0px 6px 16px -3px;
    }

BUTTON.dropdown-link, .LI.typeahead-item.typeahead-saved-search-item.selected, .typeahead-saved-search-item, .dropdown-menu li > a, .typeahead-items li:hover, .dropdown-menu li:hover, .dropdown-menu li > a:focus, li.typeahead-item.typeahead-saved-search-item:hover, LI.typeahead-item.typeahead-saved-search-item.selected:hover, .typeahead-items li, .typeahead-items:hover

    {
        border-radius: 4px !important;
    }

.small-user-dropdown

    {
        margin-right:-1px !important;
        padding: 0 0px 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;
        outline: none !important;
    }

.ProfileClusterFollow-closeButton

    {
        padding:8px 18px 8px 18px;
        margin-top: -11px;
        border-radius: 5px;
        background: white;
        border:1px solid #B0B7D6;
        outline: none !important;
        text-shadow: white 0px 0px 2px;
    }

.ProfileClusterFollow-closeButton:hover

    {
        background: #B0FFDB;
        box-shadow:#BCD1CE 0px 2px 4px;
        border-color: #9297AD;
        outline: none !important;
    }

.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;
        border: none !important;
    }

.footer

    {
        border-radius:8px !important;
    }

.front-welcome

    {
        margin-left:-10px;
    }

.front-signup, .front-signin

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

/* COOKIE NOTICE BS Promoted Tweets*/

div.promoted-tweet

    {
        display: none;
    }

.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website, .promoted-tweet,
.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet

    {
        visibility: hidden !important;
        font-size:0px !important;
        height: 0px !important;
        border:none !important;
        margin:0px !important;
        padding:0px !important;
        overflow:hidden !important;
        text-overflow: clip !important;
        display:none;
    }

li.promoted-trend

    {
        display: none;
    }

div.promoted-account

    {
        display: none;
    }

.eu-cookie-notice

    {
        visibility: hidden;
        display: none;
        height: 0px;
    }


}

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