You are here

Home » API reference » Tabs in toolbar 7

tab_toolbar.css in Tabs in toolbar 7 

/* Move body down to accommodate toolbar */
body.tab-toolbar { margin-top: 35px !important; }
body.tab-toolbar-secondary { margin-top: 50px !important; }

body.tab-toolbar ul.tabs.primary { 
    background: #ccc;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    left: 0;
    position: fixed;
    text-align: left;
    text-transform: none;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 2px #999;
    padding: 5px 20px;
    height: auto;
    z-index: 100;
    display: inline-block; border-bottom: none; margin: 0;
}
body.tab-toolbar-secondary ul.tabs.primary { height: 50px; }
body.tab-toolbar-secondary ul.tabs.secondary { padding: 0 20px; position: fixed; top: 40px; left: 0; z-index: 101; background: transparent; }

body.tab-toolbar ul.tabs.primary li a, body.tab-toolbar ul.tabs.primary li a:link, 
body.tab-toolbar-secondary ul.tabs.secondary li a, body.tab-toolbar-secondary ul.tabs.secondary li a:link, 
body.page-node.tab-toolbar  #edit-trigger-link,
body.tab-toolbar #l10n-client .labels .toggle {
    font-size: 13px;
    background: #05AAF7;
    padding: 4px 10px;
    color: #fff;
    margin-right: 8px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: auto;
    line-height: normal;
    text-decoration: none important;
    font-weight: normal;
    text-shadow: none;
    text-decoration: none !important;
}
body.tab-toolbar-secondary ul.tabs.secondary li { margin: 0; }
body.tab-toolbar-secondary ul.tabs.secondary li a, body.tab-toolbar-secondary ul.tabs.secondary li a:link { /* color: #666; */ font-size: 11px; background: #53CCFF; }

body.tab-toolbar ul.tabs.primary li a:hover,
body.tab-toolbar ul.tabs.primary li a.active {
    background: #53CCFF;
    border: none;
}  

body.tab-toolbar ul.tabs.secondary li a:hover,
body.tab-toolbar ul.tabs.secondary li a.active {
    background: #99DEFF;
    border: none;
}  

/* Edit module integration */
/* Older versions of edit module had edit link in block */
body.tab-toolbar #block-edit-edit h2 { display: none; }
body.tab-toolbar #edit-trigger-link, body.page-node-add #edit-trigger-link { display: none; }
body.page-node.tab-toolbar #edit-trigger-link { right: 27px; }
body.page-node.tab-toolbar #edit-trigger-link, body.tab-toolbar #l10n-client { 
    display: block; position: fixed; top: 0; z-index: 1000; font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

/* Localization client integration */
body.tab-toolbar #l10n-client { bottom: auto; box-shadow: 3px 3px 5px #aaa; }
body.tab-toolbar #l10n-client .labels { height: auto; background-color: #ccc; color: #222;}
body.tab-toolbar #l10n-client .labels .toggle { margin: 0; z-index: 101; text-transform: none; margin-right: 27px; color: #fff; }
body.tab-toolbar.admin-menu #l10n-client .labels .toggle {  }

/* Allow for toolbars created by other modules */
body.tab-toolbar.admin-menu { margin-top: 55px !important; }
body.tab-toolbar.domain-admin-menu { margin-top: 35px !important; }
body.tab-toolbar.domain-admin-menu-combined { margin-top: 55px !important; }
body.tab-toolbar-secondary.admin-menu { margin-top: 70px !important; }

body.page-node.tab-toolbar.admin-menu #edit-trigger-link { top: 26px; }  
body.page-node.tab-toolbar.admin-menu #l10n-client { top: 26px !important; }
body.tab-toolbar.domain-admin-menu.l10n-client #edit-trigger-link { right: 150px; top: 41px; } 
body.tab-toolbar.domain-admin-menu.l10n-client #l10n-client { top: 41px !important; } 
body.tab-toolbar.domain-admin-menu-combined.l10n-client #edit-trigger-link { right: 150px; top: 61px; } 
body.tab-toolbar.domain-admin-menu-combined.l10n-client #l10n-client { top: 61px !important; } 
body.tab-toolbar.admin-menu ul.tabs.primary { top: 20px; }
body.tab-toolbar.admin-menu ul.tabs.secondary { top: 55px; }
body.tab-toolbar.domain-admin-menu ul.tabs.primary { top: 35px; }
body.tab-toolbar.domain-admin-menu ul.tabs.secondary { top: 70px; }
body.tab-toolbar.domain-admin-menu-combined ul.tabs.primary { top: 55px; }
body.tab-toolbar.domain-admin-menu-combined ul.tabs.secondary { top: 90px; }

File

tab_toolbar.css
View source 
  1. /* Move body down to accommodate toolbar */

  2. body.tab-toolbar { margin-top: 35px !important; }

  3. body.tab-toolbar-secondary { margin-top: 50px !important; }

  4. 

  5. body.tab-toolbar ul.tabs.primary { 

  6.     background: #ccc;

  7.     font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

  8.     left: 0;

  9.     position: fixed;

  10.     text-align: left;

  11.     text-transform: none;

  12.     top: 0;

  13.     width: 100%;

  14.     box-shadow: 0 2px 2px #999;

  15.     padding: 5px 20px;

  16.     height: auto;

  17.     z-index: 100;

  18.     display: inline-block; border-bottom: none; margin: 0;

  19. }

  20. body.tab-toolbar-secondary ul.tabs.primary { height: 50px; }

  21. body.tab-toolbar-secondary ul.tabs.secondary { padding: 0 20px; position: fixed; top: 40px; left: 0; z-index: 101; background: transparent; }

  22. 

  23. body.tab-toolbar ul.tabs.primary li a, body.tab-toolbar ul.tabs.primary li a:link, 

  24. body.tab-toolbar-secondary ul.tabs.secondary li a, body.tab-toolbar-secondary ul.tabs.secondary li a:link, 

  25. body.page-node.tab-toolbar  #edit-trigger-link,

  26. body.tab-toolbar #l10n-client .labels .toggle {

  27.     font-size: 13px;

  28.     background: #05AAF7;

  29.     padding: 4px 10px;

  30.     color: #fff;

  31.     margin-right: 8px;

  32.     border: none;

  33.     -webkit-border-radius: 3px;

  34.     -moz-border-radius: 3px;

  35.     border-radius: 3px;

  36.     height: auto;

  37.     line-height: normal;

  38.     text-decoration: none important;

  39.     font-weight: normal;

  40.     text-shadow: none;

  41.     text-decoration: none !important;

  42. }

  43. body.tab-toolbar-secondary ul.tabs.secondary li { margin: 0; }

  44. body.tab-toolbar-secondary ul.tabs.secondary li a, body.tab-toolbar-secondary ul.tabs.secondary li a:link { /* color: #666; */ font-size: 11px; background: #53CCFF; }

  45. 

  46. body.tab-toolbar ul.tabs.primary li a:hover,

  47. body.tab-toolbar ul.tabs.primary li a.active {

  48.     background: #53CCFF;

  49.     border: none;

  50. }  

  51. 

  52. body.tab-toolbar ul.tabs.secondary li a:hover,

  53. body.tab-toolbar ul.tabs.secondary li a.active {

  54.     background: #99DEFF;

  55.     border: none;

  56. }  

  57. 

  58. /* Edit module integration */

  59. /* Older versions of edit module had edit link in block */

  60. body.tab-toolbar #block-edit-edit h2 { display: none; }

  61. body.tab-toolbar #edit-trigger-link, body.page-node-add #edit-trigger-link { display: none; }

  62. body.page-node.tab-toolbar #edit-trigger-link { right: 27px; }

  63. body.page-node.tab-toolbar #edit-trigger-link, body.tab-toolbar #l10n-client { 

  64.     display: block; position: fixed; top: 0; z-index: 1000; font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

  65. }

  66. 

  67. /* Localization client integration */

  68. body.tab-toolbar #l10n-client { bottom: auto; box-shadow: 3px 3px 5px #aaa; }

  69. body.tab-toolbar #l10n-client .labels { height: auto; background-color: #ccc; color: #222;}

  70. body.tab-toolbar #l10n-client .labels .toggle { margin: 0; z-index: 101; text-transform: none; margin-right: 27px; color: #fff; }

  71. body.tab-toolbar.admin-menu #l10n-client .labels .toggle {  }

  72. 

  73. /* Allow for toolbars created by other modules */

  74. body.tab-toolbar.admin-menu { margin-top: 55px !important; }

  75. body.tab-toolbar.domain-admin-menu { margin-top: 35px !important; }

  76. body.tab-toolbar.domain-admin-menu-combined { margin-top: 55px !important; }

  77. body.tab-toolbar-secondary.admin-menu { margin-top: 70px !important; }

  78. 

  79. body.page-node.tab-toolbar.admin-menu #edit-trigger-link { top: 26px; }  

  80. body.page-node.tab-toolbar.admin-menu #l10n-client { top: 26px !important; }

  81. body.tab-toolbar.domain-admin-menu.l10n-client #edit-trigger-link { right: 150px; top: 41px; } 

  82. body.tab-toolbar.domain-admin-menu.l10n-client #l10n-client { top: 41px !important; } 

  83. body.tab-toolbar.domain-admin-menu-combined.l10n-client #edit-trigger-link { right: 150px; top: 61px; } 

  84. body.tab-toolbar.domain-admin-menu-combined.l10n-client #l10n-client { top: 61px !important; } 

  85. body.tab-toolbar.admin-menu ul.tabs.primary { top: 20px; }

  86. body.tab-toolbar.admin-menu ul.tabs.secondary { top: 55px; }

  87. body.tab-toolbar.domain-admin-menu ul.tabs.primary { top: 35px; }

  88. body.tab-toolbar.domain-admin-menu ul.tabs.secondary { top: 70px; }

  89. body.tab-toolbar.domain-admin-menu-combined ul.tabs.primary { top: 55px; }

  90. body.tab-toolbar.domain-admin-menu-combined ul.tabs.secondary { top: 90px; }

  91. 

  92. 

  93. 

  94. 

  95. 

  96.