https://bugzilla.wikimedia.org/show_bug.cgi?id=61099

--- Comment #6 from Erwin Dokter <er...@darcoury.nl> ---
On-topic again... I have some CSS here to make the Vector tabs completely
image-independent. There is a one-pixel discrepancie with active tabs, which i
think is way too minor to fix (can you spot it?) There is no fallback (yet),
just a proof of concept for the tabs.

Paste this in your vector.css:

div#content {
    /* Reset -1px margin */
    margin-top: inherit;
}
div.vectorMenu ul {
    /* Reset top border for drop-down menu */
    border-top: 1px solid #a7d7f9;
}
div.vectorTabs,
div.vectorTabs span {
    /* Tab break */
    background-image: -moz-linear-gradient(bottom, #a7d7f9 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #a7d7f9 0%, #fff 100%);
    background-image: linear-gradient(to top, #a7d7f9 0%, #fff 100%);
    background-size: 1px 100%;
}
div.vectorTabs ul li {
    /* Tab background */
    background-image: -moz-linear-gradient(bottom, #e8f2f8 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #e8f2f8 0%, #fff 100%);
    background-image: linear-gradient(to top, #e8f2f8 0%, #fff 100%);
}
div.vectorTabs ul li.selected {
    background-image: none;
    background-color: #fff;
    /* Fix bottom border for active tab */
    border-bottom: 1px solid #fff;
}

-- 
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
Wikibugs-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to