cscg22-gearboy

CSCG 2022 Challenge 'Gearboy'
git clone https://git.sinitax.com/sinitax/cscg22-gearboy
Log | Files | Refs | sfeed.txt

tabs.css (1163B)

      1.tabs, .tabs2, .tabs3 {
      2    background-image: url('tab_b.png');
      3    width: 100%;
      4    z-index: 101;
      5    font-size: 13px;
      6    font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
      7}
      8
      9.tabs2 {
     10    font-size: 10px;
     11}
     12.tabs3 {
     13    font-size: 9px;
     14}
     15
     16.tablist {
     17    margin: 0;
     18    padding: 0;
     19    display: table;
     20}
     21
     22.tablist li {
     23    float: left;
     24    display: table-cell;
     25    background-image: url('tab_b.png');
     26    line-height: 36px;
     27    list-style: none;
     28}
     29
     30.tablist a {
     31    display: block;
     32    padding: 0 20px;
     33    font-weight: bold;
     34    background-image:url('tab_s.png');
     35    background-repeat:no-repeat;
     36    background-position:right;
     37    color: #283A5D;
     38    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
     39    text-decoration: none;
     40    outline: none;
     41}
     42
     43.tabs3 .tablist a {
     44    padding: 0 10px;
     45}
     46
     47.tablist a:hover {
     48    background-image: url('tab_h.png');
     49    background-repeat:repeat-x;
     50    color: #fff;
     51    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
     52    text-decoration: none;
     53}
     54
     55.tablist li.current a {
     56    background-image: url('tab_a.png');
     57    background-repeat:repeat-x;
     58    color: #fff;
     59    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
     60}