philo/contrib/gilbert/static/gilbert/murano/sass/murano/components/_panel.scss

   1 .x-panel{
   2         background: $panel-background;
   3         overflow:hidden;
   4         position:relative;
   5         border:1px solid wha(.15);
   6         border-top:0;
   7         margin-top:0;
   8         margin:-1px;
   9 }
  10
  11 .x-panel, .x-window{
  12         .x-panel {
  13                 .x-panel-body{
  14                         background: #222;
  15                 }
  16         }
  17 }
  18
  19 .x-panel-header{
  20         @include background($gloss-gradient);
  21         @include box-shadow(0 1px 0 0 bla(.35));
  22         border-top:1px solid #FFF;
  23         line-height: $panel-header-height;
  24         height: $panel-header-height;
  25         padding: $panel-header-padding;
  26 }
  27
  28 .x-panel-header-vertical{
  29         @include background($gloss-vertical-gradient);
  30 }
  31
  32 .x-panel-body{
  33         position:relative;
  34         padding: $panel-body-padding;
  35 }
  36
  37 /* FRAMED PANEL
  38  * ------------ */
  39 .x-panel-default-framed{
  40         border:1px solid wha(.5);
  41         border-top-color: wha(1);
  42         @include border-radius($base-border-radius-width $base-border-radius-width 0 0);
  43 }
  44
  45 .x-panel-default-framed .x-panel-header{
  46         border-top:0;
  47         @include border-radius($base-border-radius-width $base-border-radius-width 0 0);
  48         margin:{
  49                 top:1px;
  50                 left:1px;
  51                 right:1px;
  52         };
  53 }
  54
  55 /* MASKED PANEL
  56  * ------------ */
  57
  58 .x-mask-msg{
  59         background:#333 !important;
  60         @include background-image($gloss-gradient !important);
  61         @include border-radius(4px);
  62         @include box-shadow(0 0 0 1px bla(.75));
  63         border:1px solid #333 !important;
  64         border-top:1px solid #888 !important;
  65         div{
  66                 background-color:#000 !important;
  67                 @include border-radius(3px);
  68                 border:1px solid #333 !important;
  69                 border-bottom:1px solid #888 !important;
  70                 color:#CCC !important;
  71         }
  72 }