toolkit/javascript/d3/examples/button.css
changeset 47 c0b4a8b5a012
equal deleted inserted replaced
46:efd9c589177a 47:c0b4a8b5a012
       
     1 button {
       
     2   font: 14px Helvetica Neue;
       
     3   background-color: #222;
       
     4   background-image: -moz-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,.11));
       
     5   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.25)),color-stop(1, rgba(255,255,255,.11)));
       
     6   background-image: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.11));
       
     7   color: #fff;
       
     8   text-rendering: optimizeLegibility;
       
     9   text-shadow: 0 -1px 1px #222;
       
    10   padding: 6px 10px 6px 10px;
       
    11   border: 0;
       
    12   border-radius: 0;
       
    13   border-bottom: 1px solid #222;
       
    14   margin: 0;
       
    15   -moz-box-shadow: 0 1px 3px #999;
       
    16   -webkit-box-shadow: 0 1px 3px #999;
       
    17 }
       
    18 
       
    19 button.first {
       
    20   border-top-left-radius: 5px;
       
    21   border-bottom-left-radius: 5px;
       
    22 }
       
    23 
       
    24 button.last {
       
    25   border-top-right-radius: 5px;
       
    26   border-bottom-right-radius: 5px;
       
    27 }
       
    28 
       
    29 button.active {
       
    30   background-color: rgb(65,102,133);
       
    31 }
       
    32 
       
    33 button:hover {
       
    34   background-color: steelblue;
       
    35 }