Template:Https://wiki.veloren.net/wiki/User:Ajima/MyStyle.css: Difference between revisions
Template page
Content added Content deleted
mNo edit summary |
m (Added css for the cardbox) |
||
Line 1: | Line 1: | ||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
max-width:765px; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
/* Main Page */ |
/* Main Page */ |
||
/* Used for nav button in main page */ |
/* Used for nav button in main page */ |
||
Line 50: | Line 26: | ||
} |
} |
||
#button:hover { |
#button:hover { |
||
color: white; |
|||
background-color: #ff6666; /* pink */ |
|||
⚫ | |||
/* Contents */ |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
gap: 10px; /* tough mediawiki said it doesn't support gap, it does support */ |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
max-width:765px; /* So picture of armor set and the table are next to each other */ |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
max-width: 960px; /* 960px is the max-width of body section */ |
|||
⚫ | |||
} |
|||
/* Cardbox used for imaged category card */ |
|||
.cardbox-image { |
|||
padding:0; |
|||
border-radius: 5px 5px 0 0; |
|||
} |
|||
.cardbox-title{ |
|||
⚫ | |||
⚫ | |||
border: none; |
|||
border-radius: 0 0 5px 5px; |
|||
background-color: rgba(92, 133, 214, 0.25); /* blue */ |
|||
} |
|||
.cardbox-title:hover { |
|||
color: white; |
color: white; |
||
background-color: #ff6666; /* pink */ |
background-color: #ff6666; /* pink */ |
Revision as of 20:50, 13 October 2022
/* Main Page */
/* Used for nav button in main page */
#mainpage-nav{
padding: 10px;
border: none;
border-radius:5px;
background-color: rgba(92, 133, 214, 0.25); /* blue */
}
/* Overide mediawiki nav link style */
.plainlinks a{
color: white;
font-weight: bold;
font-size: 1em;
}
#mainpage-nav:hover {
color: white;
background-color: #ff6666; /* pink */
}
/* Same style then nav button but separated in case */
#button{
max-height: 32px;
padding: 10px;
border: none;
border-radius:5px;
background-color: rgba(92, 133, 214, 0.25); /* blue */
}
#button:hover {
color: white;
background-color: #ff6666; /* pink */
}
/* Contents */
/* Used for any flex content */
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px; /* tough mediawiki said it doesn't support gap, it does support */
}
.hlist > div {
display : inline-block;
}
/* Force the overflow in table for Armors page */
.Stats {
max-width:765px; /* So picture of armor set and the table are next to each other */
overflow-x:auto;
}
.Stats > table, th, tr, td {
padding:0;
}
/* Force the overflow in table for Weapons page */
.Weapon-grid{
max-width: 960px; /* 960px is the max-width of body section */
overflow-x:auto;
}
/* Cardbox used for imaged category card */
.cardbox-image {
padding:0;
border-radius: 5px 5px 0 0;
}
.cardbox-title{
max-height: 32px;
padding: 10px;
border: none;
border-radius: 0 0 5px 5px;
background-color: rgba(92, 133, 214, 0.25); /* blue */
}
.cardbox-title:hover {
color: white;
background-color: #ff6666; /* pink */
}