Template:UCAS/ZalkiHoverImg/zalki hover img

.main_box{

   background-color: #eee;
   /* Important parameters of style start */
   position: relative;
   overflow: hidden;
   float: left;
   /* Important parameters of style end */
   margin-right: 10px;
   margin-bottom: 10px;

} .main_box > img{

   display: block;
   z-index: 10;

} .main_box > a{

   text-decoration: none;

} .popup{

   /* Important parameters of style start */
   display: none;
   text-align: center;
   position: absolute;
   z-index: 40;
   /* Important parameters of style end */
   height: 70px;
   width: 70px;
   background: #753ffe url("") no-repeat center center;
   -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Firefox */
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Safari and Chrome */
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);

} .popup2{

   /* Important parameters of style start */
   display: none;
   text-align: center;
   position: absolute;
   z-index: 40;
   /* Important parameters of style end */
   height: 70px;
   width: 70px;
   background: #fe3f3f url("") no-repeat center center;
   -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Firefox */
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Safari and Chrome */
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);

} .r_board{

   /* Important parameters of style start */
   display: none;
   text-align: center;
   position: absolute;
   z-index: 40;
   /* Important parameters of style end */
   height: 60px;
   width: 200px;
   background: #2BBFBD;
   -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Firefox */
   -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Safari and Chrome */
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);

} .overlayPop{

   /* Important parameters of style start */
   position: absolute;
   top: 0;
   left: 0;
   display: none;
   margin: 0;
   /* Important parameters of style end */

   background: #000;

}

/* Text Content */

.overlayText{

   /* Important parameters of style start */
   position: absolute;
   overflow: hidden;
   display: none;
   z-index: 20;
   margin: 0;
   /* Important parameters of style end */

   background: #000;
   color: white;

} .overlayRubTop{

   /* Important parameters of style start */
   position: absolute;
   overflow: hidden;
   z-index: 20;
   margin: 0;
   border: 0 none;
   /* Important parameters of style end */
   background: #000;

} .overlayRubBottom{

   /* Important parameters of style start */
   position: absolute;
   overflow: hidden;
   z-index: 20;
   margin: 0;
   border: 0 none;
   /* Important parameters of style end */
   background: #000;

}

.textBox{

   /* Important parameters of style start */
   position: absolute;
   float: left;
   z-index: 30;
   margin: 0;
   padding: 0;
   /* Important parameters of style end */

}

.textTitle {

   /* Important parameters of style start */
   position: absolute;
   float: left;
   z-index: 30;
   margin: 0;
   /* Important parameters of style end */
   margin-left: 10px;
   padding: 5px;
   font-weight: bold;

}

/* USER STYLES */

.user_style1 .popup {

   border-radius: 70px;
   background: #fff url("") no-repeat center center;

} .user_style2 .popup {

   border-radius: 5px;
   background-color: #19b4e0;

} .user_style2 .popup2 {

   border-radius: 5px;
   background-color: #F29B30;

}

.user_style3 .popup {

   border-radius: 85px;
   height: 85px;
   width: 85px;
   background: #e71a6e;
   line-height: 85px;
   color: #fff;
   font-size: 20px;

} .user_style3 .overlayPop {

   background: #fff;

}

.user_style4 .popup {

   border-radius: 85px;
   height: 85px;
   width: 85px;
   background: #ff9a46 url("") no-repeat center center;

} .user_style4 .popup2 {

   border-radius: 85px;
   height: 85px;
   width: 85px;
   background: #ff9a46 url("") no-repeat center center;

}

.user_style12 .popup{

   width: 300px;
   height: 140px;
   padding: 10px;
   background: rgb(0,0,0);
   background: rgba(0,0,0, 0.7);
   color: #fff;
   text-align: left;

} .user_style13 .popup{

   width: 220px;
   height: 160px;
   padding: 10px;
   background:  url("") no-repeat center center;
   color: #fff;
   text-align: left;
   -moz-box-shadow: none; /* Firefox */
   -webkit-box-shadow: none; /* Safari and Chrome */
   box-shadow: none;
   filter: progid: none;

}

.user_style5 .textTitle{

   background: #fff;
   color: #000;
   font-size: 26px;
   margin-top: 40px;
   padding-left: 20px;
   padding-right: 20px;

} .user_style6 .textTitle{

   background: #1d9beb;
   color: #fff;
   font-size: 26px;
   padding: 70px 20px 20px 20px;

} .user_style7 .textTitle{

   background: #ff237a;
   color: #fff;
   font-size: 22px;

}

.user_style11 .textTitle{

   background: #c71deb;
   color: #fff;
   font-size: 38px;
   border-radius: 90px;
   margin-top: 50px;
   margin-left: 50px;
   height: 90px;
   width: 90px;
   line-height: 90px;
   text-align: center;

}

.user_style5 .textBox {

   background: rgb(99,61,74);
   background: rgba(99,61,74, 0.7);
   color: #d9c3db;
   margin-bottom: 30px;
   font-size: 20px;
   opacity: 0.8;

} .user_style5 a{

   color: #f5e7f6;

} .user_style6 .textBox {

   background: #fff;
   color: #000;
   margin-bottom: 30px;

} .user_style7 .textBox {

   background: #753ffe;
   color: #fff;

} .user_style11 .textBox {

   background: #5B9E00;
   color: #fff;

}

.user_style8 .r_board{

   line-height: 60px;
   color: #fff;
   font-size: 20px;
   border-radius: 4px;
   background: #8f59ff;

} .user_style9 .r_board{

   line-height: 90px;
   color: #fff;
   font-size: 20px;
   border-radius: 90px;
   height: 90px;
   width: 90px;
   background: #b2f749 url("") no-repeat center center;

} .user_style10 .r_board{

   line-height: 80px;
   color: #fff;
   font-size: 30px;
   height: 80px;
   width: 80px;
   background: #fa1d56;

}