/********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /*Navigation her with bubbles*/ .bubbleLeft, .bubbleRight { width: 30px; height: 415px; position: absolute; text-align: center; top: 0px; z-index: 11 !important; float: right; border:3px solid black; border-radius:25px; background-color:white; width:10px; height:10px; opacity:0.65; } .bubbleLeft { --background: url('/DesktopModules/SimpleGallery/Images/navNext.png') center no-repeat; margin-left: 20px; } /* allows the navigation DIV to slide in */ .bubbleframe { position: absolute; left: -3000px; width: 100%; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 4s; animation: slide 0.5s forwards; animation-delay: 4s; } .arrowLeft { background: url('/DesktopModules/SimpleGallery/Images/navPrev.png') center no-repeat; margin-left: 20px; z-index: 15 !important; } .arrowRight { background: url('/DesktopModules/SimpleGallery/Images/navNext.png') center no-repeat; margin-left: 792px; z-index: 11 !important; } /* slide in */ @-webkit-keyframes slide { 100% { left: 0; } } /* slide in */ @keyframes slide {100% { left: 0; }} .buubleframe > a { display: block; position: relative; } /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /********************************************************************************************/ /*for all other frames that are not header images with bubbles*******************************/ .frame > a { display: block; position: relative; } .navLeft, .navRight { width: 30px; height: 415px; position: absolute; text-align: center; top: 0px; z-index: 11 !important; float: right; } .navLeft { background: url('/DesktopModules/SimpleGallery/Images/navPrev.png') center no-repeat; margin-left: 20px; } .navRight { background: url('/DesktopModules/SimpleGallery/Images/navNext.png') center no-repeat; margin-left: 792px; } .photo-frame .topx-- { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-topx--.gif); } .photo-frame .top-x- { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-top-x-.gif); } .photo-frame .top--x { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-top--x.gif); } .photo-frame .midx-- { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-midx--.gif); } .photo-frame .mid--x { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-mid--x.gif); } .photo-frame .botx-- { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-botx--.gif); } .photo-frame .bot-x- { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-bot-x-.gif); } .photo-frame .bot--x { background-image: url(/DesktopModules/SimpleGallery/Images/Borders/White/frame-bot--x.gif); }

*

https://psd.activeparent.net/Login.aspx?ReturnUrl=%2f
LiveZilla Live Chat Software
-->