/* Start of CMSMS style sheet 'Coptic Cat built from base' */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { font: 100%/130% georgia, times, "times new roman" serif; text-align: left; background: url(uploads/images/bg.jpg) repeat; color: #000; margin: 0; padding: 0; } /*if img is inside "a" it would have borders, and we don't want that*/ img { border: 0; } /*default link styles*/ a { /* colour of links: dark red */ color: #ac1a2f; text-decoration: none; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; } a:link a:active { color: #44326e; text-decoration: none; } a:visited { /* keeps the underline */ text-decoration: underline; background-color: inherit; /* a different color is used for visited links */ color: #666; } a:hover { background-color: #ac1a2f; color: #fff; } /****** accessibility link styles ******/ .accessibility a, a:link a:active { font-size: 70%; line-height: 80%; color: #44326e; text-decoration: none; margin-left: 2%; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; /* colour of links: dark red */ color: #ac1a2f; } .accessibility a:visited { /* keeps the underline */ text-decoration: underline; background-color: inherit; /* a different color is used for visited links */ color: #666; } .accessibility a:hover { background-color: #c00; color: #fff; } /****** basic layout ******/ #pagewrapper /* min max width, IE wont understand these, so we will use javascript magic in the */ { background: none; min-width: 955px; width:expression(document.body.client.Width<955?"955px":"auto"); /* now that width is set this centres wrapper */ margin: 0 auto; background: none; } /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image won't cut off */ div#header { /* adjust according your image size */ height: 220px; margin: 0; padding: 0; } div#header h1 a { /* you can set your own image here */ background: url(uploads/images/coptic-cat-logo.png) no-repeat left top; /* this will make the "a" link a solid shape */ display: block; /* adjust according your image size */ width: 312px; height: 200px; /* this hides the text */ text-indent: -999em; /* old firefox would have shown underline for the link, this explicitly hides it */ text-decoration: none; } div#header h1 { margin: 2%; padding: 0; /*these keep IE6 from pushing the header to more than the set size*/ line-height: 0; font-size: 0; /* this will keep IE6 from flickering on hover */ background: url(uploads/images/coptic-cat-logo.png) no-repeat left top; } div#header .header-contact { font: 100%/130% georgia, times, "times new roman" serif; color: #44326e; /* this is where the site name is */ float: right; /* keeps the size uniform */ margin: 80px 2% 0px 0px; } /*Removes hover bg colour from images which are links*/ p.header-contact a img:hover { background-color: transparent; } div.crbk { /* sets all to 0 */ margin: 0; padding: 0; } div.breadcrumbs { padding: 1em 0em 1em 2%; /* it's good to set font sizes to be relative, this way viewer can change his/her font size */ font-size: 70%; /* css shorthand rule will be opened to be "0px 0px 0px 0px" */ margin: 0px; } div.breadcrumbs span.lastitem { font-weight: bold; } div#search { /* position for the search box */ float: right; /* enough width for the search input box */ width: 27em; text-align: right; padding: 0.5em 0 0.2em 0; margin: 0 1em; } /* a class for Submit button for the search input box */ input.search-button { border: none; height: 22px; width: 53px; margin-left: 5px; padding: 0px 2px 2px 0px; /* makes the hover cursor show, you can set your own cursor here */ cursor: pointer; /* you can set your own image here */ background: url(uploads/ngrey/search.gif) no-repeat center center; } div#content { /* some air above and under menu and content */ margin: 1.5em auto 2em 0; padding: 0px; } #container2 { background: none; } #nav { width: 190px; min-height: 2750px; background: url(uploads/images/coptic-text-bg.png) repeat-y 1em 0; float: left; margin: 1em 0 1em 0; padding: 1em; } #secondary { width: 250px; min-height: 2750px; float: right; border-left: 3px dotted #666; border-right: 3px dotted #666; margin: 1em 0 1em .5%; padding: 1em; } #latest-releases { width: 100px; min-height: 2750px; float: right; margin: 1em 2% 1em .5em; padding: 0 0 0 .5em; } #main-3col-pages, #main-search { min-height: 2750px; border-left: 3px dotted #666; border-right: 3px dotted #666; margin: 1em 140px 1em 230px; padding: 1em; } #main { min-height: 2750px; margin: 1em 0 1em 230px; border-left: 3px dotted #666; padding: .5em; } .other-news { font-size: 110%; color: #44326e; text-decoration: none; border-top: 3px dotted #666; padding-top: 1em; margin: 1em 0 1em 0; } #footer { clear: both; margin: 2%; background: #f5d99f; border-top: 3px dotted #666; } /****** end of basic layout ******/ /****** content styling ******/ h1 { color: #fff; margin: 0; padding: .5em 3%; } h2, h3 { margin-top: 0; } h4 { color: #44326e; } #latest-releases img { padding: 0 0 .3em 0; } #nav ul { margin: 0; padding: 0; list-style-type: none; line-height: 200%; } #footer p { padding: 5px 2%; font-size: 70%; color: #44326e; text-align: center; } /******Mailing list signup box******/ #mailing-list-signup { padding: .5em; background-color: #999; -moz-border-radius: 7px; margin: 1em 427px 1em 0; } #mailing-list-signup p { font: 100%/130% georgia, times, "times new roman" serif; text-align: left; color: #fff; } #mailing-list-signup label { font: 90%/120% georgia, times, "times new roman" serif; width: 9em; float: left; text-align: left; margin-right: 0.5em; display: block } #mailing-list-signup form p input { background-color: #f9ecd5; color: #000; } .submit input { border: none; height: 22px; width: 50px; padding: .1em; background: url(uploads/ngrey/search.gif) no-repeat center center; cursor: pointer; } /******News detail******/ #NewsPostDetailDate, .NewsSummaryPostdate { font-size: 80%; margin: 1em 0 .5em 0; } #NewsPostDetailTitle { font-size: 120%; line-height: 125%; color: #44326e; font-weight: normal; margin-bottom: .5em; } #NewsPostDetailSummary { font-size: 110%; color: #000; font-weight: normal; margin-bottom: .5em; } #NewsPostDetailContent { margin-bottom: 1em; } /******News summary******/ .NewsSummaryLink { font-size: 120%; color: #ac1a2f; line-height: 125%; font-weight: normal; margin-bottom: .5em; } .NewsSummarySummary { margin-bottom: .5em; } .NewsSummaryMorelink { font-size: 80%; color: #ac1a2f; margin-bottom: 1.5em; } .NewsSummaryContent { margin-bottom: 1.5em; } /****** end of content styling ******/ /****** start of additional CSS for catalogue module on discography pages ******/ .category_item { margin-bottom: 2em; } .category_item img { margin-bottom: .5em; } .item_attribute_name { font-weight: bold; margin-top: .5em; } /****** end of additional CSS for catalogue module on discography pages ******/ /****** start of additional CSS for search results page ******/ #main-search ul { margin-left: 3em; } /****** end of additional CSS for search results page ******/ /* End of 'Coptic Cat built from base' */