Citizen.css: Difference between revisions
MediaWiki interface page
More actions
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 16: | Line 16: | ||
} |
} |
||
/* Universal styling for both buttons */ |
|||
ca-edit, ca- |
#ca-edit, #ca-editsource { |
||
height: 46px; |
|||
display: inline-flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 40px; /* Standard button height */ |
|||
padding: 0 12px; /* Adjust padding as needed */ |
|||
font-size: 14px; /* Ensure font size consistency */ |
|||
line-height: 40px; /* Vertically center the text */ |
|||
text-align: center; |
|||
} |
} |
||
/* Style the icons to be the same size */ |
|||
#ca-edit .citizen-ui-icon, #ca-editsource .citizen-ui-icon { |
|||
width: 18px; /* Standardize icon width */ |
|||
height: 18px; /* Standardize icon height */ |
|||
margin-right: 8px; /* Space between icon and text */ |
|||
} |
|||
/* Ensure the icon and text are aligned vertically */ |
|||
#ca-edit span, #ca-editsource span { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
/* Fix any potential issues with padding or margins on individual spans */ |
|||
#ca-editsource span, #ca-edit span { |
|||
margin: 0; /* Remove default margins */ |
|||
} |
|||
/* Optional: Adjust hover or active states if necessary */ |
|||
#ca-edit:hover, #ca-editsource:hover { |
|||
background-color: #f4f4f4; |
|||
border-radius: 3px; |
|||
} |
|||
/* Normal links */ |
/* Normal links */ |
||
Revision as of 09:26, 17 February 2025
/* All CSS here will be loaded for users of the Citizen skin */
@font-face {
font-family: 'Afacad-Regular';
src: url('https://wiki.arcitex.net/images/fonts/Afacad-Regular.ttf') format('ttf');
}
:root {
--font-family-base: 'Afacad-Regular', sans-serif;
--font-size-base: 1.175rem !important;
}
body {
font-family: var(--font-family-base);
background: #000B1A;
}
/* Universal styling for both buttons */
#ca-edit, #ca-editsource {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px; /* Standard button height */
padding: 0 12px; /* Adjust padding as needed */
font-size: 14px; /* Ensure font size consistency */
line-height: 40px; /* Vertically center the text */
text-align: center;
}
/* Style the icons to be the same size */
#ca-edit .citizen-ui-icon, #ca-editsource .citizen-ui-icon {
width: 18px; /* Standardize icon width */
height: 18px; /* Standardize icon height */
margin-right: 8px; /* Space between icon and text */
}
/* Ensure the icon and text are aligned vertically */
#ca-edit span, #ca-editsource span {
display: inline-block;
vertical-align: middle;
}
/* Fix any potential issues with padding or margins on individual spans */
#ca-editsource span, #ca-edit span {
margin: 0; /* Remove default margins */
}
/* Optional: Adjust hover or active states if necessary */
#ca-edit:hover, #ca-editsource:hover {
background-color: #f4f4f4;
border-radius: 3px;
}
/* Normal links */
a {
color: #f72a57;
}
/* Visited links */
a:visited {
color: #f72a57;
}
/* Links when hovered */
a:hover {
color: #f72a57;
}
/* Active (clicked) links */
a:active {
color: #f72a57;
}
a.new {
color: #6A38B3 !important;
}
/*
blockquote p {
color: #2A3D57;
}
figure.mw-default-size figcaption {
color: #2A3D57;
}
*/