User:Kilroy/monobook.css

From Homestar Runner Wiki

(Difference between revisions)
Jump to: navigation, search
m
m (Using Joey's version of the bottom tab code)
Line 16: Line 16:
/* bottom tab styling (not for IE currently) */
/* bottom tab styling (not for IE currently) */
#mytabs {
#mytabs {
-
    margin: -0.3em 0 0  11.5em;
+
  margin: -0.4em 0 0  12em;
-
    white-space:nowrap;
+
  white-space: nowrap;
-
    line-height: 1.1em;
+
  width: 76%;
-
    overflow: visible;
+
  line-height: 1.1em;
-
    border-collapse: collapse;
+
  overflow: visible;
-
    padding: 0 0 0 1em;
+
  background: none;
-
    list-style: none;
+
  border-collapse: collapse;
-
    font-size: 95%;
+
  padding: 0 0 0 1em;
 +
  list-style: none;
 +
  font-size: 95%;
 +
}
 +
#mytabs .hiddenStructure {
 +
  display: none;
 +
}
 +
#mytabs ul {
 +
  list-style: none;
}
}
-
#mytabs .hiddenStructure { display: none; }
 
#mytabs li {
#mytabs li {
-
    display: inline;
+
  display: inline;
-
    border: 1px solid #aaaaaa;
+
  border: 1px solid #aaa;
-
    border-top: none;
+
  border-top: none;
-
    padding: 0.1em 0 0 0;
+
  padding: 0.1em 0 0.1em 0;
-
    margin: 0 0.3em 0 0;
+
  margin: 0 0.3em 0 0;
-
    overflow: visible;
+
  overflow: visible;
-
    background: White;
+
  background: #fff;
}
}
#mytabs li.selected {
#mytabs li.selected {
-
    border-color: #fabd23;
+
  border-color: #fabd23;
-
    padding: 0.2em 0 0 0;
+
  padding: 0.2em 0 0.1em 0;
}
}
#mytabs li a {
#mytabs li a {
-
    background-color: White;
+
  background-color: #fff;
-
    color: #002bb8;
+
  color: #002bb8;
-
    border: none;
+
  border: none;
-
    padding: 0.3em 0.8em 0 0.8em;
+
  padding: 0.3em 0.8em 0 0.8em;
-
    text-decoration: none;
+
  text-decoration: none;
-
    text-transform: lowercase;
+
  text-transform: lowercase;
-
    position: relative;
+
  position: relative;
-
    margin: 0;
+
  z-index: 0;
 +
  margin: 0;
 +
}
 +
#mytabs li.selected a {
 +
  z-index: 3;
 +
}
 +
#mytabs .new a {
 +
  color: #ba0000;
}
}
-
#mytabs li.selected a { z-index: 3; }
 
-
#mytabs .new a { color:#ba0000; }
 
#mytabs li a:hover {
#mytabs li a:hover {
-
    z-index: 3;
+
  z-index: 3;
-
    text-decoration: none;
+
  text-decoration: none;
}
}
-
#mytabs h5 { display: none; }
+
#mytabs h5 {
-
#mytabs li.istalk { margin-right: 0; }
+
  display: none;
-
#mytabs li.istalk a { padding-right: 0.5em; }
+
}
-
#mytabs-ca-addsection a {  
+
#mytabs li.istalk {
-
    padding-left: 0.4em;
+
  margin-right: 0;
-
    padding-right: 0.4em;
+
}
 +
#mytabs li.istalk a {
 +
  padding-right: 0.5em;
 +
}
 +
#mytabs #mytabs-ca-addsection a {
 +
  padding-left: 0.4em;
 +
  padding-right: 0.4em;
}
}
/* offsets to distinguish the tab groups */
/* offsets to distinguish the tab groups */
-
li#mytabs-ca-talk { margin-right: 1.6em; }
+
li#mytabs-ca-talk {
 +
  margin-right: 1.6em;
 +
}
li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print {
li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print {
-
  margin-left: 1.6em;
+
  margin-left: 1.6em;
}
}

Revision as of 23:53, 24 March 2006

/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox */
pre { overflow: auto; }
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
}
#content { 
  -moz-border-radius-topleft: 1em; 
  -moz-border-radius-bottomleft: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}
/* bottom tab styling (not for IE currently) */
#mytabs {
   margin: -0.4em 0 0  12em;
   white-space: nowrap;
   width: 76%;
   line-height: 1.1em;
   overflow: visible;
   background: none;
   border-collapse: collapse;
   padding: 0 0 0 1em;
   list-style: none;
   font-size: 95%;
}
#mytabs .hiddenStructure {
   display: none;
}
#mytabs ul {
   list-style: none;
}
#mytabs li {
   display: inline;
   border: 1px solid #aaa;
   border-top: none;
   padding: 0.1em 0 0.1em 0;
   margin: 0 0.3em 0 0;
   overflow: visible;
   background: #fff;
}
#mytabs li.selected {
   border-color: #fabd23;
   padding: 0.2em 0 0.1em 0;
}
#mytabs li a {
   background-color: #fff;
   color: #002bb8;
   border: none;
   padding: 0.3em 0.8em 0 0.8em;
   text-decoration: none;
   text-transform: lowercase;
   position: relative;
   z-index: 0;
   margin: 0;
}
#mytabs li.selected a {
   z-index: 3;
}
#mytabs .new a {
   color: #ba0000;
}
#mytabs li a:hover {
   z-index: 3;
   text-decoration: none;
}
#mytabs h5 {
   display: none;
}
#mytabs li.istalk {
   margin-right: 0;
}
#mytabs li.istalk a {
   padding-right: 0.5em;
}
#mytabs #mytabs-ca-addsection a {
   padding-left: 0.4em;
   padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#mytabs-ca-talk {
   margin-right: 1.6em;
}
li#mytabs-ca-watch, li#mytabs-ca-unwatch, li#mytabs-ca-varlang-0, li#mytabs-ca-print {
   margin-left: 1.6em;
}

/* remove comment tags if bottom tabs should be rounded as well in moz */
#mytabs li, #mytabs li a { 
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
}
/* always underline links */
a { text-decoration: underline; }
/* tab bottom not removed on hover */
#p-cactions li a:hover { z-index: 0; text-decoration: none; }
#p-cactions li.selected a:hover { z-index: 3; }
Personal tools