User:DavidRamos/monobook.css

From OpenWetWare
Jump to navigationJump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
 /* ************************************************** 
  * Tab support based on http://www.alistapart.com/articles/slidingdoors/
  * ************************************************** */
 
 .tabs,.tabs-blue,.tabs-green {
   float:left;
   width:100%;
   background:#DAE0D2 url("/images/3/3a/Tab-bg.gif") repeat-x bottom;
   font-size:87%;
   line-height:normal;
   margin: 0;
   padding: 0;
 }
 .tabs-blue {
   background:#CCCCFF url("/images/b/bb/SDbg.gif") repeat-x bottom;
 }
 .tabs-green {
   background:#CCFFCC url("/images/9/97/DRbg.gif") repeat-x bottom;
 }
 .tabs ul,.tabs-blue ul,.tabs-green ul{
   margin:0;
   padding:5px 5px 0;
   list-style:none;
 }
 .tabs li,.tabs-blue li,.tabs-green li {
   float:left;
   background:url("/images/1/11/Tab-left.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 5px;
 }
 .tabs-blue li {
   background:url("/images/b/b7/SDleft.gif") no-repeat left top;
 }
 
 .tabs-green li {
   background:url("/images/4/47/DRleft.gif") no-repeat left top;
 }
 
 /* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
 .tabs a,.tabs-blue a,.tabs-green a,.tabs strong,.tabs-blue strong,.tabs-green strong {
   float:left;
   display:block;
   background:url("/images/0/07/Tab-right.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   text-decoration:none;
   font-weight:bold; 
   color:#765;
 }
 .tabs-blue a,.tabs-blue strong {
   background:url("/images/f/f8/SDright.gif") no-repeat right top;
 } 
 
 .tabs-green a,.tabs-green strong {
   background:url("/images/f/fb/DRright.gif") no-repeat right top;
 }   
 
 /* Commented Backslash Hack
    hides rule from IE5-Mac \*/
 .tabs a, .tabs-blue a, .tabs-green a {float:none;}
 /* End IE5-Mac hack */
 .tabs a:hover, .tabs-blue a:hover, .tabs-green a:hover {
   color:#333;
 }
 
 .tabs #current {
   background-image:url("/images/0/05/Tab-left_on.gif");
 }
 .tabs-blue #current {
   background-image:url("/images/a/a5/SDleft_on.gif");
 }  
 
 .tabs-green #current {
   background-image:url("/images/a/a5/DRleft_on.gif");
 } 
 
 .tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong,
 .tabs-green #current a, .tabs-green #current strong {
   background-image:url("/images/6/61/Tab-right_on.gif");
   color:#333;
   padding-bottom:5px;
 }
 .tabs-blue #current a,.tabs-blue #current strong {
   background-image:url("/images/5/59/SDright_on.gif");
 } 
 
 .tabs-green #current a,.tabs-green #current strong {
   background-image:url("/images/2/2b/DRright_on.gif");
 } 
 
 .tabcontent {
   border: 1px dashed #aa9988;
   padding: 0em 1em 1em 1em;
   border-top: none;
   background-color:#ffffff;
   color:#000;
   clear: both;
 }
 
 .tabcontent #prevtab {
   float: left;
   margin-top: -1.5em; 
   background-color: #DAE0D2; 
   color: #000; 
   padding: .2em .6em; 
   font-size: 130%; 
   border: 1px solid #765;
 }
 
 .tabcontent #nexttab {
   float: right; 
   margin-top: -1.5em; 
   background-color: #DAE0D2; 
   color: #000; 
   padding: .2em .6em; 
   font-size: 130%; 
   border: 1px solid #765;
 }