Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- CSS redone - https://pastebin.com/LtCiqdVj
- body {
- background-color:#000033;
- background-image:url(primehorizontal.png);
- color:#003300;
- font-family:Arial,Helvetica,sans-serif;
- }
- #wrapper {
- width:80%;
- margin-left:auto;
- margin-right:auto;
- background-color:#FFFFCC;
- min-width:700px;
- max-width:1024px;
- padding:0 0 20px 30px;
- border:1px ridge #00332B;
- -webkit-box-shadow:inset -3px -3px 3px 3px #00332B;
- -moz-box-shadow:inset -3px -3px 3px 3px #00332B;
- box-shadow:inset -3px -3px 3px 3px #00332B;
- -webkit-border-radius:15px;
- -moz-border-radius:15px;
- border-radius:15px;
- }
- header,nav,main,footer {
- display:block;
- }
- header {
- color:#48751A;
- }
- h2 {
- color:#003366;
- }
- h3 {
- color:#006600;
- padding-top:10px;
- }
- dd {
- font-style:italic;
- font-size:.90em;
- line-height:200%;
- }
- nav {
- font-weight:bold;
- font-size:1.2em;
- float:left;
- width:150px;
- }
- nav ul {
- list-style-type:none;
- margin:0;
- padding-left:0;
- }
- nav a {
- text-decoration:none;
- display:block;
- text-align:center;
- color:#FFFFCC;
- border:3px outset #cccccc;
- padding:5px;
- font-weight:bold;
- }
- nav a:link {
- background-color:#003366;
- }
- nav a:visited {
- background-color:#48751A;
- }
- nav a:hover {
- border:3px inset #333333;
- }
- table {
- width:80%;
- border:1px solid #000033;
- border-collapse:collapse;
- }
- td,th {
- border:1px solid #000033;
- }
- td {
- text-align:center;
- }
- label {
- float:left;
- display:block;
- text-align:right;
- font-weight:bold;
- width:8em;
- padding-right:5px;
- }
- #mySubmit {
- margin-left:10em;
- }
- input {
- display:block;
- margin-bottom:1em;
- }
- textarea {
- display:block;
- margin-bottom:1em;
- }
- footer {
- font-size:.60em;
- font-style:italic;
- clear:both;
- }
- img {
- border-style:none;
- }
- .floatleft {
- float:left;
- padding-right:20px;
- padding-bottom:20px;
- }
- .contact {
- font-family:"Times New Roman", serif;
- font-size:.90em;
- font-weight:bold;
- }
- .clear {
- clear:left;
- }
- #right {
- margin-left:180px;
- padding-right:20px;
- padding-bottom:20px;
- }
- #mobile {
- display:none;
- }
- #desktop {
- display:inline;
- }
- @media only screen and (max-width:1024px) {
- body {
- margin:0px;
- padding:0px;
- background:#FFFFCC;
- background-image:none;
- }
- #wrapper {
- width:100%;
- min-width:0px;
- margin:0px;
- padding:0px;
- box-shadow:none;
- border-radius:0px;
- border-style:none;
- }
- header {
- text-shadow:#000033 2px 2px 2px;
- height:100%;
- }
- h1 {
- texti-indent:0px;
- font-size:3.7em;
- padding-left:2em;
- white-space:normal;
- }
- nav {
- padding:0.2em;
- margin-left:0.3em;
- float:left;
- width:20%;
- }
- main {
- padding-top:2.5em;
- padding-bottom:2.5em;
- padding-left:1em;
- padding-right:1em;
- margin:0px;
- font-size:90%;
- clear:both;
- }
- }
- @media only all and (max-width:768px) {
- h1 {
- font-size:2.4em;
- padding-top:0.25em;
- padding-left:1.5em;
- }
- h3 {
- padding-top:0px;
- margin:0px;
- }
- nav {
- width:98%;
- }
- nav a {
- padding:0.5em;
- width:40%;
- float:left;
- min-width:5em;
- margin-left:0.5em;
- }
- main {
- padding:0.6em;
- }
- dd {
- line-height:100%;
- }
- footer {
- padding:0.5em;
- margin:0px;
- }
- .floatleft {
- float:none;
- padding-right:0px;
- padding-bottom:none;
- }
- #mobile {
- display:inline;
- }
- #desktop {
- display:none;
- }
- }
Advertisement