/* Styles for CERN User Pages R. Cailliau ETT/EC-EX 2004-02-05 All dimensions are as much as possible in "em" or "%" measures. Colours: -------- Note: all distinct purposes have different colours so that it is easy to make a global change. If the colours of two purposes should be the same, then they are kept different by a single bit, e.g. d0d0d0 and d0d0d1 general background: e0e0e0 a light grey links: 0000f0 a dark blue menu titles bg: c0c0c0 a medium grey category titles bg: 808080 a medium dark grey headings: 00a600 a fairly dark green headings bg: E8F5E8 a light green link hover: a0bba0 a dirty light green link visited: 0100f0 same dark blue as not visited horizontal lines: d0d0d1 a shade darker grey than the general background. */ /* General Styles */ /* color size weight margin padding background border family */ body { color: #000000; font-family: Helvetica, Verdana, sans-serif; background-color: #e0e0e0; margin: 0 } body.welcome { color: #000000; font-family: Helvetica, Verdana, sans-serif; background-color: #e0e0e0; margin: 0; background-image: url("../zCommonImages/CERNLogoGiga.gif"); background-repeat: no-repeat;} h1 { color: #000080; font-size: 1.7em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; white-space: nowrap; margin: 0.2em 0 0 } h2 { color: #00a600; font-size: 0.9em; font-weight: bold; margin: 0; padding: 2px 0 2px 0.5em; border-top: 1px solid #00bb00; background-color: #E8F5E8 } td.h2 { color: #00a600; font-size: 0.9em; font-weight: bold; padding: 2px 0.5em 2px 0.5em; border-style: solid none none; border-width: 1px 0 0 0; border-color: #00a600; background-color: #E8F5E8;} a:link { color: #0000f0; text-decoration: none } a:visited { color: #0000f0; text-decoration: none } a:hover { color: #608060; text-decoration: none } p.EONRInHeader { color: #000080; font-size: 0.95em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; margin-top: 1em } p.EONRInHeader2 { color: #000080; font-size: 1em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; margin-top: 0.36em; margin-left: 1em } a.HomePageLink { color: #000080; font-size: 0.95em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; margin-top: 1em; text-decoration: none } .item { color: #000000; font-size: 0.8em; margin: 0; background-color: #ffffff; padding: 2px 0.2em 2px 0.5em; border-bottom: 1px solid #d0d0d1 } .itemindented { color: #000000; font-size: 0.8em; margin: 0; background-color: #ffffff; padding: 2px 0px 2px 2.5em; border-bottom: 1px solid #d0d0d1 } .itemindented2 { color: #000000; font-size: 0.8em; margin: 0; background-color: #ffffff; padding: 2px 0px 2px 4em; border-bottom: 1px solid #d0d0d1 } p.itemsend { color: #000000; font-size: 0.8em; background-color: #e0e0e0; margin: 0; padding: 2px 0 2px 0.5em } p.index { color: #00a600; font-size: 1em; letter-spacing: 0.2em } .SecondTitle {color: #000080; font-weight: bold; padding: 2px 0px 2px 0.5em; margin: 0; background-color: #ffffff; font-family: Helvetica, Verdana, sans-serif;} p.CategoryTitle { color: #ffffff; font-size: 0.85em; font-family: Helvetica, Verdana, sans-serif; line-height: 0.95em; margin: 0.2em 0 0 0.5em } p.Category { color: #0000f0; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; margin: 0.2em 0 0.4em 0.3em } td.CategoryTitle { background-color: #808080 } a.CategoryLink:link { color: #0000f0; font-size: 0.9em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none } a.CategoryLink:visited { color: #0000f0; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none } a.CategoryLink:hover { color: #608060; font-size: 0.9em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none } a.ActiveCategoryLink:link { color: #00a600; font-size: 0.9em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none } a.ActiveCategoryLink:visited { color: #00a600; font-size: 0.9em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none } a.ActiveCategoryLink:hover { color: #608060; font-size: 0.9em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none } .LongTermCell { font-size: 0.85em; font-family: Helvetica, Verdana, sans-serif; text-align: center; padding: 5px 0px 1em 0em; margin: 0; border-bottom: 1px solid #d0d0d1 } .CurrentInterest { font-size: 0.85em; font-family: Helvetica, Verdana, sans-serif; background-color: #ffffff; border-right: 1px solid #d0d0d1; border-bottom: 1px solid #d0d0d1; border-collapse: collapse; } a.LongTermLink:link { font-size: 0.8em; color: #0000f0; text-decoration: none } a.LongTermLink:visited { font-size: 0.8em; color: #0100f0; text-decoration: none } a.LongTermLink:hover { font-size: 0.8em; color: #608060; text-decoration: none } .Announcement { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; margin: 0; background-color: #ffffff; padding: 2px 0px 2px 0.5em; border-bottom: 1px solid #d0d0d1 } a.AnnouncementLink:link { color: #0000f0; font-size: 0.9em; text-decoration: none } a.AnnouncementLink:visited { color: #0100f0; font-size: 0.9em; text-decoration: none } a.AnnouncementLink:hover { color: #608060; font-size: 0.9em; text-decoration: none } .TodaysEventsHead { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; color: #000080; margin: 0 } .TodaysEventsTitle { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #000000; margin: 0; background-color: #ffffff; padding: 0px 0px 2px 0.5em } .TodaysEventsSeparator { font-size: 0.1em; font-family: Helvetica, Verdana, sans-serif; color: #000000; margin: 0; background-color: #ffffff; padding: 0; border-bottom: 1px solid #d0d0d1 } .TodaysEventsDescription { font-size: 0.8em; font-family: Helvetica, Verdana, sans-serif; margin: 0 0 0 2em } a.TodaysEventsDescriptionLink:link { color: #0000f0; text-decoration: none } a.TodaysEventsDescriptionLink:visited { color: #0100f0; text-decoration: none } a.TodaysEventsDescriptionLink:hover { color: #608060; text-decoration: none } .OtherMeetings { color: #00a600; font-size: 0.8em; font-weight: bold; padding-top: 2px; padding-right: 10px; padding-bottom: 0.2em; border-top: 1px solid #00a600 } .RightAlign { font-size: 0.9em;padding-right: 6px } /* very specific styles */ /* ==================== */ /* Header */ a.CERNInLogo:link { color: #0000f0; font-size: 1.8em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none; } a.CERNInLogo:visited { color: #0100f0; font-size: 1.8em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none } a.CERNInLogo:hover { color: #608060; font-size: 1.8em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; text-decoration: none; } /* Menu */ p.MenuTitle { color: #000000; font-size: 0.8em; margin: 0 0 0 0.5em; line-height: 0.95em; padding: 0.1em 0 0 0; font-family: Helvetica, Verdana, sans-serif; } td.MenuTitle { background-color: #c0c0c0; white-space: nowrap } table.MenuTitle { margin: 0.2em 0 } p.MenuItem { font-size: 0.7em; font-family: Helvetica, Verdana, sans-serif; line-height: 1em; margin: 0.2em 0 0 5px } a.MenuLink:link { color: #0000f0; text-decoration: none } a.MenuLink:visited { color: #0100f0; text-decoration: none } a.MenuLink:hover { color: #608060; text-decoration: none } /* Footer */ .Copyright { color: #00a600; font-size: 0.8em; font-family: Helvetica, Verdana, sans-serif; margin-left: 0.5em } /* Text Styles*/ .emphasis {font-family: Helvetica, Verdana, sans-serif; font-weight: bold;} .emphitalic {font-style: italic;} .red { color: #f00; font-weight: bold } .CERN {color: #000080; font-size: 2.5em; font-weight: bold; margin: 0.2em 0 0 0; font-family: Helvetica, Verdana, sans-serif; white-space: nowrap} /* end */