You are here

Home » API reference » Site Banner 8

site_banner_screen.css in Site Banner 8

Same filename and directory in other branches
  1. 2.0.x 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. 

  22. #site-banner-footer-banner {

  23.   top: auto;

  24.   bottom: 0;

  25. }

  26. 

  27. #page-wrapper,

  28. #branding {

  29.   position: relative;

  30.   left: 0;

  31.   right: 0;

  32.   overflow: auto;

  33.   padding-top: 20px!important;

  34.   padding-bottom: 20px!important;

  35. }

  36. 

  37. /*IE6 hack*/

  38. * html body {

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

  40. }

  41. 

  42. /*IE6 hack*/

  43. * html #maincontent {

  44.   height: 100%;

  45.   width: 100%;

  46. }

  47. 

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

  49. #toolbar,

  50. #toolbar-bar {

  51.   padding-top: 20px!important;

  52. }

  53. 

  54. body.toolbar {

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

  56. }

  57. 

  58. body.overlay {

  59.   margin-top: 20px!important;

  60.   padding-top: 40px!important;

  61. }

  62. 

  63. /* fixes for specific admin toolbars */

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

  65.   padding-top: 95px!important;

  66. }

  67. 

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

  69.   padding-top: 25px!important;

  70. }

  71. 

  72. body.adminimal-menu.overlay {

  73.   padding-top: 80px!important;

  74.   margin-top: 30px!important;

  75.   margin-bottom: 30px!important;

  76. }