Screamer Forums and Screamer gallery have returned.

The Screamer Forums will likely remain read only unless it's known that it will be active, since forums in general are kind of dead because of Discord.

MediaWiki:Cosmos.css

From Screamer Wiki
Revision as of 12:37, 26 May 2026 by LuaGunsX (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Cosmos skin */

<style>
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
</style> 

/*Tabber colors*/
.tabbernav {
    font-family: rubik !important;
    font-weight: normal !important;
    font-size: 13px !important;
    border-bottom: 3px solid #505050 !important;
    padding: 0.3em 0 !important;
}
.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: lightgrey !important;
    border:1px !important;
    background: #242424 !important;
}
.tabberactive a {
    color: white !important;
    background: #ba3614 !important;
    font-weight: bold;
}
.tabbernav :not(.tabberactive) a:hover {
    background: #4b4b4b !important;
}
.tabbertab {
    border: 0px !important;
    border-color: #505050 !important;
}
/* Cursors */

body {
  cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; HEIGHT=40 WIDTH=30}
 
a:link {
  cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; }
 
a:hover{
  cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; }
 
a:active{
  cursor: url('http://screamer.wiki/images/c/ce/Press.png'), pointer; }
  
a:element{
  cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; }

/* Scrollbar */

::-webkit-scrollbar {
	width: 12px !important;
	-webkit-overflow-scrolling: auto !important;
}
 
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
 
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #d13c17 !important; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1) !important; 
}
 
::-webkit-scrollbar-thumb:window-inactive {
	background: #A62e10 !important; 
}
/* Portable Infobox CSS here */
.portable-infobox.pi-background {
   background-color: #312B2A;
   border-color: #a62e10;
}
.portable-infobox .pi-secondary-background {
   background-color: #a62e10;
}
.portable-infobox .pi-header{
   font-weight: bold;
   text-align: center;
}
.portable-infobox .pi-title {
   background-color: #a62e10;
   font-size: 130%;
   color: #FFFFFF;
   font-family: rubik;
   text-align: center;
   font-weight: bold;
}
.portable-infobox .pi-border-color{
    border-color: #453d3c;
}
.portable-infobox {
   width:300px;
   border: 1px solid #a62e10;
}
.portable-infobox pi-item pi-item-spacing pi-title{
 font-family:bold
}
.portable-infobox .pi-data-label{
 background-color: #312B2A;
 border-color:#a62e10;
}
.portable-infobox .pi-horizontal-group-item.pi-data-value{
 background-color: #312B2A;
 border-color: #a62e10;
}
.cosmos-header{
 background-image: background: rgb(152,0,0);
background: linear-gradient(90deg, rgba(152,0,0,1) 3%, rgba(156,8,8,1) 35%, rgba(255,0,112,1) 100%);
}
.portable-infobox pi-horizontal-group-item pi-data-label pi-secondary-font pi-border-color pi-item-spacing{
 background-color: #312B2A
}
.catlinks{
 background-color:#2e2e2e
}
.mw-normal-catlinks {
 background-color:#2e2e2e
 border-color:#2e2e2e
}
.portable-infobox pi-media-collection-tabs{
 background-color: #a62e10
}
.mw-collapsible-toggle mw-collapsible-toggle-default mw-collapsible-toggle-expanded mw-collapsible-text{
 color: #FFFFFF;
}}
.portable-infobox .pi-tab-link{
 background: #2e2e2e
}

/* WIP */
#mw-content {
    position: relative;
    z-index: 1;
    min-height: 250px;
    padding: 0px 20px;
    border: 0;
    word-wrap: break-word;
}
#cosmos-header-articleHeader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: normal;
}
.CosmosRail .module {
    position: relative;
    padding: 2px;
    margin-bottom: 30px;
    background: transparent;
    word-wrap: break-word;
    zoom: 1;
}
#firstHeading {
    display: flex;
    align-items: center;
    padding: 2px 0;
}
#cosmos-articleHeader-actions .cosmos-button {
     height: 15px;
     margin-right: 5px
}
.cosmos-button.cosmos-button-secondary {
    color: #000000;
    stroke: #000000;
    background-color: white;
    stroke-width: 2px;
}
#cosmos-page-header {
     padding: 15px 0 10px 0;
     under
}
.page-header__categories {
     display:none
}
.CosmosRail .module {
    background-color: white;
    border-radius: 5px;
    padding: 0;
}
.CosmosRail .module h3 {
    background-color: #ac0808;
    color: white;
    border: none;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 8px;
    padding: 8px;
}
.CosmosRail .recentchanges-module li {
    padding-left: 8px;
    padding-right: 8px;
}
.cosmos-header {
	border-radius: 10px 10px 0 0;
}
.cosmos-header::before {
	background: none;
}
#cosmos-footer {
	border-radius: 0 0 10px 10px;
}
#cosmos-header-articleHeader {
	border-bottom: 1px solid #ff472b;
}
div.thumbinner .thumbcaption {
    padding: 5px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    color: #3a3a3a;
}
#catlinks {
    background: #ffffff;
    border: 1px solid #a00707;
    border-radius: 5px;
}
body > #mw-content-container {
     padding-top: 4%
}
#cosmos-toolbar {
    position: fixed;
    z-index: 399;
    right: 0px;
    bottom: 0px;
    display: flex;
    width: fit-content;
    max-width: 70%;
    height: auto;
    min-height: 25px;
    align-items: center;
    padding: 5px;
    margin: 0;
    background-color: #913a3a;
    border-radius: 5px 0px 0px 0px;
    float: right;
}
#cosmos-banner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    padding: 0;
    margin: 0;
    /* background-color: #660a0a; */
	background-color: #a03007;
    font-size: 15px;
}
.cosmos-userButton-label {
    display: block;
    margin-top: 4px;
    color: #ffffff;
    font-size: 18px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
#cosmos-userButton-avatar > img {
    width: 25px;
    height: 25px;
    border: 2px solid #ffffff;
    border-radius: 16px;
}
#pt-notifications-notice .mw-echo-notifications-badge {
    top: 0;
    width: 23px;
    height: 23px;
}
#searchform input {
    left: auto;
    width: 100%;
    height: 25px;
    padding: 2px 10px;
    border: 0;
    margin: 0;
    -webkit-appearance: none;
    background: rgba(0,0,0,0.4);
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    outline: 0;
    transition: background 250ms ease;
}
/* Make comment box provided by comments extension look better */
select, .site-button {
    background-color: #ffffff;
    border: 1px solid #a03007;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 12px;
}
select {
    padding-right: 0;
}
.c-form-title {
    margin-top: -20px;
}
.c-order {
    float: right;
    padding: 0;
    padding-bottom: 5px
}
#allcomments {
    margin-top: 10px;
}
.c-item {
    position: relative;
    border-bottom: 0px;
    padding: 0px 0px 35px 0px;
    margin: 0px 0px 15px 0px;
}
Retrieved from "https://screamer.wiki/index.php?title=MediaWiki:Cosmos.css&oldid=187361"