body {
background:#000066;
}
fieldset {
border:2px solid #000066;
}
footer {
text-align:center;
font-style:italic;
background-color:#CCCCFF;
clear:both;
}
h1 {
margin:0;
padding:10px;
}
header {
background:#CCCCFF;
}
img {
max-width:100%;
max-height:100%;
margin:0;
padding:0;
}
main {
padding:25px;
background-color:#FFF;
overflow:auto;
}
nav {
float:left;
width:100%;
padding:10px;
}
nav a {
text-decoration:none;
padding-right:10px;
}
nav button {
background:#FFF;
color:#000066;
margin:5px;
width:90px;
height:45px;
font-size:1.2em;
border:2px solid #000066;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
}
nav button:hover, nav button.current {
background:#000066;
color:#FFF;
}
nav li {
display:inline;
}
ul {
list-style-type:none;
}
* {
box-sizing:border-box;
}
#gallery li {
display:inline-block;
width:225px;
padding-bottom:10px;
margin:10px;
background-color:#EAEAEA;
text-align:center;
font-style:italic;
font-family:Georgia,serif;
}
#submit,#reset {
background:#FFF;
color:#000066;
margin:5px;
width:70px;
height:30px;
font-size:1em;
border:2px solid #000066;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
}
#submit:hover,#reset:hover {
background:#000066;
color:#FFF;
}
#submit:active,#reset:active {
background:#FFF;
color:#000066;
}
#wrapper {
width:1024px;
margin-left:auto;
margin-right:auto;
background:#EAEAEA;
}
Comments