/* -----------------------------------------------------------------*/ /* -------------- DEBUGGING -- BORDERS -- DEBUGGING ----------------*/ /* -----------------------------------------------------------------*/ /* * {border: 1px dashed #ff000} */ /* ------------------------------------------------------------------------*/ /* ----------------------------- GLOBAL SETTINGS --------------------------*/ /* -------- These settings are grouped from broadest to most detailed; eg. from HTML and BODY down -------*/ /* ------------------------------------------------------------------------*/ /* Font size reference. This SS uses a font-size base of 103% applied in the BODY below * Base 79% 91% 103% * * size -2 -1 0 * ------------------------------------- * biggest 151% 147% 160% * bigger 130% 131% 130% * big 115% 113% 116% * normal 100% 100% 100% * small 89% 90% 88% * smaller x 77% 77% * smallest x x 68% * */ /* ------------------------------------------------------------------------*/ /* --------------------------------- Colors -------------------------------*/ /* ------------------------------------------------------------------------*/ /* General Background (2/24/2008) - creamy - #FFFFF0"> Tables - Header Row - #DDDDD5 Tables - 1st Altenating Row - #E8E8CE Tables - 2nd Altenating Row - #DCDCB4 Tables - Column Hilite color(same as header) - #DDDDD5 p, td, tr, h4, h5, li, ul, ol, dl, dt, dd, dir, menu, address - #8A0045 Links - Link - blue (#0000FF) Links - Visited - purple (#800080) Links - Active - purple (#800080) LInks - Hover - red (#FF0000) IMG - border - silver (#C0C0C0) IMG - caption - #5C615C */ html {font:100.01%/1.25} /* the 100.01 takes care of some anomaly in IE or other browser. Need to research this again. Line height is 1.25 */ /* no matter what the font size. */ /* ------------------------------------------------------------------------------*/ /* ---- HACK FOR IE 6 AND 7 TO GET FONT SIZES THE SAME AS THE OTHER BROWSERS ----*/ /* ------------------------------------------------------------------------------*/ /* Here’s how you use it in CSS:One thing I noticed is font sizes in IE tend to be bigger than Firefox. Here’s what I usually do at the top of my CSS files: */ /* Starting my stylesheets with this declaration almost always guarantees my fonts will be the same size on Firefox, IE6, and IE7. */ body{font:normal 1em charcoal, verdana, arial, sans-serif; } body.ie6, body.ie7{font-size:0.9em;} /* ---------------------------------------------------------------------------------------*/ /* ---- END OF HACK FOR IE 6 AND 7 TO GET FONT SIZES THE SAME AS THE OTHER BROWSERS ------*/ /* ---------------------------------------------------------------------------------------*/ html, body { border:0; margin:0; padding:0; background-color:#FFFFF0; } /* --------------- Standardize font size and color in the common text containers -------------*/ td, th, li, p { font-size: 100%; color:#8A0045; } /* ------------------------------------------------------------------------*/ /* ----------------------- COMMON FORMATTING ------------------------------*/ /* ------------------------------------------------------------------------*/ p, ul, ol { margin:0; padding:0 1em 1.25em 1em; } ul, ol { padding:0 1em 1.25em 2.5em; } blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; } small { font-size:80%; } img { border:0; } sup { position:relative; bottom:0.3em; vertical-align:baseline; } sub { position:relative; bottom:-0.2em; vertical-align:baseline; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } /* ------------------------------------------------------------------------*/ /* ----------------------------- HEADINGS ---------------------------------*/ /* ------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; font-weight:bold; font-size: 160%; } h1 { padding:10px 0 10px 0; letter-spacing:-1px; text-transform:uppercase; text-align:center; font-size: 145%; } h2 { padding:20px 0; letter-spacing:-1px; font-size: 130%; } h3 { font-size:1em; font-weight:bold; font-size: 116%; } /* ------------------------------------------------------------------------*/ /* ----------------------------- TABLES ---------------------------------*/ /* ------------------------------------------------------------------------*/ /* Note: there are additional table settings in the GLOBAL SETTINS section */ table { border-width:0; border-style:solid; border-color: #DCDCB4; margin:0 0 0 0; padding:0px; } /* Center table on page */ table { margin-left: auto; margin-right: auto; } th {color:black; padding:2px; text-align:center;} td {padding:2px; vertical-align:top; text-align:left;} /* ------------------------------------------------------------------------*/ /* ----------------------------- LINKS ---------------------------------*/ /* ------------------------------------------------------------------------*/ a, a:link, a:visited, a:hover { text-decoration:underline; } A:link {color:blue} A:visited {color:purple} A:active {color: purple;} A:hover {color:red;} /* ------------------------------------------------------------------------*/ /* ----------------------------- SITE SPECIFIC ----------------------------*/ /* ------------------------------------------------------------------------*/ /* >>>>>>>>>>>>>>>> template.dwt <<<<<<<<<<<<<<<< */ div#template_body {} div#template_header {position:relative; } div#template_header td{text-align:center;} /* div#img-row {height:200px; } */ div#template_header table{background-color:#989E97; width:100% } /* border-color:#989E97; */ div#template_header img{position:absolute; top:10px; left:10px; } div#template_header script {position:absolute; bottom:0;} div#template_body outer-table{background-color:#EFEFEF;} div#template-footer{background-color:#989E97; } .template-ad-col {background-color:#E8E8CE} .template-news-col {background-color:#E8E8CE} /* left column individual items */ .item-with-border {border-style:solid; border-color:#8A0045; border-width:1px; margin: 0 5px 0 5px; padding:.6em;} /* >>>>>>>>>>>>>>>> index.htm <<<<<<<<<<<<<<<< */ div.figure { float: right; width: 40%; border: thick silver ridge; margin: 0.5em; padding: 0.3em; align='center'; } div.figure p { text-align: center; color:#5C615C; font-style: italic; font-size: smaller; text-indent: 0; } /* >>>>>>>> wine_styles.htm <<<<<<<<<<<<<<<< */ div#wine-style table {width:99%; border-style:solid; border-width:1px; border-color:black; color:#8A0045;} div#wine-style th {text-align:center; border: 1px solid black;} div#wine-style td {border: 1px solid; vertical-align:top; padding:5px;} /* >>>>>>>>>>>>>>>> TELL A FREIND SCRIPT <<<<<<<<<<<<<<<< */ /* center the table in the center column for all browsers */ .tellafriend {text-align: center;} .tellafriend table {margin-left: auto; margin-right: auto; text-align: left;} .tellafriend table {border:2px inset #DDDDD5;} .tellafriend .top{font-weight:bold; background-color:#DDDDD5; text-align:center;} .tellafriend .bottom{font-weight: bold; background-color:#DDDDD5; text-align:center;} /* >>>>>>>> CONTACT US FORM <<<<<<<<<<<<<<<< */ /* contact_form */ .contact table {margin-left: auto; margin-right: auto;} .contact .top{font-weight:bold; background-color:#DDDDD5; text-align:center;} .contact .bottom{font-weight: bold; background-color:#DDDDD5; text-align:center;} /* >>>>>>>> COLOR USE IN SITE PAGE <<<<<<<<<<<<<<<< */ /*settings for the color_use_in_site.htm page */ div#color p {align:left; font-weight:bold} /* <<<<<<<<<<< USE THE BELOW WITH THE TEST-CSS1.htm SCRIPT TO INVESTIGATE ISSUES ASSOCIATED WITH CSS APPLIED TO TABLES >>>>>>>> */ /* web reference for doing CSS stuff: http://www.somacon.com/p385.php?cat=Web+Development */ div#container {text-align: center; } /*Set a container with the text centered. This will center the div to follow. Only alternative */ /* is to use the body but, in this case too many other things would be affected. for the benefit of IE5/Win users. Without the */ /* rule, most browsers will still center the layout just fine using auto left and right margins — but not IE7/Win */ div#table-title { font-size:2em; margin: 0 auto; width: 500px; /*text-align: left; */ /*As we end this div, the text-align is reset to the left */ } a.left {margin:0 0 0 5; width:33%; text-align:center; font-size:1em;} a.middle{width:33%; text-align:center; font-size:1em; a.right {margin:0 5 0 0; width:33%; text-align:center; font-size:1em;} div#table-body table {width:100%; border-width:8px; border-style:outset; padding:0} div#table-body th {text-align:center; color:white; background-color:green; } div#table-body table tr td {text-align:left; text-color:#orange; background-color:FAF0E6; border-width:3px; border-style:solid; border-color:red; padding:2px;} /* END OF TEST-CSS1.HTM */