/* ******************************************************************************** * note: comments within {} brackets can cause strange effects * note: do not use // for comments, causes strange effects * * note: certain attributes are not considered style attributes and cannot be changed here in CSS * ie. not table{border:1; bordercolor:red} * ie.
not td{align:center} * * note: must specify "px" for width: height: etc.. * * background: background color * color: text color * text-align: alignment of text within parent center left right * font: font info for text in order below * font-style: normal italic * font-weight: normal bold * font-size: pixels/point px/pt * font-family: * position: absolute relative * left: position from left side in pixels * top: position from top in pixels * width: width of element in pixels * height: height of element in pixels * align: alignment of element center left right * margin-left: left margin in pixels * margin-right: right margin in pixels * cell-padding: padding around table element in pixels * padding: padding around element in pixels * overflow: if child info to long for parent element scroll * scrollbar-base-color: scrollbar base color IE only/ignored in FoxFire * scrollbar-face-color: scrollbar face color IE only/ignored in FoxFire * border: border-width: border-style: border-color: * border-top: border-width border-style border-color * border-right: * border-bottom: * border-left: * border-width: top right bottom left em ex px in cm mm pt pc * border-style: top/bottom right left none dashed solid double groove ridge outset inset * border-color: top/bottom right/left * border-color: top/bottom/right/left * ******************************************************************************** */ body { background: grey ;color: black ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif ;margin: 0px ;padding: 0px } /* note: anchor color defaults to blue unless overridden here */ a { color:black } /* controls positioning and width of main outer frame - orig: ;height:750px */ #main { width:890px ;height:690px ;position:absolute ;left:50px ;top:10px ;border: 4px ridge #202010 ;margin:3px ;border-bottom: 1px none red } /* ;border-bottom:1px none black height:800px 750px*/ #leftside { border: 1px none yellow ;width:190px ;height:740px ;margin:0px ;text-align:center ;position:absolute ;top:3px ;left:3px } #rightside { border: 1px none red ;position:absolute ;top:0px ;left:200px ;width:75% ;height: 740px ;margin:5px ;text-align:center }/*;height: 620px */ /* controls gallery name and subtitles */ #gallery { font-weight:normal ;margin:10px ;padding-top:0px ;border:1px solid black ;position:absolute ;top:0px ;left:0px ;text-align:center ;width:170px ;height:90px } /* controls font-weight of gallery name */ #galleryName { font-weight:bold } /* controls font of artist name */ #artistName { font: italic normal 30pt New Times Roman ;border: 1px none black ;margin:0px ;padding:0px ;text-align:center } /* controls font and border around horizontal nav bar */ #horizontalNavBar{ border: 1px none black ;margin:5px ;padding:10px ;text-align:center ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif } /* controls width and height of thumbnail images, titles and vertical scroll bar */ /* note: scrollbar-base-color & scrollbar-face-color only works in IE ignored in FoxFire */ #navBar { width:140px ;height:540px ;font-size:12px ;font: italic bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif ;overflow:auto ;scrollbar-base-color:grey ;scrollbar-face-color:grey ;position:absolute ;top:100px ;border:1px solid black ;padding:15px ;text-align:center ;margin:10px } /*;height:600px*/ /* controls border and margin around main image area and title*/ .mainImage{ border: 1px none green ;margin:6px ;margin:0px ;padding-top:0px ;text-align:center ;font: italic normal 8pt Verdana ;height:auto ;width:auto ;position:absolute ;top: 0px ;left: 157px } /*height:620px*/ /* controls play pause controls */ .playpause { text-decoration:none } /* controls width of spacer gif */ /* << previous spacerBforPlayPause */ .spacerBforPlayPause { width:83px ;height:1px } /* pause spacerAftrPause next>> */ .spacerAftrPause { width:109px ;height:1px } /* << play spacerAftrPlay next >> */ .spacerAftrPlay { width:119px ;height:1px } /* { border: 1px none green ;margin:6px ;margin:0px ;padding-top:0px ;text-align:center ;font: italic normal 8pt Verdana ;height:100px ;width:100px ;position:absolute ;top: 0px ;left: 157px } */ /* /* ;display:block ;line-height:100px ;min-height:12em ;vertical-align:middle ;width:auto ;margin-left:auto ;margin-right:auto */ /* controls border and margin around actual image */ .imgObj{ border:2px solid black } /* ;display:block ;margin-left:auto ;margin-right:auto ;vertical-align:middle */ /* title, medium, size of work */ #titleInfo { font: italic normal 8pt Helvetica ;text-align:center ;border: 1px none black } /* Image of Pam in Home Page - floats text to the right of image */ .Pam{ float:left ;padding:10px } /* Text Pam's Blog in Home Page */ .home{ text-align: left ;margin-left: 60px ;margin-right: 60px ;margin-top: 100px ;font: normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif ;height:637px } /* Text of Pam's biography */ /* .bio { text-align: left ;margin-left: 60px ;margin-right: 60px ;margin-top: 50px ;font: normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif ;height:600px } */ /* Text of Pam's artist statement */ .statement { text-align: left ;margin-left: 60px ;margin-right: 60px ;margin-top: 50px ;font: normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif ;height:600px } /* Text of Pam's resume and contact info */ .bold {font-weight:bold} .leftJust {text-align:left} .centerResume { text-align: center ;border: 1px none red ;position:relative ;top:-30px } .resume { text-align: left ;margin-left: 10px ;margin-right: 30px ;margin-top: 10px ;font: normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif ;height:550px ;width:580px ;overflow:auto ;scrollbar-base-color:grey ;scrollbar-face-color:grey ;padding-right:20px ;border: 1px none purple ;position:relative ;top:-30px } .contact { text-align: center ;margin-left: 60px ;margin-right: 60px ;margin-top: 50px ;font: normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif ;height:600px ;width:505px } /* centers title line of bio and home pages */ .center { text-align:center ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif } /* centers first line of artist's bio */ .centerBio { text-align:center ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif ;margin-top:60px } .bio { text-align: left ;margin-left: 70px ;margin-right: 30px ;margin-top: 10px ;font: normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif ;height:500px ;width:450px ;overflow:auto ;scrollbar-base-color:grey ;scrollbar-face-color:grey ;padding-right:20px ;border: 1px none purple ;position:relative ;top:-30px } /* centers first line of artist's statement and resume */ .centerStatement { text-align:center ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif ;margin-top:100px } .centerResume { text-align:center ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif ;margin-top:50px ;margin-right:10px } /* centers contact info */ .centerContact { text-align:center ;font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif ;margin-top:200px } /* the following controls popup menus */ /* horizontal popup menu */ #horizontalNavBar ul { list-style: none; /* no bullets */ position: absolute; left: 49px; top: 60px; font: normal normal 12pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 1px; border: 1px none #FFF; text-align: center; } /* forces list in horizontal Nav bar to display horizontally */ #horizontalNavBar ul li { float: left; position: relative; } /* anchor */ #horizontalNavBar ul a { text-decoration: underline; display: block; border: 1px none #FFF; margin-right: 3px; margin-top: 3px; margin-left: 3px; cursor:default; } /* keep underline when hovering #horizontalNavBar ul a:hover { text-decoration: underline; } /* this is the actual popupMenu */ /*#horizontalNavBar ul li ul {*/ #slideShows ul { list-style: none; /* no bullets */ position: absolute; left: 0px; top: 100%; display: none; /* don't display popupMenu until hovering */ width: 140px; border: 1px none #FFF; z-index:1; background:grey; } #slideShows ul li{ border: 2px solid #FFF; text-align:left; width:135px; } /* displays popupMenu when hovering over slideshows */ /*#horizontalNavBar ul li:hover ul*/ #slideShows:hover ul { display: block; }