Template:HKJS S/css/Team

.modal {

   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px;
   padding-left: 25%;
   padding-right: 25%; /* Location of the box */
   left: 0;
   right: 0;
   top: 0;
   width: 50%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

}

/* Modal Content */ .modal_content {

   background-color: #eee;
   margin: auto;
   padding: 20px;
   border: 1px solid #888;
   width: 80%;
   /*-webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/

} @-wk-keyframes animatetop {

   from {top:-600px; opacity:0} 
   to {top:0; opacity:1}

}

@keyframes animatetop {

   from {top:-600px; opacity:0}
   to {top:0; opacity:1}

}

/* The Close Button */ .close {

   color: #aaaaaa;
   float: right;
   font-size: 28px;
   font-weight: bold;

}

.close:hover, .close:focus {

   color: #000;
   text-decoration: none;
   cursor: pointer;

}

.divinmodal{

   margin: auto;
   width: 50%;
   text-align: center;

} .icon_name{

   font-size: 15px;
   font-family: Palatino;
   text-align: center;

} .icon_img{

   height: 200px;
   width: auto;

} .icon_btn{

   border: none;
   background-color: white;

} .possition_h2{

   text-align: center;
   font-size: 30px;
   font-family: Palatino;

} .center_div{

   margin: auto;
   width: 220px;

} .Leader_table{

   margin: auto;
   border: none;

} .Leader_data{

   padding: 25px;

} .imginmodal{

   width:250px;

}