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