Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: #eee;
- font-family: 'Open Sans', sans-serif;
- padding: 0;
- margin: 0;
- }
- img {
- width: 100%;
- background: #ddd;
- padding: 20px 0;
- }
- .logo{
- width: 120px;
- float: left;
- padding: 0;
- }
- .wrap {
- position: relative;
- margin: 0 auto;
- width: 90%;
- max-width: 1600px;
- min-width: 480px;
- }
- .content {
- background: Azure;
- position: absolute;
- top: 120px;
- padding: 20px;
- min-width: 220px;
- }
- .header {
- position: fixed;
- z-index: 999;
- top: 0;
- width: 92%;
- max-width: 1600px;
- min-width: 340px;
- background: LightSeaGreen;
- padding: 0;
- }
- a {
- text-decoration: none;
- color: crimson;
- }
- a:visited{
- color:darkorchid;
- }
- ul{
- list-style-type: none;
- margin: 0;
- padding: 0;
- position: absolute;
- left: 120px;
- right: 0;
- bottom: 0;
- background: #ff9900;
- min-width: 220px;
- }
- li > a {
- display: block;
- float:left;
- color: #fff;
- padding: 10px 20px;
- text-transform: uppercase;
- }
- li > a:visited{
- color: #ccc;
- }
- li > a:hover {
- color: #fff;
- }
- .menu. {
- float: left;
- width: 31.33%;
- margin: 1% 5% 5% 5%;
- background: pink;
- }
- .column {
- float: left;
- width: 31.33%;
- margin: 1%;
- background: Pink;
- }
- .column2{
- display: inline-block;
- width: 200px;
- margin: 1%;
- background: Red;
- }
- @media (max-width: 768px){
- .column {
- width: 48%;
- }
- }
- @media (max-width: 480px){
- .column {
- width: 100%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement