You are here

Home » API reference » Site Banner 7

site_banner_screen.css in Site Banner 7 

#siteBannerHeaderBanner,
#siteBannerFooterBanner {
  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;
}

#siteBannerFooterBanner {
  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,
#admin-menu {
  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

site_banner_screen.css
View source 
  1. #siteBannerHeaderBanner,

  2. #siteBannerFooterBanner {

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

  17. 

  18. #siteBannerFooterBanner {

  19.   top: auto;

  20.   bottom: 0;

  21. }

  22. 

  23. #page-wrapper,

  24. #branding {

  25.   position: relative;

  26.   left: 0;

  27.   right: 0;

  28.   overflow: auto;

  29.   padding-top: 20px!important;

  30.   padding-bottom: 20px!important;

  31. }

  32. 

  33. /*IE6 hack*/

  34. * html body {

  35.   padding: 20px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/

  36. }

  37. 

  38. /*IE6 hack*/

  39. * html #maincontent {

  40.   height: 100%;

  41.   width: 100%;

  42. }

  43. 

  44. /* fixes for moving content around when viewing with toolbars */

  45. #toolbar,

  46. #admin-menu {

  47.   padding-top: 20px!important;

  48. }

  49. 

  50. body.toolbar {

  51.   margin-top: -20px!important;

  52. }

  53. 

  54. body.overlay {

  55.   margin-top: 20px!important;

  56.   padding-top: 40px!important;

  57. }

  58. 

  59. /* fixes for specific admin toolbars */

  60. body.page-admin.logged-in.toolbar {

  61.   padding-top: 95px!important;

  62. }

  63. 

  64. body.adminimal-menu.logged-in.admin-menu {

  65.   padding-top: 25px!important;

  66. }

  67. 

  68. body.adminimal-menu.overlay {

  69.   padding-top: 80px!important;

  70.   margin-top: 30px!important;

  71.   margin-bottom: 30px!important;

  72. }