Common.css: Difference between revisions

Revision as of 18:33, 17 February 2015

/* CSS placed here will be applied to all skins */
/* Custom Foreground menubar colors */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
   background: #282727;
   color: #dddddd;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #282727;
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #282727;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #282727;
}
.top-bar .button {
    background: #414141;
    border-top-color: #555555;
    border-right-color: #414141;
    border-bottom-color: #555555;
    border-left-color: #414141;
}

/*
body {
  background: #f7f7f6;
  color: #697060;
}
*/

body {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #697060;
  background-color: #f7f7f7;
}

body h1 { font-family: "FontAwesome"; font-weight: regular; color: #697060; }
body h2 { color: #697060; }
body h3 { color: #697060; }
body h4 { color: #697060; }
body h5 { color: #697060; }
body h6 { color: #697060; }

body a {
  color: #6464ff;
  text-decoration: none;
}
body a:hover,
body a:focus {
  color: #3e3e3e;
  text-decoration: underline;
}
body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}