| Current Path : /home/digilove/public_html/components/com_marketplace/css/ |
| Current File : /home/digilove/public_html/components/com_marketplace/css/styles.css |
#photos {
margin: 60px auto 100px;
overflow: hidden;
width: auto;
}
#photos:hover a {
opacity: 0.5;
}
#photos a,
#loadMore {
background-position: center center;
background-color: rgba(14, 14, 14, 0.3);
float: left;
height: 110px;
margin: 1px 1px 0 0;
overflow: hidden;
width: 145px;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
#photos a:hover {
opacity: 1;
}
#loadMore {
cursor: pointer;
line-height: 110px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
}
#loadMore:hover {
color: #fff;
text-shadow: 0 0 4px #fff;
}
.wk_cross_cam {
display: inline-block;
margin-left: 560px;
margin-top: 10px;
}
#camera,
#camera_cover {
background-color: gray;
border: 1px solid #f0f0f0;
height: 450px;
width: 600px;
position: fixed;
left: 25%;
top: 10px;
display: none;
z-index: 1000;
padding: 0.5%;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
.camTop {
background: url('../img/cam.png') no-repeat center center;
width: 100%;
height: 66px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.settings {
background: url('../img/settings.png') no-repeat;
cursor: pointer;
height: 28px;
position: absolute;
right: 37px;
top: 448px;
width: 30px;
}
.settings:hover {
background-position: left bottom;
}
#screen {
width: 520px;
height: 370px;
margin: 66px auto 22px;
background: #ccc;
line-height: 360px;
text-align: center;
color: #666;
}
.buttonPane {
text-align: center;
}
.tooltip {
position: absolute;
width: 177px;
height: 146px;
right: 38px;
top: -140px;
}
.blueButton,
.greenButton {
background: url('../img/buttons.png') no-repeat;
text-shadow: 1px 1px 1px #277c9b;
color: #fff !important;
width: 99px;
height: 38px;
border: none;
text-decoration: none;
display: inline-block;
font-size: 16px;
line-height: 32px;
text-align: center;
margin: 0 4px;
}
.greenButton {
background: url('../img/buttons.png') no-repeat right top;
text-shadow: 1px 1px 1px #498917;
}
.blueButton:hover,
.greenButton:hover {
background-position: left bottom;
text-decoration: none !important;
}
.greenButton:hover {
background-position: right bottom;
}
.blueButton:active,
.greenButton:active {
position: relative;
bottom: -1px;
}
.hidden {
display: none;
}
a,
a:visited {
text-decoration: none;
outline: none;
color: #000;
}
a:hover {
text-decoration: underline;
}
#video_cover {
height: 90%;
width: 100%;
}