/* Updated on: 07.February.2008 - Copyright 2006-2007 Gabriele Volta */ /* FOR CROSS BROWSERS AND TO MAKE HTML PROGRAMMING EASIER THESE STYLES MUST BE ALWAYS SET */ html, body {margin: 0px; padding: 0px; border-width: 0px; height: 100%;} /* body {overflow-y: auto;} */ /* VERY VERY IMPORTANT: the style above avoids many problems of browsers incompatibility: [+] "padding: 0px;" is useful for Opera. [+] "overflow-y" MS specific CSS makes IE to show vertical scrollbars only when needed otherwise it shows always a greyed disabled vertical scrollbar. It's MS specific but it's now supported also by FF. Opera ignores it, which is good because the simple overflow: auto makes Opera display twice the scrollbars. This style must not be applied to the , but only to the otherwise FF makes all position absolute elements not to scroll anymore. [+] "height: 100%" makes middle-center layout possible. [+] "border-width: 0px" borders on or elements create a mess when attempting to calculate the real absolute position of an element. */ img.spacer {visibility: hidden; height: 1px;} /* WARNING: leave the height set to 1px, if you set it to 0px it does not seem to work always properly. */ /* img {border-width: 0px;} */ /* Not necessary anymore, I added this because the browser adds borders around images in links, but now I know how to handle images with links. But wasn't easier to use this??!*/ td {vertical-align: top; text-align: left; font-size: 0px;} p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote {margin-top: 0px; margin-bottom: 0px;} /* VERY IMPORTANT: otherwise all

tag pairs added by the editor displays 2 new lines instead of 1. */ /* NEW WAY: IT'S SMARTER, AND I DON'T NEED TO ADD CLASSES color1/linkstyle EVERYWHERE IN THE CODE Since now we are not using class="color1" we must set the color also for other html elements. Basically they should be set to the same styles of the
tag, but it depends in some layouts we might prefer to set them to other values. Anyway, it is still easier and faster to do in this way rather than using a class="color1" and other styles stitched everywhere in the page code. */ td, div, hr {color: #CED9F1;} /* VERY IMPORTANT: repeat here same color also for tags because they do not inherit attributes from parent node. */ div, input, select, textarea {font-size: 16px; font-family: Arial;} a:link {color: #78C5FF; text-decoration: none;} a:visited {color: #78C5FF; text-decoration: none;} a:active {color: #78C5FF; text-decoration: none;} a:hover {color: #78C5FF; text-decoration: underline;} /* INFO: if you want to make links with dashed lines use this: border-bottom: 1px dotted; */ /* The code below handles images in links. INFO: the hover effect does not work yet on IE6, but the remaining works. */ a:link img {border-color: #78C5FF; border-width: 0px;} a:visited img {border-color: #78C5FF; border-width: 0px;} a:active img {border-color: #78C5FF; border-width: 0px;} a:hover img {border-color: #78C5FF; border-width: 0px;} /* Maybe in future you could also add these, for now i'm not ready. .bgcolor {background-color: transparent;} .bordercolor {border-color: #000000;} anyway remember this is VERY IMPORTANT: the only thing that is smart to place in common-style is the colors and the links styles. So you could do the same website with three different styles based only on colors. You can not do the same website with more than one styles based on font-family/size because the textbox might not fit perfectly the new font-family/size resulting in a mess, like text that moves over images or goes out the layout margins. So it's totally useless to define defualt_font_sizes or defualt_font_families. IT'S NOT TRUE! It's true that is usueless for a reuse of the layout, but IT IS VERY USEFUL TO MAKE PAGES HTML CODE LIGHTER AND FASTER TO LOAD IN BROWSER, in-fact by setting default font-size and font-family I don't need to add a useless class="color1" in each
tag and I don't need to repeat in each
tag the style font-family/font-size, this reduces the amount of html code written and also sent by the server to the browser. */