GOOGLE
.box_welcome img, box img{ width:100%;}
.box_welcome {
border: 5px solid #fff;
cursor: pointer;
height: 265px;
float: left;
position: relative;
overflow: hidden;
width: 100%;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc; padding:0px;
}
.box_nav{
border: 5px solid #fff;
cursor: pointer;
height: 310px;
float: left;
position: relative;
overflow: hidden;
width: 100%;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc; padding:0px;
}
.box_nav img{ width:100%;}
.box img{ width:100%; border:1px solid #00596d;}
.box {
cursor: pointer;
height:350px;
float: left;
position: relative;
overflow: hidden;
width: 100%;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc; padding:0px;
}
.img {
position: absolute;
left: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
/* Caption Common Style */
.caption {
background-color: rgba(13,63,107,0.1);
position: absolute;
color: #fff;
z-index: 100;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
left: 0;
border:0px solid red;
}
P{ padding:0px; margin:0px;}
.caption_bg_1{background-color: rgba(0,0,0,0.8);}
.caption_bg {
background-color: rgba(27,169,134,0.7);
}
/** Caption 1: Simple **/
.simple-caption {
height:35px;
width: 100%;
display: block;
bottom: 0px;
}
/** Simple Caption :hover Behaviour **/
.box:hover .simple-caption{
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-webkit-transform: translateY(0%);
opacity: 1;
transform: translateY(0%);
bottom:0; left:0;
text-decoration:underline;
}
/** Simple Caption :hover Behaviour **/
.box:hover .simple-caption, .box_welcome:hover .simple-caption {
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-webkit-transform: translateY(0%);
opacity: 1;
transform: translateY(0%);
height:100%;
bottom:0; left:0;
}
.marg{ margin-top:5px;margin-bottom:5px;}
.span1{ font-size:18px; border-bottom:1px dotted #fff; padding-top:5px; padding-bottom:7px; padding-left:8px;}
.span1_color{background-color: rgba(13,63,107,0.8);}
.text_padding{ padding:7px;}
.font_bold{ font-weight:bold;}
.taxt_Color {
animation: example 5s infinite;
}
/* Standard syntax */
@keyframes example {
0% {color: red;}
25% {color: violet;}
50% {color: blue;}
100% {color: green;}
}
.Bg_notice{
/* IE10+ */
background-image: -ms-linear-gradient(top, #009AB9 0%, #014D60 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #009AB9 0%, #014D60 100%);
/* Opera */
background-image: -o-linear-gradient(top, #009AB9 0%, #014D60 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #009AB9), color-stop(100, #014D60));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #009AB9 0%, #014D60 100%);
/* W3C Markup */
background-image: linear-gradient(to bottom, #009AB9 0%, #014D60 100%);
color:#FFF;
}
Copyright © 1945 -