Jump to content

MediaWiki:Common.css: Difference between revisions

From Transcendent Harem
No edit summary
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 2: Line 2:
/* To make images responsive */
/* To make images responsive */


==External image resizing==
.externalimage-holder {
.externalimage-holder {
     position: relative;
     position: relative;
Line 8: Line 10:
     width: 100%;
     width: 100%;
     height: auto;
     height: auto;
}
== Fonts ==
@font-face {
    font-family: 'comfortaa';
    font-style: normal;
    font-weight: normal;
    src: url('http://theharem.site/font/comfortaa.ttf') format('truetype');
}
==Header formats==
vector-page-titlebar {
    height: 0px;
}
mw-body h1 {
font-variant: small-caps;
text-shadow:0 0 4px #FF0092,0 1px 6px #FF0092,0 2px 8px #FF0092;
font-family: "comfortaa";
}
h1 {
font-variant: small-caps;
text-shadow:0 0 4px #FF0092,0 1px 6px #FF0092,0 2px 8px #FF0092;
font-family: "comfortaa";
}
mw-body h2 {
font-variant: small-caps;
color: #FF0092;
}
h2 {
font-variant: small-caps;
color: #FF0092;
}
mw-body h3 {
color: #FF0092;
}
h3 {
color: #FF0092;
}
}

Latest revision as of 10:06, 5 March 2025

/* CSS placed here will be applied to all skins */
/* To make images responsive */


==External image resizing==
.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}


== Fonts ==

@font-face {
    font-family: 'comfortaa';
    font-style: normal;
    font-weight: normal;
    src: url('http://theharem.site/font/comfortaa.ttf') format('truetype');
}

==Header formats==

vector-page-titlebar {
    height: 0px;
}

mw-body h1 {
	font-variant: small-caps;
	text-shadow:0 0 4px #FF0092,0 1px 6px #FF0092,0 2px 8px #FF0092;
	font-family: "comfortaa";
}

h1 {
	font-variant: small-caps;
	text-shadow:0 0 4px #FF0092,0 1px 6px #FF0092,0 2px 8px #FF0092;
	font-family: "comfortaa";
}

mw-body h2 {
	font-variant: small-caps;
	color: #FF0092;	
}

h2 {
	font-variant: small-caps;
	color: #FF0092;	
}

mw-body h3 {
	color: #FF0092;	
}

h3 {
	color: #FF0092;	
}