/* Start of CMSMS style sheet 'STI Layout' */ /* Modification du CSS "Layout: Left sidebar + 1 column" */ /* General definitions */ * { /* 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; } body { margin: 1em; padding: 0; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 99em; min-width: 60em; margin: 0 auto; /* now that width is set this centers wrapper */ } /* Header */ /* we will hide the text and replace it with an image, we assign a height for it so the image wont cut off */ div#header { height: 50px; /* adjust according your image size */ margin: 0; padding: 0; } div#logoisty { float: left; height: 50px; width: 50%; } div#logoisty a { height: 50px; width: 100%; } div#title { float: right; height: 50px; width: 50%; } div#title a { height: 50px; width: 100%; } /* Breadcrumbs */ div.crbk { /* sets all to 0 */ margin: 0; padding: 0; } div.breadcrumbs { padding: 1em 0em 1em 1em; /* CSS short hand rule first value is top then right, bottom and left */ margin: 0px; /* css shorthand rule will be opened to be "0px 0px 0px 0px" */ } div.breadcrumbs span.lastitem { font-weight: bold; } /* Search */ div#search { float: right; /* position for the search box */ width: 35em; /* enough width for the search input box */ padding: 0.5em 0 0.2em 0; margin: 0 1em; } div#search input.search-input { /* a class for the search input box */ } div#search input.search-button { /* a class for Submit button for the search input box */ height: 22px; width: 53px; margin-left: 5px; padding: 0px 2px 2px 0px; } /* Content */ div#content { margin: 1.5em auto 2em 0; /* some air above and under menu and content */ padding: 0px; } div#sidebar { float: left; /* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */ width: 26%; /* sidebar width, if you change this change div.back and/or div.back1 margins */ display: inline; /* FIX IE double margin bug */ margin: 0px 0px 20px; /* the 20px is on the bottom, insures space above footer if longer than content */ padding: 0px; } div#sidebara { padding: 13px 15px 3px 0px; } div.back { margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */ } div#main { padding: 10px 15px; /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */ } /* relational links under content */ div.right49 { float: right; } div.left49 { float:left; } div.footback { clear: both; /* keep footer below content and menu */ padding: 0px 10px 0px 0px; /* this sets 10px on right to let the right image show, the balance 10px left on next div */ } div#footer { padding: 0px 0px 0px 10px; /* this sets 10px on left to balance 10px right on last div */ } div#footer p { padding: 1.5em; /* some air for footer */ margin: 0; } div#fooleft { float: left; width: 70%; } div#footrt { float: right; width: 25%; } div.hr { /* as we hid all hr for accessibility we create new hr with div class="hr" element */ padding: 1em; margin: 1em; } /* End of 'STI Layout' */