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 DIV#contactsListContent
  34 { position: absolute;
  35   background: #fff;
  36   width: 100%;
  37   height: 16em;
  38   top: 2.5em;
  39   overflow: auto;
  40   overflow-x: hidden;
  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: #000 #9c9a94 transparent;
  99   -moz-border-right-colors: #000 #9c9a94 transparent;
 100   background-color: #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 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   width: 100%;
 135   height: 100%;
 136   margin: 0px;
 137   padding: 0px;
 138   border-top: 2px solid #222;
 139   border-left: 2px solid #222;
 140   border-right: 1px solid #fff;
 141   border-bottom: 1px solid #fff;
 142   -moz-border-top-colors: #9c9a94 #000;
 143   -moz-border-left-colors: #9c9a94 #000;
 144   overflow: auto; }
 145
 146 DIV#contactFoldersList LI
 147 {
 148   padding: .2em 1em;
 149   margin: 0px;
 150   width: auto;
 151   white-space: nowrap;
 152 }
 153
 154 .treecell
 155 {
 156   color: black;
 157   vertical-align: bottom;
 158   padding-left: 4px; /* move away from the icon */
 159   padding-right: 2px; /* move away from the right border */
 160   white-space: nowrap;
 161 }
 162
 163 DIV#folderTreeContent TABLE TD
 164 { height: 2em;
 165   border-top: 1px solid #fff;
 166   margin: 0px;
 167   padding: 0px; }
 168
 169 TABLE#contactsList
 170 {
 171   display: block;
 172   position: relative;
 173   color: #000;
 174   background: #fff;
 175   width: 100%;
 176 }
 177
 178 TABLE#contactsList TD
 179 { white-space: nowrap;
 180   width: 20%; }
 181
 182 TABLE#contactsList TD.headerName,
 183 TABLE#contactsList TD.headerEmail
 184 { width: 30%; }
 185
 186 TABLE#contactsList TD IMG
 187 {
 188   vertical-align: middle;
 189   margin-left: 1em;
 190   margin-right: .2em;
 191 }
 192
 193 TABLE#contactsList TR._deleted TD
 194 {
 195   text-decoration: line-through;
 196 }
 197
 198 DIV#contactView
 199 {
 200   position: absolute;
 201   background: #fff;
 202   padding: .5em;
 203   top: 18em;
 204   left: 0px;
 205   right: 0px;
 206   bottom: 0px;
 207   overflow: auto;
 208   margin-top: 5px;
 209   border-top: 1px solid #aaa;
 210   border-left: 1px solid #aaa;
 211   line-height: 1em;
 212 }
 213
 214 DIV#contactView A
 215 { color: #00f;
 216   text-decoration: none; }
 217
 218 DIV#contactView H3.contactCardTitle
 219 { display: block;
 220   margin: .2em 0px;
 221   font-size: large;
 222   font-weight: bold;
 223   width: 100%;
 224   text-decoration: underline; }
 225
 226 DIV.contactColumn
 227 {
 228   width: 45%;
 229   margin-left: 1em;
 230   padding: .5em;
 231   float: left;
 232 }
 233
 234 DIV.contactColumn DIV
 235 { margin-bottom: 1em; }
 236
 237 DIV.contactColumn H4
 238 {
 239   margin: .2em 0px;
 240   margin-left: -1em;
 241   font-weight: bold;
 242   color: #fff;
 243   background: #4b6983;
 244   width: 100%;
 245   padding: .1em .2em;
 246 }
 247
 248 INPUT#searchValue:focus
 249 { color: #000; }
 250
 251 /* drag handles */
 252 DIV#dragHandle
 253 {
 254   cursor: e-resize;
 255   top: 8em;
 256   left: 15em;
 257   width: 5px;
 258   bottom: 0px;
 259 }
 260
 261 DIV#rightDragHandle
 262 {
 263   cursor: n-resize;
 264   top: 18em;
 265   left: 0px;
 266   right: 0px;
 267   height: 5px;
 268 }
 269
 270 DIV.contactSelector
 271 {
 272   position: absolute;
 273   top: 0px;
 274   bottom: 0px;
 275   right: 0px;
 276   left: 0px;
 277 }
 278
 279 BODY.popup DIV#rightPanel
 280 { top: 4em; }
 281
 282 BODY.popup DIV#dragHandle
 283 { top: 6em; }
 284
 285 BODY.popup DIV#contactsListContent
 286 { height: 8em; }
 287
 288 BODY.popup DIV#contactFoldersList
 289 { top: 4em; }
 290
 291 BODY.popup DIV#rightDragHandle
 292 { top: 10em; }
 293
 294 BODY.popup DIV#contactView
 295 { top: 10em; }
 296
 297 DIV.contactSelection
 298 {
 299   z-index: 10;
 300   background: inherit;
 301   position: absolute;
 302   bottom: 0em;
 303   padding: 1em;
 304   left: 0px;
 305   right: 0px;
 306   text-align: right;
 307   background: #d4d0c8;
 308   border-top: 1px solid #fff;
 309   border-left: 0px;
 310   border-right: 0px;
 311   border-bottom: 0px;
 312   -moz-border-top-colors: #efebe7;
 313 }
 314
 315 DIV.contactSelection > DIV.calendar
 316 { text-align: center; }
 317
 318 DIV.contactSelection INPUT.button
 319 { font-size: 8pt;
 320   margin-top: .25em;
 321   padding: 0px; }
 322
 323 DIV.contactSelection SPAN#selectionLabel
 324 { float: left; }