Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background-image: url('bg.PNG');
- color: #000345;
- font-size: 87.5%;
- font-family: Arial, 'Lucida Sans Unicode':
- line-height: 1.5:
- text-align: left;
- }
- a {
- text-decoration: none;
- }
- a:link, a:visited{
- color: #CF5C3F;
- }
- a:hover, a:active{
- background-color: #CF5C3F;
- color: #FFF;
- }
- .body{
- margin: 0 auto:
- width: 70%;
- clear: both;
- }
- .mainheader img {
- width: 30%;
- height: auto;
- margin: 2% 0;
- }
- .mainheader nav {
- background-color: #666;
- height: 40px;
- border-radius: 5px;
- -moz-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:link, .mainHeader nav a:visited {
- color:#FFF;
- display: inline-block;
- padding: 10px 25px;
- height: 20px;
- }
- .mainHeader nav a:hover, .mainHeader nav a:active,
- .mainHeader nav .active a:link, .mainHeader nav .active a:visited {
- background-color: #CF5C3F;
- text-shadow: none;
- }
- .mainHeader nav ul li a {
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- .mainContent{
- line-height: 25px;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- word-wrap: break-word;
- }
- .content{
- width: 70%;
- float: left;
- }
- .topcontent {
- background-color: #FFF;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- padding: 3% 5%;
- margin-top: 2%;
- word-wrap: break-word;
- }
- .bottomcontent {
- background-color: #FFF;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- padding: 3% 5%;
- margin-top: 2%;
- word-wrap: break-word;
- }
- .top-sidebar {
- width: 21%;
- float: left;
- background-color: #FFF;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- margin: 1.5% 0% 2% 3%;
- padding: 2% 3%;
- word-wrap: break-word;
- }
- .middle-sidebar {
- width: 21%;
- float: left;
- background-color: #FFF;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- margin-left: 3%;
- margin-bottom: 2%;
- padding: 2% 3%;
- word-wrap: break-word;
- }
- .bottom-sidebar {
- width: 21%;
- float: left;
- background-color: #FFF;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- margin-left: 3%;
- margin-bottom: 2%;
- padding: 2% 3%;
- word-wrap: break-word;
- }
- .mainFooter {
- width: 100%;
- float: left;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- background-color: #666;
- margin: 2% 0%;
- }
- .mainFooter p {
- width: 92%;
- margin: 10px auto;
- color: #FFF;
- }
- @media only screen and (min-width: 150px) and (max-width: 600px)
- {
- .body{
- width: 90%;
- font-size: 95%;
- }
- .mainheader img {
- width: 100%;
- }
- .mainheader nav {
- height: 160px;
- }
- .mainHeader nav ul{
- padding-left: 0
- }
- .mainHeader nav ul li {
- width: 100%;
- text-align: center;
- }
- .mainHeader nav a:link, .mainHeader nav a:visited {
- padding: 10px 25px;
- height: 20px;
- display: block;
- }
- .content{
- width: 100%;
- float: left;
- margin-top: 2%;
- }
- .post-info {
- display: none;
- }
- .topcontent {
- background-color: #FFF;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- padding: 3% 5%;
- margin-top: 2%;
- margin-bottom: 4%;
- }
- .bottomcontent {
- margin-top: 3%;
- }
- .top-sidebar, .middle-sidebar, .bottom-sidebar {
- width: 94%;
- margin: 1.5% 0% 2% 0%;
- padding: 2% 3%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement