Making site with left side menu items built on Omega responsive grid. Setting up the global.css to theme out some page elements, like this menu.
Problem: Used css not used in the browser. Instead system.menus.css is used. Question: Why.
CSS: for menu
/*============== Menu Items ====================*/
.menu ul
{
padding:8px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#FFF;
list-style:none;
text-indent:15px;
background:#0000a2;
}
.menu ul li
{
background:#0000a2;
line-height:28px;
border-bottom:1px solid #000;
}
.menu ul li a
{
text-decoration:none;
color:#FFF;
display:block;
}
.menu ul li a:hover
{
background:#3ea5ea;
}
.menu ul li#active
{
background:#3ea5ea;
}
====================================
Chrome inspector data:
media="all"
ul.menu {
border: none;
list-style: none;
text-align: left;
}
dea.harland.tkmedia="all"
.menu {
margin: 0;
padding: 0;
}
dea.harland.tkmedia="all"
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
margin-bottom: 20px;
}
dea.harland.tkmedia="all"
ul {
list-style: disc;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
Inherited from body.html.front.logged-in.page-node.toolbar.toolbar-drawer.omega-mediaqueries-processed.omega-equalheights-processed.alpha-debug-processed.responsive-layout-wide
dea.harland.tkmedia="all"
body {
font: 0.75em/1.3em Verdana, Helvetica, Arial, sans-serif;
}
dea.harland.tkmedia="all"
body {
font: 13px/1.5 Verdana, Helvetica, Arial, sans-serif;
}
