1/* Basic overridable CSS for DAViCal CalDAV Server */ 2 3body, p, li, td { 4padding: 0; 5margin: 0; 6border: none; 7padding-bottom:2em; 8} 9 10.prompt { 11font-weight: bold; 12padding: 1px 1em 1px 0.5em; 13text-align: right; 14} 15 16th.prompt { 17 width:18%; 18} 19 20.error { 21/* font-weight: bold; */ 22font-size: 110%; 23font-family: Bitstream Vera Sans, Vera Sans, sans-serif; 24padding: 1px 0.3em; 25background-color: #c00000; 26color: #ffff00; 27} 28 29a.error, a.error:hover, a.error:visited { 30 background-color: #c00000; 31 color: #ffffd0; 32 text-decoration:underline; 33} 34 35h1, h2, h3, h4, h5 { 36font-weight: bold; 37font-family: Bitstream Vera Sans, Vera Sans, sans-serif; 38padding-left: 0.3em; 39padding-right: 0.3em; 40padding-bottom: 0.1em; 41} 42 43h1 { 44font-size: 100%; 45background-color: #ABF; 46margin-top: 10px; 47padding: 0.3em; 48color:white; 49border-bottom:2px dashed #009; 50} 51 52h1:first-letter { 53font-size: 120%; 54} 55 56h2 { 57font-size: 100%; 58background-color: #BCF; 59margin: 0; 60padding-top: 0.3em; 61/*margin-top: 2px; 62margin-bottom: 0.3em; 63margin-left :15px; 64*/ 65border:1px dashed #99F; 66} 67 68h3 { 69font-size: 100%; 70background-color: #DEF; 71margin: 0; 72padding-top: 0.2em; 73margin-top: 0.4em; 74margin-bottom: 0.2em; 75margin-left :25px; 76border:1px dashed #BCF; 77} 78 79p { 80padding: 0.1em 0.3em 0.2em; 81} 82 83ul { 84list-style-type: square; 85margin: 0 0 0.5em; 86} 87 88li { 89padding: 0 0.3em 0.2em; 90} 91input.text, input.password, label, input.fcheckbox, 92input.ftext, input.fpassword, input.fdate, input.ftimestamp, select.fselect, select.flookup { 93background-color: #EFFAFF; 94color: navy; 95border: thin solid #c0c0c0; 96width:250px; 97} 98label.fcheckbox { 99display:block; 100width:244px; 101margin-top:2px; 102} 103input.fcheckbox { 104width:13px; 105} 106input.text, input.password, 107input.ftext, input.fpassword, input.fdate, input.ftimestamp { 108padding: 3px; 109margin: 0; 110} 111 112label.fcheckbox { 113padding: 2px; 114margin-right: 2px; 115} 116 117input.fcheckbox { 118margin-top: 6px; 119margin-bottom: 3px; 120vertical-align:-4px; 121border: none; 122} 123 124select.fselect, select.flookup { 125padding: 2px 0; 126margin: 3px 0 0; 127} 128 129.prompt { 130font-family: Arial Narrow, sans-serif; 131background-color: #CDF; 132color: #003010; 133} 134 135td.entry { 136padding: 1px; 137} 138 139.ph { 140font-family:Bitstream Vera Sans, sans-serif; 141color: #003010; 142font-size: 120%; 143background-color: #BCF; 144text-align:left; 145border-top:10px white solid; 146padding-top:3px; 147border-bottom:4px white solid; 148} 149 150 151#messages { 152background-color: #602000; 153color:white; 154border:0; 155padding:2px 6px; 156} 157 158ul.messages, li.messages { 159font-family:Bitstream Vera Sans, sans-serif; 160font-weight:700; 161font-size: 1.1em; 162} 163 164li.messages { 165display:inherit; 166} 167 168 169.fsubmit { 170background-color: white; 171font-family: Bitstream Vera Sans, Vera Sans, sans-serif; 172font-weight: bold; 173border:2px solid #009; 174height:1.4em; 175line-height:1.6em; 176font-size: 1.0em; 177background-color: #ABE; 178-moz-border-radius: 2em; 179text-decoration:none; 180color:black; 181padding:0 1em 0.1em; 182margin:0 1em 0.1em; 183} 184/* To get a matching height on 'input' buttons we have to set height, not line-height */ 185input.fsubmit { 186 height:1.6em; 187} 188.fsubmit:hover { 189border:2px outset #009; 190} 191.fsubmit:active { 192border:2px inset #009; 193} 194 195a.error { 196font-family: Bitstream Vera Sans, Vera Sans, sans-serif; 197font-weight: bold; 198border:2px solid #800; 199height:1.4em; 200line-height:1.6em; 201font-size: 1.0em; 202background-color: #F31; 203-moz-border-radius: 2em; 204text-decoration:none; 205color:white; 206padding:0 1em 0.1em; 207margin:0 1em 0.1em; 208} 209a.error:hover { 210border:2px outset #800; 211background-color: #F31; 212} 213a.error:active { 214border: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 227div.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 { 242background-color: white; 243color: white; 244font-weight: bold; 245padding: 0.8em 0.4em 0.2em 0; 246margin-bottom: 0; 247height:1.3em; 248border-bottom:1px solid #ABF; 249} 250 251#related a.menu, #related a.menu:hover, #related a.menu_active, #related a.menu_active:hover { 252color: #999; 253text-decoration: none; 254background-color: #DEF; 255padding: 0.2em 0.4em; 256margin-right: 0.4em; 257height:1.3em; 258border: 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 { 265color: white; 266background-color: #BCF; 267} 268 269#related a.menu_active, #related a.menu_active:hover { 270background-color: white; 271color: #008; 272border-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 355