MediaWiki:Vector.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 610: | Line 610: | ||
} | } | ||
/* === Vector tab styling (Page / Talk / Edit / History etc.) === */ | |||
/* Container reset */ | |||
#p-namespaces .vector-menu-content-list, | #p-namespaces .vector-menu-content-list, | ||
#p-views .vector-menu-content-list { | #p-views .vector-menu-content-list { | ||
display: flex; | display: flex; | ||
gap: 2px; | gap: 2px; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #444; /* bar baseline */ | ||
background: transparent; | background: transparent; | ||
margin: 0; | margin: 0; | ||
| Line 620: | Line 623: | ||
} | } | ||
#p-namespaces | /* Base tab look */ | ||
#p-views | #p-namespaces li a, | ||
#p-views li a { | |||
display: block; | display: block; | ||
padding: .6em . | padding: .6em .9em; | ||
background: # | background: #2a2a2a; | ||
color: #e87057; | color: #e87057; | ||
text-decoration: none; | text-decoration: none; | ||
border: 1px solid #444; | |||
border-bottom: none; /* so tab blends into content */ | |||
border-radius: .5em .5em 0 0; /* rounded top corners */ | |||
transition: background .2s, color .2s; | |||
} | } | ||
#p-namespaces li | #p-namespaces li a:hover, | ||
#p-views li | #p-views li a:hover { | ||
background: #3a3a3a; | background: #3a3a3a; | ||
color: # | color: #fff; | ||
} | } | ||
#p-namespaces .selected | #p-namespaces .selected a, | ||
#p-views .selected | #p-views .selected a { | ||
background: #222; | background: #222; | ||
color: #D28A0D; | color: #D28A0D; | ||
font-weight: bold; | font-weight: bold; | ||
border- | border: 2px solid #e87057; | ||
border-bottom: none; | |||
position: relative; | position: relative; | ||
z-index: | top: 1px; | ||
z-index: 2; | |||
} | } | ||
#p-namespaces li | #p-namespaces li a.new, | ||
#p-views li | #p-views li a.new { | ||
color: #d44 !important; | color: #d44 !important; | ||
} | } | ||
| Line 657: | Line 662: | ||
#p-cactions .vector-menu-heading { | #p-cactions .vector-menu-heading { | ||
display: inline-block; | display: inline-block; | ||
padding: .6em . | padding: .6em .9em; | ||
background: # | background: #2a2a2a; | ||
color: #e87057; | color: #e87057; | ||
border: 1px solid # | border: 1px solid #444; | ||
border-bottom: none; | border-bottom: none; | ||
cursor: pointer; | |||
} | } | ||
#p-cactions .vector-menu-content-list | |||
#p-cactions .vector-menu-content-list { | |||
background: #333; | |||
border: 1px solid #444; | |||
border-radius: 0 0 .5em .5em; | |||
} | |||
#p-cactions .vector-menu-content-list li a { | |||
display: block; | |||
padding: .4em .8em; | |||
background: #333; | background: #333; | ||
color: #c1c1c1; | color: #c1c1c1; | ||
border: | border-bottom: 1px solid #444; | ||
} | } | ||
#p-cactions .vector-menu-content-list | |||
#p-cactions .vector-menu-content-list li a:hover { | |||
background: #3a3a3a; | background: #3a3a3a; | ||
color: #fff; | color: #fff; | ||
} | } | ||