View file dark_green/style.css

body { 
    background-image: url(images/gg.jpg);
    background-size: 100% 50%;
    background-attachment: fixed;
    font-family : "Times New Roman", serif ;
    max-width: 100%;
	margin: auto;
}

.sha {
	background-image: url(images/foot.jpg); 
    background-size:cover;
    background-position: left;
    background-repeat: no-repeat;
    margin: auto;
    max-width: 760px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align:center;
    font-family: cursive;
    font-size: 14px;
    color: limegreen;
    border-radius: 7px;
}


.menu {

    background-image: url(images/n23.jpg);
    background-size: 100% 90%;
    background-repeat: no-repeat;
    text-align:center;
    max-width: 760px;
    margin:  auto;
    padding: 12px ;
    
   
}

.menu  a {
    list-style: none;
    padding:0.5em; 
    background:limegreen;
    border: 1px solid white;
    opacity: 0.9;
    color: white;
    text-decoration: none;
}

.menu a:hover{
    background:white; 
    color:limegreen; 
    cursor:pointer; 
    opacity: 0.7;
}



.site {
    background-image: url(images/zz.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    background-attachment:fixed;
    max-width: 760px;
    padding-left:10px;
    padding-right: 10px;
    font-size: 17px;
    font-family: serif;
    color: gainsboro;
    margin: auto;
}

.site a {
    color: gainsboro;

}
.site a:hover{
   color:limegreen; 
   cursor:pointer; 
   text-decoration: none;
    

}


.fa-lg  {
    
    color: limegreen;
    font-size: 15px;
}


.b  {
    background-image: url(images/n23.jpg);
    background-size:100% 100% ;
    background-position: center center;
	font-size: 17px; 
    padding-left: 15px;
    padding-bottom: 5px;
    overflow:hidden;
    color: limegreen;
    border-radius: 7px;
}

.b a{
    color:limegreen;
    font-size: 17px;
}

.b a:hover {
    color: gainsboro;
}

.foot {
    background-image: url(images/foot.jpg);
    background-size:100% 90%;
    margin: auto;
    text-align:center;
    max-width: 760px;
    border-radius: 7px;
}


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

.foot  a:hover {
    color: limegreen;
}




.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/gg.jpg);
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
    color: limegreen;
    overflow: hidden; 
    opacity: 0.7;
}




.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:green;  
   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:#000000; 
    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: dashed 1px gainsboro;
    border-radius: 5px;
    text-align: left;
    opacity: 0.7;
    
}


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

.markItUp {
    background: limegreen;
    padding-top: 15px;
    padding-bottom: 15px;
    
}
.markItUp a:hover {
    color: cornsilk;
}

.data {
    font-size: 12px;
    color: aliceblue;
}