webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/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 #demoFiles optgroup{
  66   background: #ececed;
  67   font-size: 14px;
  68   text-transform: capitalize;
  69 }
  70
  71 #demoFiles optgroup option{
  72   font-size: 11px;
  73   background: #fff;
  74 }
  75
  76 #demoJump{
  77   position: absolute;
  78   top: 24px;
  79   right: 4px;
  80   width: 45px;
  81   text-align: right;
  82   z-index: 1000000002;
  83 }
  84
  85 #demoDescription{
  86   position: absolute;
  87   top: 44px;
  88   height : 120px;
  89   width: 266px;
  90   right: 4px;
  91   z-index: 1000000002;
  92   overflow: auto;
  93   border-bottom: 10px solid #134275;
  94   padding: 0px 6px 0px 4px;
  95 }
  96
  97 #demoDescription p{
  98   margin: 4px 0;
  99 }
 100
 101 #demoDescription h1{
 102   font-size: 12px;
 103   margin: 8px 0 4px;
 104 }
 105
 106 #demoDebug{
 107   position: absolute;
 108   top: 160px;
 109   bottom: 24px;
 110   right: 4px;
 111   width: 266px;
 112   font-size: 10px;
 113   font-family: "Bitstream Vera Sans Mono", "Courier New", "Courier", monospace;
 114   z-index: 1000000102;
 115 }
 116
 117 #demoDebug .log-body{
 118   overflow: auto;
 119   position: absolute;
 120   top: 30px;
 121   bottom: 0px;
 122   width: 266px;
 123   padding: 4px;
 124 }
 125
 126 #demoDebug .log-debug{
 127   color: gray;
 128   padding-left: 6px;
 129 }
 130
 131 #demoDebug .log-info{
 132   background: #DFEBFD;
 133   padding-left: 6px;
 134 }
 135
 136 #demoDebug .log-warn{
 137   background: #F5FAAD;
 138   padding-left: 6px;
 139 }
 140
 141 #demoDebug .log-error{
 142   background: #D2623E;
 143   color: black;
 144   padding-left: 6px;
 145 }
 146
 147 #demoDebug .log-group{
 148   margin-top: 4px;
 149   margin-bottom: 1px;
 150   text-decoration: underline;
 151 }
 152
 153 #demoDebug .log-head{
 154   padding: 8px 2px 4px;
 155 }
 156
 157 #demoJump button,
 158 #demoDebug .log-head button{
 159   border: 1px solid #335EA8;
 160   margin: 0 2px;
 161   font-size: 11px;
 162   background: #EBE9ED;
 163   font-family: Tahoma, Verdana, sans-serif;
 164 }
 165
 166 #demoDebug .log-head button{
 167   visibility: visible;
 168 }
 169
 170 #demoJump button{
 171   width: 16px;
 172   -moz-appearance: none !important;
 173 }