JavaScript Week 10/CSS/style.css body { background-color: #A0A0A0; font-family: "Times New Roman", Times, serif; color: white; font-size: 100%; } /*Added below is a shadow effect for the text. The element changes headings of h2 so they are shadowed*/ h2 { text-shadow: 5px 5px 5px #000000; } p.italic { font-style: italic; } h1{ text-align: center; } /*Added below is a background and CSS border to. The element changes headings of h2 so they are highlighted*/ h2.italic { font-style: italic; border: 2px solid #a1a1a1; padding: 10px 40px; background: #dddddd; width: 300px; border-radius: 25px } table, th, td { border: 1px solid black; } ul.square { list-style-type: square; } p.color { color: #200000; } /*Added below is a CSS pseudo element. The element changes links so they are highlighted*/ a:link { color: #484848; } /*Added below are both rgba and hsl. They change the posted by and contact information*/ #p1 { color: rgba(255,0,0,0.3); font-family: "Lucida Console", Monaco, monospace; } #p2 { color: hsl(120,100%,50%); font-family: Arial, Helvetica, sans-serif; } /*Added below is a descendants selectors. The selector changes the header h1 background between the section tags*/ section h1 { background-color:#000000 } /*Added below is a wrapping text element. The element changes the text layout so it wraps around*/ p.wrap { width: 11em; border: 1px solid #000000; word-wrap: break-word; } .Night { width: 25%; height: 25px; margin: 5em auto; border: solid 1px #000; overflow: visible; } .night img { behavior:url(-ms-transform.htc); -webkit-transform:rotate(5deg); } nav { margin: 0; padding: .3em 0 .3em 0; background: #000000; width: 100%; text-align: center; } nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { margin: 0; padding: 0; display: inline; } JavaScript Week 10/war_Game-ch5.html|Home||WarGame||FlowerFormAction||FlowerForm||War Game Chap 4||War Game Chap 5 ...