MediaWiki

Common.css: Difference between revisions

From Engineering Client Portal

No edit summary
No edit summary
Line 132: Line 132:


.top-bar-section ul {
.top-bar-section ul {
     background: #fff none repeat scroll 0 0;
     background: transparent none repeat scroll 0 0;
}
}



Revision as of 06:40, 28 April 2017

/* CSS placed here will be applied to all skins */

.iconImage {
display:block;
margin:auto;
padding: 1.7ex;
}

.iconText {
position: relative;
font-size: 2.5em;
line-height: 1.2em;
font-family: knockout-knockout-28;
text-transform:uppercase;
z-index: +1000;
}

@media only screen and (max-width: 768px) {
.iconText {
font-size: 1.5em !important;
}
}

div#bannerDataTexture {
background-image: url('/w/resources/assets/Waves_1_Blue_RGB_bar.png'); 
}

#navwrapper img {
vertical-align: top !important;
padding-right: 10px;
} 

p + p{
  margin-top:10px;
}

body.page-Main_Page.action-view h2.title, body.page-Main_Page.action-submit h2.title { display: none;
}

#footer-lastmod { display: none; }
h4.namespace.label { display: none !important;  }  /* "Special" label */
.mw-search-createlink { display: none; }  /* Create page in Search */

div #toc.toc { font-size: 75%; }

.mw-headline {
    color: #009dd8;
    font-size: large;
}

h2{
    margin-bottom: 0.5em !important;
}

div #catlinks.catlinks { margin-top: 2.5em !important; }

footer.row {
    margin-bottom: 1.5em;
}

ul#filetoc{
    visibility: hidden;
    height: 0px;
}

h2#firstHeading.title {
    font-family: knockout-knockout-28;
    text-transform: uppercase;
    margin-bottom: 1em;

}

h2#filehistory {
    visibility: hidden;
    height: 0px;
}

h3#tagline {
    visibility: hidden;
    height: 0px;
}

div#mw-imagepage-section-filehistory {
    visibility: hidden;
    height: 0px;
}

span.mw-redirectedfrom {
    visibility: hidden;
    height: 0px;
}

h2#metadata {
    visibility: hidden;
    height: 0px;
}

div.mw-imagepage-section-metadata {
    visibility: hidden;
    height: 0px;
}

/* Custom Foreground menubar colors */

.top-bar.expanded .title-area {
    background: inherit !important;
}

.top-bar .toggle-topbar.menu-icon a {
    color: transparent;
}

.top-bar .toggle-topbar.menu-icon a span {
    box-shadow: 0 10px 0 1px #354052, 0 16px 0 1px #354052, 0 22px 0 1px #354052;
}
 
.top-bar {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0px 3px 10px #bdbdbd;
}

.top-bar .name h1,
.top-bar .name h1 a {
    color: #354052 !important;
    width: inherit !important;
}

.top-bar-section li a:not(.button) {
    background: green none repeat scroll 0 0;
    color: blue;
}

.top-bar-section ul {
    background: transparent none repeat scroll 0 0;
}

.top-bar-section ul li.active > a,
.top-bar-section ul li ul.dropdown li > a {
    background: #fff none repeat scroll 0 0;
    color: #354052;
    border-bottom: 1px solid #fcfcfc;
}
 
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #D4EEFD;
    color: #354052;
    border-bottom: 1px solid #purple;
}
 
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: -moz-use-text-color #fff;
    border-right: solid 0px #fff;
    border-left: solid 0px #fff;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-bottom: solid 0px;
    border-top: solid 0px;
}
 
.top-bar-section .has-form,
.top-bar-section li a:not(.button) {
    background: #fff none repeat scroll 0 0;
}
 
button,
.button,
.multipleTemplateAdder {
    background-color: #1e73be;
    border-color: #1e73be;
}
 
button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #548dbf;
}

.toggle-topbar.menu-icon a {
    color: #354052;
}

input#wpPreview {
    background-color: #1e73be;
    border-color: #1e73be;
    color: #fff;
}
 
.top-bar .button.search {
    margin-left: -4px;
    background: url(resources/assets/search.png) no-repeat;
    color: transparent;
    text-transform: uppercase;
    width: 28px;
    border: none;
}
 
.label {
    background-color: #1e73be;
}

/* 
 
a {
    color: #1e73be;
}
 
a:hover, a:focus {
    color: #548dbf;
}

a.new {
    color: #ba0000;
}

 */