TianyouChen

.display-none-IMP { display: none !important; } /* Global Styles */ body { color: #555555; font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; } h1.center { color: #555555; font-family: Arial,Helvetica,sans-serif; font-size: 24px; } a { color: #00528a; } a:hover, a.TextColor:hover { color: #0067ac; } a .Sprite, a .Sprite16 { background-image: url("https://vanillicon.com/sprites/sprites-14-777777.png"); } a:hover .Sprite, a:hover .Sprite16 { background-image: url("https://vanillicon.com/sprites/sprites-14-333333.png") !important; border: 2px solid transparent; } h1.HomepageTitle, h1.H, h1 { color: #333; margin: 1em 0; font-size: 1em; font-weight: bold; } table { width: 100% !important; } /* Hide Signout option from Preferences dropdown menu */ .MenuItems .SignInOutWrap { display: none; } /* Breadcrumbs Wrapper */ .Breadcrumbs { /*border-right: 1px solid #d4d4d4;*/ margin-right: 10px; padding-right: 10px; } .Breadcrumbs span:nth-child(2) { display: none; } /* Username, Preference Icons */ .MeBox { float: right; } .MeWrap .MeBox .PhotoWrap, .MeWrap .MeBox .WhoIs .Username { display: none !important; } .MeWrap .MeBox .WhoIs .MeMenu .ToggleFlyout:nth-child(1), .MeWrap .MeBox .WhoIs .MeMenu .ToggleFlyout:nth-child(2) { display: none !important; } /* Profile Options - Remove Edit Profile link from downdown */ .ProfileOptions .MenuItems li:first-child, .Button-EditProfile { display: none; } /* Profile Page > Username */ .Profile .User h1.H, .Profile .About dt.Name, .Profile .About dd.Name, .UserBox .WhoIs .Email { display: none; } .Profile .User { padding-top: 25px; } .Profile { padding-top: 20px; } /* Side Nav */ #Panel .FilterMenu li a { padding: 7px 15px; } .BoxCategories .PanelCategories li:nth-child(1) { display: none !important; } #Panel .PanelInfo li.Active a:hover { background-color: initial; } #Panel .SideMenu .PanelInfo li a:hover { color: #0067ac; } .SpParticipated { background-position: -200px -80px; } #Panel .FilterMenu .Active a, #Panel .FilterMenu .Active a:hover, .PanelInfo .Active, .Count { background: #0067ac; } #Panel .Photo, #Panel .PhotoWrap, #Panel .PhotoWrapLarge, .PhotoWrap, #Panel .PanelInfo li.PictureLink { display: none; } .CategoryFilter, .BoxActivityFilter { display: none; } div.Box.Group.SideMenu { display: none; } div.BoxFilter.BoxActivityFilter .FilterMenu li:first-child { display: none; } div.Box.Tags { display: none; } /* Dropdown MenuItem */ .MenuItems, .FlyoutMenu { border: 1px solid #d4d4d4; } .Flyout:before, .FlyoutMenu:before { border-bottom: 7px solid #d4d4d4; } .MenuItems a:hover { background: #0067ac !important; background-color: #0067ac !important; } /* Preferences Page */ /* --> Headings Style */ .ProfileOptions { float: left; } .FormTitleWrapper h1.H { padding-top: 40px; } /* Site Search */ .SiteSearch form { background: none !important; padding: 0 !important; } .SiteSearch .Button:hover { background-position: 0 -196px; } .SearchForm { display: none; } /* Site Search Results */ #search-results h3 a { color: #00528a; } /* Button Primary (New Discussion button) */ .Button.Primary { background-color: #0098C8; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0098C8), color-stop(100%, #0067AC)); background-image: -webkit-linear-gradient(top, #0098C8, #0067AC); background-image: -moz-linear-gradient(top, #0098C8, #0067AC); background-image: -o-linear-gradient(top, #0098C8, #0067AC); background-image: linear-gradient(top, #0098C8, #0067AC); border: 1px solid #BBB; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #A2A2A2; text-shadow: 0 1px 1px rgba(170,170,170,0.5); font-weight: bold; font-size: 0.9em; } .Button.Primary:hover { background: #66AD53; background-color: #66AD53; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66AD53), color-stop(100%, #507B2C)); background-image: -webkit-linear-gradient(top, #66AD53, #507B2C); background-image: -moz-linear-gradient(top, #66AD53, #507B2C); background-image: -o-linear-gradient(top, #66AD53, #507B2C); background-image: linear-gradient(top, #66AD53, #507B2C); border: 1px solid #BBB; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #A2A2A2; text-shadow: 0 1px 1px rgba(170,170,170,0.5); } /* Discussions list items */ .Discussions .ItemDiscussion:hover { background-color: #dce9f1; } .DataList.Discussions .HasNew, .Tag { background: #0067ac; } .Item.Read a:hover { color: #0067ac; } .pageHeadingBox.pageHeadingBox.pageHeadingBox { margin: 15px 0;!important } /* Comments Flags */ .Reactions a:hover .ReactSprite { background-image: url("https://vanillicon.com/sprites/sprites-14-0067ac.png") !important; } .Reactions a:hover { color: #0067ac; } .CountTotal { font-size: 1em; } /* PageControls Bottom */ .PageControls.Bottom { display: none; } .Empty { margin: 10px; } /* Small down triangle on New Discussion and ProfileOptions dropdown was showing weird */ .SpDropdownHandle { width: 0px !important; height: 0px !important; } /* Poll Area, Poll bar colors*/ .VoteUsers { display: none; } .PollColor1 { border-color: #990000; background: #990000; } .PollColor2 { border-color: #00528A; background: #00528A; } .PollColor3 { border-color: #FCAF17; background: #FCAF17; } .UserSignature { border-top: 1px solid #fffefe; border-top: 1px solid rgba(251, 249, 249, 0.1); padding-top: 4px; font-size: 11px; margin-top: 10px; } .UserSignature p { margin: 2px 0; } header#titleBar { display: none !important; } /* Media Queries */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), (max-width: 960px) { .CountItemWrap { width: 30%; } } .footer { color: rgba(0, 0, 0, 0.54); font-size: 0.75rem; font-family: Roboto; font-weight: 400; line-height: 1.66; text-align: right; } /* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } .header { background-color: #1D1F23; height: 25px; } /*# sourceMappingURL=styles.css.map */ div.Box.Tags { display: none; } .titleBar-container_1 { height: 100%; padding-bottom: 0px; padding-top: 0px; position: relative; width: 100%; font-family: 'Roboto', Arial, Helevtica, sans-serif; } .titleBar-container_2 { box-sizing: content-box; display: block; height: 100%; left: 0px; overflow: hidden; padding-bottom: 0px; padding-top: 0px; position: absolute; top: 0px; width: 100%; } .titleBar-bg1 { display: block; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 10px; width: 100%; will-change: opacity; } .titleBar-bg2 { background-color: rgb(29,31,35); display: block; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; will-change: opacity; } .titleBar-container_3 { box-sizing: border-box; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; max-width: 1264px; padding-left: 32px; padding-right: 32px; position: relative; width: 100%; } .titleBar-titleBarContainer_4 { padding-left: 8px; padding-right: 8px; } .titleBar-bar1 { align-items: center; display: flex; flex-wrap: nowrap; height: 48px; justify-content: flex-start; width: 100%; } .leftjust{ justify-content: flex-start; } .titleBar-bar2 { align-items: center; display: flex; flex-wrap: nowrap; height: 48px; justify-content: flex-end; width: 100%; } .rightjust{ justify-content: flex-end; } .headerstyle { background-color: #1d1f23; font-size: 1.0rem; font-family: 'Roboto', Arial, Helevtica, sans-serif; font-weight: 400; line-height: 1.5; text-align: right; justify-content: flex-end; } a { color: #fafafa; } a:hover, a.TextColor:hover { color: #ebebeb; background-color: #fafafa; border: 2px solid transparent; }

.display-none-IMP { display: none !important; } /* Global Styles */ body { color: #555555; font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; } h1.center { color: #555555; font-family: Arial,Helvetica,sans-serif; font-size: 24px; } a { color: #00528a; } a:hover, a.TextColor:hover { color: #0067ac; } a .Sprite, a .Sprite16 { background-image: url("https://vanillicon.com/sprites/sprites-14-777777.png"); } a:hover .Sprite, a:hover .Sprite16 { background-image: url("https://vanillicon.com/sprites/sprites-14-333333.png") !important; border: 2px solid transparent; } h1.HomepageTitle, h1.H, h1 { color: #333; margin: 1em 0; font-size: 1em; font-weight: bold; } table { width: 100% !important; } /* Hide Signout option from Preferences dropdown menu */ .MenuItems .SignInOutWrap { display: none; } /* Breadcrumbs Wrapper */ .Breadcrumbs { /*border-right: 1px solid #d4d4d4;*/ margin-right: 10px; padding-right: 10px; } .Breadcrumbs span:nth-child(2) { display: none; } /* Username, Preference Icons */ .MeBox { float: right; } .MeWrap .MeBox .PhotoWrap, .MeWrap .MeBox .WhoIs .Username { display: none !important; } .MeWrap .MeBox .WhoIs .MeMenu .ToggleFlyout:nth-child(1), .MeWrap .MeBox .WhoIs .MeMenu .ToggleFlyout:nth-child(2) { display: none !important; } /* Profile Options - Remove Edit Profile link from downdown */ .ProfileOptions .MenuItems li:first-child, .Button-EditProfile { display: none; } /* Profile Page > Username */ .Profile .User h1.H, .Profile .About dt.Name, .Profile .About dd.Name, .UserBox .WhoIs .Email { display: none; } .Profile .User { padding-top: 25px; } .Profile { padding-top: 20px; } /* Side Nav */ #Panel .FilterMenu li a { padding: 7px 15px; } .BoxCategories .PanelCategories li:nth-child(1) { display: none !important; } #Panel .PanelInfo li.Active a:hover { background-color: initial; } #Panel .SideMenu .PanelInfo li a:hover { color: #0067ac; } .SpParticipated { background-position: -200px -80px; } #Panel .FilterMenu .Active a, #Panel .FilterMenu .Active a:hover, .PanelInfo .Active, .Count { background: #0067ac; } #Panel .Photo, #Panel .PhotoWrap, #Panel .PhotoWrapLarge, .PhotoWrap, #Panel .PanelInfo li.PictureLink { display: none; } .CategoryFilter, .BoxActivityFilter { display: none; } div.Box.Group.SideMenu { display: none; } div.BoxFilter.BoxActivityFilter .FilterMenu li:first-child { display: none; } div.Box.Tags { display: none; } /* Dropdown MenuItem */ .MenuItems, .FlyoutMenu { border: 1px solid #d4d4d4; } .Flyout:before, .FlyoutMenu:before { border-bottom: 7px solid #d4d4d4; } .MenuItems a:hover { background: #0067ac !important; background-color: #0067ac !important; } /* Preferences Page */ /* --> Headings Style */ .ProfileOptions { float: left; } .FormTitleWrapper h1.H { padding-top: 40px; } /* Site Search */ .SiteSearch form { background: none !important; padding: 0 !important; } .SiteSearch .Button:hover { background-position: 0 -196px; } .SearchForm { display: none; } /* Site Search Results */ #search-results h3 a { color: #00528a; } /* Button Primary (New Discussion button) */ .Button.Primary { background-color: #0098C8; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0098C8), color-stop(100%, #0067AC)); background-image: -webkit-linear-gradient(top, #0098C8, #0067AC); background-image: -moz-linear-gradient(top, #0098C8, #0067AC); background-image: -o-linear-gradient(top, #0098C8, #0067AC); background-image: linear-gradient(top, #0098C8, #0067AC); border: 1px solid #BBB; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #A2A2A2; text-shadow: 0 1px 1px rgba(170,170,170,0.5); font-weight: bold; font-size: 0.9em; } .Button.Primary:hover { background: #66AD53; background-color: #66AD53; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66AD53), color-stop(100%, #507B2C)); background-image: -webkit-linear-gradient(top, #66AD53, #507B2C); background-image: -moz-linear-gradient(top, #66AD53, #507B2C); background-image: -o-linear-gradient(top, #66AD53, #507B2C); background-image: linear-gradient(top, #66AD53, #507B2C); border: 1px solid #BBB; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #A2A2A2; text-shadow: 0 1px 1px rgba(170,170,170,0.5); } /* Discussions list items */ .Discussions .ItemDiscussion:hover { background-color: #dce9f1; } .DataList.Discussions .HasNew, .Tag { background: #0067ac; } .Item.Read a:hover { color: #0067ac; } .pageHeadingBox.pageHeadingBox.pageHeadingBox { margin: 15px 0;!important } /* Comments Flags */ .Reactions a:hover .ReactSprite { background-image: url("https://vanillicon.com/sprites/sprites-14-0067ac.png") !important; } .Reactions a:hover { color: #0067ac; } .CountTotal { font-size: 1em; } /* PageControls Bottom */ .PageControls.Bottom { display: none; } .Empty { margin: 10px; } /* Small down triangle on New Discussion and ProfileOptions dropdown was showing weird */ .SpDropdownHandle { width: 0px !important; height: 0px !important; } /* Poll Area, Poll bar colors*/ .VoteUsers { display: none; } .PollColor1 { border-color: #990000; background: #990000; } .PollColor2 { border-color: #00528A; background: #00528A; } .PollColor3 { border-color: #FCAF17; background: #FCAF17; } .UserSignature { border-top: 1px solid #fffefe; border-top: 1px solid rgba(251, 249, 249, 0.1); padding-top: 4px; font-size: 11px; margin-top: 10px; } .UserSignature p { margin: 2px 0; } header#titleBar { display: none !important; } /* Media Queries */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), (max-width: 960px) { .CountItemWrap { width: 30%; } } .footer { color: rgba(0, 0, 0, 0.54); font-size: 0.75rem; font-family: Roboto; font-weight: 400; line-height: 1.66; text-align: right; } /* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } .header { background-color: #1D1F23; height: 25px; } /*# sourceMappingURL=styles.css.map */ div.Box.Tags { display: none; } .spacing { margin-right: 15px; display: flex; justify-content: flex-end; } .textpart { font-color: #979797; opacity: 0.5; font-size: 0.9rem; font-family: 'Roboto', Arial, Helevtica, sans-serif; font-weight: 400; line-height: 1.66; } .footpart { text-decoration: underline; font-color: #979797; padding: 8px; padding-top: 8px; }