Skin talk:Vector

Previous page history was archived for backup purposes at Skin talk:Vector/LQT Archive 1 on 2015-07-10.

Note for questions about the Vector 22 skin please see Skin talk:Vector/2022.

Entries in MediaWiki:Vector.css have no effect. Any ideas? Using MediaWiki 1.39.4.

Did you enable $wgUseSiteCss?

I do not know, because I don't own the wiki. The problem is that the wiki owner is only available very sporadically and I would like to explore possible causes of the problem in advance. The problem is that the wiki owner is only available very sporadically and I would like to explore possible causes of the problem in advance.

Since the default value of <code>$wgUseSiteCss</code> is set to <code>true</code>, technically it's more of a disable, isn't it? Possibly the owner has set this variable to <code>false</code>. Although that's odd, I don't see why he would have done that. At least you have named a possible cause. Thanks.

The background is that the technical owner recently updated the MediaWiki version to 1.39 and I, being only interface administrator, failed to set the specific skin colors of the wiki.--~~~~

Answered

I am curious as to what the "c" in "#p-cactions" means. My closest guess would be "collapsible".

It was #portlet-contentViews before it was renamed in 73402556f6f7 in April 2004 (long before Vector came into existence), so “c” stands for “content”.

Interesting to know; thank you.

I noticed that the Vector legacy skin in zh.wikipedia.org have a differecen look compare with en.wikipedia.org.

The zh.wikipedia.org have two features which are interestining :1 the blue < button to hide the left side bar menu , 2. the blue up and down arrow to navigate to top and bottom of the pages.

How to appply this into the personal wiki Vector legacy skin ?

The collapsible sidebar is implemented using zh:MediaWiki:Gadget-CollapsibleSidebar.js and the blue arrows through zh:MediaWiki:Gadget-scrollUpButton.js.

I tried editing CSS for the Vector 2022 skin on a Miraheze wiki but literally straight doesn't work. Below is what the CSS scripts used look like

/* All CSS here will be loaded for users of the Vector 2022 skin */

#firstHeading{
	font:30px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h2 {
    font: 24px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h3 {
    font: 18px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h4 {
    font: 16px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h5 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h6 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

@media screen {
  #mw-page-base {
    background-image: linear-gradient(#FFFFFF 45%,rgba(36, 255, 0, 0) 100%);
    background-color: transparent;
  }
  body {
    background-color: papayawhip;
  }
}

div.topicon {
  position: absolute;
  z-index: 10;
  top:-55px;
  right: 10px;
  display: block !important;
}

What do I do to get the CSS scripts working?

If a previously functional custom style sheet stopped working as intended, it is probably because something about the layout has changed. Vector 2022 is a fairly new skin, whereas Vector 2010 is long established.

MW 1.39

When I set $wgDefaultSkin = "vector-2022" , the anonymous user can see the login text but can see the Request Account and Language .

So, I need to swicth the Vestor as default . Once user can login, they can change their appearence to Vector-2022 .

It seems tha Vector-2022 is not offer for any anonymous user ?

There is a login link, but it’s hidden in the … menu. (I agree it’s a terrible UX decision.)

Hi Tacsipacsi, I still can't find any login link from the ... menu. See the site here

https://www.tbpedia.org/wiki/%E9%A6%96%E9%A0%81

I notices a similar discussion on this issues at Talk:Reading/Web/Desktop Improvements#Log-in button missing when anonymous editing is disabled

Managed to fixed it by download the lastest Vector skin. Now you can see the ... menu

An issue has been addressed, the anchor ads.

When hidden, the Vector top bar is moved slightly to the top (on both mobile and desktop version)

Some it may consider as a bug, and some may consider as a feature

Just disable top anchor ads to return to normal

Please give me the link for a MediaWiki wiki with ads and vector skin and an issue on MediaWiki

Hi,

How can I set suggested results at the new skin Vector like it is at this site:

What is the best way to make a working copy of the current version of Vector that can then be adjusted?

I wanted to try something similar to DarkVector (a skin based on Vector with just some cosmetic adjustments), but when I duplicate the current 1.37 Vector and change out the skin name in the code and file names, it produces internal errors like this:

Class 'AltVector\SkinVersionLookup' not found.
Backtrace: from /var/www/my.wiki/public_html/mediawiki-1.37.2/skins/AltVector/includes/ServiceWiring.php(55)
...

Thanks for any thoughts/suggestions on how best to approach this!

The namespace name needs to be changed at three places:

• In the namespace statements at the top of files. For example, change namespace Vector\ResourceLoader; to namespace AltVector\ResourceLoader;.
• In skin.json’s AutoloadNamespaces key: "AutoloadNamespaces": {"Vector\\": "includes/"} should be "AutoloadNamespaces": {"AltVector\\": "includes/"}.
• Wherever it’s used: in skin.json, in use statements, maybe even in comments to avoid confusion.

By the way, you technically need to change anything only if you plan to install both original Vector and your modified version (i.e. if you load both from LocalSettings.php—if the original one just sits in the skins directory but not referenced in any way, there’s no conflict), although it may be useful to do so in order to avoid confusion even if you want to use only the modified one.

Thanks for the reply! I do plan to keep the original Vector available alongside the modified version, so I'll check the namespace statements and see if that corrects it. Huwmanbeing (talk) 16:56, 14 May 2022 (UTC)

There was conflicting css in the mobile css file, which I deleted. Editing the Mediawiki:mobile.css page worked.

I use vector with mobile front end. All I want to do is change the link colors when the site is viewed on mobile. I have edited Vector.css and Mobile.css and even Common.css. None of these work. Where is the css located for the mobile version?

How do I enable the sticky header in the new vector skin? I am on MW 1.37.1.