Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- color: #330000;
- background-color: #ffffcc;
- font-family: arial;
- padding: 25px;
- background-image: url('background.gif');
- }
- header {
- background-color: #ccaa66;
- color: #000000;
- background-image: url(javalogo.gif);
- background-position: center;
- background-repeat: no-repeat;
- height: 100px;
- }
- h1 {
- margin: 0%;
- white-space: nowrap;
- text-indent: 100%;
- overflow: hidden;
- }
- nav {
- text-align: center;
- float: left;
- width: 100px;
- font-weight: narrow;
- padding-top: 10px;
- }
- nav a {
- padding-bottom: 15px;
- text-decoration: none;
- }
- nav a:link {
- color: #996633;
- }
- nav a:visited {
- color: #ccaa66;
- }
- nav a:hover {
- color: #330000;
- }
- nav ul {
- list-style-type: none;
- list-style-image: none;
- }
- footer {
- color: #000000;
- background-color: #ccaa66;
- font-size: .60em;
- text-align: center;
- font-style: italic;
- padding-top: 20px;
- padding-bottom: 20px;
- }
- #wrapper {
- width: 80%;
- margin-right: auto;
- margin-left: auto;
- background-color: #ffffcc;
- min-width: 700px;
- max-width: 1024px;
- box-shadow: 5px 5px 5px #828282;
- }
- h2 {
- text-transform: uppercase;
- background-color: #ccaa66;
- font-size: 1.2em;
- padding-left: 10px;
- padding-bottom: 5px;
- }
- #winding {
- float: right;
- }
- main {
- padding: 10px 20px 30px 20px;
- margin-left: 150px;
- background-color: #f2eab7;
- color: #000000;
- overflow: auto;
- }
- .floatright {
- float: right;
- padding-left: 20px;
- }
- .floatleft {
- float: left;
- padding-right: 20px;
- padding-bottom: 20px;
- }
- .details {
- padding-left: 20%;
- padding-right: 20%;
- }
- img {
- padding-left: 10px;
- padding-right: 10px;
- }
- #mobile {
- display: none;
- }
- #desktop {
- display: inline;
- }
- @media only screen and (max-width:1024px) {
- body {
- margin: 0;
- background-image: none;
- }
- #wrapper {
- width: auto;
- min-width: 0;
- margin: 0;
- box-shadow: none;
- }
- header {
- background-image: url(javalogomobile.gif);
- background-position: center;
- background-repeat: no-repeat;
- height: 80px;
- }
- nav {
- float: none;
- width: auto;
- padding-top: 0;
- margin-top: 0;
- }
- nav li {
- display: inline-table;
- }
- nav a {
- padding: 1em;
- font-size: 1.4em;
- width: 8em;
- font-weight: bold;
- border-style: none;
- }
- }
- @media only screen and (max-width:768px) {
- nav a {
- display: block;
- padding: 0.2em;
- width: auto;
- border-bottom: 1px;
- border-color: #330000;
- }
- nav li {
- display: block;
- }
- h2 {
- padding-top: 0.5em;
- padding-right: 0;
- padding-bottom: 0;
- padding-left: 0.5em;
- margin: 0.5em;
- }
- .details {
- padding-left: 0;
- padding-right: 0;
- }
- .floatright {
- display: none;
- }
- .floatleft {
- padding-right: 0;
- padding-left: 0;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement