Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: #999;
- background-size: 100% ;
- background-repeat: repeat;
- /* background-image: url(/Images/swanon.jpg); */
- font-size: 87.5%;
- font-family:Arial, serif-sans;
- }
- .body {
- /text-align: left;/
- clear: both;
- margin-left: auto;
- margin-right: auto;
- margin-top: 5%;
- width: 80%;
- }
- div {
- background: #1000;
- }
- .mainheader img {
- margin: 0% auto;
- width: 100%;
- height: 8%;
- }
- .mainheader nav {
- background-color: #666;
- height: 30px;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- .mainheader nav ul {
- list-style: none;
- margin: 0 auto;
- }
- .mainheader nav ul li {
- float: left;
- display: inline;
- }
- .mainheader nav a, .mainheader nav a:link, .mainheader nav a:visited {
- float: left;
- padding: 5px 5px 5px 5px;
- color: white;
- display: inline-block;
- height: 20px;
- }
- .mainheader nav a:hover, .mainheader nav a:active, .mainheader nav .active a:link, .mainheader nav .active a:visited {
- background: #253;
- }
- .mainheader nav ul li a {
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- }
- .maincontent {
- line-height: 15px;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- }
- .Content {
- background: #855; /red ---------/
- float: left;
- width: 60%;
- }
- .topcontent {
- background: #777; /* grey -----------------*/
- float: left;
- width: 85%;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- padding: 1% 5%;
- margin-top: 2px;
- margin-bottom: 2px;
- }
- .bottomcontent {
- background: #777; /* grey -----------------*/
- float: left;
- width: 85%;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- padding: 1% 5%;
- margin-top: 2px;
- margin-bottom: 2px;
- }
- .post-info {
- Font-style: italic;
- color: #222;
- fon-size: 85%;
- }
- .top-sidebar {
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- padding: 1% 5%;
- margin-top: 2px;
- margin-bottom: 2px;
- margin-left: 3%;
- width: 27%;
- float: left;
- background-color: #255; /* cyan -----------------*/
- }
- .middle-sidebar {
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- padding: 1% 5%;
- margin-top: 2px;
- margin-bottom: 2px;
- margin-left: 3%;
- width: 27%;
- float: left;
- background-color: #254; /* cyan green -----------------*/
- }
- .bottom-sidebar {
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- padding: 1% 5%;
- margin-top: 2px;
- margin-bottom: 2px;
- margin-left: 3%;
- width: 27%;
- float: left;
- background-color: #253; /* green -----------------*/
- }
- .mainfooter {
- margin-top: 0%;
- width: 100%;
- float: left;
- background-color: #666;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -o-border-radius: 2px;
- -webkit-border-radius: 2px;
- }
- .mainfooter p {
- text-align: center;
- width: 92%;
- padding-left: 0.8% ;
- padding-right: 0.2%;
- padding-bottom: 0;
- padding-top: 0;
- }
- a {
- text-decoration: none;
- }
- a:link, a:visited {
- color: orange;
- }
- a:hover, a:active {
- padding: 0 10px;
- color: white;
- background-color: black;
- border-radius: 15px;
- -moz-border-radius: 15px;
- -o-border-radius: 15px;
- -webkit-border-radius: 15px;
- }
- @media only screen and (min-width: 150px) and (max-width: 600px), (orientation : portrait)
- {
- .body {
- width: 95%;
- font-size: 100%;
- }
- .mainheader img {
- width: 100%;
- height: 100%;
- }
- .mainheader nav {
- background-color: #FFF;
- height: 120px;
- }
- .mainheader nav ul {
- padding-left: 0%;
- }
- .mainheader nav ul li {
- width: 100%;
- margin: 0 auto;
- text-align: center;
- }
- .mainheader nav a, .mainheader nav a:link, .mainheader nav a:visited {
- float: none;
- color: Black;
- height: 20px;
- display: block;
- }
- .mainheader nav a:hover, .mainheader nav a:active, .mainheader nav .active a:link, .mainheader nav .active a:visited {
- background: #199; /<!--------------------------nav button color->/
- }
- .mainheader nav ul li a {
- }
- .maincontent {
- line-height: 15px;
- }
- .Content {
- background: #215; /blue---------/
- float: left;
- width: 100%;
- margin-top: 2%;
- }
- .post-info {
- display: none;
- }
- .topcontent, .bottomcontent {
- background: #777; /* grey -----------------*/
- float: left;
- width: 90%;
- padding: 1% 5%;
- margin-top: 2%;
- margin-bottom: 2%;
- }
- .top-sidebar, .middle-sidebar, .bottom-sidebar {
- padding: 1% 5%;
- margin-top: 0.5%;
- margin-bottom: 0.5%;
- margin-left: 0%;
- width: 90%;
- float: left;
- }
- } /media query end------------------------/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement