Common.css: Difference between revisions

Latest revision as of 10:31, 11 October 2019

/* CSS placed here will be applied to all skins */
div.floatright
{
 padding-left: 2em;
}

div.floatright img
{
 max-width: none;
}

div.floatleft
{
 padding-right: 2em;
}


div.group
{
 margin-top: 0.5em;
}

/* 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,
.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button)
  {
   background: #006699;
   color: #ffffff;
}

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

/* 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: #004567;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #006699;
}

/*Grid background*/
body
{
 background:  #ffffff  url("/skins/dtonline/grid-bg.gif") repeat;
}

#page-content div.row
{
 background-color: #ffffff;
}

/*Change the blue link color*/
.label
{
 background-color: #006699;
}
a, a:hover, a:focus, a:visited
{
 color: #006699;
}
a.label, a.label:hover, a.label:focus, a.label:visited
{
 color: #ffffff;
}

#mw-pages h2,
#mw-category-media h2,
#mw-subcategories h2,
#toc h2
{
 font-size: 150%;
}

div.mw-content-ltr h3
{
 font-size: 150%;
}

#tagline
{
 display: none;
}

.center
{
 text-align: center;
 width: 100%;
}

.center *
{
 margin-left: auto;
 margin-right: auto;
}

div.buyers-guide
{
 width: 100%;
 padding: 0.35em;
 background-color: green;
 color: white;
}

div.buyers-guide a,
div.buyers-guide a:visited
{
 color: white;
}

h5 span.mw-headline
{
 background-color: #006699;
 color: #fff;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

div.buyers-guide h5 span.mw-headline
{
 background-color: green;
}

div.buyers-guide h5
{
 margin-bottom: 0;
}

div.buyers-guide span.mw-headline a
{
 float: right;
 font-size: 0.9em;
 font-style: italic;
 font-weight: bold;
 margin: 0 0.25em;
 padding: 0 0.25em;
 border: solid #fff 2px;
 border-radius: 10px;
 display: inline-block;
}

span.infoicon:after
{
 content: "i";
}