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 (min-width:500px) and (max-width:799px) {
- html, body {
- overflow-x: hidden;
- }
- body {
- position: relative;
- }
- .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 {
- float: left;
- margin: 1em;
- width: calc(100%/2 - 2*1em);
- }
- #search {
- position: absolute;
- background-color: #854242;
- width: 100%;
- text-align: center;
- }
- #searchstring {
- width: 50%;
- }
- #searchbutton {
- width: 25%;
- }
- #mainfooter {
- position: absolute;
- right: 0;
- bottom: 0;
- left: 0;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement