Kullanıcı:RuzDD/vector-2022.css
Görünüm
Not: Yayımladıktan sonra değişiklikleri görmeniz için tarayıcınızın önbelleğini temizlemeniz gerekebilir.
- Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R)
- Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
- Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5'e basın.
/* Vector 2022 için * /
body{ background-color: #ccc !important; }
.mw-page-container{ background-color: #ddd !important; }
#content{
background-color: #eee !important;
border: 1px solid #0006 !important;
border-bottom: 1px solid #000a !important;
border-right: 1px solid #0004 !important;
box-shadow: 1px -1px #0002 !important;
}
.vector-header-container{
background: linear-gradient(#b6b6b6,#f4f4f4) !important;
box-shadow: 0px 3px 16px #0006 !important;
}
.vector-header.mw-header{
background: #0000 !important;
}
.oo-ui-buttonElement-button,.cdx-button,.oo-ui-dropdownWidget-handle{
box-shadow: 1px 1px 8px #0002 !important;
transition-duration: 420ms;
background-image: linear-gradient(#fff1,#0000,#0001) !important;
}
.oo-ui-buttonElement-button:hover,.cdx-button:hover,.oo-ui-dropdownWidget-handle:hover{
box-shadow: 1px 1px 10px #0004 !important;
}
.oo-ui-buttonElement-button:active,.cdx-button:active,.oo-ui-dropdownWidget-handle:active{
box-shadow: inset 1px 1px 8px 2px #000a, 1px 1px 9px #0003 !important;
filter: brightness(92%) !important;
transition-duration: 0ms !important;
}
.cdx-text-input__input{
box-shadow: 1px 1px 8px #0002 !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: #e22 !important;
background-color: #f002 !important;
background-image: linear-gradient(#fffa,#0000) !important;
border: solid 1px #f668 !important;
}
.vector-page-tools-landmark,.vector-sticky-pinned-container,#vector-page-tools-pinned-container{
background: #0000 !important;
max-width: 187px !important;
transform: translateX(8px) !important;
}
.mw-body-header.vector-page-titlebar{
padding: 5px !important;
padding-left: 8px !important;
box-shadow: inset 1px -1px 0px 0px #0003 !important;
}
.vector-pinnable-header-toggle-button{
background-image: linear-gradient(#0000,#0002) !important;
border: 1px solid #0006 !important;
border-bottom: 1px solid #0009 !important;
border-radius: 4px !important;
text-shadow: 1px 0px #fff8,-1px 0px #fff8,0px 1px #fff8,0px -1px #fff8 !important;
color: #000 !important;
box-shadow: inset 0px 0px 0px 1px #fff5, 1px 1px 5px #0003 !important;
opacity: 75%;
}
.vector-pinnable-header-toggle-button:active{
filter: brightness(75%);
box-shadow: inset 0px 0px 3px 1px #000c, 0px 0px 3px #0006 !important;
border: 1px solid #000e !important;
border-bottom: 1px solid #000f !important;
}
#vector-main-menu-pinned-container{
background: #f6f6f6 !important;
border: solid 1px #fff !important;
box-shadow: 1px 1px 10px #0006 !important;
}
#vector-main-menu-pinned-container .vector-main-menu-action.vector-main-menu-action-lang-alert.vector-main-menu-action-lang-alert-empty{
display: none !important;
}
#p-twinkle .vector-menu-content.vector-dropdown-content{
transform: scaleY(75%) translateY(-85px) !important;
}
#p-twinkle .vector-menu-content.vector-dropdown-content .mw-list-item.mw-list-item-js a span{
margin: 0px !important;
}
.hiddentome{
display:none !important;
}
/**/