You are here

Home » API reference » Admin 7.2

admin.menu.css in Admin 7.2

Same filename and directory in other branches
  1. 6.2 includes/admin.menu.css
/**
 * Breadcrumb
 */
div#admin-toolbar div.admin-tab.admin-menu #admin-tab-admin-menu {
  display:block;
  height:20px;
  overflow:hidden;
  position:relative;
  }

div#admin-toolbar div.admin-tab a {
  background:url(../images/sprite.png) 100% -70px no-repeat;
  padding-right:20px;
  }

  div#admin-toolbar div.admin-tab a:last-child {
    background:transparent;
    padding:0px;
    }

/**
 * Tooltips
 */
div#admin-toolbar.vertical div.admin-toolbar-menu-hover div.block-content { bottom:100px; }

div#admin-toolbar span.menu-description { display:none; }

div#admin-toolbar a.menu-hover span.menu-description {
  color:#ccc;
  display:block;
  }

div#admin-toolbar.vertical a.menu-hover span.menu-description {
  position:absolute;
  overflow:hidden;
  left:0px;
  right:0px;
  bottom:0px;
  padding:0px 20px;
  height:90px;
  }

div#admin-toolbar.horizontal a.menu-hover span.menu-description {
  position:absolute;
  top:0px;
  left:60%;
  width:35%;
  padding-left:20px;
  }

/**
 * Menu
 */
#admin-toolbar ul.menu,
#admin-toolbar ul.menu ul,
#admin-toolbar ul.menu li,
#admin-toolbar ul.menu li a {
  list-style:none;
  background:transparent;
  padding:0px;
  margin:0px;
  border:0px;
  }

/* IE7 */
*:first-child+html #admin-toolbar ul.menu,
*:first-child+html #admin-toolbar ul.menu ul,
*:first-child+html #admin-toolbar ul.menu li,
*:first-child+html #admin-toolbar ul.menu li a { overflow:hidden; }

#admin-toolbar.horizontal ul.drilldown-active-menu {
  float:left;
  width:60%;
  }

#admin-toolbar.horizontal div.admin-pane ul.drilldown-active-menu {
  float:none;
  width:auto;
  }

#admin-toolbar.horizontal ul.drilldown-active-menu li {
  float:left;
  width:49.9%;
  }

  #admin-toolbar ul.drilldown-active-menu li { background:url(../images/sprite.png) 0% -85px no-repeat; }

  #admin-toolbar ul.menu li.leaf,
  #admin-toolbar ul.drilldown-active-menu li.leaf { background:url(../images/sprite.png) 0% -110px no-repeat; }

#admin-toolbar ul.menu li a {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

  display:block;
  margin-left:25px;
  height:15px;
  padding:5px 10px 4px;
  border-bottom:1px solid #222;

  white-space:nowrap;
  overflow:hidden;
  }

  #admin-toolbar ul.menu li a span.menu-description { white-space:normal; }

  /* IE7 requires height to be explicitly set. */
  #admin-toolbar ul.menu li.leaf,
  #admin-toolbar ul.drilldown-active-menu li { height:25px; }

  #admin-toolbar ul.menu li a.active { background:#222; }
  #admin-toolbar ul.menu li a:hover {
    color:#000;
    background:url(../images/bleeds.png) 0px -30px repeat-x;
    }

/* Drilldown generic styles */
.drilldown ul.menu li { display:none !important; }
.drilldown ul.menu li a { display:none !important; }
.drilldown ul.menu li.drilldown-active-trail { display:block !important; }

.drilldown ul.drilldown-active-menu li { display:block !important; }
.drilldown ul.drilldown-active-menu li a { display:block !important; }
.drilldown ul.drilldown-active-menu li ul { display:none !important; }

.drilldown ul.drilldown-active-menu li.expanded { cursor:pointer; }
.drilldown ul.drilldown-active-menu ul.menu li a { display:none !important; }

File

includes/admin.menu.css
View source 
  1. /**

  2.  * Breadcrumb

  3.  */

  4. div#admin-toolbar div.admin-tab.admin-menu #admin-tab-admin-menu {

  5.   display:block;

  6.   height:20px;

  7.   overflow:hidden;

  8.   position:relative;

  9.   }

  10. 

  11. div#admin-toolbar div.admin-tab a {

  12.   background:url(../images/sprite.png) 100% -70px no-repeat;

  13.   padding-right:20px;

  14.   }

  15. 

  16.   div#admin-toolbar div.admin-tab a:last-child {

  17.     background:transparent;

  18.     padding:0px;

  19.     }

  20. 

  21. /**

  22.  * Tooltips

  23.  */

  24. div#admin-toolbar.vertical div.admin-toolbar-menu-hover div.block-content { bottom:100px; }

  25. 

  26. div#admin-toolbar span.menu-description { display:none; }

  27. 

  28. div#admin-toolbar a.menu-hover span.menu-description {

  29.   color:#ccc;

  30.   display:block;

  31.   }

  32. 

  33. div#admin-toolbar.vertical a.menu-hover span.menu-description {

  34.   position:absolute;

  35.   overflow:hidden;

  36.   left:0px;

  37.   right:0px;

  38.   bottom:0px;

  39.   padding:0px 20px;

  40.   height:90px;

  41.   }

  42. 

  43. div#admin-toolbar.horizontal a.menu-hover span.menu-description {

  44.   position:absolute;

  45.   top:0px;

  46.   left:60%;

  47.   width:35%;

  48.   padding-left:20px;

  49.   }

  50. 

  51. /**

  52.  * Menu

  53.  */

  54. #admin-toolbar ul.menu,

  55. #admin-toolbar ul.menu ul,

  56. #admin-toolbar ul.menu li,

  57. #admin-toolbar ul.menu li a {

  58.   list-style:none;

  59.   background:transparent;

  60.   padding:0px;

  61.   margin:0px;

  62.   border:0px;

  63.   }

  64. 

  65. /* IE7 */

  66. *:first-child+html #admin-toolbar ul.menu,

  67. *:first-child+html #admin-toolbar ul.menu ul,

  68. *:first-child+html #admin-toolbar ul.menu li,

  69. *:first-child+html #admin-toolbar ul.menu li a { overflow:hidden; }

  70. 

  71. #admin-toolbar.horizontal ul.drilldown-active-menu {

  72.   float:left;

  73.   width:60%;

  74.   }

  75. 

  76. #admin-toolbar.horizontal div.admin-pane ul.drilldown-active-menu {

  77.   float:none;

  78.   width:auto;

  79.   }

  80. 

  81. #admin-toolbar.horizontal ul.drilldown-active-menu li {

  82.   float:left;

  83.   width:49.9%;

  84.   }

  85. 

  86.   #admin-toolbar ul.drilldown-active-menu li { background:url(../images/sprite.png) 0% -85px no-repeat; }

  87. 

  88.   #admin-toolbar ul.menu li.leaf,

  89.   #admin-toolbar ul.drilldown-active-menu li.leaf { background:url(../images/sprite.png) 0% -110px no-repeat; }

  90. 

  91. #admin-toolbar ul.menu li a {

  92.   -moz-border-radius:5px;

  93.   -webkit-border-radius:5px;

  94. 

  95.   display:block;

  96.   margin-left:25px;

  97.   height:15px;

  98.   padding:5px 10px 4px;

  99.   border-bottom:1px solid #222;

  100. 

  101.   white-space:nowrap;

  102.   overflow:hidden;

  103.   }

  104. 

  105.   #admin-toolbar ul.menu li a span.menu-description { white-space:normal; }

  106. 

  107.   /* IE7 requires height to be explicitly set. */

  108.   #admin-toolbar ul.menu li.leaf,

  109.   #admin-toolbar ul.drilldown-active-menu li { height:25px; }

  110. 

  111.   #admin-toolbar ul.menu li a.active { background:#222; }

  112.   #admin-toolbar ul.menu li a:hover {

  113.     color:#000;

  114.     background:url(../images/bleeds.png) 0px -30px repeat-x;

  115.     }

  116. 

  117. /* Drilldown generic styles */

  118. .drilldown ul.menu li { display:none !important; }

  119. .drilldown ul.menu li a { display:none !important; }

  120. .drilldown ul.menu li.drilldown-active-trail { display:block !important; }

  121. 

  122. .drilldown ul.drilldown-active-menu li { display:block !important; }

  123. .drilldown ul.drilldown-active-menu li a { display:block !important; }

  124. .drilldown ul.drilldown-active-menu li ul { display:none !important; }

  125. 

  126. .drilldown ul.drilldown-active-menu li.expanded { cursor:pointer; }

  127. .drilldown ul.drilldown-active-menu ul.menu li a { display:none !important; }