View file green_theme/style.css

body { 
    background-image: url(images/pic.jpg);
    background-size:  cover;
    font-family : "Times New Roman", serif ;
	margin: auto;
    
}

.sha {
	background-image: url(images/green2.jpg); 
    background-size:contain;
    background-position: bottom;
    margin: auto;
    max-width: 760px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align:left;
    font-family: cursive;
    color: gray;
}


.menu {

    background: #ffffff;
    text-align: right;
    border-bottom: dotted 1px #98FB98;
    border-top: dotted 1px #98FB98;
    max-width: 760px;
    color: whitesmoke;
    text-decoration: none;
    margin: auto;
    padding: 5px 5px;
    font-size:1em;
   
}

.menu  a {
    list-style: none;
    width:75%; 
    margin:5px 5px 0px 0px;
    padding:0.5em; 
    background-image: url(images/green2.jpg);
    background-position: center;
    opacity: 0.7;
    text-decoration: none;
}

.menu a:hover{
    background:#006666; 
    color:#ffffff; 
    cursor:pointer; 
    opacity: 0.5;
}



.site {
    margin: auto;
    background: white;
    max-width: 760px;
    padding-left:10px;
    padding-right: 10px;
    font-size: 1.3em;
    color: Grey;
}

.site a {
    color: gray;
}
.site a:hover{
   background:#006666; 
   color:#ffffff; 
   cursor:pointer; 
   text-decoration: none;
   opacity: 0.5;
}


.fa-lg  {
    
    color: #9ACD32;
    font-size: 17px;
}


.b  {

    border-radius: 7px;
    background-image: url(images/green.jpg);
    background-size: 350px 90px;
    background-position: center;
	font-size: 17px; 
    padding-left: 15px;
    padding-bottom: 5px;
    overflow:hidden;
    color: gray;
    
}



.foot {
    background-image: url(images/green.jpg);
    background-size: contain;
    margin: auto;
    text-align:center;
    max-width: 760px;
}


.foot a	{ 
	color:  gray; 
	text-decoration: none;
}

.foot  a:hover {
    color: cornflowerblue;
}

a 
 {
	color: cornflowerblue;
    font-size: 15px;
	text-decoration: none;
}


.img {
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
    margin : 5px 5px 5px 5px;
}




form {
    margin: 0 auto;
    max-width:740px;
    padding: 30px 30px 6px 30px;
    border-radius: 5px;
    background-clip: padding-box;
    background-image: url(images/green.jpg);
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    color: cornflowerblue;
    overflow: hidden; 
    opacity: 0.6;
}



.btn {
   text-decoration:none; 
   text-align:center; 
   padding:11px 32px; 
   border:solid 1px #004F72; 
   border-radius: 4px; 
   font:18px Arial, Helvetica, sans-serif; 
   font-weight:bold; 
   color:#E5FFFF; 
   background-color:#3BA4C7;  
   background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
   box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }




h1 {
  font-size: 24px;
  margin: auto;
}


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


.alert-info {
     border-radius: 7px;
    border: 1px white;
    background-image: url(images/green2.jpg);
    background-size: contain;
    background-position: center;
    color: darkgrey;
    margin: 0;
}