1 body { 2 background-image: url('bg_sliced.png'); 3 background-repeat: repeat-y; /* függőlegesen ismételve */ 4 background-color: #FFF5EE; 5 color: #000; 6 max-width:800px; 7 margin: 0px auto; 8 } 9 body h1 { 10 color: #135257; 11 font-weight: bold; 12 font-size: 2em; /* alapértékehez képest 2-szeres betűméret */ 13 } 14 15 body p { 16 margin: 20px 40px; 17 font-style: italic; 18 font-size: 0.8em; 19 text-align: left; 20 } 21 22 body span { 23 font-weight: bold; 24 color: #135257; 25 } 26 27 header { 28 display: block; 29 color: #C3C3C3; 30 font-family: Calibri Light; 31 font-size: 0.8em; 32 text-align: right; 33 margin-right: 30px; 34 padding-top: 10px; 35 border-bottom: 1px solid #C3C3C3; 36 } 37 38 footer { 39 display: block; 40 text-align: center; 41 color: #FFFFFF; 42 background-color: #0E4F55; 43 font-family: Calibri Light; 44 font-size: 0.8em; 45 text-align: center; 46 padding-top: 30px; 47 padding-bottom: 30px; 48 margin-top: 30px; 49 } 50 51 52 section { 53 background-color: #F5DEB3; 54 margin: 20px auto; 55 padding-top: 4px; 56 padding-bottom: 4px; 57 } 58 59 section p { 60 font-style: normal; 61 color: black; 62 text-align: justify; 63 font-size: 1em; 64 } 65 66 div.container { 67 width: 70%; 68 margin: 0px auto; 69 } 70 71 div.container table { 72 width: 60%; 73 border: 4px solid #FFFFFF; 74 margin: 0px auto; 75 border-spacing: 0px; 76 padding: 4px; 77 background-color: #135257; 78 color: #FFF5EE; 79 text-align: center; 80 vertical-align: middle; 81 } 82 83 div.container table thead th { 84 font-style: italic; 85 font-weight: bold; 86 text-align: center; 87 vertical-align: middle; 88 border-bottom: 4px solid #FFFFFF; 89 } 90 91 div.container table tfoot th { 92 font-style: normal; 93 font-weight: bold; 94 text-align: center; 95 vertical-align: middle; 96 border-top: 1px solid #FFFFFF; 97 } 98 99 div.container table tbody th { 100 color: red; 101 font-style: normal; 102 text-align: left; 103 } 104 105 div.container table tbody th, td { 106 border-bottom: 1px solid #C3C3C3; 107 }