Changeset 2116


Ignore:
Timestamp:
Oct 2, 2007, 1:39:21 AM (17 years ago)
Author:
rvelices
Message:
  • css change tabsheet is nicer than before (especially IE7); also tested in FF2 and IE6
Location:
trunk/template/yoga
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/template/yoga/admin/default-layout.css

    r1991 r2116  
    181181
    182182/* Tabsheet */
    183 ul.tabsheet {
    184   display: table;
    185   list-style-type: none;
    186   list-style-image: none; /* for firefox */
     183UL.tabsheet {
     184  list-style: none;
    187185  white-space: nowrap;
    188   margin-left: auto; margin-right: auto;
    189   text-decoration : none;
    190   background: transparent;
     186  text-decoration: none;
    191187  border-bottom: 1px solid #fff;
    192 }
    193 
    194 ul.tabsheet li {
    195   float: left;
    196   text-align: center;
    197   margin: 0 6px;
    198   color: white;
    199   font-size: 110%;
    200   font-weight: bold;
    201   padding: 4px 8px;
     188  margin-left: 5px; margin-right: 5px;
     189  padding: 3px 5px;
     190}
     191
     192UL.tabsheet LI {
     193  display: inline;
     194  margin: 0px 6px;
     195  font-size: 120%;
     196  font-weight: normal;
    202197  border: 1px solid #fff;
    203   border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
    204   padding: 5px 2em 2px 2em;
     198  border-bottom: none;
     199  padding: 3px 2em;
     200}
     201
     202UL.tabsheet LI.selected_tab {
     203        font-weight: bold;
     204        position: relative;
     205        top: 1px;
     206        padding-top: 4px;
    205207}
    206208
  • trunk/template/yoga/theme/clear/theme.css

    r2101 r2116  
    8787#qsearchInput:focus { color: #005e89; }
    8888
    89 .tabsheet li,
    90 .tabsheet li a { color: #005e89; }
    91 .tabsheet li a:hover { color: #858460; }
    92 .tabsheet li { background-color: #fff; }
    93 .selected_tab { background-color: #d3d3d3 !important; }
    94 ul.tabsheet { border-color: #858460; }
    95 .tabsheet li { border: 1px solid #696969; }
    96 .tabsheet li:hover { border-color: #858460 !important; }
     89
     90UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
     91UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
     92
     93UL.tabsheet, UL.tabsheet LI {border-color: gray;}
     94UL.tabsheet LI.normal_tab:hover { border-color: black; }
  • trunk/template/yoga/theme/dark/theme.css

    r2107 r2116  
    1111}
    1212
    13 .tabsheet li,
    14 .tabsheet li a { color: #fff; }
    15 .tabsheet li a:hover { color: #fff48e; }
    1613
    1714/* backgrounds */
     
    4340  background-position: center;
    4441}
    45 .tabsheet li { background-color: #3f3f3f; }
    4642
    47 .selected_tab { background-color: #5f5f5f !important; }
     43UL.tabsheet LI.normal_tab { background-color: #3f3f3f; }
     44UL.tabsheet LI.selected_tab { background-color: #5f5f5f; }
    4845
    4946/* borders */
     
    9188}
    9289
    93 ul.tabsheet { border-color: #fff48e; }
    94 .tabsheet li { border: 1px solid #fff; }
    95 .tabsheet li:hover { border-color: #fff48e !important; }
     90UL.tabsheet LI.normal_tab:hover { border-color: #fff48e; }
    9691
    9792/* links */
  • trunk/template/yoga/theme/p0w0/theme.css

    r2101 r2116  
    213213}
    214214#theAdminPage #content table td { padding: 2px 8px; }
    215 ul.tabsheet { border-color: #369 !important; }
    216 .tabsheet li { border: 1px solid #fff; }
     215ul.tabsheet, ul.tabsheet li { border-color: #369 !important; }
    217216.tabsheet li:hover { border-color: #f92 !important; }
    218217
  • trunk/template/yoga/theme/wipi/theme.css

    r2101 r2116  
    6161  color: #900;
    6262}
    63 .tabsheet li,
    64 .tabsheet li a { color: #69c; }
    65 .tabsheet li a:hover { color: #f92; }
    6663/* backgrounds */
    6764BODY {
     
    313310h2.showtitle, #theImage p.showlegend { display: none }
    314311* { outline-width: 0px; }
    315 ul.tabsheet {
    316   border-top: 1px solid #69c !important;
    317   border-bottom: 0px !important;
    318 }
    319 .tabsheet li {
    320   border: 1px solid #fff;
     312ul.tabsheet, ul.tabsheet li {
     313  border-color: #69c;
     314}
     315ul.tabsheet li.normal_tab {
    321316  background-image: url(images/tableh1_bg.png);
    322317  background-repeat: repeat-x;
    323318}
    324 .tabsheet li:hover { border-color: #f92 !important; }
     319ul.tabsheet li.normal_tab:hover { border-color: #f92 }
    325320ul.tabsheet li {
    326321  -moz-border-radius: 0px 0px 3px 3px;
Note: See TracChangeset for help on using the changeset viewer.