You are here

site_banner_screen.css in Site Banner 2.0.x

Same filename and directory in other branches
  1. 8 css/site_banner_screen.css
  2. 1.0.x css/site_banner_screen.css
#site-banner-header-banner,
#site-banner-footer-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: 20px;
/*Height of top frame div*/
  max-height: 20px;
  overflow: hidden;
  z-index: 1000;
  right: 0;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
#site-banner-header-banner.toolbar {
  font-size: 18px;
}

#site-banner-footer-banner {
  top: auto;
  bottom: 0;
}

#page-wrapper,
#branding {
  position: relative;
  left: 0;
  right: 0;
  overflow: auto;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}

/*IE6 hack*/
* html body {
  padding: 20px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

/*IE6 hack*/
* html #maincontent {
  height: 100%;
  width: 100%;
}

/* fixes for moving content around when viewing with toolbars */
#toolbar,
#toolbar-bar {
  padding-top: 20px!important;
}

body.toolbar {
  margin-top: -20px!important;
}

body.overlay {
  margin-top: 20px!important;
  padding-top: 40px!important;
}

/* fixes for specific admin toolbars */
body.page-admin.logged-in.toolbar {
  padding-top: 95px!important;
}

body.adminimal-menu.logged-in.admin-menu {
  padding-top: 25px!important;
}

body.adminimal-menu.overlay {
  padding-top: 80px!important;
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}

File

css/site_banner_screen.css
View source
  1. #site-banner-header-banner,
  2. #site-banner-footer-banner {
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. width: auto;
  7. height: 20px;
  8. /*Height of top frame div*/
  9. max-height: 20px;
  10. overflow: hidden;
  11. z-index: 1000;
  12. right: 0;
  13. text-align: center;
  14. display: table-cell;
  15. vertical-align: middle;
  16. font-size: 18px;
  17. }
  18. #site-banner-header-banner.toolbar {
  19. font-size: 18px;
  20. }
  21. #site-banner-footer-banner {
  22. top: auto;
  23. bottom: 0;
  24. }
  25. #page-wrapper,
  26. #branding {
  27. position: relative;
  28. left: 0;
  29. right: 0;
  30. overflow: auto;
  31. padding-top: 20px!important;
  32. padding-bottom: 20px!important;
  33. }
  34. /*IE6 hack*/
  35. * html body {
  36. padding: 20px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
  37. }
  38. /*IE6 hack*/
  39. * html #maincontent {
  40. height: 100%;
  41. width: 100%;
  42. }
  43. /* fixes for moving content around when viewing with toolbars */
  44. #toolbar,
  45. #toolbar-bar {
  46. padding-top: 20px!important;
  47. }
  48. body.toolbar {
  49. margin-top: -20px!important;
  50. }
  51. body.overlay {
  52. margin-top: 20px!important;
  53. padding-top: 40px!important;
  54. }
  55. /* fixes for specific admin toolbars */
  56. body.page-admin.logged-in.toolbar {
  57. padding-top: 95px!important;
  58. }
  59. body.adminimal-menu.logged-in.admin-menu {
  60. padding-top: 25px!important;
  61. }
  62. body.adminimal-menu.overlay {
  63. padding-top: 80px!important;
  64. margin-top: 30px!important;
  65. margin-bottom: 30px!important;
  66. }