File: D:/HostingSpaces/PvdBoogaard/indoorski.nl/backup/oude-site/cms/modules/gallery/templates/styles.css
.Left .GalleryList li,
.Right .GalleryList li {
clear: both;
height: 50px;
}
.GalleryList img {
padding: 0 5px 0 0;
float: left;
}
.GalleryListMiddle .galleryViewAllGalleries {
padding-top: 10px;
clear: both;
}
.GalleryListMiddle ul {
margin: 10px 0;
}
.GalleryListMiddle ul li {
height: 50px;
width: 45%;
display: block;
float: left;
font-size: 1.2em;
background-image: none !important;
padding: 0;
}
.GalleryListMiddle li div {
padding-top: 15px;
}
.GalleryListMiddle li a {
display: block;
width: 100%;
height: 100%;
}
.GalleryListMiddle li span {
padding-top: 10px;
}
.GalleryListMiddle img {
padding: 0 0 0 0;
margin-right: 10px;
float: left;
}
.GalleryViewImageContainer {
margin: 10px;
width: 130px;
height: 130px;
background-color: white;
vertical-align: middle;
text-align: center;
}
.GalleryImage {
padding: 4px;
border-color: #E1E1E1;
}
.GalleryImage:hover {
padding: 4px;
border-color: #666666;
}
#ViewImageControls {
padding: 5px 0;
}
.slideShowContainer .gallery {
margin-left: auto;
margin-right: auto;
}
.slideShowContainer .filmstrip li {
background-image: none;
}
.GalleryImagesTable {
background-color: transparent !important;
margin:0;
border: 0px !important;
}
.GalleryImagesTable td, .GalleryImagesTable tr{
background-color: transparent !important;
border: 0px !important;
}
.GalleryViewImage .GalleryImageNumber {
float: right;
}
.GalleryViewImage .GalleryImageNumber {
float: right;
}
.GalleryImageContainer {
text-align: center;
}
#GalleryRightImageControls {
float: right;
}
.GalleryImageTitle {
font-weight: bold;
}
.LatestGalleryMiddle .GalleryLatestDesc {
padding-left: 10px;
}
.LatestGalleryMiddle .AfterLatestGallery, .LatestGalleryMiddle .AfterLatestGallery {
clear: both;
}
.LatestGalleryMiddle img {
padding-right: 10px;
float: left;
}
.GalleryLatestImageContainer {
text-align: center;
}
.GalleryLatestLink {
width: 92%;
text-align: right;
display: block;
padding-right: 10px;
}
.GalleryLatestDesc {
padding-left: 15px;
padding-right: 10px;
}
.GalleryMiddlePreview img.GalleryLatestImage {
float: left;
display: inline;
}
.GalleryMiddlePreview .GalleryLatestLink {
float:left;
}
.GalleryMiddlePreview .GalleryLatestDesc {
display: inline;
}
.GalleryListContainer ul li a {
padding-bottom: 32px;
}
.Left .GalleryList li a, .Right .GalleryList li a {
background-image: none;
}
.Left .GalleryList .galleryViewAllGalleries,
.Right .GalleryList .galleryViewAllGalleries {
padding-top: 0;
padding-bottom: 10px;
padding-left: 10px;
clear: both;
}
.GalleryMiddlePreview img {
padding-right: 10px;
}
.GalleryLoader {
background: url("{@GetModuleImagePath|'loading.gif'}") no-repeat center center;
}
#viewImageOuterContainerDiv {
text-align: center;
padding: 10px 0;
}
#viewImageContainerDiv {
margin: 0;
}
#GalleryImageControls {
height:100%;
position:absolute;
}
#galleryDescription {
padding-bottom: 10px;
}
#imageNavigation .imageNavItem {
display: inline;
margin: 0;
padding: 10px 5px;
}
#imageNavigation .imageNavItem img {
background-color: white;
filter:alpha(opacity=60);
-moz-opacity: 0.60;
-webkit-opacity: 0.60;
opacity: 0.60;
}
#imageNavigation .imageNavItem img:hover {
background-color: white;
filter:alpha(opacity=100);
-moz-opacity: 1.00;
-webkit-opacity: 1.00;
opacity: 1.00;
}
#imageNavigation #thirdNavigationImage.imageNavItem img {
background-color: white;
filter:alpha(opacity=100);
-moz-opacity: 1.00;
-webkit-opacity: 1.00;
opacity: 1.00;
border: 3px solid;
}
#imageNavItemsContainer {
display: block;
margin: 20px 0 0;
text-align: center;
width: 100%;
}
#overlayPrev, #overlayNext, #overlayEnlarge {
background-repeat: no-repeat;
float: left;
height: 100%;
filter:alpha(opacity=50);
-moz-opacity: 0.50;
-webkit-opacity: 0.50;
opacity: 0.50;
text-indent: -5000px;
}
#overlayEnlarge {
position: absolute;
display: block;
width: 36px;
height: 42px;
bottom: 0px;
right: 0px;
}
.overlayEnlargeHover, #overlayEnlarge:hover {
background-position: 0 0 !important;
}
#overlayPrev:hover, .overlayHover {
background-position: 10% 50% !important;
}
#overlayNext:hover {
background-position: 90% 50% !important;
}
#overlayEnlarge {
background-image: url("{@GetModuleImagePath|'overlay_enlarge.png'}");
background-position: 1000px 1000px;
}
#overlayPrev {
background-image: url("{@GetModuleImagePath|'overlay_prev_arrow.png'}");
background-position: 1000px 1000px;
}
#overlayNext {
background-image: url("{@GetModuleImagePath|'overlay_next_arrow.png'}");
background-position: 1000px 1000px;
}
.ListOfGalleries {
height: 100px;
margin-bottom: 10px;
}
.Left .slideShowContainer,
.Right .slideShowContainer {
height:180px;
padding-top:10px;
text-align:center;
}
img.GalleryLatestImage {
border: none;
}
.LatestGalleryMiddle h2 {
padding-bottom: 5px;
}
.Left .GalleryList li, .Right .GalleryList li {
height: 60px;
}
#viewImageContainerDiv {
margin: auto;
}
.galleryViewAllGalleriesLink {
height: 30px !important;
}
.galleryViewAllGalleriesLink a {
padding-bottom: 0 !important;
}
.subSlideShowContainer {
width: 480px;
display: block;
}
.slideShowContainer .subSlideShowContainer {
margin: auto;
}