static/css/mochaui/layout.css

   1 /*
   2
   3 CSS for Mocha UI
   4
   5 Copyright:
   6         Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.
   7
   8 License:
   9         MIT-style license.
  10
  11 */
  12
  13 .column {
  14         visibility: hidden;
  15         position: relative;
  16         float: left;
  17         height: 100%;
  18         min-height: 100%;
  19         overflow: hidden;
  20 }
  21
  22 .panel {
  23         overflow: auto;
  24         background: #f1f1f1;
  25 }
  26
  27 .panel.color2 {
  28         background: #f1f1f1;
  29 }
  30
  31 .panel.color3 {
  32         background: #202A33;
  33         color: #fff;
  34 }
  35
  36 #mainPanel {
  37         background: #fff;
  38 }
  39
  40 .row {
  41         position: relative;
  42         overflow: hidden;
  43 }
  44
  45 .horizontalHandle {
  46         height: 2px;
  47         line-height: 1px;
  48         font-size: 1px;
  49         overflow: hidden;
  50         background: #d0d0d0;
  51 }
  52
  53 .columnHandle {
  54         height: 100%;
  55         min-height: 10px;
  56         float: left;
  57         width: 2px;
  58         overflow: hidden;
  59         background: #d0d0d0;
  60 }
  61
  62 .panel-header {
  63         position: relative;
  64         background: #e9e9e9 url(../images/bg-desktopTitlebar.gif)  repeat-x;
  65         height: 29px;
  66         overflow: hidden;
  67 }
  68
  69 .panel-corner-nw {
  70         position: absolute;
  71         top: 0;
  72         left: 0;
  73         background: #e9e9e9 url(../images/panel-corners.gif) no-repeat;
  74         width: 4px;
  75         height: 4px;
  76         overflow: hidden;
  77 }
  78
  79 .panel-corner-ne {
  80         position: absolute;
  81         top: 0;
  82         right: 0;
  83         background: #e9e9e9 url(../images/panel-corners.gif) right top no-repeat;
  84         width: 4px;
  85         height: 4px;
  86         overflow: hidden;
  87 }
  88
  89 .panel-footer {
  90         background: #fafafa;
  91         padding: 5px 8px;
  92 }
  93
  94 .panel-header h2 {
  95         font-size: 12px;
  96         margin: 0;
  97         padding: 5px 8px 0 8px;
  98         height: 22px;
  99         overflow: hidden;
 100 }
 101
 102 .pad {
 103         padding: 8px;
 104 }
 105
 106 /* Components */
 107
 108 .viewToggle {
 109         position: absolute;
 110         top: 4px;
 111         right: 5px;
 112         width: 60px;
 113         text-align: right;
 114 }
 115
 116 .viewToggle img.viewToggleList, .viewToggle img.viewToggleGrid {
 117         width: 28px;
 118         height: 22px;
 119 }
 120
 121 .viewToggle img.viewToggleList {
 122         background: url(../images/view-toggle.gif) no-repeat;
 123         background-position: 0 -66px;
 124 }
 125
 126 .viewToggle img.viewToggleGrid {
 127         background: url(../images/view-toggle.gif) no-repeat;
 128         background-position: 0 0;
 129 }