MediaWiki:Common.css: Difference between revisions
From Soyjak Wiki, The Free Soycyclopedia
Jump to navigationJump to search
(test) Tag: Reverted |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
font-family: "Giko"; | font-family: "Giko"; | ||
src: url("/resources/assets/giko2.woff") format("woff"); | src: url("/resources/assets/giko2.woff") format("woff"); | ||
} | |||
.rotate { animation: rotation 1s infinite linear; display: inline-block; overflow: hidden; | |||
word-break: break-all; | |||
max-width: 100%;} @keyframes rotation { from { transform: rotateX(0deg); } to { transform: rotateX(359deg); } } | |||
.gem { | |||
background: url('https://files.catbox.moe/poh410.png'); | |||
background-size: 25%; | |||
-webkit-text-fill-color: transparent; | |||
-webkit-background-clip: text; | |||
-moz-background-clip:text; | |||
background-clip:text; | |||
-webkit-text-stroke: 1px #007063; | |||
-webkit-animation: glow 1s ease-in-out infinite alternate; | |||
-moz-animation: glow 1s ease-in-out infinite alternate; | |||
animation: glow 1s ease-in-out infinite alternate; | |||
} | |||
@-webkit-keyframes glow { | |||
from { | |||
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #8FFFF1, 0 0 40px #8FFFF1, 0 0 50px #8FFFF1, 0 0 60px #8FFFF1, 0 0 70px #8FFFF1; | |||
} | |||
to { | |||
text-shadow: 0 0 20px #fff, 0 0 30px #DBFFFB, 0 0 40px #DBFFFB, 0 0 50px #DBFFFB, 0 0 60px #DBFFFB, 0 0 70px #DBFFFB, 0 0 80px #DBFFFB; | |||
} | |||
} | } | ||
/* Colored usernames for prominent users */ | /* Colored usernames for prominent users */ | ||
a[href^="/User: | a[href^="/User:Bruh21"] { | ||
font-weight:bold; | font-weight:bold; | ||
color: # | color: #646464 !important; | ||
} | } | ||
a[href^="/User: | a[href^="/User:EszettDoll"] { | ||
font-weight:bold; | font-weight:bold; | ||
color: | color: red !important; | ||
} | } | ||
a[href^="/User:Furry"] { | a[href^="/User:Furry"] { | ||
color: | color: darkred !important; | ||
} | } | ||
.mw-headline, .mw-body #firstHeading { | .mw-headline, .mw-body #firstHeading { | ||
font-family: "Tahoma", sans-serif; | font-family: "Tahoma", sans-serif; | ||
} | |||
/* Portable Infobox CSS here */ | |||
.portable-infobox.pi-background { | |||
background-color: #EEF2FF; | |||
border-color: #D6DAF0; | |||
} | |||
.portable-infobox .pi-secondary-background { | |||
background-color: #EEF2FF; | |||
} | |||
.portable-infobox .pi-header{ | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.portable-infobox .pi-title { | |||
background-color: #D6DAF0; | |||
font-size: 125%; | |||
font-weight: bold; | |||
font-family: "Tahoma", sans-serif; | |||
text-align: center; | |||
} | |||
.portable-infobox .pi-border-color{ | |||
border-color: #D6DAF0; | |||
} | |||
.portable-infobox { | |||
width:270px; | |||
border: 1px solid #D6DAF0; | |||
} | |||
.portable-infobox .pi-horizontal-group-item.pi-data-label{ | |||
background-color: #EEF2FF; | |||
} | |||
.portable-infobox .pi-horizontal-group-item.pi-data-value{ | |||
background-color: #EEF2FF; | |||
} | |||
/* Infobox template style */ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
background-color: #f8f9fa; | |||
color: black; | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width: 22em; | |||
} | |||
.infobox-header, | |||
.infobox-label, | |||
.infobox-above, | |||
.infobox-full-data, | |||
.infobox-data, | |||
.infobox-below, | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-navbar, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infobox-label, | |||
.infobox-data, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
/* @noflip */ | |||
text-align: left; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-above, | |||
.infobox .infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
padding: 0.2em; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-header, | |||
.infobox .infobox-subheader, | |||
.infobox .infobox-image, | |||
.infobox .infobox-full-data, | |||
.infobox .infobox-below { | |||
text-align: center; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-navbar { | |||
/* @noflip */ | |||
text-align: right; | |||
} | } | ||
Line 56: | Line 187: | ||
} | } | ||
} | } | ||
#siteSub {display: block; style:"position: relative; top: -.1em; font-size: 90%; color:#706D80; font-weight:bold; font-variant: small-caps;"} |
Latest revision as of 16:45, 24 December 2023
/* CSS placed here will be applied to all skins */ @font-face { font-family: "Submona"; src: url("/resources/assets/submona.woff") format("woff"); } @font-face { font-family: "Giko"; src: url("/resources/assets/giko2.woff") format("woff"); } .rotate { animation: rotation 1s infinite linear; display: inline-block; overflow: hidden; word-break: break-all; max-width: 100%;} @keyframes rotation { from { transform: rotateX(0deg); } to { transform: rotateX(359deg); } } .gem { background: url('https://files.catbox.moe/poh410.png'); background-size: 25%; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -moz-background-clip:text; background-clip:text; -webkit-text-stroke: 1px #007063; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #8FFFF1, 0 0 40px #8FFFF1, 0 0 50px #8FFFF1, 0 0 60px #8FFFF1, 0 0 70px #8FFFF1; } to { text-shadow: 0 0 20px #fff, 0 0 30px #DBFFFB, 0 0 40px #DBFFFB, 0 0 50px #DBFFFB, 0 0 60px #DBFFFB, 0 0 70px #DBFFFB, 0 0 80px #DBFFFB; } } /* Colored usernames for prominent users */ a[href^="/User:Bruh21"] { font-weight:bold; color: #646464 !important; } a[href^="/User:EszettDoll"] { font-weight:bold; color: red !important; } a[href^="/User:Furry"] { color: darkred !important; } .mw-headline, .mw-body #firstHeading { font-family: "Tahoma", sans-serif; } /* Portable Infobox CSS here */ .portable-infobox.pi-background { background-color: #EEF2FF; border-color: #D6DAF0; } .portable-infobox .pi-secondary-background { background-color: #EEF2FF; } .portable-infobox .pi-header{ font-weight: bold; text-align: center; } .portable-infobox .pi-title { background-color: #D6DAF0; font-size: 125%; font-weight: bold; font-family: "Tahoma", sans-serif; text-align: center; } .portable-infobox .pi-border-color{ border-color: #D6DAF0; } .portable-infobox { width:270px; border: 1px solid #D6DAF0; } .portable-infobox .pi-horizontal-group-item.pi-data-label{ background-color: #EEF2FF; } .portable-infobox .pi-horizontal-group-item.pi-data-value{ background-color: #EEF2FF; } /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; width: 22em; } .infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { vertical-align: top; } .infobox-label, .infobox-data, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { /* @noflip */ text-align: left; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-above, .infobox .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { font-size: 125%; font-weight: bold; text-align: center; } .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { padding: 0.2em; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below { text-align: center; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-navbar { /* @noflip */ text-align: right; } /* AA mode for non-Safari browsers */ .aa { font-family: 'MS PGothic', 'submona', sans-serif !important; word-wrap: break-word; line-height: 1; font-size: 12pt; } /* AA mode for Safari since Safari will try to set the page to shift-jis */ @media screen and (-webkit-min-device-pixel-ratio:0) { .aa { font-family: 'submona', sans-serif !important; } } /* AA mode with the giko font as default for non-Safari browsers */ .aagiko { font-family: 'MS PGothic', 'giko', sans-serif !important; word-wrap: break-word; line-height: 1; font-size: 12pt; } /* AA mode with the giko font for Safari since Safari will try to set the page to shift-jis */ @media screen and (-webkit-min-device-pixel-ratio:0) { .aagiko { font-family: 'giko', sans-serif !important; } } #siteSub {display: block; style:"position: relative; top: -.1em; font-size: 90%; color:#706D80; font-weight:bold; font-variant: small-caps;"}