User:Dlrohrer2003/portlet-toggle.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Portlet Toggle stylesheet
 * =============================================================================
 * Description: This is the CSS stylesheet for the main Portlet Toggle script.
 *      Author: [[User:Dlrohrer2003]]
 *     License: GNU-GPL v2 or higher
 */


/* All skins
 * -----------------------------------------------------------------------------
 */
.mw-portlet .collapsible-portlet-header {
	cursor: pointer;
}

.mw-portlet .collapsible-portlet-header::before {
	content: "▼ ";
}

.collapsible-portlet-collapsed .collapsible-portlet-header {
	color: #0645ad;
}

.ltr .collapsible-portlet-collapsed .collapsible-portlet-header::before {
	content: "▶ ";
}

.rtl .collapsible-portlet-collapsed .collapsible-portlet-header::before {
	content: " ◀";
}

.collapsible-portlet-collapsed .collapsible-portlet-header:hover {
	text-decoration: underline;
}

.collapsible-portlet-collapsed .collapsible-portlet-body {
	display: none;
}


/* Specific skins
 * -----------------------------------------------------------------------------
 */

/* Timeless skin */
.skin-timeless .collapsible-portlet-collapsed .collapsible-portlet-header {
	color: #3366cc;
}
.skin-timeless .collapsible-portlet-collapsed .collapsible-portlet-header:hover {
	color: #2a4b8d;
}

/* Modern skin */
.skin-modern #mw_portlets {
	position: relative;
}
.skin-modern .collapsible-portlet-collapsed .collapsible-portlet-header {
	color: #003366;
}