MediaWiki:Common.css: Difference between revisions

From Questlandia Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 5: Line 5:
}
}


/* Solid background + padding + shadow */
/* Ensure the personal tools container has a defined display */
#p-personal {
#p-personal {
     background-color: #2c2f33; /* Dark gray background */
     display: flex;
     padding: 8px 16px;
     justify-content: flex-end;
    border-radius: 8px;
     padding: 5px 10px;
     margin: 10px;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
}


/* Style the container to show links inline */
/* Style the list within the personal tools */
#p-personal ul {
#p-personal ul {
     list-style: none;
     background-color: #2c2f33; /* Dark background */
     margin: 0;
     padding: 6px 12px;
     padding: 0;
     border-radius: 8px;
     display: flex;
     display: flex;
     gap: 12px;
     gap: 10px;
}
}


/* Link appearance */
/* Style individual links */
#p-personal a {
#p-personal li a {
     color: #ffffff !important; /* White links */
     color: #ffffff !important; /* White text */
     text-decoration: none;
     text-decoration: none;
     padding: 4px 6px;
     padding: 4px 6px;
Line 33: Line 30:
}
}


/* Hover effect */
/* Hover effect for links */
#p-personal a:hover {
#p-personal li a:hover {
     background-color: #7289da; /* Discord-blue highlight */
     background-color: #7289da; /* Highlight color */
     color: #ffffff !important;
     color: #ffffff !important;
}
}

Revision as of 05:56, 19 April 2025

/* CSS placed here will be applied to all skins */
body {
    background: url("/images/wiki_background.png") no-repeat center center fixed;
    background-size: cover;
}

/* Ensure the personal tools container has a defined display */
#p-personal {
    display: flex;
    justify-content: flex-end;
    padding: 5px 10px;
}

/* Style the list within the personal tools */
#p-personal ul {
    background-color: #2c2f33; /* Dark background */
    padding: 6px 12px;
    border-radius: 8px;
    display: flex;
    gap: 10px;
}

/* Style individual links */
#p-personal li a {
    color: #ffffff !important; /* White text */
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

/* Hover effect for links */
#p-personal li a:hover {
    background-color: #7289da; /* Highlight color */
    color: #ffffff !important;
}