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: 5.5em;
  26   left: 15em;
  27   margin-left: 5px;
  28   right: 0px;
  29   bottom: 0px;
  30   overflow: hidden;
  31 }
  32
  33 /* top list */
  34 DIV#contactsListContent
  35 { cursor: default;
  36   position: absolute;
  37   background-color: #fff;
  38   top: 2.5em;
  39   left: 0px;
  40   right: 0px;
  41   height: 16em;
  42   overflow: auto;
  43   overflow-x: hidden; }
  44
  45 .aptview_text
  46 {
  47   color: #000000;
  48 }
  49
  50 .apt_other
  51 {
  52   color: #000000;
  53 }
  54
  55 .apt_other_print
  56 {
  57   font-style: italic;
  58 }
  59
  60 .foldercell
  61 {
  62   width: 25%;
  63 }
  64
  65 .contentcell
  66 {
  67 }
  68
  69 .titlediv
  70 {
  71   line-height: 2em;
  72   vertical-align: bottom;
  73   padding-left: 1em;
  74 }
  75
  76 table.titletable
  77 {
  78   height: 24px;
  79   vertical-align: middle;
  80   padding-top: 6px;
  81   padding-left: 6px;
  82 }
  83
  84 td.titlecell
  85 {
  86   height: 22px;
  87   vertical-align: middle;
  88   padding-bottom: 2px;
  89   white-space: nowrap;
  90 }
  91
  92 table.titletable td.titlecell SELECT
  93 {
  94   display: -moz-popup;
  95   border-top: 1px solid #fff;
  96   border-left: 1px solid #fff;
  97   border-right: 2px solid #222;
  98   border-bottom: 2px solid #222;
  99   -moz-border-bottom-colors: #000 #9c9a94 transparent;
 100   -moz-border-right-colors: #000 #9c9a94 transparent;
 101   background-color: #DCDAD5;
 102 }
 103
 104 .whitesec_title
 105 {
 106   background-color: #DCDAD5;
 107   padding: 4px;
 108 }
 109
 110 DIV#contactFoldersList
 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 DIV#contactFoldersList DIV.toolbar
 121 { width: 100%;
 122   padding: 0px;
 123   margin: 0px;
 124   border-top: 1px solid #aaa;
 125   border-left: 1px solid #aaa; }
 126
 127 UL#contactFolders
 128 { list-style-type: none;
 129   list-style-image: none;
 130   clear: both;
 131   cursor: default;
 132   color: #000;
 133   background: #fff;
 134   position: absolute; /* required for Safari & IE */
 135   top: 53px; /* leave space for the mini addressbook */
 136   bottom: 0px;
 137   width: 100%;
 138   height: 100%;
 139   margin: 0px;
 140   padding: 0px;
 141   border-top: 2px solid #222;
 142   border-left: 2px solid #222;
 143   border-right: 1px solid #fff;
 144   border-bottom: 1px solid #fff;
 145   -moz-border-top-colors: #9c9a94 #000;
 146   -moz-border-left-colors: #9c9a94 #000; }
 147
 148 DIV#contactFoldersList LI
 149 {
 150   padding: .2em 1em;
 151   margin: 0px;
 152   width: auto;
 153   white-space: nowrap;
 154 }
 155
 156 .treecell
 157 {
 158   color: black;
 159   vertical-align: bottom;
 160   padding-left: 4px; /* move away from the icon */
 161   padding-right: 2px; /* move away from the right border */
 162   white-space: nowrap;
 163 }
 164
 165 DIV#folderTreeContent TABLE TD
 166 { height: 2em;
 167   border-top: 1px solid #fff;
 168   margin: 0px;
 169   padding: 0px; }
 170
 171 TABLE#contactsList
 172 { width: 100%; }
 173
 174 TABLE#contactsList TD,
 175 TABLE#contactsList TH
 176 { overflow: hidden;
 177   white-space: nowrap; } /* pre, normal, nowrap */
 178
 179 TABLE#contactsList TH
 180 { white-space: pre; }
 181
 182 TABLE#contactsList TD IMG
 183 {
 184   vertical-align: middle;
 185   margin-left: 1em;
 186   margin-right: .2em;
 187 }
 188
 189 TABLE#contactsList TR._deleted TD
 190 {
 191   text-decoration: line-through;
 192 }
 193
 194 DIV#contactView
 195 {
 196   position: absolute;
 197   background: #fff;
 198   padding: .5em;
 199   top: 18em;
 200   left: 0px;
 201   right: 0px;
 202   bottom: 0px;
 203   overflow: auto;
 204   margin-top: 5px;
 205   border-top: 1px solid #aaa;
 206   border-left: 1px solid #aaa;
 207   line-height: 1em;
 208 }
 209
 210 DIV#contactView A
 211 { color: #00f;
 212   text-decoration: none; }
 213
 214 DIV#contactView H3.contactCardTitle
 215 { display: block;
 216   margin: 0px;
 217   padding: .2em 0px;
 218   font-size: large;
 219   font-weight: bold;
 220   width: 100%;
 221   text-decoration: underline; }
 222
 223 DIV.contactColumn
 224 {
 225   width: 45%;
 226   margin-left: 1em;
 227   padding: .5em;
 228   float: left;
 229 }
 230
 231 DIV.contactColumn DIV
 232 { margin-bottom: 1em; }
 233
 234 DIV.contactColumn H4
 235 {
 236   margin: .2em 0px;
 237   margin-left: -1em;
 238   font-weight: bold;
 239   color: #fff;
 240   background: #4b6983;
 241   width: 100%;
 242   padding: .1em .2em;
 243 }
 244
 245 INPUT#searchValue:focus
 246 { color: #000; }
 247
 248 /* drag handles */
 249 DIV#dragHandle
 250 {
 251   cursor: e-resize;
 252   top: 8em;
 253   left: 15em;
 254   width: 5px;
 255   bottom: 0px;
 256 }
 257
 258 DIV#rightDragHandle
 259 {
 260   cursor: n-resize;
 261   top: 18em;
 262   left: 0px;
 263   right: 0px;
 264   height: 5px;
 265 }
 266
 267 DIV.contactSelector
 268 {
 269   position: absolute;
 270   top: 0px;
 271   bottom: 0px;
 272   right: 0px;
 273   left: 0px;
 274 }
 275
 276 BODY.popup DIV#rightPanel
 277 { top: 4em; }
 278
 279 BODY.popup DIV#dragHandle
 280 { top: 6em; }
 281
 282 BODY.popup DIV#contactsListContent
 283 { height: 8em; }
 284
 285 BODY.popup DIV#contactFoldersList
 286 { top: 4em; }
 287
 288 BODY.popup DIV#rightDragHandle
 289 { top: 10em; }
 290
 291 BODY.popup DIV#contactView
 292 { top: 10em; }
 293
 294 DIV.contactSelection
 295 {
 296   z-index: 10;
 297   background: inherit;
 298   position: absolute;
 299   bottom: 0em;
 300   padding: 1em;
 301   left: 0px;
 302   right: 0px;
 303   text-align: right;
 304   background: #d4d0c8;
 305   border-top: 1px solid #fff;
 306   border-left: 0px;
 307   border-right: 0px;
 308   border-bottom: 0px;
 309   -moz-border-top-colors: #efebe7;
 310 }
 311
 312 DIV.contactSelection > DIV.calendar
 313 { text-align: center; }
 314
 315 DIV.contactSelection INPUT.button
 316 { font-size: 8pt;
 317   margin-top: .25em;
 318   padding: 0px; }
 319
 320 DIV.contactSelection SPAN#selectionLabel
 321 { float: left; }