htdocs/davical.css

   1 /* Basic overridable CSS for DAViCal CalDAV Server */
   2
   3 body, p, li, td {
   4 padding: 0;
   5 margin: 0;
   6 border: none;
   7 padding-bottom:2em;
   8 }
   9
  10 .prompt {
  11 font-weight: bold;
  12 padding: 1px 1em 1px 0.5em;
  13 text-align: right;
  14 }
  15
  16 th.prompt {
  17   width:18%;
  18 }
  19
  20 .error {
  21 /* font-weight: bold; */
  22 font-size: 110%;
  23 font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
  24 padding: 1px 0.3em;
  25 background-color: #c00000;
  26 color: #ffff00;
  27 }
  28
  29 a.error, a.error:hover, a.error:visited {
  30   background-color: #c00000;
  31   color: #ffffd0;
  32   text-decoration:underline;
  33 }
  34
  35 h1, h2, h3, h4, h5 {
  36 font-weight: bold;
  37 font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
  38 padding-left: 0.3em;
  39 padding-right: 0.3em;
  40 padding-bottom: 0.1em;
  41 }
  42
  43 h1 {
  44 font-size: 100%;
  45 background-color: #ABF;
  46 margin-top: 10px;
  47 padding: 0.3em;
  48 color:white;
  49 border-bottom:2px dashed #009;
  50 }
  51
  52 h1:first-letter {
  53 font-size: 120%;
  54 }
  55
  56 h2 {
  57 font-size: 100%;
  58 background-color: #BCF;
  59 margin: 0;
  60 padding-top: 0.3em;
  61 /*margin-top: 2px;
  62 margin-bottom: 0.3em;
  63 margin-left :15px;
  64 */
  65 border:1px dashed #99F;
  66 }
  67
  68 h3 {
  69 font-size: 100%;
  70 background-color: #DEF;
  71 margin: 0;
  72 padding-top: 0.2em;
  73 margin-top: 0.4em;
  74 margin-bottom: 0.2em;
  75 margin-left :25px;
  76 border:1px dashed #BCF;
  77 }
  78
  79 p {
  80 padding: 0.1em 0.3em 0.2em;
  81 }
  82
  83 ul {
  84 list-style-type: square;
  85 margin: 0 0 0.5em;
  86 }
  87
  88 li {
  89 padding: 0 0.3em 0.2em;
  90 }
  91 input.text, input.password, label, input.fcheckbox,
  92 input.ftext, input.fpassword, input.fdate, input.ftimestamp, select.fselect, select.flookup {
  93 background-color: #EFFAFF;
  94 color: navy;
  95 border: thin solid #c0c0c0;
  96 width:250px;
  97 }
  98 label.fcheckbox {
  99 display:block;
 100 width:244px;
 101 margin-top:2px;
 102 }
 103 input.fcheckbox {
 104 width:13px;
 105 }
 106 input.text, input.password,
 107 input.ftext, input.fpassword, input.fdate, input.ftimestamp {
 108 padding: 3px;
 109 margin: 0;
 110 }
 111
 112 label.fcheckbox {
 113 padding: 2px;
 114 margin-right: 2px;
 115 }
 116
 117 input.fcheckbox {
 118 margin-top: 6px;
 119 margin-bottom: 3px;
 120 vertical-align:-4px;
 121 border: none;
 122 }
 123
 124 select.fselect, select.flookup {
 125 padding: 2px 0;
 126 margin: 3px 0 0;
 127 }
 128
 129 .prompt {
 130 font-family: Arial Narrow, sans-serif;
 131 background-color: #CDF;
 132 color: #003010;
 133 }
 134
 135 td.entry {
 136 padding: 1px;
 137 }
 138
 139 .ph {
 140 font-family:Bitstream Vera Sans, sans-serif;
 141 color: #003010;
 142 font-size: 120%;
 143 background-color: #BCF;
 144 text-align:left;
 145 border-top:10px white solid;
 146 padding-top:3px;
 147 border-bottom:4px white solid;
 148 }
 149
 150
 151 #messages {
 152 background-color: #602000;
 153 color:white;
 154 border:0;
 155 padding:2px 6px;
 156 }
 157
 158 ul.messages, li.messages {
 159 font-family:Bitstream Vera Sans, sans-serif;
 160 font-weight:700;
 161 font-size: 1.1em;
 162 }
 163
 164 li.messages {
 165 display:inherit;
 166 }
 167
 168
 169 .fsubmit {
 170 background-color: white;
 171 font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
 172 font-weight: bold;
 173 border:2px solid #009;
 174 height:1.4em;
 175 line-height:1.6em;
 176 font-size: 1.0em;
 177 background-color: #ABE;
 178 -moz-border-radius: 2em;
 179 text-decoration:none;
 180 color:black;
 181 padding:0 1em 0.1em;
 182 margin:0 1em 0.1em;
 183 }
 184 /* To get a matching height on 'input' buttons we have to set height, not line-height */
 185 input.fsubmit {
 186   height:1.6em;
 187 }
 188 .fsubmit:hover {
 189 border:2px outset #009;
 190 }
 191 .fsubmit:active {
 192 border:2px inset #009;
 193 }
 194
 195 a.error {
 196 font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
 197 font-weight: bold;
 198 border:2px solid #800;
 199 height:1.4em;
 200 line-height:1.6em;
 201 font-size: 1.0em;
 202 background-color: #F31;
 203 -moz-border-radius: 2em;
 204 text-decoration:none;
 205 color:white;
 206 padding:0 1em 0.1em;
 207 margin:0 1em 0.1em;
 208 }
 209 a.error:hover {
 210 border:2px outset #800;
 211 background-color: #F31;
 212 }
 213 a.error:active {
 214 border:2px inset #800;
 215 }
 216
 217 .w40 { width: 40em; }
 218 .w35 { width: 35em; }
 219 .w30 { width: 30em; }
 220 .w25 { width: 25em; }
 221 .w20 { width: 20em; }
 222 .w15 { width: 15em; }
 223 .w10 { width: 10em; }
 224
 225 /* Handle the menus, usually at the top of the screen */
 226
 227 div.menu {
 228   width:100%;
 229   font-size:1em;
 230   display:block;
 231   height:1.5em;
 232 /*  position:absolute; */
 233 /*  z-index:100; */
 234   background-color:#e0e0ef;
 235 /*  border: 1px red solid; */
 236 /*  background-color: #c7d0d9;
 237   border: thin outset #b0b0e0; */
 238   z-index: 10;
 239 }
 240
 241 #related  {
 242 background-color: white;
 243 color: white;
 244 font-weight: bold;
 245 padding: 0.8em 0.4em 0.2em 0;
 246 margin-bottom: 0;
 247 height:1.3em;
 248 border-bottom:1px solid #ABF;
 249 }
 250
 251 #related a.menu, #related a.menu:hover, #related a.menu_active, #related a.menu_active:hover {
 252 color: #999;
 253 text-decoration: none;
 254 background-color: #DEF;
 255 padding: 0.2em 0.4em;
 256 margin-right: 0.4em;
 257 height:1.3em;
 258 border: 1px solid #ABF;
 259 -moz-border-radius-topright: 0.8em;
 260 -moz-border-radius-topleft: 0.8em;
 261
 262 }
 263
 264 #related a.menu:hover, #related a.menu_active:hover {
 265 color: white;
 266 background-color: #BCF;
 267 }
 268
 269 #related a.menu_active, #related a.menu_active:hover {
 270 background-color: white;
 271 color: #008;
 272 border-bottom:1px solid white;
 273 }
 274
 275
 276 /* remove all the bullets, borders and padding from the default list styling */
 277 .menu ul {
 278   width:100%;
 279   padding:0;
 280   margin:0;
 281   list-style-type:none;
 282   display:block;
 283   height:1.4em;
 284   position: fixed;
 285   top: 0px;
 286   background-color: #c7d0d9;
 287   border: thin outset #b0b0e0;
 288 }
 289
 290 /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
 291 .menu li {
 292   float:left;
 293   position:relative;
 294   padding:0;
 295   display: inline;
 296 }
 297
 298 /* style the links for the top level */
 299 .menu a, .menu a:visited {
 300   display:block;
 301   font-weight: bold;
 302   font-family: sans-serif;
 303   text-decoration:none;
 304   color:navy;
 305   height:1.2em;
 306   vertical-align:middle;
 307   border:0 solid #fff;
 308   background-color:#f0f0ff;
 309   border-width:0;
 310   padding: 0.1em 1em;
 311   margin: 0;
 312   line-height:100%;
 313 /*  border: 1px green dashed; */
 314 }
 315
 316 /* hide the sub levels and give them a positon absolute so that they take up no room */
 317 .menu ul ul {
 318   visibility:hidden;
 319   position:absolute;
 320   text-decoration:none;
 321   height:0;
 322   top:1.2em;
 323   left:0;
 324 }
 325
 326 /* style the second level links */
 327 .menu ul ul a,
 328 .menu ul ul a:visited {
 329   background:#f0f0ff;
 330   color:navy;
 331   font-family: sans-serif;
 332   border-bottom: 1px solid #cccccc;
 333   height:auto;
 334   line-height:1em;
 335   padding:0.2em 0 0.2em 1em;
 336   width:12em;
 337 }
 338
 339 /* style the top level hover */
 340 .menu :hover > a,
 341 .menu ul ul :hover > a,
 342 .menu a:hover,
 343 .menu ul ul a:hover {
 344   background-color:#3050c0;
 345   color:#f0f0a0;
 346   text-decoration:none;
 347 }
 348
 349 /* make the second level visible when hover on first level list OR link */
 350 .menu ul li:hover ul,
 351 .menu ul a:hover ul{
 352   visibility:visible;
 353 }
 354