Difference between revisions of "MediaWiki:Tweeki.css"
From OCTOPUSCINEMA
Ocwikiadmin (talk | contribs) |
Ocwikiadmin (talk | contribs) m |
||
(44 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Tweeki skin */ | /* CSS placed here will affect users of the Tweeki skin */ | ||
+ | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap'); | ||
+ | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap'); | ||
+ | @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); | ||
h1, | h1, | ||
Line 11: | Line 14: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-family: "Poppins", sans-serif; | font-family: "Poppins", sans-serif; | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | .navbar-nav, .navbar-brand { | ||
+ | font-family: "Poppins", sans-serif; | ||
+ | font-weight: 400; | ||
} | } | ||
.h1, h1 { | .h1, h1 { | ||
− | font-size: | + | font-size: 2rem; |
} | } | ||
.h2, h2 { | .h2, h2 { | ||
− | font-size: 1. | + | font-size: 1.6rem; |
+ | } | ||
+ | |||
+ | .h3, h3 { | ||
+ | font-size: 1.4rem; | ||
+ | } | ||
+ | |||
+ | .h4, h4 { | ||
+ | font-size: 1.2rem; | ||
} | } | ||
Line 27: | Line 44: | ||
} | } | ||
− | .btn-primary:hover { | + | .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { |
+ | background-color: rgb(192, 96, 30); | ||
+ | border-color: rgb(192, 96, 30); | ||
+ | } | ||
+ | |||
+ | .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { | ||
+ | background-color: rgb(192, 96, 30); | ||
+ | border-color: rgb(192, 96, 30); | ||
+ | } | ||
+ | |||
+ | .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { | ||
+ | border-radius: 0 0.5rem 0.5rem 0; | ||
+ | } | ||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | ||
+ | background-color: rgb(255, 128, 40); | ||
+ | border-color: rgb(255, 128, 40); | ||
+ | } | ||
+ | |||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | ||
background-color: rgb(192, 96, 30); | background-color: rgb(192, 96, 30); | ||
border-color: rgb(192, 96, 30); | border-color: rgb(192, 96, 30); | ||
Line 37: | Line 73: | ||
a:hover { | a:hover { | ||
− | color: rgb( | + | color: rgb(255, 128, 40); |
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: rgb(255, 128, 40); | ||
+ | } | ||
+ | |||
+ | a.external { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | .rounded-corners | ||
+ | { | ||
+ | border-radius: 0.5rem; | ||
+ | } | ||
+ | |||
+ | .bg-dark | ||
+ | { | ||
+ | background: rgba(26, 29, 32,0.8)!important; | ||
+ | -webkit-backdrop-filter: saturate(180%) blur(20px); | ||
+ | backdrop-filter: saturate(180%) blur(20px); | ||
} | } |
Latest revision as of 15:28, 18 October 2022
/* CSS placed here will affect users of the Tweeki skin */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-family: "Poppins", sans-serif; font-weight: 600; } .navbar-nav, .navbar-brand { font-family: "Poppins", sans-serif; font-weight: 400; } .h1, h1 { font-size: 2rem; } .h2, h2 { font-size: 1.6rem; } .h3, h3 { font-size: 1.4rem; } .h4, h4 { font-size: 1.2rem; } .btn-primary { background-color: rgb(255, 128, 40); border-color: rgb(255, 128, 40); border-radius: 0.75rem; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: rgb(192, 96, 30); border-color: rgb(192, 96, 30); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: rgb(192, 96, 30); border-color: rgb(192, 96, 30); } .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-radius: 0 0.5rem 0.5rem 0; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: rgb(255, 128, 40); border-color: rgb(255, 128, 40); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: rgb(192, 96, 30); border-color: rgb(192, 96, 30); } a { color: rgb(255, 128, 40); } a:hover { color: rgb(255, 128, 40); } a:visited { color: rgb(255, 128, 40); } a.external { font-weight: 600; } .rounded-corners { border-radius: 0.5rem; } .bg-dark { background: rgba(26, 29, 32,0.8)!important; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }