Fixing iLearn

readme.md

Fixing the Marist iLearn Nav

If you're a Marist student, you may have noticed that the navigation bar in iLearn is, for lack of a better word, broken. Links get stuck behind other links, it's hard to read and just generally uncooperative.

Browsers:

• Chrome
• Firefox
• Internet Explorer

Chrome

1. install Stylebot
2. navigate to the theme page
3. click the blue install button
4. navigate iLearn like a boss

Firefox

Coming soon...

Internet Explorer

1. Install Google Chrome
2. refer to the chrome section

ilearn-nav.css

/* navigation wrapper */

.siteNavWrap {
    overflow: hidden !important;
    height: auto !important;
    background: #000;
    padding: 0;
    margin: 0;
}

/* link container */

#quickLinks {
    margin: 0  !important;
    padding: 0  !important;
    background: #000;
}

/* hide link separators */

#quickLinks li {
    margin: 0  !important;
    padding: 0  !important;
}

/* hide link separators */

#quickLinks li:nth-child(odd) {
    display: none  !important;
}

/* edit button */

#quickLinks li:last-child {
    display: inline  !important;
}

#quickLinks li:last-child a {
    padding: .75em  !important;
}

#quickLinks li:last-child:hover a {
    background: transparent  !important;
}

/* links */

#quickLinks li a {
    display: inline-block !important;
    padding: .9em 1em  !important;
    margin: 0  !important;
}

/* link hover */

#quickLinks li:hover a {
    text-decoration: none !important;
    background: #999 !important;
}

/* link selected */

#quickLinks .selectedTab a, #quickLinks .selectedTab:hover a {
    font-size: 100% !important;
    font-style: normal !important;
    color: #000 !important;
    background: #fff !important;
}

/* site nav */

#linkNav {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* site links */

#siteLinkList {
    background: #fff !important;
    display: block !important;
    width: 100% !important;
    color: #000 !important;
}

#siteLinkList li {
    float: right !important;
}

#siteLinkList a {
    color: #000 !important;
}