Skip to content

Instantly share code, notes, and snippets.

@colbyr
Created March 31, 2012 21:29
Show Gist options
  • Save colbyr/2268706 to your computer and use it in GitHub Desktop.
Save colbyr/2268706 to your computer and use it in GitHub Desktop.
Fixing iLearn

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

  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
/* 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment