Просмотр архива JMY CMS 1.6.1

#gallery{
	margin-bottom:30px;
}

.gallery {  padding: 0; margin: 0;
margin-bottom:30px;}
.gallery{
	width:102%;
	margin-left:-1%;
	margin-top:-10px;
}
.gallery:after
{ clear: both; content: "."; display: block; height: 0;
visibility: hidden; }
.gallery li { list-style: none!important; float:
left; width: 33.33333333%; }
.gallery li a { display: block; margin: 10px;
margin-bottom:5px!important;}
.gallery li img { border-radius:500px;
display: block; width: 100%; height: auto; }

.square-thumb li
img{
	border-radius:0px!important;
}

.round-thumb li
img{
	border-radius:500px;
}

.gallery li
a{
	font-size:12px;
	text-align:center;
	color:#1f1f1f;
}


@media
only screen 
and (min-device-width : 768px) 
and (max-device-width:
1024px)
and (orientation : landscape) { 
	.gallery li { list-style:
none!important; float: left; width: 16.5%; }
}

@media only screen 
and
(min-device-width : 768px) 
and (max-device-width: 1024px)
and
(orientation : portrait) { 
	.gallery li { list-style: none!important;
float: left; width: 16.5%; }
}

@media only screen 
and (width :
798px){ 
	.gallery li { list-style: none!important; float: left; width:
16.5%; }
}

.swipebox {
  overflow: hidden!important;
}

.swipebox
div{
	overflow:visible!important;
}



#swipebox-overlay img {
 
border: none!important;
}

#swipebox-overlay {
  width: 100%;
 
height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:
999999!important;
  overflow: hidden;
  -webkit-user-select: none;
 
-moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
 
height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space:
nowrap;
  position: absolute;
  display: none;
}



#swipebox-slider
.slide {
  background: url("../images/gallery/loader.gif")
no-repeat center center;
  height: 100%;
  width: 100%;
  line-height:
1px;
  text-align: center;
  display:
inline-block;
}

#swipebox-slider .slide:before {
  content:
"";
  display: inline-block;
  height: 50%;
  width: 1px;
 
margin-right: -1px;
}

#swipebox-slider .slide img {
  display:
inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
 
padding: 0;
  width: auto;
  height: auto;
  vertical-align:
middle;
}

#swipebox-action, #swipebox-caption {
  position:
absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width:
100%;
}

#swipebox-action {
  bottom:
-50px;
}
#swipebox-action.visible-bars {
  bottom:
0;
}

#swipebox-action.force-visible-bars {
  bottom:
0!important;
}

#swipebox-caption {
  top: -50px;
  text-align:
center;
}
#swipebox-caption.visible-bars {
  top:
0;
}

#swipebox-caption.force-visible-bars {
  top:
0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action
#swipebox-next,
#swipebox-action #swipebox-close {
  background-image:
url("../images/gallery/icon3.png");
  background-repeat:
no-repeat;
  border: none!important;
  text-decoration: none!important;

 cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;

 top: 0;
}

#swipebox-action #swipebox-close {
  background-position:
15px 12px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
 
background-position: -32px 13px;
  right: 100px;
}

#swipebox-action
#swipebox-next {
  background-position: -78px 13px;
  right:
40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action
#swipebox-next.disabled {
  filter:
progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity:
0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring
0.3s;
  -webkit-animation: rightSpring
0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring
0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes
rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
   
margin-left: -30px;
  }

  100% {
    margin-left: 0px;
 
}
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
 
}

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left:
0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left:
0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
   
margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
   
margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100%
{
    margin-left: 0px;
  }
}

/* Skin

--------------------------*/
#swipebox-overlay {
  background:
#0d0d0d;
  opacity:0.99;
}

#swipebox-action, #swipebox-caption {
 
text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
 
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%,
#0d0d0d), color-stop(100%, #000000));
  background-image:
-webkit-linear-gradient(#0d0d0d, #000000);
  background-image:
-moz-linear-gradient(#0d0d0d, #000000);
  background-image:
-o-linear-gradient(#0d0d0d, #000000);
  background-image:
linear-gradient(#0d0d0d, #000000);
  -webkit-box-shadow: 0 1px 1px 1px
#212121, inset 0 1px 1px 1px black;
  -moz-box-shadow: 0 1px 1px 1px
#212121, inset 0 1px 1px 1px black;
  box-shadow: 0 1px 1px 1px #212121,
inset 0 1px 1px 1px black;
  filter:
progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity:
0.95;
}

#swipebox-action {
  -webkit-box-shadow: 0 -1px -1px 1px
#212121, inset 0 -1px -1px 1px black;
  -moz-box-shadow: 0 -1px -1px 1px
#212121, inset 0 -1px -1px 1px black;
  box-shadow: 0 -1px -1px 1px
#212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
  color:
white!important;
  font-size: 12px;
  line-height: 43px;
  font-family:
'Cuprum', sans-serif;
}