err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/ContactsUI.css

   1 /*
   2   Copyright (C) 2005 SKYRIX Software AG
   3
   4   This file is part of OpenGroupware.org.
   5
   6   OGo is free software; you can redistribute it and/or modify it under
   7   the terms of the GNU Lesser General Public License as published by the
   8   Free Software Foundation; either version 2, or (at your option) any
   9   later version.
  10
  11   OGo is distributed in the hope that it will be useful, but WITHOUT ANY
  12   WARRANTY; without even the implied warranty of MERCHANTABILITY or
  13   FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public
  14   License for more details.
  15
  16   You should have received a copy of the GNU Lesser General Public
  17   License along with OGo; see the file COPYING.  If not, write to the
  18   Free Software Foundation, 59 Temple Place - Suite 330, Boston, MA
  19   02111-1307, USA.
  20 */
  21
  22 DIV#rightPanel
  23 {
  24   position: absolute;
  25   top: 6em;
  26   left: 15em;
  27   margin-left: 5px;
  28   right: 0px;
  29   bottom: 0px;
  30   overflow: hidden;
  31 }
  32
  33 DIV#contactsListContent
  34 {
  35   position: absolute;
  36   background: #fff;
  37   width: 100%;
  38   height: 16em;
  39   top: 2em;
  40   overflow: auto;
  41   left: 0px;
  42 }
  43
  44 .aptview_text
  45 {
  46   color: #000000;
  47 }
  48
  49 .apt_other
  50 {
  51   color: #000000;
  52 }
  53
  54 .apt_other_print
  55 {
  56   font-style: italic;
  57 }
  58
  59 .foldercell
  60 {
  61   width: 25%;
  62 }
  63
  64 .contentcell
  65 {
  66 }
  67
  68 .titlediv
  69 {
  70   line-height: 2em;
  71   vertical-align: bottom;
  72   padding-left: 1em;
  73 }
  74
  75 table.titletable
  76 {
  77   height: 24px;
  78   vertical-align: middle;
  79   padding-top: 6px;
  80   padding-left: 6px;
  81 }
  82
  83 td.titlecell
  84 {
  85   height: 22px;
  86   vertical-align: middle;
  87   padding-bottom: 2px;
  88   white-space: nowrap;
  89 }
  90
  91 table.titletable td.titlecell SELECT
  92 {
  93   display: -moz-popup;
  94   border-top: 1px solid #fff;
  95   border-left: 1px solid #fff;
  96   border-right: 2px solid #222;
  97   border-bottom: 2px solid #222;
  98   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
  99   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
 100   background: #DCDAD5;
 101 }
 102
 103 .whitesec_title
 104 {
 105   background-color: #DCDAD5;
 106   padding: 4px;
 107 }
 108
 109 DIV#contactFoldersList
 110 {
 111   position: absolute;
 112   top: 6em;
 113   left: 0px;
 114   width: 15em;
 115   bottom: 0px;
 116   margin: 0px;
 117   padding: 0px;
 118   overflow: hidden;
 119 }
 120
 121 DIV#contactFoldersList > DIV.toolbar
 122 { width: 100%;
 123   background: #f00;
 124   padding: 0px;
 125   margin: 0px;
 126   border-top: 1px solid #aaa;
 127   border-left: 1px solid #aaa; }
 128
 129 UL#contactFolders
 130 { visibility: hidden;
 131   list-style-type: none;
 132   list-style-image: none;
 133   clear: both;
 134   cursor: default;
 135   color: #000;
 136   background: #fff;
 137   width: 100%;
 138   height: 100%;
 139   margin: 0px;
 140   padding: 0px;
 141   border: 0px;
 142   overflow: auto; }
 143
 144 UL#contactFolders LI.denied
 145 { background: #fefefe;
 146   font-style: italic;
 147   color: #f33; }
 148
 149 DIV#contactFoldersList LI
 150 {
 151   padding: .2em 1em;
 152   margin: 0px;
 153   width: auto;
 154   white-space: nowrap;
 155 }
 156
 157 DIV#contactFoldersList LI._selected
 158 {
 159   background: #4b6983;
 160   color: #fff;
 161 }
 162
 163 .treecell
 164 {
 165   color: black;
 166   vertical-align: bottom;
 167   padding-left: 4px; /* move away from the icon */
 168   padding-right: 2px; /* move away from the right border */
 169   white-space: nowrap;
 170 }
 171
 172 DIV#folderTreeContent TABLE TD
 173 { height: 2em;
 174   border-top: 1px solid #fff;
 175   margin: 0px;
 176   padding: 0px; }
 177
 178 TABLE#contactsList
 179 {
 180   display: block;
 181   position: relative;
 182   color: #000;
 183   background: #fff;
 184   width: 100%;
 185   height: 100%;
 186 }
 187
 188 TABLE#contactsList TD
 189 { white-space: nowrap; }
 190
 191 TABLE#contactsList TD IMG
 192 {
 193   vertical-align: middle;
 194   margin-left: 1em;
 195   margin-right: .2em;
 196 }
 197
 198 TABLE#contactsList TR._selected TD
 199 {
 200   background: #4b6983;
 201   color: #fff;
 202 }
 203
 204 TABLE#contactsList TR._deleted TD
 205 {
 206   text-decoration: line-through;
 207 }
 208
 209 DIV#contactView
 210 {
 211   position: absolute;
 212   background: #fff;
 213   padding: .5em;
 214   top: 18em;
 215   left: 0px;
 216   right: 0px;
 217   bottom: 0px;
 218   overflow: auto;
 219   margin-top: 5px;
 220   border-top: 1px solid #aaa;
 221   border-left: 1px solid #aaa;
 222   line-height: 1em;
 223 }
 224
 225 DIV#contactView A
 226 { color: #00f;
 227   text-decoration: none; }
 228
 229 DIV#contactView H3.contactCardTitle
 230 { display: block;
 231   margin: .2em 0px;
 232   font-size: large;
 233   font-weight: bold;
 234   width: 100%;
 235   text-decoration: underline; }
 236
 237 DIV.contactColumn
 238 {
 239   width: 45%;
 240   margin-left: 1em;
 241   padding: .5em;
 242   float: left;
 243 }
 244
 245 DIV.contactColumn DIV
 246 { margin-bottom: 1em; }
 247
 248 DIV.contactColumn H4
 249 {
 250   margin: .2em 0px;
 251   margin-left: -1em;
 252   font-weight: bold;
 253   color: #fff;
 254   background: #4b6983;
 255   width: 100%;
 256   padding: .1em .2em;
 257 }
 258
 259 INPUT#searchValue:focus
 260 { color: #000; }
 261
 262 /* drag handles */
 263 DIV#dragHandle
 264 {
 265   cursor: e-resize;
 266   top: 8em;
 267   left: 15em;
 268   width: 5px;
 269   bottom: 0px;
 270 }
 271
 272 DIV#rightDragHandle
 273 {
 274   cursor: n-resize;
 275   top: 18em;
 276   left: 0px;
 277   right: 0px;
 278   height: 5px;
 279 }
 280
 281 DIV.contactSelector
 282 {
 283   position: absolute;
 284   top: 0px;
 285   bottom: 0px;
 286   right: 0px;
 287   left: 0px;
 288 }
 289
 290 BODY.popup DIV#rightPanel
 291 { top: 4em; }
 292
 293 BODY.popup DIV#dragHandle
 294 { top: 6em; }
 295
 296 BODY.popup DIV#contactsListContent
 297 { height: 8em; }
 298
 299 BODY.popup DIV#contactFoldersList
 300 { top: 4em; }
 301
 302 BODY.popup DIV#rightDragHandle
 303 { top: 10em; }
 304
 305 BODY.popup DIV#contactView
 306 { top: 10em; }
 307
 308 DIV.contactSelection
 309 {
 310   z-index: 10;
 311   background: inherit;
 312   position: absolute;
 313   bottom: 0em;
 314   padding: 1em;
 315   left: 0px;
 316   right: 0px;
 317   text-align: right;
 318   background: #dbdad5;
 319   border-top: 1px solid #fffffb;
 320   border-left: 0px;
 321   border-right: 0px;
 322   border-bottom: 0px;
 323   -moz-border-top-colors: -moz-buttonhoverface;
 324 }
 325
 326 DIV.contactSelection > DIV.calendar
 327 { text-align: center; }
 328
 329 DIV.contactSelection INPUT.button
 330 { margin-top: .25em; }
 331
 332 DIV.contactSelection SPAN#selectionLabel
 333 { float: left; }