Skip to content

Instantly share code, notes, and snippets.

@rocktronica

rocktronica/gist:2025024

Created March 12, 2012 22:11
Show Gist options
  • Save rocktronica/2025024 to your computer and use it in GitHub Desktop.
Save rocktronica/2025024 to your computer and use it in GitHub Desktop.
Download ZIP
fixed header w/ whitespace
Raw
gistfile1.css
body { background: #fff; }
.dxmDomainTopGroup { position: fixed; z-index: 1; opacity: .8; }
.tdRight { padding: 0 20px; box-shadow: none; }
.MainFrame, .MainFrameTabs { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; }
.tdLeft { background: #fff; border: none; }
.tdLeft .widget { background: #eef2f4 url("/App_Themes/BubbleBase/images/100-90-4-monochrome.png"); border: 1px solid #ccc; margin: 0 0 20px; border-radius: 2px; }
@rocktronica
Copy link
Author

with funky white widgets

body { background: #fff; }
.dxmDomainTopGroup { position: fixed; z-index: 1; opacity: .8; }
.tdRight { padding: 0 20px; box-shadow: none; }
.MainFrame, .MainFrameTabs { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; }
.tdLeft { background: #fff; border: none; }
.navColumnInner > .widget, .widgetcalendar { background: #fff; border: 1px solid #ccc; margin: 5px 0 20px; border-radius: 2px; position: relative; overflow: visible; }
.widgetcalendar .widget, .widget .widget { margin: 0; border: none; }
.tdLeft h2 { position: absolute; top: -12px; left: 20px; padding: 0 10px; background: #fff; }

@rocktronica
Copy link
Author

white widgets with h2 overflow - hmmmm

body { background: #fff; }
.dxmDomainTopGroup { position: fixed; z-index: 1; opacity: .8; }
.tdRight { padding: 0 20px; box-shadow: none; }
.MainFrame, .MainFrameTabs { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; }
.tdLeft { background: #fff; border: none; }
.navColumnInner > .widget, .widgetcalendar { background: #fff; border: 1px solid #ccc; margin: 5px 0 20px; border-radius: 2px; position: relative; overflow: visible; }
.widgetcalendar .widget, .widget .widget { margin: 0; border: none; }
.tdLeft h2 { position: absolute; top: -12px; left: 20px; padding: 0 10px; background: #fff; white-space: nowrap; overflow: hidden; max-width: 80%; text-overflow: ellipsis; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment