Common.css: Difference between revisions
From Engineering Client Portal
LaMarHolmes (talk | contribs) No edit summary Tag: Reverted |
LaMarHolmes (talk | contribs) m (Reverted edits by LaMarHolmes (talk) to last revision by Mywikis) Tag: Rollback |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
html { | html { | ||
background: #FFFFFF; | |||
background-image: url('/w/resources/assets/Waves_1_Blue_RGB_bar.png'); | |||
background-repeat: repeat-x; | |||
} | } | ||
body { | 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: | font-family: knockout-knockout-28, Arial, sans-serif; | ||
font- | 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 { | ||
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 */ | |||
#toc | div #toc.toc { | ||
font-size: 75%; | |||
margin-top: 1em; | |||
border: 0px; | |||
} | } | ||
.toc | #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 . | |||
} | } | ||
.top-bar .toggle-topbar.menu-icon a { | .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 | |||
} | } | ||
.top-bar-section . | .top-bar-section li a:not(.button) { | ||
background: #fff none repeat scroll 0 0; | |||
color: #fff; | |||
} | } | ||
.top-bar-section ul { | .top-bar-section ul { | ||
background: transparent none repeat scroll 0 0; | |||
} | } | ||
.top-bar-section ul li { | .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 . | .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 | .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"] { | .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; | |||
.top-bar .button | |||
} | } | ||
button, | button, | ||
.button, | .button, | ||
.multipleTemplateAdder { | .multipleTemplateAdder { | ||
background-color: #00aeef; | |||
border-color: #00aeef; | |||
} | } | ||
button:hover, | button:hover, | ||
button:focus, | button:focus, | ||
.button:hover, | .button:hover, | ||
.button:focus { | .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 { | input#wpPreview { | ||
background-color: #1e73be; | |||
border-color: #1e73be; | |||
color: #fff; | |||
} | } | ||
input | .top-bar input { | ||
top: 2px; | |||
} | } | ||
.top-bar .button.search { | |||
button. | 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 { | a { | ||
color: #2ba6cb; | |||
} | } | ||
a:hover, | a:hover, a:focus { | ||
a:focus { | color: #2795b6; | ||
} | } | ||
/* a.new { color: #ba0000 | /* | ||
a.new { | |||
color: #ba0000; | |||
} | } | ||
*/ | |||
ul#footer-left { | |||
display: inline-block; | |||
} | } | ||
li#footer-about { | li#footer-about { | ||
display: none; | |||
} | } | ||
.mw-highlight pre { | |||
background: #ebe7e7; | |||
line-height: 1.60em; | |||
} | } | ||
Revision as of 18:01, 10 June 2024
/* 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 {
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;
}
.mw-highlight pre {
background: #ebe7e7;
line-height: 1.60em;
}