MediaWiki:Common.less/specials.less

From Old School RuneScape Wiki
Jump to: navigation, search
/* ---------------------------------
       [[Special:RecentChanges]]
   --------------------------------- */

// cut out huge amount of whitespace before each row
.mw-changeslist {
	.client-js & ul,
	.client-js & table.mw-enhanced-rc {
		margin-left: 0;
	}

}

.mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted {
	.client-js & ul,
	.client-js & table.mw-enhanced-rc {
		margin-left: 1.5em;
	}

}

// Hide legend
.mw-changeslist-legend {
	display: none;
}


/* ---------------------------
     [[Special:Search]]
   --------------------------- */

// prevent search option columns from being an unreadable mess
#mw-searchoptions table {
    margin-right: 0;

	// border between columns
    &:nth-child(odd) {
    	border-right: 1px solid;
		margin-right: 2em;
    }

    // bold subject namespace
    tr td:first-of-type {
        font-weight: bold;
    }

    td {
        width: 18vw;
        padding: 0;
    }

}

// "Search in namespaces:"
#mw-searchoptions h4 {
	font-family: @sans-serif-stack;
}

.searchresult {
	line-height: 1.5;
}

.searchalttitle,
#mw-search-interwiki li {
	font-size: 90%;
}

.mw-search-result-data {
	color: inherit;
	opacity: .6;
}


/* -----------------------------
       [[Special:Listfiles]]
   ----------------------------- */

// fixing small images on FileList
.page-Special_ListFiles {
    a.image img {
        width: inherit;
        height: inherit;
    }

    .TablePager_col_thumb {
        text-align: center;
    }
}

/* -----------------------------
       [[Special:Editcount]]
   ----------------------------- */

#editcount table[border="1"] {
    background-color: @BODY_MAIN !important; // override inline style
    margin-top: .5em;

    th,
    td {
        padding: .25em .45em;
    }

    th {
        background-color: @BODY_DARK;
        border: 1px solid @BODY_BORDER;
    }

    td {
        border: 1px solid @BODY_BORDER;
    }

    tr:nth-child(odd) {
        background-color: @BODY_LIGHT;
    }
}

/* ---------------------------------
               Unsorted
   --------------------------------- */

// table title
.smwb-title {
    background-color: @BODY_MID;
    border: 1px solid darken( @BODY_MID, 7% );
    border-bottom: 0;
    font-size: 1.6em;

    a {
        padding-left: 10px;
    }

}

// left-aligned table
.smwb-factbox,
// right-aligned table
.smwb-ifactbox {
    border-collapse: collapse;
    border: 0;
}

// rows
.smwb-propvalue,
.smwb-ipropvalue {

    // header
    .smwb-prophead {
        background-color: lighten( @BODY_MID, 3% );
        border: 1px solid darken( @BODY_MID, 7% );
        font-size: .9em;
    }

    // value
    .smwb-propval {
        background-color: @BODY_LIGHT;
        border: 1px solid darken( @BODY_LIGHT, 10% );
        font-size: .9em;
    }

}

// centered row
.smwb-center {
    background-color: lighten( @BODY_MID, 3% );
    border: 1px solid darken( @BODY_MID, 7% );
    border-top: 0;
    padding: 4px 8px;

    a {
        padding-left: 10px;
    }

}

// table bottom
.smwb-bottom {
    border-bottom: 0;
}

/* Special:Notifications-related */
/* Fix placeholder background colour whilst loading items */
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {
	background-color: inherit;
}