MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
(Created page with "→‎All CSS here will be loaded for users of the Citizen skin: #citizen-section-collapsible-0 { float: right; }")
 
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
/* All CSS here will be loaded for users of the Citizen skin */
#citizen-section-collapsible-0 {
/*#citizen-section-collapsible-0 {*/
     float: right;
/*    float: right;*/
/*}*/
 
/* Ensure the table wrapper is wide enough and allows floating */
.citizen-table-wrapper {
    width: 100%; /* Ensure it occupies full width */
    overflow: visible; /* Prevent overflow from hiding the table */
    clear: both; /* This ensures the table clears correctly if needed */
}
 
/* Ensure the table itself floats to the right */
.citizen-table-wrapper table {
     float: right; /* Float the table to the right */
    margin-left: 1em; /* Add margin to separate from other content */
    margin-bottom: 1em; /* Add some space below */
}
 
/* Make sure the section's content flows correctly around the floated table */
section {
    overflow: hidden; /* Forces the section to clear its children */
    width: 100%; /* Ensure full width for section */
}
}

Revision as of 00:23, 23 October 2024

/* All CSS here will be loaded for users of the Citizen skin */
/*#citizen-section-collapsible-0 {*/
/*    float: right;*/
/*}*/

/* Ensure the table wrapper is wide enough and allows floating */
.citizen-table-wrapper {
    width: 100%; /* Ensure it occupies full width */
    overflow: visible; /* Prevent overflow from hiding the table */
    clear: both; /* This ensures the table clears correctly if needed */
}

/* Ensure the table itself floats to the right */
.citizen-table-wrapper table {
    float: right; /* Float the table to the right */
    margin-left: 1em; /* Add margin to separate from other content */
    margin-bottom: 1em; /* Add some space below */
}

/* Make sure the section's content flows correctly around the floated table */
section {
    overflow: hidden; /* Forces the section to clear its children */
    width: 100%; /* Ensure full width for section */
}