Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Design for all sizes */
- body {
- background-color: #ccc;
- color: #000;
- }
- #container {
- background-color: white;
- }
- h1,h2 {
- font-family: "Arial Black", Gadget, sans-serif;
- color: #854242;
- text-align: center;
- }
- h1 {
- line-height: 1.25em;
- font-size: 2em;
- }
- h2 {
- font-size: 1.625em;
- line-height: 1.15384615em;
- }
- p {
- font-family: "Trebuchet MS", Helvetica, sans-serif;
- }
- /* Box headers */
- .left {
- text-align:left;
- font-size: 1.625em;
- line-height: 1.15384615em;
- }
- /* Footers */
- footer {
- background-color: #854242;
- border: 2px solid #854242;
- border-radius: 2px, 2px, 2px, 2px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- font-family: "Trebuchet MS", Helvetica, sans-serif;
- text-align: center;
- color: white;
- }
- #mainfooter {
- background-color: #999;
- border: 2px solid #999;
- border-radius: 2px, 2px, 2px, 2px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- font-family: "Trebuchet MS", Helvetica, sans-serif;
- text-align: center;
- color: white;
- }
- @media all and (min-width:800px) {
- html, body {
- overflow-x: hidden;
- }
- body {
- position: relative;
- width: 960px;
- padding: 10px 40px 10px 40px;
- }
- .pictures {
- max-width: 100%;
- }
- a {
- text-decoration: none;
- text-transform: uppercase;
- color: #666;
- font-family: "Trebuchet MS", Helvetica, sans-serif;
- }
- li {
- display: inline;
- margin-right: 10px;
- }
- section {
- border-top: 1px solid #854242;
- float: left;
- margin: 1em;
- width: calc(100%/2 - 2*1em);
- }
- #search {
- position:absolute;
- left:65%;
- top:9%;
- width:30%;
- }
- #mainfooter {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement