Actions

MediaWiki

Difference between revisions of "Common.css"

From Bravo Fleet Infobase

m
m
 
(2 intermediate revisions by the same user not shown)
Line 68: Line 68:
 
     background: #fff;
 
     background: #fff;
 
     color: #000;
 
     color: #000;
 +
}
 +
.top-bar input {
 +
    display: inline;
 +
    height: 40px;
 +
    width: 250px;
 +
    border-radius: 5px;
 +
    border: 0px;
 +
    background: #f1f1f1;
 +
}
 +
.top-bar .button.search{
 +
    display: none;
 
}
 
}
 
.title-name {
 
.title-name {

Latest revision as of 06:27, 14 August 2019

/* CSS placed here will be applied to all skins */
p{
    font-size: 15px;
}
h1{
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    color: #d3a92d;
    font-style: italic;
    font-size: 35px;
}
h2,h3,h4{
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    color: #2864a8;
    font-style: italic;
}
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h3 { font-size: 20px; }
.toctitle h2{
    font-size: 20px;
    margin: 0;
}
dl, dl dd dl{
    margin-top: 0;
}
dl dd {
    margin-bottom: 0 !important;
}
.icons p{
    float:right;
}
table.wikitable{
    width: auto;
}
.infobox{
    width: 350px;
    float: right;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    margin: 0px 0px 30px 30px;
    border-radius: 13px;
}
.infobox p{
    margin: 0;
    font-size: 14px;
}
ul{
    font-size: 14px;
}
.infobox .infobox-link a{
    color: #fff;
}
.box-head a{
    color: #755a0b;
}
.sitemap p {
    font-size:14px;
    margin: 0;
}
.top-bar {
    background: #fff;
    border-bottom: 3px solid #d2a92c;
    padding: 10px 50px;
}
.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 .has-form {
    background: #fff;
    color: #000;
}
.top-bar input {
    display: inline;
    height: 40px;
    width: 250px;
    border-radius: 5px;
    border: 0px;
    background: #f1f1f1;
}
.top-bar .button.search{
    display: none;
}
.title-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: italic;
    color: #2864a8;
    font-size: 21px;
    text-transform: uppercase;
}
.top-bar-section .has-dropdown > a:after {
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
}
#catlinks {
    border: 2px solid #d2a92c;
    padding: 15px 20px;
    border-radius: 10px;
    margin-top: 20px;
}
a#actions-button {
	float: right;
	z-index: 499;
	font-family: sans-serif;
}
a#actions-button span {
    font-family: 'Roboto', sans-serif;
}
button.secondary, .button.secondary {
    background-color: #efc74e94;
    border-color: #efc74e94;
    color: #4a3800;
    font-weight: bold;
    text-transform: uppercase;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #efc74e;
}
.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
}
.top-bar .toggle-topbar.menu-icon a {
    color: #000000;
}
.top-bar.expanded .title-area {
    background: #ffffff;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #ececec;
    color: #444444;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #dadada;
    color: #000000;
    background: #dadada;
}
.top-bar-section .dropdown {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
#toc, .toc {
    border-radius: 5px;
}
#toctitle h2 {
    font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
.top-bar {
    padding: 0;
}
}