Actions

MediaWiki

Common.css: Difference between revisions

From DT Online

(Make the contributor's name invisible so that the misattribution due to the moderation system is not apparent. Try to make centered images work by reinstating some rules not present in the foreground skin.)
No edit summary
 
(28 intermediate revisions by the same user not shown)
Line 3: Line 3:
{
{
  padding-left: 2em;
  padding-left: 2em;
}
div.floatright img
{
max-width: none;
}
}


Line 21: Line 26:
.top-bar-section ul li.active > a,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
.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;
   background: #006699;
   color: #ffffff;
   color: #ffffff;
Line 95: Line 104:
  margin-left: auto;
  margin-left: auto;
  margin-right: 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";
}
}

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";
}