/* blue color used on website: color="#36b9e7" */ */ /* GOOD COLOR COMBINATIONS: White on Green (#55b05a or #669900); Red on Blue */ /* white on a pale/pastel blue is good; /* most of the Tags without a class identifier are used throughout the website (eg. FORM) */ a:link { text-decoration: none; color: #0000EE } a:visited { color: #0000EE; text-decoration: underline;} a:hover { text-decoration: none; color: #FF0000; } /* Eliminated all other 'a' tags */ a.yb { background-color: black; color: yellow } a.cb { background-color: #68c6f9; color: white; } BODY.bg { background-image: url(https://jamesgilbertmusic.com/images/background.jpg); color: #012003; background-color: #FFFFFF;} /* image is sheet music with white overlay */ BODY.bg2 { background: url(https://jamesgilbertmusic.com/images/background2.png); color: #000000; background-color: #FFFFFF; } /* image is faint blue with white scales in middle. DOES NOT EXIST ON SERVER! */ BR { clear: both; } /* image is sheet music warped into round/cd size */ BODY.bg3 { background: url("https://jamesgilbertmusic.com/images/background3.png"); color: #000000; background-color: #FFFFFF; font-family: sans-serif; } BODY.nobg { background-color: #FFFFFF; color: black } /* No background image, white color, black font */ /* FORM { background-color: #ddFFee; color: black; display: inline } */ H1, H2 { font-family: georgia, times, serif; color: #000080; background-color: #FFFFFF; text-align: center; } H1.nb { font-family: verdana, times, serif; color: #008000; background-color: transparent; } H2.nb { font-family: verdana, times, serif; color: #008000; background-color: #DDFFDD } IMG {border: none; vertical-align: top; padding: 5px} IMG.c { border-width: thin; border-style: solid; border-color: grey; margin: 3px; background: white } IMG.r {float: right; } IMG.l {float: left; } LI.ninety {font-size: 90%} P {font-family: sans-serif; margin: 2%; color: black; padding: 1%; } SELECT {width: 160px} TD {vertical-align: top} TH { font-size: 10pt; font-family: arial, verdana, helvetica, sans-serif; letter-spacing: 1px; color: black; font-weight: bold; text-align: left; } TH.bottom { border-bottom-width: thin; border-bottom: solid; border-color: black } .blurb { font-family: sans-serif; margin-right: 5%; margin-left: 5%; color: #003000; background-color: #cceedd; border-style: outset; padding: .25em .15em .5em .15em; } .choice { font-family: serif; font-size: 24pt; margin-right: 5%; margin-left: 5%; color: #FFFFFF; background-color: #69c7fa; border: white; border-style: outset; padding: .25em .15em .5em .15em; } .center { text-align: center; } .even { background-color: #E0E0E0; } .left { text-align: left } .navbar { color: black; background-color: #abe0f2; font-variant: small-caps; font-size: 14px; text-align: center; margin-left: 12%; margin-right: 12%; } .ybg { background-color: yellow; color: black; } .transparent { background-color: transparent; } /* added for dropdown menus */ ul { list-style-type: none; margin: 0; padding: 0; /* overflow: hidden; */ /* background-color: #333; */ /* background-color: #dddddd; */ background-color: #cceedd; } li.nav .dropbtn { display: inline-block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; } li.nav .dropdown:hover .dropbtn { background-color: #777777; /*was red */ color: black; } li.dropdown { display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover {background-color: #AAAAAA} .dropdown:hover .dropdown-content { display: block; }