/***********************************************/ /* difstyles.css */ /* Use for www.dif-bayern.de */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body { background-position:center; /*background-image: url(../img/background.jpg);*/ background-color: #666; color: #ffffff; } body, table, th, td { font-family: Arial, Helvetica, sans-serif; } p, li { line-height: 1.5; } hr { width: 100%; border-style: solid; color: #FFFFFF; background-color: #FFFFFF; clear: right; } .majuscle:first-letter { font-size: x-large; } /******* hyperlink and anchor tag styles *******/ a:link { color: #FFFF00; text-decoration: none; } a:visited { /*color: #ffcc00;*/ color: #FFFF00; text-decoration: none; } a:hover{ color: #FFFF00; text-decoration: underline; } .imgLeft { float: left; padding-right: 1em; padding-bottom: 1em; font-size: small; border: none;} .imgRight { float: right; padding-left: 1em; padding-bottom: 1em; font-size: small; border: none;} .imgCentered { text-align: center; padding-bottom: 1em; border: none; margin-left: auto; margin-right: auto; } /* We only uses headings 1 - 4 */ /* h1 { font-size: 160%; margin: 0.1em; padding: 0.1em; } h2 { font-size: 140%; margin: 0.1em; padding: 0.1em; } h3 { font-size: 120%; margin: 0.1em; padding: 0.1em; } h4 { font-size: 100%; margin: 0.1em; padding: 0.1em; } */ /* --------------------------------------------------------------- */ /* Layout DIVs */ /* --------------------------------------------------------------- */ #wrap { background-color: #489948; font-family: Arial, Helvetica, sans-serif; margin: 0px auto; padding: 0px; width: 960px; border: 2px solid #040; } #header { margin: 0; padding: 0; font-size: inherit; } #pagecell { margin: 0; padding: 0; margin-top: 2em; /*min-width: 760px;*/ } /* * Primary navigation bar - contains site wide navigation links */ #navigation { float: left; margin: 0px; padding: 4px; width: 150px; font-weight: bold; font-size: small; } #content { float: right; width: 784px; margin: 0; /*margin-left: 160px; /* to prevent content floating under navigation */ padding: 0px 0px 16px 16px; position: relative; } #footer { clear: both; font-size: small; text-align: center; padding: 0.5em; } /* ------------------------------- */ /* header styles and subdivs */ /* ------------------------------- */ #header h1, #header h2 { display: none; } #banner { /* padding-left: 10em; background-image: url(../img/diflogo.gif); background-repeat: no-repeat; background-position: 12px 12px; */ height: 80px; width: 100%; background-image: url(../img/banner-bg.jpg); position: relative; } /* ----------------------------------- */ /* navigation styles and subdivs */ /* ----------------------------------- */ #navigation p { display: none; margin: 0; padding: 0; } #navigation ul { list-style-type: none; margin: 0; padding: 0; } #navigation ul li { margin: 0.5em 0.5em 0.5em 0em; } #navigation ul li a { display: block; margin: 0px; padding: 5px; text-decoration: none; border: 3px solid #003300; color: #003300; background-color: #FFFFFF; /*width: 100%;*/ /* IE hack: make whole box clickable */ } /* Undo above IE hack, as it causes problems with NN 6+ anf IE5 for Mac :-( */ /* But FireFox reacts to this undo as well, and displays navi links too short :-( */ /* html>body #navigation ul li a { width: auto; } */ /* #navigation ul li a:link { } */ #navigation ul li a:hover { color: #FFFFFF; border-color: #FFFFFF; background-color: #003300; } /* * Highlight the link to the current page,to let the visitor know what page she's on. * Every page has an id attribute in the tag: page_xxx. * Every navigation link has an id attribute: link_xxx. * The following rule correlates the body id's and the link id's; we give the link * to the current page the same style as a hovered link. */ #page_home a#link_home, #page_about a#link_about, #page_events a#link_events, #page_difevents a#link_difevents, #page_membership a#link_membership, #page_links a#link_links, #page_bricabrac a#link_bricabrac, #page_guestbook a#link_guestbook, #page_messageboard a#link_messageboard, #page_contact a#link_contact, #page_difnews a#link_difnews, #page_gallery a#link_gallery, #page_europeanirishnews a#link_europeanirishnews { color: #FFFFFF; border-color: #FFFFFF; background-color: #003300; } /* ------------------------------ */ /* content styles and subdivs */ /* ------------------------------ */ #eyecatcherBarLeft { margin-right: 1em; padding: 0px; width: 160px; float: left; } #eyecatcherBarRight { margin-left: 1em; padding: 0px; width: 160px; float: right; } .eyecatcher { margin: 0em 0em 1em 0em; padding: 0; text-align: center; } .eyecatcher h3 { margin:0; padding: 0; } .eyecatcher img { border: 0px; margin:0; padding: 0; vertical-align: bottom; } .newsletter { background-color: #006600; color: #00CC00; border: 5px solid #FF9900; padding: 5px; font-weight: bold; } .news { background-color: #006600; color: #00CC00; border: 5px solid #FF9900; padding: 5px; font-size: small; font-weight: bold; } #page_feedback form { } #page_feedback form label { background-color:#CCCCCC; color: #000000; font-size:small; font-weight: bold; padding: 0.2em 0.5em 0em 0.5em; } #page_feedback form input { display: block; background-color: #EEEEEE; border: solid black; border-width: 1px 2px 2px 1px; } #page_feedback form textarea { display: block; background-color: #EEEEEE; border: solid black; border-width: 1px 2px 2px 1px; } #page_feedback form input.button { display: inline; font-size:small; font-weight: bold; margin-right: 1em; } #page_feedback form input.hidden { display:none; } #counter { /*clear: both;*/ text-align: center; } /*** Page specific: Ireland Day ***/ #page_irelandday #content { } #page_irelandday #content h2 { margin-bottom: 0.5em; } #page_irelandday #content h3{ margin-bottom: 0.5em; } #page_irelandday #content ul { list-style-type: square; } #page_irelandday table { } .eventTable { width: 99%; } .eventTable caption { font-size: larger; font-weight: bold; /* border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; border-top-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; */ padding: 5px 10px 5px 10px; } .eventTable .firstCol { width: 8em; } /*.eventTable .secondCol { width: em; }*/ .eventTable .thirdCol { width: 14em; } .eventTable tr.subheading { background-color: #333333; font-weight: bold; text-align: center; padding: 5px 10px 5px 10px; } .eventTable tr { vertical-align: top; background-color: #666666; border-bottom-color: #FF0000; border-bottom-width: thin; border-bottom-style: solid; margin: 5px; } .eventTable tr.altRow { background-color: #999999; } .eventTable tr td { padding: 5px 10px 5px 10px; /* border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; */ } .eventTitle { display: block; font-style: italic; font-weight: bold; } .eventTime { font-weight: bold; width: 7em; } .eventDescr { font-size: 90%; line-height: normal; } .timeTable {} .timeTable caption { font-size: larger; font-weight: bold; margin-bottom: 16px;} .timeTable tr { background-color: #CCC; color: #000;} .timeTable tr td { padding: 5px 10px 5px 10px; } /*** Page specific: contact ***/ #addr { float: left; } #addr h3 { clear: left; } /* class table-display renders a definition list in table form */ dl.table-display { width: 28.1em; margin: 2em 0; padding: 0; } .table-display dt { width: 6em; float: left; margin: 0 0 0 0; padding: .5em; border-top: 1px solid #fff; font-weight: bold; line-height: 1.2em; } /* commented backslash hack for mac-ie5 \*/ dt { clear: both; } /* end hack */ .table-display dd { float: left; width: 20em; margin: 0 0 0 0; padding: .5em; border-top: 1px solid #fff; line-height: 1.2em; } .table-display .new { border-top: 3px solid #fff; } .table-display .end { border-bottom: 3px solid #fff; } /*** Page specific: newsletter ***/ #newsletter img { vertical-align: top; margin: 0; } #newsletter img.left { float: left; margin-right: 1em; } #newsletter img.right { float: right; margin-left: 1em; } #newsletter hr { clear: both; } #newsletter br { clear: both; } .newsItem { margin-bottom: 0.5em; border-top: 1px dotted #FFFFFF; } .headline { font-size: 100%;/*large;*/ font-weight: bold; margin: 0 0 1em 0; } .subheadline { font-weight: bold; font-size: 90%; margin: 0 0 1em 0; } .presents { /*text-align: center;*/ font-size: 80%; font-style: italic; font-weight: bold; margin: 0 0 1em 0; } div.newsflash { width: 340px; padding: 16px; margin: 8px; border: 1px solid #FFF; /* -webkit-border-top-left-radius: 32px; -webkit-border-bottom-right-radius: 32px; -moz-border-radius-topleft: 32px; -moz-border-radius-bottomright: 32px; border-top-left-radius: 32px; border-bottom-right-radius: 32px; */ } div.newsflash p { font-size: large; font-weight: bold; } div.announcement { float: left; width: 340px;/*750*/ height: 160px; padding: 16px; margin: 8px; border: 1px solid #FFF; /* color: #000; background-color:#CCC; */ -webkit-border-top-left-radius: 32px; -webkit-border-bottom-right-radius: 32px; -moz-border-radius-topleft: 32px; -moz-border-radius-bottomright: 32px; border-top-left-radius: 32px; border-bottom-right-radius: 32px; }