jsos

college code for operating system fundamentals in js
julios-tabs.css

(1896B)
      1 .tabs{
      2   height: 30px;
      3 }
      4 
      5 .tabs > ul{
      6   font-size: 1em;
      7   list-style:none;
      8 }
      9 
     10 .tabs > ul > li{
     11   margin:0 2px 0 0;
     12   padding:7px 10px;
     13   display:block;
     14   float:left;
     15   cursor: default;
     16   -ms-user-select: none;
     17   -o-user-select: none;
     18   -webkit-user-select: none;
     19   -moz-user-select: none;
     20   user-select: none;
     21   border-radius:4px 4px 0 0; 
     22   -moz-border-radius:4px 4px 0 0; 
     23   -webkit-border-radius:4px 4px 0 0;
     24   -o-border-radius:4px 4px 0 0;
     25   -ms-moz-border-radius:4px 4px 0 0;   
     26   background-image: -moz-radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);
     27   background-image: -webkit-radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);
     28   background-image: -o-radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);
     29   background-image: -ms-radial-gradient(50% 10%, circle, #ffffff 0%, #c1c1c1 30px);
     30 }
     31 
     32 .tabs > ul > li:hover{
     33   background-image: -moz-radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);
     34   background-image: -webkit-radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);
     35   background-image: -o-radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);
     36   background-image: -ms-radial-gradient(50% 10%, circle, #fcfcfc 0%, #b9b9b9 30px);
     37 }
     38 
     39 .tabs > ul > li.tabActiveHeader{
     40   background: #fff;
     41   background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%);
     42   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF));
     43   background: -o-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF));
     44   background: -ms-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF));
     45 }
     46 
     47 .tabpage {
     48   padding-top: 15px;
     49 }
     50 
     51 .tabpage > div {
     52   margin-top: 20px;
     53 }