Просмотр файла dark_grey/style.css

body { 
    background:#4F4F4F;
    max-width: 100%;
    margin: auto;
}

.sha {
    background-image:url(images/775.jpg);
    background-position: center center;
    background-size: 100% 100% ;
    background-repeat: no-repeat;
    border: solid 1px grey;
    margin: 0 auto;
    color: gray;
    font-family: cursive;
    font-size: 14px;
    text-align: center;
    max-width: 720px;
    
	
}


.menu {
   background-image: url(images/mm.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100% ;
    padding: 15px;
    text-align: center;
    margin: 0 auto;
    max-width: 720px;
  
}

.menu  a {
    background:#90c843;
    padding:0.5em;
    border: solid 1px white;
    color: #FFF;
    text-decoration: none;
    border-radius: 7px;
    
    
   
}

.menu a:hover{
    background: #4F94CD;
    color: white;
    
}



.site {
    background-image: url(images/gh.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: solid 1px grey;
    margin: 0 auto;
    padding: 15px ;
    color: gray;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
    max-width: 720px;
    
    
}

.site  a { 
    color: gray;
    text-decoration: none;    

}



.site a:hover{
    color: white;
}


.fa-lg  {
    color:#90c843;
       
}



.b  {
    background-image: url(images/mm.jpg);
    background-repeat: no-repeat;
    background-size:100% 100% ;
    padding: 10px;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: italic;
    color: azure;
    
   
}

.b a {
    color: #90c843;
    text-decoration: none;
   
}

.b a:hover { 
    color: gray;
   
}



.foot {
    background-image: url(images/775.jpg);
    background-position: center;
    background-size: 100% 100%;
    padding: 15px;
    border: solid 1px grey;
    text-align: center;
    color: antiquewhite;
    padding: 15px;
    margin: 0 auto;
    max-width: 720px;

   
}


.foot a	{ 
	 color: gray;
}

.foot  a:hover {
    color: white;
    
}




.img {
    float: left;
    padding: 5px 5px 5px 5px;
	
}




form  {
  margin:0 auto;
  max-width:100%;
  box-sizing:border-box;
  padding:10px;
  border-radius:5px;
  background: #363636;       
  box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);  
    
}



.btn  {
  height:50px;
  width:100%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;
  padding:10px;
  background:#90c843;
  color:#FFF;
  font-family: 'Open Sans', sans-serif;  
  font-weight:400;
  font-size: 16pt;
  transition:background .4s;
  cursor:pointer;
} 





h1 {
font-size: 24px;
}


.message {
    background:#363636; 
    color: gainsboro; 
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    margin: 5px 5px;
    padding:5px;
    font-size: 17px;
    font-family: serif;
    border-radius: 5px;
    text-align: left;
   
    
}


.alert-info {
     border-radius: 7px;
    border: 1px white;
    background: #363636;
    color: darkgrey;
    margin: 0;
}

.markItUp {
    background: white;
    padding-top: 15px;
    padding-bottom: 15px;
    
}


.data {
    font-size: 10px;
    color: gray;
}

.breadcrumb {
    background:  #363636;
}