MediaWiki:Common.css

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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
body {
	background: #ffe url('img/fade-yotsuba.png') repeat-x 80% 0%;
	color: #800000;
}

a:link, a:visited, .intro a.email span.name {
	color: #0000ff;
}

a:link:hover {
	color: #d00;
}

.post_no {
	color: #800000;
}

div.post.reply {
	background: #f0e0d6;
	border-color: #d9bfb7;
}

.post.reply.highlighted {
	background: #f0c0b0;
	border-color: #d9bfb7;
}

.post.reply div.body a {
	color: navy;
}

.intro .subject {
	color: #d00;
}

form table tr th {
	background: #EA8;
}

div.ban h2 {
	background: #FCA;
	color: inherit;
}

div.ban {
	border-color: #800;
}

div.ban p {
	color: black;
}

div.pages {
	background: #F0E0D6;
	border-color: #D9BFB7;
}
.pages .selected {
	color: #800;
}

hr {
	border-color: #D9BFB7;
}

div.boardlist {
	color: #B86;
}

div.boardlist a {
	color: #800;
}

.modlog tr th {
	background: #EA8;
}

/* options.js */

#options_div, #alert_div {
	background: #f0e0d6;
}

.desktop-style div.boardlist:nth-child(1) {
	background-color: #F0E0D6;
}

#content {
	background: #ffe url('https://i.imgur.com/Vv82vh1.png') repeat-x 80% 0%;
	background-size: cover; 
	color: #000817;
}

.thumb {
    background-color: #fff; /* Set the background color to white */
}

.portlet {
    background-color: #d7ffcf;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}    
    
/* Custom styles for the "my-unique-portlet" portlet */
#p-logo {
    background-color: transparent;;
}
.portlet h3 {
    color: #0a5904;
    font-size: 12px;
    font-weight: bold;
}

/* Multimedia viewer */
.mw-mmv-image img {
	background: #fff !important;
}
.mw-mmv-filepage-buttons,
.mw-mmv-reuse-pane .oo-ui-widget-disabled {
	display: none !important;
}
.mw-mmv-overlay {
	z-index: 10000000000;
}
.mw-mmv-wrapper {
	z-index: 10000000001;
	font-size: medium;
}

ul, ol {
    list-style: none; /* Default bullet point marker */
    list-style-image: url('https://i.imgur.com/AVVFJBR.png');
}

.news-section {
    background-color: #e8d2fa;
    border: 2px solid #44006b;
    padding: 10px;
    margin: 0 left; /* Center left */
    width: 50%; /* Adjust as needed */
    box-shadow: 0px 0px 5px #451f5c;
}
.news-section a {
    color: #510e78;
    text-decoration: none;
}
.news-section a:hover {
    text-decoration: underline;
}
/* Style news headlines */
.news-headline {
    font-size: 12px;
    font-weight: bold;
    color: #32004f;
    text-align: center; /* or 'left' */
}
/* Style news descriptions */
.news-description {
    font-size: 12px;
    color: #8131b0;
    text-align: center; /* or 'left' */
}
.Downloads {
    border: 2px solid #03cf00;
    padding: 10px;
    background-color: #b1f7a3;
    margin: 0 left; /* Center left */
    width: 40%; /* Adjust as needed */
    box-shadow: 0px 0px 5px #3d7d3c;
}
.Downloads-content {
    margin: 0; /* Remove margin to eliminate the white box */
    font-weight: bold; /* Apply custom styling to the first text */
}
.firstHeading {
    font-size: 20px;
    color: #d40012;
    padding: 6px;
    background-color: #99ccff;
    border: 2px solid #d40012;
    text-align: center; /* or 'left' */
}
.mw-indicators .mw-indicator {
    background-color: #dedede;
    font-size: 10px;
    border: 2px solid #808080;
    padding: 5px;
    color: #4f4f4f;
}
div#footer.mw-footer {
    background-color: #d7ffcf;
    color: #d40012;
    padding: 3px;
    margin: 3px;
}
div#p-personal.portlet {
    background-color: #f0f0f0; /* Change background color */
    width: 100%;
    position: absolute; /* Use absolute positioning */
    left: 200px; /* Adjust distance from the right edge */
}
li#pt-userpage > a:before {
    display: none;
}
li#pt-userpage > a {
    background-image: url('https://funkinchan.fun/images/d/d5/BoyfriendIcon.png'); /* URL of your uploaded icon */
    background-size: 28px 16px; /* Adjust based on your icon size */
    background-repeat: no-repeat;
    padding-left: 30px; /* Adjust based on your icon size */
    padding-bottom: 30px; /* Adjust based on your icon size */
    padding-top: 2px; /* Adjust based on your icon size */
    line-height: 20px; /* Adjust based on your icon size */
}
li#pt-mytalk > a:before {
    display: none;
}
li#pt-mytalk > a {
    background-image: url('https://funkinchan.fun/images/b/be/GFIcon.png'); /* URL of your uploaded icon */
    background-size: 22px 20px; /* Adjust based on your icon size */
    background-repeat: no-repeat;
    padding-left: 26px; /* Adjust based on your icon size */
    padding-top: 4px; /* Adjust based on your icon size */    
    line-height: 20px; /* Adjust based on your icon size */
}
li#pt-preferences > a:before {
    display: none;
}
li#pt-preferences > a {
    background-image: url('https://funkinchan.fun/images/d/d4/PicoIcon.png'); /* URL of your uploaded icon */
    background-size: 24px 20px; /* Adjust based on your icon size */
    background-repeat: no-repeat;
    padding-left: 26px; /* Adjust based on your icon size */
    padding-top: 5px; /* Adjust based on your icon size */
    line-height: 20px; /* Adjust based on your icon size */
}
li#pt-watchlist > a:before {
    display: none;
}
li#pt-watchlist > a {
    background-image: url('https://funkinchan.fun/images/b/b1/DDIcon.png'); /* URL of your uploaded icon */
    background-size: 22px 26px; /* Adjust based on your icon size */
    background-repeat: no-repeat;
    padding-left: 26px; /* Adjust based on your icon size */
    padding-top: 10px; /* Adjust based on your icon size */
    line-height: 20px; /* Adjust based on your icon size */
}
li#pt-mycontris > a:before {
    display: none;
}
li#pt-mycontris > a {
    background-image: url('https://funkinchan.fun/images/b/b5/SpookiesIcon.png'); /* URL of your uploaded icon */
    background-size: 22px 17px; /* Adjust based on your icon size */
    background-repeat: no-repeat;
    padding-left: 26px; /* Adjust based on your icon size */
    padding-top: 2px; /* Adjust based on your icon size */
    line-height: 20px; /* Adjust based on your icon size */
}
li#pt-logout > a:before {
    display: none;
}
li#pt-logout > a {
    background-image: url('https://funkinchan.fun/images/5/54/TankmanIcon.png'); /* URL of your uploaded icon */
    background-size: 19px 16px; /* Adjust based on your icon size */
    background-repeat: no-repeat;
    padding-left: 26px; /* Adjust based on your icon size */
    padding-top: 2px; /* Adjust based on your icon size */    
    line-height: 20px; /* Adjust based on your icon size */
}