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