MediaWiki:Vector.css: Difference between revisions

From Pikmin Fanon
(Created page with "→‎Don't display some stuff on the main page: body.page-Main_Page #lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeadin...")
 
m (Current skin obscures links, also removing Wikia header stuff.)
Line 54: Line 54:


#wikia_page {
#wikia_page {
     background-image: url(http://images.wikia.com/pikmin/images/1/1f/Background.jpg);
     background-image: url(http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png);
     background-position: right;
     background-position: right;
     background-attachment: fixed;
     background-attachment: fixed;
Line 347: Line 347:
   background-image: none;
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wikia.com/pikmin/images/6/69/Monaco_header_button.png', sizingMethod='crop');
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wikia.com/pikmin/images/6/69/Monaco_header_button.png', sizingMethod='crop');
}
#wikia_logo {
  background-image: url(http://images.wikia.com/pikmin/images/9/9e/Monaco_wikia_logo.png);
}
* html #wikia_logo {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wikia.com/pikmin/images/9/9e/Monaco_wikia_logo.png', sizingMethod='crop');
}
}


Line 371: Line 363:
body
body
{
{
background-image: url('http://images4.wikia.nocookie.net/__cb20100823141644/pikminfanon/images/8/87/Mac_grass_modify_by_ipapun.jpg');
background-image: url('http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png');
right fixed no-repeat;
right fixed no-repeat;
     border: 2px outset #0b0;
     border: 2px outset #0b0;

Revision as of 20:27, 16 September 2010

/* Don't display some stuff on the main page */
body.page-Main_Page #lastmod, 
body.page-Main_Page #siteSub, 
body.page-Main_Page #contentSub, 
body.page-Main_Page h1.firstHeading {
    display: none !important;
}

/* Don't display user Badges*/
body.ns-2.page-User_Volatile_Dweevil .article-sidebar {display:none;}
body.ns-2.page-User_Volatile_Dweevil #profile-content-inner {margin-right:0;}
body.ns-2.page-User_Peanut64 .article-sidebar {display:none;}
body.ns-2.page-User_Peanut64 #profile-content-inner {margin-right:0;}
body.ns-2.page-User_Sir_Pikmin .article-sidebar {display:none;}
body.ns-2.page-User_Sir_Pikmin #profile-content-inner {margin-right:0;}
}

/*That crazy box*/
.editsimilar {
    background: #Green;
    border: 2px outset #00bb00;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottom right: 40px;
}

/*OGG player*/
.ogg-player-options {
    border: 2px outset #00bb00;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottom right: 100px;
}

/*Watchlist edit message*/
.usermessage {
    background: #CCFF00;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
    padding: 5px 10px;
    vertical-align: middle;
    border: 2px outset #00bb00;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 15px;
}

/*Background*/
body
{
background-image: ;
background-repeat: no-repeat;
background-position: right;
background-attachment: fixed;
background-color: #FFF !important;
}

#wikia_page {
    background-image: url(http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png);
    background-position: right;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
table, td {
    background: none;
}
div.thumb {
   border: none;
}
div.tright {
   border: none;
   margin: 5px 0px 5px 10px;
}
div.tleft {
   border: none;
   margin: 5px 15px 5px 0px;
}

/*Sidebar*/
.portlet {
    width: 150px;
}
.portlet h5 {
    text-transform: uppercase;
    color: #4F7942;
    background: LightGreen;
    border: 2px outset #00bb00;
    padding: 1px 0px 3px 10px;
    font-weight: bold;
    display: block;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;

}
.pBody {
    background: Green;
    border: 2px outset #00bb00;
    padding-left: 0px;
    margin: 2px 30px 0px 10px;
    -moz-border-radius-topleft: 2.0em;
    -moz-border-radius-bottomright: 2.0em;
}
.portlet ul {
    list-style-type: none;
}

/*Search*/
input.searchButton {
    margin-top: 2px;
    margin-bottom: 1px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    background: #ccffcc;
    border: 2px outset #Green;
}
input.searchButton:hover {
    background: #ffffff;
}
#searchInput {
    width: 89px;
    background: #ffffff;
}
#p-search .pBody {
    padding: 0.5em 0.5em 0.5em 0.5em;
}

/*Tabs*/
#p-cactions li {
    border: 2px outset #00bb00;
    border-bottom: 1px solid #ffffff;
}
#p-cactions li a {
    border: none;
}
#p-cactions li,
#p-cactions li a {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

/*ToC*/
#toc {
    background: #ccffcc;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-bottomright: 40px;
    border: 2px outset #00bb00;
}

/*Hover*/
.usermessage:hover,
#toc:hover,
#catlinks:hover {
    background: none;
}
#p-search .pBody:hover {
    background: #ffffff;
}
#p-tb .pBody:hover,
#p-wikicities-nav .pBody:hover,
#p-navigation .pBody:hover,
#p-cactions li,
#p-cactions li a,
#p-cactions li.selected,
#p-cactions li.selected a {
    background: #ffffff;
    opacity: 0.85;
}
.portlet h5:hover {
    background: none;
    color: #007700;
}

/*Input boxes*/
input {
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border: 2px inset #00bb00;
    padding-left: 3px;
}
select {
    border: 2px inset #00bb00;
}
input[type="text"],
input[type="password"] {
    height: 16px;
}
textarea {
    border: 2px inset #00bb00;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    padding: 8px 5px 16px 8px;
    background: none;
}
#wpSave,
#wpPreview,
#wpDiff,
#tUpload {
    background: #ccffcc;
    border: 2px outset #00bb00;
}

/*Content area*/
#content {
    border: 2px outset #00bb00;
    -moz-border-radius: 20px;
}
#footer {
    background: none;
}

/*Links*/
a,
#p-personal li a,
#p-cactions li a,
#bodyContent a.extiw,
#bodyContent a.external {
    color: #00bb00;
}

a:visited,
#bodyContent a.extiw:visited,
#bodyContent a.external:visited {
    color: #008844;
}
a:hover,
#p-personal li a:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover {
    color: #00bb00;
}
a:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
    color: #00bb44;
}
a.new:link,
a.new:visited,
#p-personal li a.new,
#p-cactions .new a,
#p-personal li a.new:visited,
#p-cactions .new a:visited {
    color: #bbbb00;
}
#bodyContent a.external {
    background-image: url(http://images.wikia.com/pikmin/images/4/44/External.png);
}
#catlinks {
   border: 2px outset #00bb00;
   background: #ccffcc;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-bottomright: 30px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* TabbyBox */
#tabbyHead a {
    padding: 0px 10px 0px 10px;
    background-color: #228B22;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    color: #006600;
    font-size: 150%;
}
#tabbyHead a.selected {
    border: 2px solid #00bb00;
    background: #ffffff;
}
#tabbyHead p {
    margin: 1px;
}
#tabbyHead {
    position: relative;
    left: 50px;
}

.color1 {
   background-color: #050;
}
#search_box {
   -moz-border-radius-topleft: 12px;
}
#link_box {
   -moz-border-radius-bottomright: 13px;
}
#navigation a {
   background-color: #CFC;
   color: #080;
}
#navigation a:hover, .navigation-hover {
   background-color: #FFF;
   color: #0B0;
}
.menu-item .menu-item:first-child>a {
   -moz-border-radius-topleft: 12px;
}
.menu-item .menu-item:last-child>a {
   -moz-border-radius-bottomright: 12px;
}

.widget {
   border: 2px outset #0B0;
   padding: 0 !important;
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomright: 15px;
}
.widget dt {
   padding-left: 5px;
   -moz-border-radius-topleft: 20px;
}
.widget dd {
   background-color: #CFC;
   -moz-border-radius-bottomright: 13px;
}
.widget dd:hover {
   background-color: #FFF;
}
.widget a {
   color: #080;
}
.widget dd:hover a {
   color: #0B0;
}

#page_bar, #search_box {
   background-image: none;
}
#page_controls a {
   color: #FFF;
}

#wikia_page {
   border: 2px outset #0B0;
   -moz-border-radius: 20px;
}
#page_bar {
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-topright: 15px;
}
#page_tabs li {
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
}

.headerMenuButton dt, .headerMenuButton dd {
   background-image: url(http://images.wikia.com/pikmin/images/6/69/Monaco_header_button.png);
   color: #080;
}
* html .headerMenuButton dt, * html .headerMenuButton dd  {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wikia.com/pikmin/images/6/69/Monaco_header_button.png', sizingMethod='crop');
}

#search_button {
   background-image: url(http://images.wikia.com/pikmin/images/2/22/Monaco_search.png);
}
* html #search_button {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.wikia.com/pikmin/images/2/22/Monaco_search.png', sizingMethod='crop');
}

#header_username a {
   color: #080;
}

body
{
background-image: url('http://images4.wikia.nocookie.net/pikmin/images/6/67/BG_contentarea.png');
right fixed no-repeat;
    border: 2px outset #0b0;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#wikia_header, #background_strip
{
 background-color: transparent !important;
}

/* User masthead */
#user_masthead {
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    background: #8c8;
}
#user_masthead a {color: #232 !important;}
#user_masthead+#page_bar {-moz-border-radius: 0; margin-top: 0;}
ul li {list-style-image: url(http://images4.wikia.nocookie.net/pikmin/images/7/7a/Bullet.png);}
#user_masthead ul.nav_links li, #user_masthead ul.nav_links li a {
  background: #005500;
  color: #FFF;
}
#user_masthead ul.nav_links li.selected, #user_masthead ul.nav_links li.selected a {
  background: #FFF;
  color: #005500;
}
body.masthead-regular #page_bar, body.masthead-special #page_bar, 
body.masthead-regular #page_bar a, body.masthead-special #page_bar a {
  background: #FFF;
  color: #005500;
}
.dark_text_1 {
  color: #005500;
}

/* Add a checklist to the Recent Changes */
.rcnsthidden {display: none;}

With a little knowledge, this can be modified to, for example, show all ignored
edits in a different colour, or align them to the right, rather than hide them.
Examples:

    Greyed out:
.rcnsthidden {color: #aaa;}
.rcnsthidden a {color: #777 !important;}

    Smaller font:
.rcnsthidden {font-size: 0.8em;}

    Right-aligned:
.rcnsthidden {text-align: right;}

    All three of the above:
.rcnsthidden {text-align: right; font-size: 0.8em; color: #aaa;}
.rcnsthidden a {color: #777 !important;}

To-do:
 - make possible with enhanced (grouped) RC
 - hide h4s that have no visible contents
 - extra buttons to toggle all/invert toggle
 - check for existence of indexOf, etc. before doing anything
 - specific page include/exclude lists (requires ns prefix; remember _s)
 - instead of display:none, add a class to be able to, e.g. align unwanted items
   right rather than removing entirely

*/

// Change this to true to make the list below an include list rather than an
// exclude list:

include = false;

// Here, default namespaces (or log types) can be set; put them in '' or ""
// separated by commas, inside the [].  By default, this is the excluded list:

RCNSTList = [];

// Change these if it'll make styling easier - e.g., use ul/li and create a
// hover menu:

RCNSTbeforecheckboxes = '<span id="rcnst"><hr />\n';
RCNSTaftercheckboxes = '</span>';
RCNSTbeforecheckbox = '';
RCNSTaftercheckbox = '\n';

window.onload = function () {
    if (document.body.className.indexOf("page-Special_RecentChanges") == -1) return;
    choice = document.getElementById("namespace").childNodes;
    nslist = [];
    for (i in choice) if (choice[i].tagName == "OPTION" && choice[i].value != "") nslist[choice[i].value] = choice[i].innerHTML;
    loglist = [];
    days = document.getElementsByClassName("special");
    for (i in days) {
        if (days[i].tagName != "UL") continue;
        items = days[i].childNodes;
        for (j = 0; j < items.length; j++) {
            if (items[j].tagName != "LI") continue;
            logname = items[j].getElementsByTagName("a")[0].innerHTML;
            if (logname != "diff" && logname != "hist" && loglist.indexOf(logname) == -1) loglist.push(logname);
        }
    }
    temp = RCNSTList;
    RCNSTList = [];
    for (i in nslist) {
        if (!include && (temp.indexOf(nslist[i]) != -1)) RCNSTList[i] = false;
        else if (include && (temp.indexOf(nslist[i])) == -1) RCNSTList[i] = false;
    }
    for (i in loglist) {
        if (!include && (temp.indexOf(loglist[i]) != -1)) RCNSTList[loglist[i]] = false;
        else if (include && (temp.indexOf(loglist[i])) == -1) RCNSTList[loglist[i]] = false;
    }
    s = RCNSTbeforecheckboxes;
    for (i in nslist) {
        if (RCNSTList[i] == false) insert = '';
        else insert = 'checked="checked"';
        s += RCNSTbeforecheckbox + '<input type="checkbox" ' + insert + 'name="RCNST' + i + '" onclick="RCNST()" /><label for="RCNST' + i + '">' + nslist[i] + '</label>' + RCNSTaftercheckbox;
    }
    for (i in loglist) {
        if (RCNSTList[loglist[i]] == false) insert = '';
        else insert = 'checked="checked"';
        s += RCNSTbeforecheckbox + '<input type="checkbox" ' + insert + 'name="RCNSTl' + i + '" onclick="RCNST()" /><label for="RCNSTl' + i + '">' + loglist[i] + '</label>' + RCNSTaftercheckbox;
    }
    s += RCNSTaftercheckboxes;
    document.getElementsByClassName("rcoptions")[0].innerHTML += s;
    RCNST();
}
function RCNST () {
    for (i in nslist) {
        if (document.getElementsByName("RCNST" + i)[0].checked) RCNSTList[i] = true;
        else RCNSTList[i] = false;
    }
    for (i in loglist) {
        if (document.getElementsByName("RCNSTl" + i)[0].checked) RCNSTList[loglist[i]] = true;
        else RCNSTList[loglist[i]] = false;
    }
    days = document.getElementsByClassName("special");
    for (i in days) {
        if (days[i].tagName != "UL") continue;
        items = days[i].childNodes;
        for (j = 0; j < items.length; j++) {
            if (items[j].tagName != "LI") continue;
            page = items[j].getElementsByTagName("a")[0];
            if (page.innerHTML == "diff" || page.innerHTML == "hist") {
                page = page.href;
                page = page.substring(page.indexOf("?title=") + 7);
                page = page.substring(0, page.indexOf("&curid="));
                page = page.substring(0, page.indexOf(":")).replace("_", " ");
                page = nslist.indexOf(page);
                if (page == -1) page = 0;
            } else page = page.innerHTML;
            if (RCNSTList[page]) {
                if (items[j].className.indexOf(" rcnsthidden") != -1) items[j].className =  items[j].className.substring(0, items[j].className.indexOf(" rcnsthidden"));
            } else if (items[j].className.indexOf(" rcnsthidden") == -1) items[j].className += " rcnsthidden";
        }
    }
}