/************************** GENERAL PAGE SETTINGS **********************/ body.fluxPage { background:#000000 url(http://www.colbertnation.com/sitewide/images/backgrounds/cn_bg_rib_splitter.jpg) no-repeat scroll center top; } body.fluxPage div.fluxPageContainer { width:980px !important; } body.fluxPage .pageContent { background: #AD001A url(http://www.colbertnation.com/sitewide/images/backgrounds/cn_bg_rib_splitter.jpg) no-repeat scroll -260px -280px; width: 970px; padding: 0px 5px; } body.fluxPage #contentHolder { width: 970px !important; background: transparent none; } body.fluxPgae #top-nav { margin: 0px; } body .Flux .bgDarkColor, body .Flux .blockContent, body .Flux .blockContent_transparent { background-color: #f2f2f2; } /* Flux has a number of default settings that we need to override **/ .fluxPage .fluxPageContainer { width: 980px !important; } body .Flux * .selected, body .Flux .bgSelectedColor { background-color: white; } /* general block spacing */ .Flux .block { margin-bottom: 10px !important; } /* column layouts */ .layoutD .leftColumn{min-width:300px;width:300px;padding:0px;float:left;margin:0 0 0 5px;} .layoutD .centerColumn {width:650px;margin-left:10px;float:left;} /************************** BUTTON CSS ***********************/ /* * * * * * * * * Button Label * * * * * * * * */ body.fluxPage a.commonButton { height: 24px; line-height: 24px; font-size: 12px; } body.fluxPage a.commonButton:hover { text-decoration: none!important; } body.fluxPage a.commonButton .btnColorDefault{ } body.fluxPage a.commonButton .btnLeft{ padding-left: 4px; background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/btn_left.gif) !important; background-position: top left !important; } body.fluxPage a.commonButton:hover .btnLeft { background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/btn-left-on.gif) !important; background-position: top left !important; } body.fluxPage a.commonButton .btnRight{ padding-right: 4px; background-image:url(http://www.colbertnation.com/flux/hosted_pages/images/btn_right.gif); background-position: top right !important; } body.fluxPage a.commonButton:hover .btnRight{ background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/btn-right-on.gif); background-position: top right !important; } body.fluxPage a.commonButton .btnCenter{ background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/btn_center.gif); background-repeat: repeat-x !important; background-position: top left !important; color: white !important; } body.fluxPage a.commonButton:hover .btnCenter{ background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/btn-center-on.gif) !important; background-position: top left !important; color: white !important; } body.fluxPage a.commonButton .btnColorShareThin .btnCenter, body.fluxPage a.commonButton:hover .btnColorShareThin .btnCenter { font-size: 10px !important; } /* override for buttonwidth on mail page */ .Flux .mail .btnWidthFill { width: 171px !important; } /* override for buttons on profile page */ .Flux a.commonButton .btnColorAllCommunitiesSilver .btnCenter { color: white !important; } /* share buttons on user profile page */ .Flux .editForm .commonButton .buttonShare_Message, .Flux .editForm .commonButton .buttonShare_Video, .Flux .editForm .commonButton .buttonShare_Photo, .Flux .editForm .commonButton .buttonShare_Link { background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/shareItems_btns_icos.gif) !important; } /* general button layout fix for user profiles v2 */ .Flux .shareContentOverlay .commonButton, .Flux .moduleCommentsUserProfile .commonButton, .Flux .overlayBlock .contentHolder a.overlayTabBtn, .fluxPage .fluxPageContainer .Flux a.wizardButton, .Flux .shareContentOverlay .commonButton .btnLeft .btnRight .btnCenter, .Flux .moduleCommentsUserProfile .commonButton .btnLeft .btnRight .btnCenter, .Flux .pagerButtons .fluxPager a.linkButton { margin-left: 0px; background-color: transparent; } /************************** FLUX HOME PAGE MODULES **********************/ .Flux .zoneLeftWide { width: 650px !important; padding: 0px 0px 0px 10px !important; } /* left column */ .Flux .zone1, .Flux .zone2, .Flux .zone3, .Flux .zone5, .Flux .zone6, .Flux .zoneRightWide { width: 300px !important; padding: 0px !important; } .Flux .zone1 .blockHeader, .Flux .zone2 .blockHeader, .Flux .zone3 .blockHeader, .Flux .zone5 .blockHeader, .Flux .zone6 .blockHeader, .Flux .zoneRightWide .blockHeader{ background: transparent url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_300x26.gif) top left no-repeat; height: 26px !important; } .Flux .zone1 .blockHeader *, .Flux .zone2 .blockHeader *, .Flux .zone3 .blockHeader *, .Flux .zone5 .blockHeader *, .Flux .zone6 .blockHeader *, .Flux .zoneRightWide .blockHeader *{ font-size: 16px; line-height: 26px; } /* right column */ .Flux .zone4, .Flux .zoneLeftWide { padding: 0px !important; width: 650px !important; } .Flux .zone4 .blockHeader, .Flux .zoneLeftWide .blockHeader{ background: #000000 url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_650x30.gif) top left no-repeat; } /* Flux puts a page title at the top of many pages. Boo! **/ .Flux .pageHeaderName { visibility: hidden; padding: 36px 0px; } /************************** USER PROFILE PAGE **********************/ /* new user profile settings */ body .Flux .blockTabs .tabButton, body .Flux .sideBarButton { background-color:#A0A0A0; } body .Flux a.sideBarButton, body .Flux .blockContent a.sideBarButton, body .Flux .blockTabs a.tabButton { color:#333333; } body .Flux .blockTabs a.tabButton:hover, body .Flux .blockTabs .selected, body .Flux .sideBar a.sideBarButton:hover, body .Flux .sideBar .sideBarButtons .selected { background-color:#F2F2F2; color:#2D2D2D; } .fluxPage .Flux .userPagesNavigation .blockTabs .selected, .fluxPage .Flux .userPagesNavigation .blockTabs a.profileModeButton:hover { background: #f2f2f2 url(http://static0.fluxstatic.com/-/Clients/ColbertNation9176/Img/user_profile/cn_profile_arrow.gif) center right no-repeat; padding-right: 37px; } /* user name and status area */ .Flux div.userProfileWide div.zoneTop { background: #000000 url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_960x30.gif) no-repeat scroll left top; margin:5px 0; /* Mindo's update */ min-height:0; padding:0; width:960px !important; color: white; } /* width of user feed */ /* end new user css */ body .Flux .userProfilePage { padding: 0px 10px; } /* Username area */ body .Flux .userProfilePage .zoneTop { width: 960px !important; padding-top: 0px; } body .Flux .userProfilePage .zoneTop .blockContent { background: #000000 url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_960x30.gif) top left no-repeat; } /* left column */ body .Flux .pageContent .userProfilePage .zoneRightWide { width: 560px !important; padding: 0px 0px 0px 0px !important; } body .Flux .pageContent .userProfilePage .zoneRightWide .blockHeader{ background: #000000 url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_650x30.gif) top left no-repeat; } /* right column */ .Flux .pageContent .userProfilePage .zoneLeftWide { width: 390px !important; padding: 0px 0px 0px 0px !important; } .Flux .pageContent .userProfilePage .zoneLeftWide .blockHeader{ background: transparent url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_388x26.gif) top left no-repeat; height: 26px !important; } .Flux .userProfilePage .zoneLeftWide .blockHeader *{ font-size: 16px; line-height: 26px; } .Flux .userProfilePage .moduleShareItems .blockContent { background-color: #F2F2F2; } /* sharing module */ body .Flux img.contentSeparator { border-bottom: 1px solid #D9D9D9 !important; margin: 10px 0px; } body .Flux .bgLightColor { background-color: transparent !important; } .Flux .userProfilePage .moduleShareItems .blockContent td { padding-left: 5px; } /* activity module */ .activityFeedList hr { border-bottom: 1px solid #D9D9D9 !important; } .activityFeedList .listItem { margin: 0px 5px; } /************************** SIGN UP PAGE ***************************/ .Flux .signUpPageContent .zoneLeftWide { width: 305px !important; } .Flux .signUpPageContent { background-color:#AE001B; margin:-20px auto 0 !important; width:952px !important; } /* another big page title. Boo! */ .Flux .signUpPageContent .hugeTitle { font-size:18px; padding-bottom:0; visibility:hidden; } .Flux .signUpPageContent .zoneLeftWide { padding-right: 280px; } .Flux .signUpPageContent .signUpHtmlModule .blockTitle { color: black; } /* if you forget your password, there is a link to sign up that we don;t want */ #ctl01_ctl00_ctl00_phBody_phBody_phBody_ctl00_pageViewer_upd_722d54c2b16c4f5a99500000ee650300_mdl_722d54c2b16c4f5a99500000ee650300_btnShowSignIn { visibility: hidden; } /************************** MAILBOX PAGE ***************************/ .sideBarButtons .selected { background-color: #0558aa; } body .Flux a.sideBarButton { background-color: #00368a; } /************************** CONTENT DETAIL PAGE ***************************/ /* ie6 loves to put borders around everything */ .Flux .pageContent .blockContent { border: none !important; } /* ie6 loves to put borders around everything */ .Flux .pageContent .contentArea { border: none !important; } /* ie6 loves to put borders around everything */ .Flux .contentDetail .contentDetailContentArea { border: none !important; padding: 0px !important; position: relative; } /* pagination */ .Flux .contentDetail .contentDetailContentArea .navBar { border: none !important; position: absolute; top: 40px; right: 0px; } .Flux .contentDetail .contentArea { padding: 0px !important; } .Flux .contentDetail .contentBody { margin-bottom: 10px; } /* title of video or photo */ .Flux .contentDetail .contentArea .contentTitle .contentName { color: white; background-image: url(http://www.colbertnation.com/flux/hosted_pages/images/CN_header_650x30.gif); height: 30px; border: none !important; line-height: 30px; padding: 0px 10px; font-weight: bold; font-size: 16px; margin: -10px -10px 10px -10px !important; } /* descritpion of video */ body .Flux .contentDetail .smallText * { font-size: 12px !important; } /* extra info */ .Flux .contentDetail .contentArea .contentInfo * { font-size: 10px !important; } /* URL EMBED */ .Flux .contentDetail .contentArea .contentInfoForm * { font-size: 12px !important; } /************************** INTERIM JOIN PAGE ***************************/ .Flux .joinInterm { width: 650px; } .Flux .joinInterm .blockTitle { background-color:#000000; background-image:url(../images/CN_header_650x30.gif); background-repeat:repeat-x; border:0 solid #CCCCCC; padding:0px 5px; } .Flux .joinInterm .blockHeader{ padding: 0px; } .Flux .joinInterm .blockHeaderInner{ padding: 0px; } .Flux .joinInterm .smallText { display: none; } .Flux .joinInterm a { color: #000000; } .Flux .joinInterm .signUpPageContent { padding:0px; margin: 40px 0px 0px 0px !important; width:300px !important; } .Flux .joinInterm .signUpPageContent .blockTitle { font-size: 12px; } .Flux .joinInterm { background-color:#DEDEDE; } .Flux .joinInterm .signUpPageContent { background-color:#DEDEDE; } .Flux .joinInterm .signUpPageContent .blockTitle { background-image:none; background-color:#DEDEDE; color: #000000; } .Flux .joinInterm .becomeMemberBlock .blockContent { padding: 0px 15px 15px 15px; } .Flux .joinInterm .becomeMemberBlock .blockTitle { display: none; background-image:none; background-color:#DEDEDE; color: #000000; } .Flux .joinInterm .becomeMemberBlock .bigText, .Flux .joinInterm .becomeMemberBlock .bigText * { font-size: 12px; } /************************ QUICKMENU ***************************/ /* in some browsers the join now link gets a button treatment */ .btnColorQuickMenu * { background-image: none !important; line-height: 12px; text-decoration: underline; } /* Mindo - begin */ .Flux .filterGreatingsOwner { padding-top:7px; width:140px; } .Flux .activityShare .shareItemTitle a, .Flux a, .fluxPage .Flux .activityShare a.smallLink, .fluxPage .Flux .activityShare .shareContentOverlay a.smallLink, .fluxPage .Flux .activityShare a.smallLink, body .Flux .blockContent a,body .Flux .linksPanelContent a, .Flux .userProfileWide .myCommunitesList a { color:#013e9e; } .Flux a:hover, .fluxPage .Flux .activityShare a.smallLink:hover, .fluxPage .Flux .activityShare .shareContentOverlay a.smallLink:hover, .fluxPage .Flux .activityShare a.smallLink:hover, body .Flux .blockContent a:hover,body .Flux .linksPanelContent a:hover, .Flux .userProfileWide .myCommunitesList a:hover{ color:#ae0f1d; } .Flux .userProfileWide .memberCountHolder, body .Flux .linksPanelContent, body .Flux .text { color:#333; } .Flux .userStatusControl .contentInfo .memberName {color:#203263;} .Flux .filterSpacer {color:#FFFFFF;} .Flux .userStatusControl .contentInfo { padding:5px; } .Flux .zoneProfileFeed { width:440px; } .Flux .optionsList, .Flux .option, .Flux .selectDropDown a.option { background-color:#a0a0a0; } .Flux .linksPanelBG { background-color:transparent; } .Flux .linksPanelContent{ padding:0 7px; } body.fluxPage .Flux div.pageContent { padding-top:0!important; } .Flux .memberCountHolder { color:#2d2d2d2; } .Flux .blockTabs .tabButton, body .Flux .sideBarButton { background-color:#cacaca; } .fluxPage .Flux .profileModeSwitcher .tabButton { color:#3F0000; } body .Flux .blockTabs a.tabButton:hover .tabCenter{ color:#FFFFFF; } body .Flux .blockTabs a.tabButton:hover, body .Flux .blockTabs .selected{ background-color:#3F0000; color:#FFFFFF!important; } .Flux .zoneTop .userStatusControl, body .Flux .userProfileWide .zoneProfileFeed { background-color:#f2f2f2; } body .Flux .userProfileWide .zoneProfileFeed .zoneContent{ padding:0!important; } .Flux .ownerGreatingsFilter, .Flux .filterGreatings { font-size:16px;color:#333333;padding:10px;margin:0; } .Flux .profileButtonBlue .contentName, .Flux .profileButtonBrown .contentName, .Flux .profileButtonOrange .contentName, .Flux .profileButtonGreen .contentName, .Flux .profileButtonAqua .contentName, .Flux .profileButtonGray .contentName, .Flux .communitiesListCount { background:#9e9e9e; } .Flux .profileButtonBlue:hover .contentName, .Flux .profileButtonBrown:hover .contentName, .Flux .profileButtonOrange:hover .contentName, .Flux .profileButtonGreen:hover .contentName, .Flux .profileButtonAqua:hover .contentName, .Flux .profileButtonGray:hover .contentName { background:#013e9e!important; } .Flux .userProfileWide .profileContentButton .contentCount { color:#203263; } body.fluxPage .userInfoZone { background:#f2f2f2;padding:5px 0;margin-right:10px; } body .Flux .userProfileWide .columnLeft .zoneContent { padding-right:0!important; } .fluxPage .Flux .userPagesNavigation .blockTabs .selected, .fluxPage .Flux .userPagesNavigation .blockTabs a.profileModeButton:hover { background:#3e0000 url(http://static0.fluxstatic.com/-/Clients/colbertnation9176/Img/arrow.png) no-repeat scroll 186px 9px; padding-right:20px; color:#FFFFFF; } .Flux .communitiesListCount, .fluxPage .Flux .blockTabs .profileModeButton .tabCenter{ color:#FFFFFF; } .Flux .filterBtnSpacer, .Flux .filterCloud .filterButton { background-image: url(http://static0.fluxstatic.com/-/Clients/colbertnation9176/Img/filter_cloudButtonsCustom.gif); } .Flux .filterBtnSpacer { background-position:left -196px; } .Flux .filterCloud .cloudLeft, .Flux .filterCloud .cloudCenter, .Flux .filterCloud .cloudRight { background-image: url(http://static0.fluxstatic.com/-/Clients/colbertnation9176/Img/filter_cloud.png); } .Flux .profileEditButton{ background-image: url(http://static0.fluxstatic.com/-/Clients/colbertnation9176/Img/profileEdit_btns_xy_0x20.gif); } .Flux .btnEditProfile { background-position:left -57px; } .Flux .btnComposeMail{ background-position:left -21px; } .Flux .userProfileWide .userProfileGuestbook .cloudCenter img, .Flux .userProfileWide .userProfileGuestbook .cloudCenter embed, .Flux .userProfileWide .userProfileGuestbook .cloudCenter object { max-width: 165px; } .ie6only .Flux .userProfileWide .userProfileGuestbook .cloudCenter img, .Flux .userProfileWide .userProfileGuestbook .cloudCenter embed, .Flux .userProfileWide .userProfileGuestbook .cloudCenter object { width: expression(this.clientWidth > 165px?"175px":"auto"); width:165px; } .Flux .mail .zoneContent .folderList{ background:#f2f2f2; } .Flux .mail .zoneContent .folderList .columnRight { padding-right:10px; } .Flux .mailFolderSwitcher a.linkButton, .Flux .filterCloud .cloudCenter a, .fluxPage .fluxPageContainer .Flux a.wizardButton { color:#013E9E; } .fluxPage .fluxPageContainer .Flux a.wizardButton:hover { background-color:transparent;color:#ae0f1d; } .Flux .filterCloud .cloudCenter a:hover { color:#ae0f1d; } .Flux .user_gb a.commonButton .btnLeft { padding-left:0; } body.fluxPage .Comments a.commonButton:hover { text-decoration:none!important; } /* Mindo - end */