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:
}
}


/* Style the top-right user links bar */
/* Solid background + padding + shadow */
#p-personal {
#p-personal {
     background-color: #222;       /* dark background */
     background-color: #2c2f33; /* Dark gray background */
     padding: 6px 12px;
     padding: 8px 16px;
     border-radius: 8px;
     border-radius: 8px;
    color: #fff;
     margin: 10px;
     margin: 10px;
     display: inline-block;
     display: inline-block;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
}


/* Ensure the links inside stay white and styled */
/* Style the container to show links inline */
#p-personal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px;
}
 
/* Link appearance */
#p-personal a {
#p-personal a {
     color: #fff !important;
     color: #ffffff !important; /* White links */
     text-decoration: none;
     text-decoration: none;
     margin: 0 6px;
     padding: 4px 6px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}
}


/* Hover effect */
#p-personal a:hover {
#p-personal a:hover {
     text-decoration: underline;
     background-color: #7289da; /* Discord-blue highlight */
}
     color: #ffffff !important;
 
#p-personal {
     box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
 
#p-personal li {
    display: inline;
    margin-right: 10px;
}
}

Revision as of 05:54, 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;
}

/* Solid background + padding + shadow */
#p-personal {
    background-color: #2c2f33;  /* Dark gray background */
    padding: 8px 16px;
    border-radius: 8px;
    margin: 10px;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/* Style the container to show links inline */
#p-personal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px;
}

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

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