Difference between revisions of "Pivot.css"

Revision as of 04:41, 20 April 2020

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,700;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

body {
font-family: 'Hind', 'arial', sans-serif;
font-weight:400;
font-size:16px;
}

body.page-Injuries_at_Home_or_Due_to_the_Home_Office #bodyContent p {
font-family: 'Bitter', serif; 
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald', 'Arial', sans-serif; 
font-weight:500;
text-transform:uppercase;
}
h1 {
font-size:48px; 
}
h2 {
font-size:36px; 
}
#mw-content-text h2 {
margin-bottom:15px; 
}
h3 { 
font-size:24px; 
}
h4 {
}

h3#tagline {
font-style:normal;
font-family:'Hind', 'Arial', sans-serif;
text-transform:initial;
color:#231f20;
Font-weight:300; 
}

a { 
color:#ffc528;
}

a:hover {
color:#ffc528; 
text-decoration:underline;
}

ul li a { 
color:#231f20;
}

button, .button {
font-family: 'Oswald', 'arial', sans-serif; 
border-radius:0px;
border-width:2px;
border-color:#231f20; 
color:#231f20; 
background-transparent;
}
button:hover, button:focus, .button:hover, .button:focus {
background-color:#231f20;
}

button.radius, .button.radius {
border-radius:0px; 
}

button.secondary, .button.secondary {
border-color:#ffc528;
color: #ffc528;
Background:transparent;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
border-color:#231f20;
background:#231f20;
color:#ffc528; 
}

button span, .button span {
font-family: 'Oswald', 'Arial', sans-serif !important; 
font-size: 16px; 
text-transform:uppercase;
}

a.title {
font-family: 'Oswald', 'Arial', sans-serif; 
font-weight:600;
text-transform:uppercase;
} 

.navbar-links {
position:relative;
top:-3px; 
}

.navbar-links span a { 
font-size: 18px;
text-transform: uppercase;
font-weight: 400; 
margin:0 20px;
}

.navbar-links span a:hover {
color:#fff; 
}
.search-bar-section {
padding-top:4px; 
}

span#menu-user {
color:#000; 
}

#sidebar {
position:absolute;
height:100%;
}
.side-nav { 
font-family:'Hind', 'Arial', sans-serif;
}
.side-nav li {
margin:0 0 10px 0; 
}

.side-nav li a:not(.button) {
padding:0px; 
}

#p-cactions {
background-color:#FFF;
}
#content-updates-notification { 
background: #231f20;
color: #ffc528;
padding:30px 50px;
max-width:880px;
}

#toc, .toc, .mw-warning { 
border:1px solid #231f20;
max-width:500px;
padding:20px;
background:#FFF;
}

#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align:left;
}

.toctogglelabel {
color:#ffc528;
}

.toclevel-1 > a {
font-family: 'Oswald', 'Arial', sans-serif; 
}

.toc a {
color:#231f20;
}

.mw-content-ltr h2 {
border:0px; 
}

#toc ul, .toc ul { 
margin:0px; 
}

.mw-content-ltr h2 {
border-bottom: 2px solid #ffc528;
}

.wikitable {
background-color:#FFF;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border:2px solid #ffc528;
color:#ffc528;
background:transparent;
}

@media only screen and (min-width: 64.0625em){
#p-cactions {
padding-left:50px;
padding-right:50px;
}
}

@media only screen and (min-width: 40.0625em) {
body { 
font-size:16px; 
}

h1, h1.title { 
font-size:48px;
}
h2 {
font-size:36px; 
}
h3 { 
font-size:24px; 
}
h4 {

}

p, ul, ol, dl { 
font-size:16px; 
}
}

@media screen and (max-width: 1379px) and (min-width: 800px) {
#p-cactions {
left:0px; 
}
}

@media screen and (max-width: 799px) {
#p-cactions {
left:0px;
}
}