swat/apps/resource/css/layout.css

   1 body{
   2   font-size: 11px;
   3   font-family: Arial, "Bitstream Vera Sans", Verdana, sans-serif;
   4   margin: 0;
   5   padding: 0;
   6 }
   7
   8 p{
   9   margin: 6px 0;
  10 }
  11
  12 #demoHead,
  13 #demoFoot{
  14   position: absolute;
  15   left: 0px;
  16   right: 0px;
  17   width: 100%;
  18   background: #134275;
  19   padding: 3px 8px;
  20   height: 20px;
  21   color: white;
  22   font-weight: bold;
  23   overflow: hidden;
  24   z-index: 1000000000;
  25 }
  26
  27 #demoHead{
  28   top: 0px;
  29 }
  30
  31 #demoHead span{
  32   font-weight: normal;
  33 }
  34
  35 #demoFoot{
  36   bottom: 0px;
  37 }
  38
  39 #demoFoot a{
  40   color: white;
  41 }
  42
  43 #demoFrame{
  44   position: absolute;
  45   top: 20px;
  46   bottom: 20px;
  47   right: 0;
  48   width: 280px;
  49   background: #fff;
  50   border-left: 10px solid #134275;
  51   z-index: 1000000000;
  52 }
  53
  54 #demoFiles{
  55   font-size: 11px;
  56   font-family: Tahoma, Verdana, sans-serif;
  57
  58   position: absolute;
  59   top: 24px;
  60   right: 50px;
  61   width: 215px;
  62   z-index: 1000000002;
  63 }
  64
  65 #demoJump{
  66   position: absolute;
  67   top: 24px;
  68   right: 4px;
  69   width: 45px;
  70   text-align: right;
  71   z-index: 1000000002;
  72 }
  73
  74 #demoDescription{
  75   position: absolute;
  76   top: 44px;
  77   height : 120px;
  78   width: 266px;
  79   right: 4px;
  80   z-index: 1000000002;
  81   overflow: auto;
  82   border-bottom: 10px solid #134275;
  83   padding: 0px 6px 0px 4px;
  84 }
  85
  86 #demoDescription p{
  87   margin: 4px 0;
  88 }
  89
  90 #demoDescription h1{
  91   font-size: 12px;
  92   margin: 8px 0 4px;
  93 }
  94
  95 #demoDebug{
  96   position: absolute;
  97   top: 160px;
  98   bottom: 24px;
  99   right: 4px;
 100   width: 266px;
 101   font-size: 10px;
 102   font-family: "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace;
 103   z-index: 1000000102;
 104 }
 105
 106 #demoDebug .log-body{
 107   overflow: auto;
 108   position: absolute;
 109   top: 30px;
 110   bottom: 0px;
 111   width: 266px;
 112   padding: 4px;
 113 }
 114
 115 #demoDebug .log-debug{
 116   color: gray;
 117   padding-left: 6px;
 118 }
 119
 120 #demoDebug .log-info{
 121   background: #DFEBFD;
 122   padding-left: 6px;
 123 }
 124
 125 #demoDebug .log-warn{
 126   background: #F5FAAD;
 127   padding-left: 6px;
 128 }
 129
 130 #demoDebug .log-error{
 131   background: #D2623E;
 132   color: black;
 133   padding-left: 6px;
 134 }
 135
 136 #demoDebug .log-group{
 137   margin-top: 4px;
 138   margin-bottom: 1px;
 139   text-decoration: underline;
 140 }
 141
 142 #demoDebug .log-head{
 143   padding: 8px 2px 4px;
 144 }
 145
 146 #demoJump button,
 147 #demoDebug .log-head button{
 148   border: 1px solid #335EA8;
 149   margin: 0 2px;
 150   font-size: 11px;
 151   background: #EBE9ED;
 152   font-family: Tahoma, Verdana, sans-serif;
 153 }
 154
 155 #demoDebug .log-head button{
 156   visibility: visible;
 157 }
 158
 159 #demoJump button{
 160   width: 16px;
 161   -moz-appearance: none !important;
 162 }