[31793] | 1 |
|
---|
| 2 | @import url("small.css") only screen and (max-width:320px);
|
---|
| 3 | @import url("medium.css") only screen and (min-width:321px) and (max-width:540px);
|
---|
| 4 | @import url("large.css") only screen and (min-width:541px);
|
---|
| 5 |
|
---|
| 6 | *
|
---|
| 7 | {
|
---|
| 8 | border: 0px;
|
---|
| 9 | margin: 0px;
|
---|
| 10 | padding: 0px;
|
---|
| 11 | }
|
---|
| 12 |
|
---|
| 13 | a { color: #ab5816; text-decoration: underline; }
|
---|
| 14 | a:visited { color: #ab5816; text-decoration: underline; }
|
---|
| 15 | a:active { color: #ab5816; text-decoration: none; }
|
---|
| 16 | a:hover { color: #ab5816; text-decoration: none; }
|
---|
| 17 |
|
---|
| 18 | #nav a { color: #7e746c; text-decoration: none; font-size:16px; font-weight:bold; padding:4px 15px 5px 15px; }
|
---|
| 19 | #nav a:visited { color: #7e746c; text-decoration: none; }
|
---|
| 20 | #nav a:active { color: #7e746c; text-decoration: none; }
|
---|
| 21 | #nav a:hover { color: #7e746c; text-decoration: none; background-color: #f6f1eb; }
|
---|
| 22 |
|
---|
| 23 | .headRight a { color: #d1c5b6; text-decoration: none; font-size:14px; font-weight:bold; padding:4px 15px 5px 15px; }
|
---|
| 24 | .headRight a:visited { color: #d1c5b6; text-decoration: none; }
|
---|
| 25 | .headRight a:active { color: #d1c5b6; text-decoration: none; }
|
---|
| 26 | .headRight a:hover { color: #FFFFFF; text-decoration: none; }
|
---|
| 27 |
|
---|
| 28 | body
|
---|
| 29 | {
|
---|
| 30 | font-family: arial, helvetica, sans-serif;
|
---|
| 31 | font-size: 0.85em;
|
---|
| 32 | color: #4c4743;
|
---|
| 33 | line-height: 140%;
|
---|
| 34 | background-image: url(images/bodyBG.jpg);
|
---|
| 35 | background-position:top;
|
---|
| 36 | background-repeat: repeat-y;
|
---|
| 37 | /* text-align: center; */
|
---|
| 38 | margin: 0px 0px 0px 0px;
|
---|
| 39 | background-color: #e5ddd5;
|
---|
| 40 | }
|
---|
| 41 |
|
---|
| 42 | h1
|
---|
| 43 | {
|
---|
| 44 | font-size: 1.6em;
|
---|
| 45 | margin: 40px 0px 20px 0px;
|
---|
| 46 | }
|
---|
| 47 |
|
---|
| 48 | h2
|
---|
| 49 | {
|
---|
| 50 | font-size: 1.4em;
|
---|
| 51 | margin: 20px 0px 0px 0px;
|
---|
| 52 | }
|
---|
| 53 |
|
---|
| 54 | h3
|
---|
| 55 | {
|
---|
| 56 | font-size: 1.2em;
|
---|
| 57 | margin: 10px 0px 0px 0px;
|
---|
| 58 | }
|
---|
| 59 |
|
---|
| 60 | p
|
---|
| 61 | {
|
---|
| 62 | margin: 10px 0px 0px 0px;
|
---|
| 63 | }
|
---|
| 64 |
|
---|
| 65 | #wrapper-container
|
---|
| 66 | {
|
---|
| 67 | background-image:url(images/homeBG.jpg);
|
---|
| 68 | background-position:top;
|
---|
| 69 | background-repeat:no-repeat;
|
---|
| 70 | /* text-align: center; */
|
---|
| 71 | }
|
---|
| 72 |
|
---|
| 73 | #header
|
---|
| 74 | {
|
---|
| 75 | margin: 0px 0px 0px 0px;
|
---|
| 76 | margin-left: auto ;
|
---|
| 77 | margin-right: auto ;
|
---|
| 78 | width: 980px;
|
---|
| 79 | text-align: left;
|
---|
| 80 | }
|
---|
| 81 |
|
---|
| 82 | .headLeft
|
---|
| 83 | {
|
---|
| 84 | float: left;
|
---|
| 85 | }
|
---|
| 86 |
|
---|
| 87 | .headRight
|
---|
| 88 | {
|
---|
| 89 | float: right;
|
---|
| 90 | margin-top: 70px;
|
---|
| 91 | }
|
---|
| 92 |
|
---|
| 93 |
|
---|
| 94 | #nav
|
---|
| 95 | {
|
---|
| 96 | margin: 0px 0px 0px 0px;
|
---|
| 97 | padding: 10px;
|
---|
| 98 | margin-left: auto ;
|
---|
| 99 | margin-right: auto ;
|
---|
| 100 | width: 980px;
|
---|
| 101 | text-align: left;
|
---|
| 102 | clear: both;
|
---|
| 103 | }
|
---|
| 104 |
|
---|
| 105 | #nav ul
|
---|
| 106 | {
|
---|
| 107 | list-style-type:none;
|
---|
| 108 | margin: 5px 0px 5px 0px;
|
---|
| 109 | }
|
---|
| 110 |
|
---|
| 111 | #nav li
|
---|
| 112 | {
|
---|
| 113 | display:inline;
|
---|
| 114 | }
|
---|
| 115 |
|
---|
| 116 | #copy
|
---|
| 117 | {
|
---|
| 118 | padding: 0px 190px 0px 0px;
|
---|
| 119 | margin-left: auto ;
|
---|
| 120 | margin-right: auto ;
|
---|
| 121 | width: 790px;
|
---|
| 122 | text-align: left;
|
---|
| 123 | min-height:400px;
|
---|
| 124 | }
|
---|
| 125 |
|
---|
| 126 | #copy li
|
---|
| 127 | {
|
---|
| 128 | list-style: square outside;
|
---|
| 129 | margin: 0px 30px 0px 30px;
|
---|
| 130 | }
|
---|
| 131 |
|
---|
| 132 | #footer
|
---|
| 133 | {
|
---|
| 134 | color: #4c4743;
|
---|
| 135 | font-size: 11px;
|
---|
| 136 | padding: 10px 0px 0px 0px;
|
---|
| 137 | text-align: right;
|
---|
| 138 | margin-top: 50px;
|
---|
| 139 | margin-left: auto ;
|
---|
| 140 | margin-right: auto ;
|
---|
| 141 | width: 980px;
|
---|
| 142 | clear:both;
|
---|
| 143 | }
|
---|
| 144 |
|
---|
| 145 | .box
|
---|
| 146 | {
|
---|
| 147 | width:200px;
|
---|
| 148 | margin:20px 20px 0px 0px;
|
---|
| 149 | background-color:#e3dbd3;
|
---|
| 150 | border-radius: 10px;
|
---|
| 151 | float: left;
|
---|
| 152 | padding: 100px 20px 20px 20px;
|
---|
| 153 | border: solid 1px #B2A69A;
|
---|
| 154 | background-position: right top;
|
---|
| 155 | background-repeat:no-repeat;
|
---|
| 156 | min-height: 170px;
|
---|
| 157 | }
|
---|
| 158 |
|
---|
| 159 | #bio {background-image:url(images/homeBio.jpg);}
|
---|
| 160 | #library {background-image:url(images/homeLibrary.jpg);}
|
---|
| 161 | #written {background-image:url(images/homeWritten.jpg);}
|
---|
| 162 | #taonga {background-image:url(images/homeTaonga.jpg);}
|
---|
| 163 | #gallery {background-image:url(images/homeGallery.jpg);}
|
---|
| 164 | #research {background-image:url(images/homeResearch.jpg);}
|
---|
| 165 |
|
---|
| 166 | .clear
|
---|
| 167 | {
|
---|
| 168 | clear:both;
|
---|
| 169 | }
|
---|
| 170 |
|
---|
| 171 | input, textarea {
|
---|
| 172 | padding: 10px 10px 10px 10px;
|
---|
| 173 | font-family: arial, helvetica, sans-serif;
|
---|
| 174 | color: #4c4743;
|
---|
| 175 | font-size: 1.1em;
|
---|
| 176 | border: solid 1px #B2A69A;
|
---|
| 177 | }
|
---|
| 178 |
|
---|
| 179 | .ref {
|
---|
| 180 | color: #4c4743;
|
---|
| 181 | font-weight:bold;
|
---|
| 182 | cursor:default;
|
---|
| 183 | }
|
---|
| 184 |
|
---|
| 185 | select {
|
---|
| 186 | border: 1px solid #B2A69A;
|
---|
| 187 | padding: 0px 4px;
|
---|
| 188 |
|
---|
| 189 | } |
---|