1 body { 2 margin: 0px auto; 3 max-width:1000px; 4 font-family: Calibri; 5 background-image: url("bg02.jpg"); 6 background-repeat: repeat; 7 background-attachment: fixed; 8 } 9 10 header { 11 display:block; 12 text-align:center; 13 padding:20px; 14 /* border: 2px solid Maroon; */ 15 background-color: antiquewhite; 16 color: black; 17 font-size: xx-large; 18 background-image: url("bg03.jpg"); 19 background-repeat: repeat; 20 background-attachment: fixed; 21 } 22 23 article 24 { 25 display:block; 26 margin: 15px; 27 padding: 15px; 28 text-align: justify; 29 border: 1px solid Pink; 30 } 31 32 nav{ 33 display:block; 34 margin-left: 5px; 35 margin-top: 5px; 36 width:180px; 37 float:left; 38 /* border: 2px solid Blue; */ 39 } 40 41 nav a:link, a:active, a:hover, a:visited { 42 color: darkgray; 43 display: block; 44 height:15px; 45 padding: 10px; 46 padding-left: 10px; 47 text-decoration: none; 48 } 49 50 nav a:hover, a:active{ 51 color: white; 52 background-color: darkgray; 53 } 54 55 #content-holder { 56 background-image: url("bg04.jpg"); 57 background-repeat: repeat; 58 background-attachment: fixed; 59 /* background-color: LightCoral; 60 opacity: 0.8; 61 border: 2px solid Black; */ 62 } 63 64 section { 65 display:block; 66 width:600px; 67 float:left; 68 /* border: 2px solid White; */ 69 } 70 71 aside { 72 padding: 10px; 73 padding-left: 5px; 74 display:block; 75 width:184px; 76 float:right; 77 /* border: 2px solid Yellow; */ 78 text-align: justify; 79 } 80 81 #aside-images { 82 float: left; 83 border: 1px solid Pink; 84 margin: 2px; 85 } 86 87 article footer { 88 clear: both; 89 display: block; 90 text-align:center; 91 padding: 5px; 92 margin-top: 10px; 93 border: 1px solid Pink; 94 background-color: white; 95 background-image: unset; /* ne örökölje a footerből */ 96 } 97 98 footer { 99 clear: both; 100 display: block; 101 text-align:center; 102 padding: 20px; 103 /* border: 2px solid Green; */ 104 background-image: url('bg03.jpg'); 105 } 106