examples/testdata/phyre2results/56da5616b4559c93/css/tab-style.css

   1 .wrapper{
   2         width:200px;
   3         margin:5px auto 0;
   4 }
   5
   6 .wrapper h1{
   7         color:#FFF;
   8         text-align:center;
   9         margin-bottom:20px;
  10 }
  11
  12 .wrapper a{
  13         display:block;
  14         font-size:1.2em;
  15         padding-top:20px;
  16         color:#FFF;
  17         text-decoration:none;
  18         text-align:center;
  19 }
  20
  21 .tabContainer {
  22         width:150px;
  23         padding:15px;
  24         -moz-border-radius: 4px;
  25         border-radius: 4px;
  26 }
  27
  28 .loztabs{
  29         height:50px;
  30         overflow:hidden;
  31 }
  32
  33 .loztabs > ul{
  34         font: 1em;
  35         list-style:none;
  36 }
  37
  38 .loztabs > ul > li{
  39         margin:0 2px 0 0;
  40         padding:7px 10px;
  41         display:block;
  42         float:left;
  43         color:#333;
  44         -webkit-user-select: none;
  45         -moz-user-select: none;
  46         user-select: none;
  47         -moz-border-radius-topleft: 4px;
  48         -moz-border-radius-topright: 4px;
  49         -moz-border-radius-bottomright: 0px;
  50         -moz-border-radius-bottomleft: 0px;
  51         border-top-left-radius:4px;
  52         border-top-right-radius: 4px;
  53         border-bottom-right-radius: 0px;
  54         border-bottom-left-radius: 0px;
  55
  56 //background-image: -webkit-gradient(
  57 //                linear,
  58 //                left bottom,
  59 //                left top,
  60 //                color-stop(0, #D2D0C1),
  61 //                color-stop(1, #737065)
  62 //);
  63 //      background-image: -o-linear-gradient(top, #D2D0C1 0%, #737065 100%);
  64 //      background-image: -moz-linear-gradient(top, #D2D0C1 0%, #737065 100%);
  65 //      background-image: -webkit-linear-gradient(top, #D2D0C1 0%, #737065  100%);
  66 //      background-image: -ms-linear-gradient(top, #D2D0C1 0%, #737065 100%);
  67 //      background-image: linear-gradient(to top, #D2D0C1 0%, #737065 100%);
  68
  69 background: #FFFFFF; /* old browsers */
  70         background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%,
  71         #F3F3F3 50%, #FFFFFF 100%); /* firefox */
  72         background: -webkit-gradient(linear, left top, left bottom,
  73         color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3),
  74         color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
  75         cursor:pointer;
  76         color: #333;
  77
  78
  79 }
  80
  81 .loztabs > ul > li:hover{
  82
  83
  84
  85
  86 //      background: #FFFFFF; /* old browsers */
  87 //      background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
  88 //      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
  89 //      cursor:pointer;
  90 //      color: #333;
  91
  92 background-image: -webkit-gradient(
  93                   linear,
  94                   left bottom,
  95                   left top,
  96                   color-stop(0, #D2D0C1),
  97                   color-stop(1, #737065)
  98                   );
  99         background-image: -o-linear-gradient(top, #D2D0C1 0%, #737065 100%);
 100         background-image: -moz-linear-gradient(top, #D2D0C1 0%, #737065 100%);
 101         background-image: -webkit-linear-gradient(top, #D2D0C1 0%, #737065  100%);
 102         background-image: -ms-linear-gradient(top, #D2D0C1 0%, #737065 100%);
 103         background-image: linear-gradient(to top, #D2D0C1 0%, #737065 100%);
 104         cursor:pointer;
 105         color: #fff;
 106
 107
 108
 109 }
 110
 111 .loztabs > ul > li.tabActiveHeader{
 112         background-image: -webkit-gradient(
 113                   linear,
 114                   left bottom,
 115                   left top,
 116                   color-stop(0, #D2D0C1),
 117                   color-stop(1, #737065)
 118                   );
 119         background-image: -o-linear-gradient(top, #D2D0C1 0%, #737065   100%);
 120         background-image: -moz-linear-gradient(top, #D2D0C1 0%, #737065 100%);
 121         background-image: -webkit-linear-gradient(top, #D2D0C1 0%,      #737065  100%);
 122         background-image: -ms-linear-gradient(top, #D2D0C1 0%, #737065  100%);
 123         background-image: linear-gradient(to top, #D2D0C1 0%, #737065   100%);
 124
 125
 126
 127         cursor:pointer;
 128         color: #fff;
 129 }
 130
 131 .tabscontent {
 132         -moz-border-radius-topleft: 0px;
 133         -moz-border-radius-topright: 4px;
 134         -moz-border-radius-bottomright: 4px;
 135         -moz-border-radius-bottomleft: 4px;
 136         border-top-left-radius: 0px;
 137         border-top-right-radius: 4px;
 138         border-bottom-right-radius: 4px;
 139         border-bottom-left-radius: 4px;
 140         padding:10px 10px 25px;
 141
 142
 143         background-image: -webkit-gradient(
 144                   linear,
 145                   left bottom,
 146                   left top,
 147                   color-stop(0, #F6F5EE),
 148                   color-stop(1, #D2D0C1)
 149                   );
 150           background-image: -o-linear-gradient(top, #F6F5EE 0%, #D2D0C1 100%);
 151           background-image: -moz-linear-gradient(top, #F6F5EE 0%, #D2D0C1 100%);
 152           background-image: -webkit-linear-gradient(top, #F6F5EE 0%, #D2D0C1  100%);
 153           background-image: -ms-linear-gradient(top, #F6F5EE 0%, #D2D0C1 100%);
 154           background-image: linear-gradient(to top, #F6F5EE 0%, #D2D0C1 100%);
 155
 156
 157         margin:0;
 158         color:#333;
 159 }