Gamepedia Yardım Viki
Advertisement

İşte MediaWiki 1.33 güncellemesi ile ihtiyaç duyulacak CSS değişiklikleri.

Tercihler[]

Örneği Koyu temalı viki tercihi sayfalarındaki açılır menüler beyaz flaşla yüklenir. .oo-ui-dropdownInputWidget.oo-ui-widget-enabled öğesinin arka planı beyaz. → Bilet gönderildi!


İçindekiler daralt/göster bağlantısı[]

Bir sayfada TOK'yu göstermek/daraltmak için "bağlantı" artık bir <a> öğesi değildir. Bu nedenle, bağlantı rengini/stilini istediğiniz gibi eşleştirmek için özel olarak stillendirilmesi gerekecektir.

label.toctogglelabel { color: #F37F20; }

TablePager sınıfı[]

TablePager sınıfı (daha önce Özel:Tümİletiler ve Özel:İstismarSüzgeci/history gibi sayfalarda kullanılmamış) artık mevcut değil. Bu nedenle, söz konusu sınıfa bağımlı olan önceki seçiciler artık, özellikle de fareyle üzerine gelme rengi gibi çalışmayabilir. Bu, bir süre önce .mw-datatable ile değiştirildi, ancak MediaWiki'nin en son sürümüne kadar çalışmaya devam etti.

Bu çok sayfalı tablolar için sayfalama seçicileri de değişti. Grafik gezinme okları için yeni seçiciler şunlardır:

  • .oo-ui-image-progressive.oo-ui-icon-first, .mw-ui-icon-first-progressive::before
  • .oo-ui-image-progressive.oo-ui-icon-previous, .mw-ui-icon-previous-progressive::before
  • .oo-ui-image-progressive.oo-ui-icon-next, .mw-ui-icon-next-progressive::before
  • .oo-ui-image-progressive.oo-ui-icon-last, .mw-ui-icon-last-progressive::before

hepsi aşağıdaki dizeyi arayarak rengi değiştirilebilen bir arka plan resmi kullanır: g fill=%22%2336c ve son 3 karakteri değiştirerek.

Son Değişiklikler[]

Açık temalı vikiler:
Bunun, renkli içerik arka planı ile açık temalı vikilerdeki arka plan renginin ayarlanması gerekebilir. Standart #f8f9fa'dır, içerik alanı aslında beyaz veya açık gri olduğunda uygundur.

Saydam hale getirme veya rgba(255,255,255,0.1) olarak değiştirme önerisi. Yazı tipi rengi dikkate alınmalıdır.

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: #f8f9fa; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }


Kenarlık rengi de muhtemelen değiştirilmelidir. Standart #a2a9b1'dir - açık gri - beyaz içerik arka planında sorun yoktur.
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border: 1px solid #a2a9b1; border-bottom: 0; background-color: #f8f9fa; border-radius: 2px 2px 0 0; padding: 0 0.6em 0.6em 0.6em; margin-top: 1em; line-height: normal; }

Koyu temalı viki standardı:
.skin-hydradark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background: transparent; }

Karanlık temalı vikilerde standart sadece şeffaftır ve muhtemelen çoğu vikilerde kalabilir.

Düğmeler[]

(Canlı güncellemeler, Kaydedilmiş Filtreler, 500 Değişiklik)
Seçilen viki renkleriyle değiştirmek gerekebilir.

Açık temalı viki standartı (background-color yok):
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #222; }

Buraya bir arka plan rengi eklerseniz, bu Pop-up öğesinin içindeki bazı düğme öğelerini de etkiler. Bu ayrıca standart arka plan rengine sahiptir #fff, vikinin renklerine bağlı olarak ayarlamak gerekebilir.
.oo-ui-popupWidget-popup { background-color: #fff; border: 1px solid #a2a9b1; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25); }

Açık temalı viki fareyle üzerine gelme öğesi standart:
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: #fff; color: #444; border-color: #a2a9b1; }

Işık temalı viki aktif eleman standardı:
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: #2a4b8d; color: #fff; border-color: #2a4b8d; }

Çeşitli[]

Rol Düğmeleri[]

Öğe özellikle karanlık vikiler üzerinde stilize edilmelidir - rol düğmelerinin metni (açılır menüden bir rol seçtiğinizde Özel: ActiveUsers'a bakın), #f8f9fa nedeniyle arka plan ve beyaz yazı tipi okunamaz! Bu, sayfadaki "Tercihler" altında adlandırılan sorunla ilgili olabilir.
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: #f8f9fa; padding-right: 1.64285714em; }
Ayrıca koyu vikilerde beyaz bg:
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: #fff; -webkit-transition: border-color 250ms,box-shadow 250ms; -moz-transition: border-color 250ms,box-shadow 250ms; transition: border-color 250ms,box-shadow 250ms; }


"Kaydet düğmesi" "Taslak düğmesini kaydet"[]

Bunu, alttaki tercihler panelinde bulabilirsiniz. Düğme etkin olmadığında standart arka plan rengi #c8ccd1'dir. Yazı tipi rengi #fff'dir ve bu da okumayı biraz zorlaştırır.
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: #c8ccd1; color: #fff; border-color: #c8ccd1; }

Ve biraz daha stil için: Tercihlerde bir şey değiştirildiğinde aktif düğme standart arka plan rengi #36c. Bir renk ayarlaması gerekebilir.
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; background-color: #36c; border-color: #36c; }

Vurgulu efektiyle aynı öğe. Standart:
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #447ff5; border-color: #447ff5; }

Onay kutusu[]

Bunu, tercihler panelinde (düzenleme, çeşitli vb.) veya bu sayfayı düzenlerseniz özetin hemen altında bulabilirsiniz. Standart ayrıca, seçtiğiniz viki renklerine uyan veya uymayan mavi bir #36c.
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { background-color: #36c; border-color: #36c; }

Advertisement