MediaWiki:Common.less/specials.less

From RuneScape Classic Wiki
Jump to: navigation, search
// <pre>
/* =====================
       Special pages
   ===================== */

/* ---------------------------------
       [[Special:CreateAccount]]
       [[Special:UserLogin]]
   --------------------------------- */

.page-Special_CreateAccount,
.page-Special_UserLogin {

    .firstHeading {
        width: 32rem;
        margin: 1.5em auto .4em;
    }

    #contentSub {
        display: none;
    }

    // message + form container
    .mw-ui-container {
        width: 32rem;
        margin: 3em auto;

        #userloginForm {
            float: unset;
            margin: 0;
        }

        // actual form area
        .mw-ui-vform {
            margin: 2.5em auto 0;
            width: 22rem;
        }

    }

}

// custom message on Special:CreateAccount
#signupstart,
// custom message on Special:UserLogin
#userloginprompt {
    border: 1px solid @mystic;
    box-shadow: @box-shadow;
    padding: 1.5em 2em 1em;
}

// comments under real name field on Special:CreateAccount
.signup-realname-tip {
    color: darken( @boulder, 7% );
    font-size: .9em;
    line-height: 1.8em;
    margin: -0.75em 0 .75em;
}

// useless statistics on the right of Special:CreateAccount
.mw-createacct-benefits-container {
    display: none;
}

/* ---------------------------------
       [[Special:RecentChanges]]
   --------------------------------- */
// byte marker colours
.mw-plusminus-pos {
    color: #006500;
}

.mw-plusminus-neg {
    color: #8b0000;
}

// makes (abusefilter) tags stand out more
.mw-tag-markers,
.mw-tag-markers a {
    color: red;
    font-weight: bold;
}

// remove certain styles from tags
.mw-tag-marker-visualeditor a,
.mw-tag-marker-visualeditor-needcheck a {
    color: #e49f10;
    font-weight: normal;
}

// [[Mediawiki:Recentchangestext]]
.mw-recentchanges-toplinks {
    font-size: .85em;

    table {
        margin: 3.5em auto 2em;
        
        .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top & {
        	margin: 0 auto 1em;
        }

    }

    th {
        text-align: right;
        padding-right: 5px;
    }

    .speedy-delete a,
    .speedy-move a {
        color: @flamingo;
    }

}

/* --------------------------
       [[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:NewFiles]]
   ----------------------------- */

/* prevent image cutoff */
.page-Special_NewFiles .thumbimage {
    max-height: 212px !important;
    max-width: 212px !important;
    margin: 0 !important;
}

/* -----------------------------
       [[Special:Browse]]
   ----------------------------- */

// default: https://i.imgur.com/EsO7M5r.png
// using a white border to fake padding between rows wtf ???

@smw-border-color: #ddd;
@smw-title-bg-color: #ededed;
@smw-header-bg-color: #f5f5f5;
@smw-row-bg-color: #fafafa;

// table title
.smwb-title {
    background-color: @smw-title-bg-color;
    border: 1px solid @smw-border-color;
    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: @smw-header-bg-color;
        border: 1px solid @smw-border-color;
        font-size: .9em;
    }

    // value
    .smwb-propval {
        background-color: @smw-row-bg-color;
        border: 1px solid @smw-border-color;
        font-size: .9em;
    }

}

// centered row
.smwb-center {
    background-color: @smw-header-bg-color;
    border: 1px solid @smw-border-color;
    border-top: 0;
    padding: 4px 8px;

    a {
        padding-left: 10px;
    }

}

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

/* -----------------------------
             OTHER
   ----------------------------- */

/*  Mark redirects */
/* [[Special:Watchlist]] */
.watchlistredir a,
/* [[Special:AllPages]] */
.allpagesredirect a {
    color: #888;
    font-style: italic;
}

/* Replace default #ffa in [[Special:NewPages]] */
.not-patrolled {
    background-color: @alabaster;
    border-right: 10px solid #eee;
    padding-right: 15px;
}

/* Special:AbuseFilter */
/* fix table overflowing: https://i.imgur.com/WNZH9f4.png */
.mw-special-AbuseLog .mw-abuselog-details {
    table-layout: fixed;
    width: 100%;
}