Julisa Design Files ~ OSM Development

Julisa

.paModalDiv
{
    max-width: 800px;
    overflow:hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
     padding-left: 30px;
 padding-right: 30px;
}

.paModalImage
{
    display: block;
}

.paName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 5px;
    display:none;
}

.paDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 10px;
}

.paSlideshow, .paSlideshow a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.paSlideshowPrev, .paSlideshowPrev a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    
}


.paSlideshowNext, .paSlideshowNext a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.paSlideshowClose, .paSlideshowClose a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.paSlideshowStartStop, .paSlideshowStartStop a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.paSlideshowContainer {
    
}


/********************************************************************************************
 *                                                                                          *
 *  New styles added for the thumbnail version of the album list, when more than one album  *
 *  is associated to a given page. This replaces the old dropdown list.                     *
 *  NOTE: To use the old dropdown version instead, set the $oldAlbumDropdowns in the page   *
 *  template. Example:  <?php $oldAlbumDropdowns = true; ?>                                 *
 *                                                                                          *
 ********************************************************************************************/

.photoAlbumsThumbnailContainer { padding:10px; width:95%; overflow:none; }
.photoAlbumsThumbnail { }
.albumThumbnail { padding:6px; float:left; }
.selectedAlbumThumbnail { border: 1px solid #666666; opacity:0.9; }
.paAlbumSeparatorContainer { padding:15px; }
.paAlbumSeparator { 
    display: none; 
    height: 1px;
    border: 0; 
    border-top: 1px solid #666699;
    margin: 1em 0; 
    padding: 0;
    width:90%;
}

 


.paPrevNextLinks, .paPrevNextLinks a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.paPrevNextContainer {
    text-align: center;

}

.paNoPhotosMSG {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.paSlideShowSelect {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.paContainer {

}

.paAlbumCell {
padding: 10px;
}

.paPhotoName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.paPhotoDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: normal;
}

.paPhotoDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    font-weight: normal;
}

/* Altnerate Photo Album Styles */

a img {border: none;}
#contentarea {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding-top: 0px;/* max-height: 400px; */; /* overflow: hidden; */
}
#contentarea #largeimage {
    width: 50%; height: auto;
    margin-left: auto;
    margin-right: auto;margin-bottom: 20px;
    overflow: hidden;
    float: right;
    background-color: #666;
    border: 0px;
}
#contentarea #largeimage img {
   min-height: auto !important;
    width: 100%;
    
}
#contentarea #lgimage_desc_container {
  margin-right: 5%;
    margin-left: auto;
    width: 45%;
    float: left;/* height: 100vw; *//* max-height: 400px; */background-color: #ccc;
  display: block;
}
#contentarea #lgimage_desc_container #lgimage_desc {
    display:block;

    text-align: center;float: left;width: 50%;vertical-align: text-top;margin: 0px auto;border: 1px solid #f00; /* default.  Use custom_photoAlbum.css to change positioning. */
}


#filmstrip {text-align: center; margin-top: 0px; margin-bottom:25px; position: relative;margin: 0px auto;display: -wap-marquee;display: inline-block;}
#filmstrip #images{
    margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
    padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px;
    height: 140px;
    text-align: center;
    display: inline;
    z-index: 10;
}
#filmstrip #images .thumbnail{
    padding-top: 0px; padding-left: 15px; padding-bottom: 0px; padding-right: 15px;
    margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px;
    display: inline;
    /*z-index: 50;*/
}
#filmstrip #images .hide_thumb { visibility: hidden;}
.thumbnail img {width: 110px; height: 110px; 
}
#filmstrip .prev{
    display: inline;
    left: 35px;
    position: relative;
  z-index: 1000;
}
#filmstrip .next {
    display: inline;
    position: relative;
  z-index: 1000;
    right: 35px;
}
#filmstrip .next img, #filmstrip .prev img {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/*#filmstrip .prev img {padding-right:1px; margin: 0px 0px 0px 0px;}
#filmstrip .next img {padding-left:2px;}*/

#player {
  width: 501px;
    height: 27px;
    position: relative; 
    margin-top: 20px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
    display:none;
}

-

Mikey Album
placeholder
Start      
Previous
Image 1Image 2Image 3Image 4Image 5
Next