home *** CD-ROM | disk | FTP | other *** search
/ Freelog 117 / FreelogNo117-OctobreNovembre2013.iso / Theme / 8GadgetPack / 8GadgetPackSetup.msi / Gadgets.7z / Gadgets / StickyNotesOnline.gadget / Styles / tabs.css < prev   
Cascading Style Sheet File  |  2011-06-16  |  2KB  |  79 lines
  1.  
  2. /* root element for tabs  */
  3. ul.tabs { 
  4.     list-style:none; 
  5.     margin:0 !important; 
  6.     padding:0;    
  7.     border-bottom:1px solid #666;    
  8.     height:30px;
  9. }
  10.  
  11. /* single tab */
  12. ul.tabs li { 
  13.     float:left;     
  14.     text-indent:0;
  15.     padding:0;
  16.     margin:0 !important;
  17.     list-style-image:none !important; 
  18. }
  19.  
  20. /* link inside the tab. uses a background image */
  21. ul.tabs a { 
  22.     background: url(../Images/tabs.png) no-repeat -420px 0;
  23.     font-size:11px;
  24.     display:block;
  25.     height: 30px;  
  26.     line-height:30px;
  27.     width: 73px;
  28.     text-align:center;    
  29.     text-decoration:none;
  30.     color:#333;
  31.     padding:0px;
  32.     margin:0px;    
  33.     position:relative;
  34.     top:1px;
  35. }
  36.  
  37. ul.tabs a:active {
  38.     outline:none;        
  39. }
  40.  
  41. /* when mouse enters the tab move the background image */
  42. ul.tabs a:hover {
  43.     background-position: -420px -31px;    
  44.     color:#fff;    
  45. }
  46.  
  47. /* active tab uses a class name "current". it's highlight is also done by moving the background image. */
  48. ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
  49.     background-position: -420px -62px;        
  50.     cursor:default !important; 
  51.     color:#000 !important;
  52. }
  53.  
  54. /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
  55.  
  56.  
  57. /* width 1 */
  58. ul.tabs a.s             { background-position: -553px 0; width:81px; }
  59. ul.tabs a.s:hover     { background-position: -553px -31px; }
  60. ul.tabs a.s.current  { background-position: -553px -62px; }
  61.  
  62. /* width 2 */
  63. ul.tabs a.l             { background-position: -248px -0px; width:174px; }
  64. ul.tabs a.l:hover     { background-position: -248px -31px; }
  65. ul.tabs a.l.current  { background-position: -248px -62px; }
  66.  
  67.  
  68. /* width 3 */
  69. ul.tabs a.xl             { background-position: 0 -0px; width:248px; }
  70. ul.tabs a.xl:hover     { background-position: 0 -31px; }
  71. ul.tabs a.xl.current { background-position: 0 -62px; }
  72.  
  73.  
  74. /* initially all panes are hidden */ 
  75. div.panes div.pane {
  76.     display:none;        
  77. }
  78.  
  79.