MediaWiki:Common.less/lighttable.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
/* Highlight tables*/

:root {
    --lighttable-bg-hover: #CCCCCC;
    --lighttable-bg-active: #CCFFCC;
    --lighttable-border: black;
}

table.lighttable {
	.highlight-on {
		background-color: var(--lighttable-bg-active);
	}
	.highlight-over {
		background-color: var(--lighttable-bg-hover);
	}
}

/* Underground pass and Lunar Diplomacy lighttable layout to make a 5x5 grid */

.underpasstable {
    margin-left: 3em;	// only needed on desktop 
    
    // need to override base skin styles on mobile
    .content table& {
    	margin-left: 3em;	 // only needed on mobile
    }
    
    &, .lighttable {
    	border-collapse: collapse; // only needed on desktop
    	margin-top: 0; // only needed on mobile
    	margin-bottom: 0; // only needed on mobile
    }
    
    td {
	    padding: 0;
	    margin: 0;
	    width: 50px;
	    height: 50px;
	    border-spacing: 0;
	    border-left: 1px solid var(--lighttable-border);
	    border-right: 1px solid var(--lighttable-border);
	    
	    td {
		    border: none;
		    border-top: 1px solid var(--lighttable-border);
		    border-bottom: 1px solid var(--lighttable-border);
		}
	}
	
	tfoot {
	    display: none;
	}
}