MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

#footer-places { display: none; }
#footer-places-privacy { display: none; }
#footer-places-about { display: none; }
#footer-places-disclaimer { display: none; }
#f-list { display: none; }

/* CHRISTMAS BACKGROUND START
/* Repeating tiled background (retro style) */
/*body { background: #B0C4DE url('https://bloggin.space/images/christmas4.jpg') repeat !important; }

/* Christmas wrapping-paper tile for the top bar only */
/*#mw-page-base,
/*.skin-vector #mw-page-base,
/*.skin-vector-2022 #mw-page-base {
/*    background: #fff url('https://bloggin.space/images/christmas4.jpg') repeat !important;
/*    background-size: auto;               /* keeps the tile at its original size */
/*}

/* Your existing code – keep this */
/* #mw-panel .portal {
/*    background: #ffffff !important;
/*    background-image: none !important;
/*}

/* CHRISTMAS BACKGROUND END


/* Changes the background color of the bottom and left of each page, up to behind half of the logo: */
 body {
   background: #B0C4DE;
 }

/* Changes the background color behind the top half of the logo and at top of each page: */
 #mw-page-base {
   background: #B0C4DE;
 }

#n-recentchanges { display: none; }
#t-whatlinkshere { display: none; } 
#t-recentchangeslinked { display: none; }
#ca-view { display: none; }
#p-tb h3 { display: none; }
#t-info { display: none; }
#t-permalink { display: none; }
#t-upload { display: none; }
#t-specialpages { display: none; }


#ca-talk { display: none !important; }
#ca-nstab-main { display: none !important; }
#ca-view { display: none !important; }
#div.vectorTabs { display: none !important; }
#ca-move { display: none !important; }
#ca-watch { display: none !important; }
#ca-unwatch { display: none !important; }
#mw-list-item {color: hotpink}
#ca-edit { display: none !important; }
#div.vectorTabs { display: none !important; }
#div#simpleSearch { width: 500em; }
#ca-history { display: none !important;}

/* some stuff i added in feb 2025.  mostly font and color */


/* hr {
/*  border-top: 1px solid color: #FF69B4;
/* }


/* #content h1 { text-align: right; } you can change where the article title is displayed */

body { color: #000; font-size: 1.08em; font-family: Tahoma, Arial, sans-serif; font-weight: 400; line-height: 1.5; }
#content h2 { text-transform: lowercase; }
#content h3 { text-transform: lowercase; }
#content h1 { text-transform: lowercase; }
#content h2 .mw-headline { color: #FF69B4; font-size: 14px; font-family: "Verdana"; }
#content h3 .mw-headline { color: #FF69B4; font-size: 12px; font-family: "Verdana"; }
#content h1 .mw-headline { color: #FF69B4; font-size: 16px; font-family: "Verdana"; }

#bodyContent .plainlinks a {
	background: none !important; 
	padding: 0 !important;
	color: #002bb8 !important;
}


 /* unvisited link */
a:link {
  color: hotpink;
}

/* visited link */
a:visited {
  color: hotpink;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: hotpink;
}

/* Remove external link arrows/icons site-wide */
a.external {
    background: none !important;
    padding-right: 0 !important;
}

/* For extra safety on some skins/versions that also use free/external classes */
a.external.free,
a.external.autonumber {
    background: none !important;
    padding-right: 0 !important;
}

/* Force link colors site-wide, including UI buttons/tabs */
a,
a:visited,
a:hover,
a:active {
    color: #FF69B4 !important;
}

/* Add a border around the sidebar */
#mw-panel {
    border: 2px solid #FF69B4;  /* hotpink border */
    margin-left: 5px;           /* pushes the sidebar X pixels to the right */
    margin-top: 32px;           /* pushes the sidebar down */
    padding: 1px;               /* inner spacing */
    background-color: #CEF2F2;  /* lighter background for contrast */
}

/* Hotpink border around the full main content area (title + text + notices) */
#content {
    border: 2px solid #FF69B4;       /* Hotpink border */
    padding: 20px;                   /* Space inside so elements don't touch the border */
    background-color: #ffffff;       /* Keeps it explicitly white */
    margin-right: 15px;
    margin-top: 18px;
}


/* sidebar text attributes */
#mw-panel .portal * {
    font-size: 1.02em;
    font-weight: 350;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
 /*   line-height: 1.5; */

}

/* Make header search compact (helps prevent sidebar clone from being too wide) */
/*#simpleSearch,
/*.vector-search-box {
/*    width: 100px !important;
/*    max-width: none !important;
/*    padding-bottom: 0.8em !important;
/*}

/* Full removal of tab bar and all associated gradients/dividers */
#mw-head,
#left-navigation,
#right-navigation,
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs li,
div.vectorTabs span {
    display: none !important;
    background-image: none !important;
}

/* Reduce the large gap caused by the now-empty tab containers */
#mw-head-base {
    height: 1em !important;  /* Adjust this value if needed; default is ~5.2em */
}

/*#content {
/*    position: relative; /* Required for absolute positioning of the pseudo-element */
/*    overflow: visible;  /* Ensures the image isn't clipped if it overhangs slightly */
/*}

/* Decorative image in the top-right corner */
#content::before {
    content: "";
    position: absolute;
    top: -20px;          /* Adjust to move vertically (negative to go above the border) */
    right: -5px;        /* Adjust to move horizontally (negative to go outside the border) */
    width: 50px;         /* Set the width of your image */
    height: 50px;        /* Set the height of your image */
    background-image: url('https://bloggin.space/netscape.gif'); /* Replace with your image URL */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;         /* Places it above the content but below any overlapping elements if needed */
}

/*#mw-panel .portal .searchButton { display: none; }
/*#mw-panel .portal #searchInput { width: 100% !important; }


/* ─── Sitenotice search bar via InputBox ─── Vector legacy friendly ─── */

.sitenotice-search input[type="search"] {
    box-sizing: border-box;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.sitenotice-search input[type="search"]:focus {
    border-color: #36c;
    box-shadow: 0 0 0 2px rgba(66,152,232,0.4);
    outline: none;
}

/* Hide button if you uncommented it in JS */
.sitenotice-search input[type="submit"] {
    display: none;
}

/* Responsive */
@media (max-width: 720px) {
    .sitenotice-search { max-width: 95% !important; }
    .sitenotice-search input[type="search"] { width: 100% !important; }
}

/* If you want a gradient background (fun/hotpink vibe) */
.sitenotice-search-input {
    background: linear-gradient(to right, #ff69b4, #ffc0cb); /* hotpink to lightpink */
    color: #000;
}

#mw-panel .portal .searchButton,
#mw-panel .portal input[type="submit"] { display: none !important; }
#mw-panel .portal #searchInput,
#mw-panel .portal .searchInput { display: none !important; }