MediaWiki

Difference between revisions of "Common.css"

From Engineering Client Portal

 
(81 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
html {
 +
    background: #FFFFFF;
 +
    background-image: url('/w/resources/assets/Waves_1_Blue_RGB_bar.png');
 +
    background-repeat: repeat-x;
 +
}
 +
 +
body {
 +
height: auto !important;
 +
}
 +
 +
@font-face {
 +
  font-family: 'knockout-knockout-28';
 +
  src: url("/w/resources/assets/fonts/knockout28.woff") format('woff2');
 +
}
 +
 +
.top-bar-logo {
 +
    max-width: 64px;
 +
    height: auto;
 +
    max-height: 36px;
 +
    margin-left: 15px;
 +
    display: inline-block;
 +
}
 +
 +
.title-name {
 +
font-family: knockout-knockout-28, Arial, sans-serif;
 +
font-weight: bold;
 +
    text-transform: uppercase;
 +
    color: #354052 !important;
 +
    font-size: 1.35em !important;
 +
    line-height: 1.6em !important;
 +
    margin-left: 0px;
 +
    white-space: -moz-nowrap;
 +
    white-space: -o-nowrap;
 +
    white-space: nowrap;
 +
    word-wrap: break-word;
 +
}
 +
 +
#navwrapper img {
 +
    vertical-align: top !important;
 +
    padding-right: 10px;
 +
    padding-left: 1px;
 +
    padding-top: 10px;
 +
}
 +
 +
#navwrapper {
 +
    margin-top:6px;
 +
    margin-bottom: -6px;
 +
}
 +
 +
.top-bar-section ul li {
 +
    background: #ffffff;
 +
}
 +
 +
#catlinks{
 +
    visibility: hidden;
 +
}
 +
 +
div.center{
 +
    text-align: center !important;
 +
}
 +
 +
.mw-ui-vform{
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
 +
#searchInput::-webkit-input-placeholder
 +
{
 +
  color: #FFFFFF;
 +
}
 +
 +
#searchInput:-moz-placeholder
 +
{
 +
  color: #FFFFFF;
 +
}
 +
 +
#searchInput::-moz-placeholder
 +
{
 +
  color: #FFFFFF;
 +
}
 +
 +
#searchInput:-ms-input-placeholder
 +
{
 +
  color: #FFFFFF;
 +
}
 +
 +
.smallIcon {
 +
margin-right: 1.3em;
 +
}
 +
 +
.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) {
 
@media only screen and (max-width: 768px) {
#bannertext {
+
.iconText {
font-size: 1em;
+
font-size: 1.5em !important;
 
}
 
}
 
}
 
}
  
 +
div#bannerDataTexture {
 +
background-image: url('/w/resources/assets/Waves_1_Blue_RGB_bar.png');
 +
}
 +
 +
div#alertDataTexture {
 +
background-image: url('/w/resources/assets/Waves_1_Red_RGB_bar.png');
 +
}
  
 
#navwrapper img {
 
#navwrapper img {
 
vertical-align: top !important;
 
vertical-align: top !important;
 
padding-right: 10px;
 
padding-right: 10px;
 +
padding-left: 1px;
 +
padding-top: 10px;
 
}  
 
}  
  
Line 17: Line 130:
 
}
 
}
  
body.page-Main_Page.action-view h2.title, body.page-Main_Page.action-submit h2.title { display: none;
+
#firstHeading {
 +
display: none;
 
}
 
}
  
Line 24: Line 138:
 
.mw-search-createlink { display: none; }  /* Create page in Search */
 
.mw-search-createlink { display: none; }  /* Create page in Search */
  
div #toc.toc { font-size: 75%; }
+
div #toc.toc {
 +
    font-size: 75%;
 +
    margin-top: 1em;
 +
    border: 0px;
 +
}
 +
 
 +
#toc ul, .toc ul {
 +
    font-size: 100%;
 +
}
 +
 
 +
table tr th, table tr td {
 +
    padding: 0.5625em 0.625em;
 +
    font-size: 0.875em !important;
 +
}
 +
 
 +
/*
 +
.oo-ui-buttonElement-button
 +
{
 +
    background-color: #0098F3 !important;
 +
    border-color: #0098F3 !important;
 +
}
 +
*/
  
 
.mw-headline {
 
.mw-headline {
     color: #009dd8;
+
     color: #009dd8 !important;
     font-size: large;
+
     font-weight: bold;
 +
    font-family: knockout-knockout-28 !important;
 +
    margin-top: 0.6em !important;
 
}
 
}
  
 
h2{
 
h2{
 
     margin-bottom: 0em !important;
 
     margin-bottom: 0em !important;
 +
    margin-top: .5em !important;
 +
}
 +
 +
h3{
 +
    margin-bottom: 0em !important;
 +
    margin-top: .5em !important;
 +
}
 +
 +
h4{
 +
    margin-bottom: 0em !important;
 +
    margin-top: .5em !important;
 +
}
 +
 +
h5{
 +
    margin-top: 0.8em !important;;
 +
    margin-bottom: 0em !important;;
 
}
 
}
  
Line 47: Line 200:
  
 
h2#firstHeading.title {
 
h2#firstHeading.title {
     font-family: brandonGrotesque;
+
     font-family: knockout-knockout-28;
 
     text-transform: uppercase;
 
     text-transform: uppercase;
 
     margin-bottom: 1em;
 
     margin-bottom: 1em;
 +
 
}
 
}
  
Line 80: Line 234:
 
     visibility: hidden;
 
     visibility: hidden;
 
     height: 0px;
 
     height: 0px;
 +
}
 +
 +
/* Fix so <tt>, <code>, and <pre> display in a suitable size in firefox, chrome, etc */
 +
tt, code, pre {
 +
    font-size: 0.85em;
 +
}
 +
 +
/* 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;
 +
    height: 46px;
 +
}
 +
 +
.top-bar .name h1,
 +
.top-bar .name h1 a {
 +
    color: #354052 !important;
 +
    width: inherit !important;
 +
}
 +
 +
.top-bar-section li a:not(.button) {
 +
    background: #fff none repeat scroll 0 0;
 +
    color: #fff;
 +
}
 +
 +
.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: #FFFFFF;
 +
    color: #FFFFFF;
 +
    border-bottom: 0px;
 +
}
 +
 +
.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: #00aeef;
 +
    border-color: #00aeef;
 +
}
 +
 +
button:hover,
 +
button:focus,
 +
.button:hover,
 +
.button:focus {
 +
    background-color: #548dbf;
 +
}
 +
 +
.top-bar-section .has-dropdown {
 +
    visibility: hidden;
 +
    width: 0px;
 +
}
 +
 +
li#personal-tools-dropdown {
 +
    visibility: visible !important;
 +
    width: inherit !important;
 +
}
 +
 +
.toggle-topbar.menu-icon a {
 +
    color: #354052;
 +
}
 +
 +
input#wpPreview {
 +
    background-color: #1e73be;
 +
    border-color: #1e73be;
 +
    color: #fff;
 +
}
 +
 +
.top-bar input {
 +
    top: 2px;
 +
}
 +
 +
.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: transparent;
 +
}
 +
 +
 +
 +
a {
 +
    color: #2ba6cb;
 +
}
 +
 +
a:hover, a:focus {
 +
    color: #2795b6;
 +
}
 +
 +
/*
 +
a.new {
 +
    color: #ba0000;
 +
}
 +
 +
*/
 +
 +
ul#footer-left {
 +
    display: inline-block;
 +
}
 +
 +
li#footer-about {
 +
display: none;
 
}
 
}

Latest revision as of 18:47, 28 February 2020

/* CSS placed here will be applied to all skins */
html {
    background: #FFFFFF;
    background-image: url('/w/resources/assets/Waves_1_Blue_RGB_bar.png');
    background-repeat: repeat-x;
}

body {
	height: auto !important;
}

@font-face {
  font-family: 'knockout-knockout-28';
  src: url("/w/resources/assets/fonts/knockout28.woff") format('woff2');
}

.top-bar-logo {
    max-width: 64px;
    height: auto;
    max-height: 36px;
    margin-left: 15px;
    display: inline-block;
}

.title-name {
	font-family: knockout-knockout-28, Arial, sans-serif;
	font-weight: bold;
    text-transform: uppercase;
    color: #354052 !important;
    font-size: 1.35em !important;
    line-height: 1.6em !important;
    margin-left: 0px;
    white-space: -moz-nowrap;
    white-space: -o-nowrap;
    white-space: nowrap;
    word-wrap: break-word;
}

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

#navwrapper {
    margin-top:6px;
    margin-bottom: -6px;
}

.top-bar-section ul li {
    background: #ffffff;
}

#catlinks{
    visibility: hidden;
}

div.center{
    text-align: center !important;
}

.mw-ui-vform{
    margin-left: auto;
    margin-right: auto;
}

#searchInput::-webkit-input-placeholder
{
  color: #FFFFFF;
}

#searchInput:-moz-placeholder 
{
  color: #FFFFFF;
}

#searchInput::-moz-placeholder 
{
  color: #FFFFFF;
}

#searchInput:-ms-input-placeholder 
{
  color: #FFFFFF;
}

.smallIcon {
margin-right: 1.3em;
}

.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'); 
}

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

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

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

#firstHeading {
	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%;
    margin-top: 1em;
    border: 0px;
}

#toc ul, .toc ul {
    font-size: 100%;
}

table tr th, table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em !important;
}

/* 
.oo-ui-buttonElement-button
{
    background-color: #0098F3 !important;
    border-color: #0098F3 !important;
}
*/

.mw-headline {
    color: #009dd8 !important;
    font-weight: bold;
    font-family: knockout-knockout-28 !important;
    margin-top: 0.6em !important;
}

h2{
    margin-bottom: 0em !important;
    margin-top: .5em !important;
}

h3{
    margin-bottom: 0em !important;
    margin-top: .5em !important;
}

h4{
    margin-bottom: 0em !important;
    margin-top: .5em !important;
}

h5{
    margin-top: 0.8em !important;;
    margin-bottom: 0em !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;
}

/* Fix so <tt>, <code>, and <pre> display in a suitable size in firefox, chrome, etc */
tt, code, pre {
    font-size: 0.85em;
}

/* 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;
    height: 46px;
}

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

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

.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: #FFFFFF;
    color: #FFFFFF;
    border-bottom: 0px;
}
 
.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: #00aeef;
    border-color: #00aeef;
}
 
button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: #548dbf;
}

.top-bar-section .has-dropdown {
    visibility: hidden;
    width: 0px;
}

li#personal-tools-dropdown {
    visibility: visible !important;
    width: inherit !important;
}

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

input#wpPreview {
    background-color: #1e73be;
    border-color: #1e73be;
    color: #fff;
}

.top-bar input {
    top: 2px;
}
 
.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: transparent;
}


 
a {
    color: #2ba6cb;
}

a:hover, a:focus {
    color: #2795b6;
}

/* 
a.new {
    color: #ba0000;
}

 */

ul#footer-left {
    display: inline-block;
}

li#footer-about {
display: none;
}