/*------------------------------------------------- Site: SouthBayQuiltersGuild.org Created: May 5, 2005 Author: Sherilyn Guernsey History: 05/25/05 SG Created 10/14/05 SG Updated colors of H1, H2. Added TD.quilt 07/17/06 SG Updated colors for 2007 quilt 05/24/08 SG Added Library table classes 08/09/09 SG Set 10pt font for TD 09/20/09 SG New styles 07/10/10 SG Updated colors for 2011 QS 09/12/10 SG Added colors for 2010 FS 10/04/11 SG Added colors for 2011 FS 10/11/11 SG Updated colors for 2012 QS SBQG colors: blue #3332cc light blue #5154d5 lighter blue #6164d9 even lighter blue #7174dd red #fe504f aqua #00ccff light aqua #b9f3ff lighter aqua #cdf7ff even lighter aqua #d7faff To do: - clean-up entries n/a to SBQG - deprecated values? - new gradient background and logo and text img - -------------------------------------------------*/ /* include styles for other pages */ /* Basic layout entities -------------------*/ html, body {margin: 0px 0px 12px 0px; padding: 0px; border: 0px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10pt; background: #ffffff; color: #000000; background-color: #ffffff; text-align: left;} #header {background-color: #d7faff; text-align: left; height: 195px; margin: 0px auto 0px; padding: 0px; border: 0px;} /* needed for IE problem */ #header-center {text-align: center;} #header-name {display: none;} #header-inner {display: none;} #header-contet {display: none;} #toc{margin: 0px 0px 0px 5px; padding: 0px; border-style: none; color: #3332cc; width: 25%;} #content{margin: 0px;padding: 0px;border-style: none;width: 75%;} /* Footer */ #footer {font-size: 8pt; text-align: center; border-top: solid thin #00ccff; bottom: 0px; height: 10px; background-color: #ffffff;} #footer-inner {display: none;} #footer-content {display: none;} /* Images */ img {margin: 0px; border: none; padding: 0px; } /* .img-right {margin: 0px 0px 0px 10px; border: 1px solid black; float: right; align: center;} use this if need border */ .img-right {margin: 0px 0px 0px 10px; border: none; float: right; align: center;} .img-left {margin: 0px 0px 0px 0px; border: 1px solid black; float: left; align: center;} .img-teapot {margin: 0px 0px 0px 0px; border: 1px solid black; padding: 2px; align: center;} hr {color: #000000; height: 1px; } /* Lists -----------------*/ li {margin: 0px 0px 0px 50px; list-style: circle; } li.level1 {LIST-STYLE: Circle; POSITION: RELATIVE; LEFT: -24px } li.level2 {LIST-STYLE: Disc; POSITION: RELATIVE; LEFT: -6px } ul {margin: 0px 0px 0px 0px; padding: 0px; list-style: none; } /* Headings -----------------*/ h1 {margin: 0px; font-size: 20pt; font-weight: 600; text-align: center; color: #000000; } h2 {margin: 0px; font-size: 14pt; font-weight: normal; text-align: center; color: #000000; } h3 {margin: 0px; font-size: 12pt; font-weight: normal; text-align: center; color: #000000; } h1.left {margin: 0px; font-size: 20pt; font-weight: 600; text-align: left; color: #000000; } h2.left {margin: 0px; font-size: 14pt; font-weight: normal; text-align: left; color: #000000; } h3, h4, h5, h6 {font-size: 100%; font-weight: normal; } /* Links -----------------*/ a:link, a:visited, a:hover {text-decoration: none; } a:link {color: #3332cc; } a:visited {color: #3332cc; } a:hover {color: #fe504f; } a.footer:link {color: #000000; } a.footer:visited {color: #000000; } a.footer:hover {color: #fe504f; } a.img-right.link {color: #ffffff; } a.img-right.visited {color: #ffffff; } a.img-right.hover {color: #ffffff; } /* Table -----------------*/ table {font-size: 10pt; padding: 5px; border: none; width: 100%; } tr.header {height: 70px; } td {vertical-align: top; } td.marginRed {FONT-WEIGHT: 600; COLOR: #a41b25; VERTICAL-ALIGN: Top; } td.marginPurple {FONT-WEIGHT: 600; COLOR: #c0c0ff; VERTICAL-ALIGN: Top; } td.marginBlue {FONT-WEIGHT: 600; COLOR: #5b7ff1; VERTICAL-ALIGN: Top; } td.marginBlack {FONT-WEIGHT: 600; COLOR: Black; } /*td.formlabel {FONT-SIZE: Medium; TEXT-ALIGN: LEFT; } */ td.img {TEXT-ALIGN: Left; } td.quilt {TEXT-ALIGN: Center; } /* Free-range rules -----------------*/ .center {text-align: center; } .italics {font-style: italic; } .qssections {font-weight: 600; color: #ef2340; } .qsheader {color: #ef2340; } .fssections {font-weight: 600; color: #df2587; } .fsheader {color: #df2587; } /* Library Tables */ table.lib {WIDTH: 100%;PADDING: 2px;COLOR: BLACK;margin-left : auto;margin-right : auto;} table.libnav {WIDTH: 30%;PADDING: 2px;COLOR: BLACK;TEXT-ALIGN: LEFT; margin-left : auto; margin-right: auto;} th.lib {border : 1px none White;text-align : center;font-size : 9pt;background : #00ccff;} th.libheader {border : 1px none White;text-align : LEFT;font-size : 9pt;background : #00ccff;} th.libnavsubject {border : 1px none White;text-align : left ;font-size : 10pt ;} th.libnav {border : 1px none White;text-align : center;font-size : 9pt;font-weight : bold;} td.libnav {width : 30% ;border : 1px none White ;text-align : left ;} td.libnavsubject{border : 1px none White ;text-align : left ;} td.lib {border : 1px none #00ccff;border-bottom : 1px solid #00ccff;vertical-align : top;} td.newsletter {border : 1px none #00ccff;vertical-align : top;} /*Credits: Dynamic Drive CSS Photo Library */ /*URL: http://www.dynamicdrive.com/style/ */ .gallerycontainer{ position: relative; } /*Add a height attribute and set to largest image's height to prevent overlaying*/} .thumbnail img { border: 1px solid white; margin: 0px;} .thumbnail:hover { background-color: transparent;} .thumbnail:hover img { border: 1px solid #3332cc;} /*CSS for enlarged image*/ .thumbnail span {position: absolute; background-color: #d7faff; padding: 5px; left: -1000px; border: 1px dashed #7174dd; visibility: hidden; color: black; text-decoration: none;} /*CSS for enlarged image*/ .thumbnail span img { border-width: 0; padding: 2px;} /*CSS for enlarged image and position where enlarged image should offset horizontally*/ .thumbnail:hover span {visibility: visible; top: 0; left: 230px; z-index: 50;} /* -------------------------------- */ /* -------------------------------- */ /* ------------- Blog ------------- */ /* -------------------------------- */ /* -------------------------------- */ #container {} #container-inner { width: 100%;} /* assets */ .asset-name a:hover {text-decoration: none;} /* left nav column */ #beta-inner {margin: 0px 0px 0px 5px; }