Skip to content

Instantly share code, notes, and snippets.

@nelsonwittwer
Created May 19, 2012 00:00
Show Gist options
  • Save nelsonwittwer/2728240 to your computer and use it in GitHub Desktop.
Save nelsonwittwer/2728240 to your computer and use it in GitHub Desktop.
Slideshow Portfolio Manager Pro
@font-face{font-family:'IcoMoonRegular';src:url('icomoon-webfont.eot');src:url('icomoon-webfont.eot?#iefix') format('embedded-opentype'),url('icomoon-webfont.woff') format('woff'),url('icomoon-webfont.ttf') format('truetype'),url('icomoon-webfont.svg#IcoMoonRegular') format('svg');font-weight:normal;font-style:normal}.slideshow-wrapper{margin-top:-56px;color:white;display:block;margin:0 0 10px 0; background-repeat: no-repeat;background-image:url('http://test.courtneyderrick.com/wp-content/uploads/2012/04/background.72.png');background-size: 900px 500px;height: 500px;width:900px;margin-top: -56px;}
.showloader{background:url(ajax-loader.gif) no-repeat center center}.showloader .portfolio-slideshow,.showloader .slideshow-nav,.showloader .pager{visibility:hidden}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}.slideshow-wrapper .inactive{opacity:.2;filter:alpha(opacity=0);cursor:default}.slideshow-wrapper p{margin:0px 0!important;line-height: 130%;font-size: 14px;}
.fluid.ps-fade .slideshow-content img{max-width:100%!important;width:auto;height:auto;max-height: 300px!important;margin-top:30px;margin-left: 97px;}.portfolio-slideshow{margin:10px 0 0;z-index:1!important;clear:both}.centered .portfolio-slideshow{margin:10px auto 0;text-align:center}.ps-fade .slideshow-content{width:100%}.slideshow-content{margin:0 0 7px 0}.slideshow-nav{margin-top:5px;overflow:visible;line-height:15px;height:17px}.centered .slideshow-nav{margin-left:auto;margin-right:auto;text-align:center;width:100%}.graphical .psp-icon,.pscarousel .psp-icon,.bullets .psp-icon{margin-right:10px;line-height:1.2em;display:inline;vertical-align:middle}
.graphical .psp-icon:before,.pscarousel .psp-icon:before,.bullets .psp-icon:before{font-family:'IcoMoonRegular';margin-right:5px;content:attr(data-icon);color:#888}.graphical .psp-icon:hover,.pscarousel .psp-icon:hover,.bullets .psp-icon:hover{opacity:.7;filter:alpha(opacity = 70)}.graphical .psp-icon-replace,.pscarousel .psp-icon-replace,.bullets .psp-icon-replace{text-indent:-9999px;overflow:hidden;display:inline-block;position:relative;min-width:1em}.graphical .psp-icon-replace:before,.pscarousel .psp-icon-replace:before,.bullets .psp-icon-replace:before{position:absolute;left:0;top:0;text-indent:0}
.slideshow-wrapper .thumb-toggles a{display:none}.slideshow-wrapper a.show.active,.slideshow-wrapper a.hide.active{display:inline-block}.graphical .psp-toggle{width:20px;font-size:17px;margin-top:-1px}.graphical .activate-fullscreen{font-size:13px;margin:-5px 20px 0 10px}.graphical a{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.graphical a:hover{text-decoration:none!important}.ie .graphical a{text-indent:0;width:auto}
.pscarousel .psp-icon{font-size:24px;-webkit-transform:scaleY(1.3);-moz-transform:scaleY(1.3);-ms-transform:scaleY(1.3);-o-transform:scaleY(1.3);transform:scaleY(1.3)}.bullets .psp-icon{font-size:36px}.pager{clear:both}.bullets{margin-top:10px}.slideshow-nav a{text-decoration:none;color:#444}.slideshow-nav a:hover,.slideshow-nav a:focus{text-decoration:underline}.slideshow-nav a.pause,.slideshow-nav a.play,.slideshow-nav a.restart,.slideshow-nav a.new{margin:0 20px 0 0}.slideshow-nav.graphical{line-height:.8em;height:16px}
.slideshow-nav a.slideshow-prev{margin:0 10px 0 0}.slideshow-nav a.slideshow-next{margin:0 20px 0 10px}.slideshow-wrapper .not-first{display:none}.slideshow-wrapper .pscarousel img{border:none!important;padding:0!important;margin:0!important;max-width:none!important}.slideshow-wrapper .pager img{opacity:.5;filter:alpha(opacity=50);display:inline;clear:none;float:left}.slideshow-wrapper .pager img.activeSlide{opacity:1;filter:alpha(opacity=100)}.slideshow-wrapper .pager img:hover{cursor:pointer}.slideshow-wrapper.centered .pager{width:100%;overflow:hidden;margin-top: 30px;}
.slideshow-wrapper.centered .bullets,.slideshow-wrapper.centered .numbers{position:relative;float:left;left:50%}.slideshow-wrapper .numbers{margin-top:5px}.slideshow-wrapper .numbers a{height:20px;padding:0;margin:0 10px 0 0;text-decoration:none}.slideshow-wrapper.centered .numbers a{float:left;position:relative;right:50%}.slideshow-wrapper .numbers a.activeSlide{text-decoration:underline}.psp-titles{margin:0}.psp-titles li{list-style-type:none;display:inline-block;margin-right:10px}.psp-titles a{text-decoration:none;color:#444}
.psp-titles a.activeSlide{text-decoration:underline}.slideshow-wrapper .bullets{margin-left:-14px}.slideshow-wrapper.centered .bullets{margin-left:0}.bullets .bullet{display:block;float:left;margin:0 -10px 5px 0;height:12px;line-height:12px;padding:0}.slideshow-wrapper .bullet:last-child{margin-right:0}.slideshow-wrapper.centered .bullet{position:relative;right:50%}.bullets .activeSlide{opacity:.6;filter:alpha(opacity = 60)}.slideshow-wrapper .toggle-thumbs{display:none}.slideshow-wrapper.toggle-open .toggle-thumbs{display:block}
.psthumbs{display:table;width:100%;}.centered .psthumbs{text-align:center;width:auto}.psthumbs .pager div{display:table-cell;display:inline}.psthumbs img{vertical-align:middle}.slideshow-info{font-size:.9em;margin-left:20px}.ie .slideshow-info{line-height:1.3em}.graphical a.inactive:hover{opacity:.2 filter:alpha(opacity = 20)}.graphical .sep{display:none}.hidden{visibility:hidden}.scrollable{position:relative;margin:-10px 0 0 0;overflow:hidden;float:left}.pscarousel{margin:10px 0}
.pscarousel .navi{display:none}.centered .pscarousel{margin:10px auto 0;position:relative}.scrollable .items{width:20000em!important;position:absolute}.scrollable .items div{float:left}a.browse{cursor:pointer;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.deactivated .browse{visibility:hidden}a.prev.browse.left{float:left;margin:0;padding:0;left:-21px}a.prev.browse.left.disabled,a.next.browse.right.disabled{visibility:hidden}
a.next.browse.right{float:right;left:32px;margin:0;text-align:left}.fancygrid.toggle-open .slideshow-content,.fancygrid.toggle-open .slideshow-nav{display:none}.fancygrid.toggle-open .portfolio-slideshow{opacity:0;filter:alpha(opacity = 0)}.fancygrid.toggle-open .toggle-thumbs{display:block!important}.fancygrid .pager img{opacity:1!important;filter:alpha(opacity=100)!important;float:none}.popup-viewer{font-family:Helvetica,sans-serif;font-size:13px;color:#444;margin:15px 25px}.ps-text-nav .activate-fullscreen{margin-left:15px}
.pager-left .portfolio-slideshow{clear:none;display:inline-block;width:500px!important}.pager-left .psthumbs{width: 215px;height: 460px;float:left; background-color:rgba(167,142,106,0.6); padding-top:20px;padding-left: 10px;margin-top: 10px;margin-left: 10px;}.pager-left .psthumbs img{width:37px; padding:1px; margin:3px;}body.ps-building .ps-document-overlay{z-index:10000!important}.ps-building .psp-active{visibility:hidden}div.ps-caption-content{display:none!important} .pager-left .portfolio-slideshow img {padding:7px;background-color:white;} .slideshow-caption{color: rgb(146, 120, 98);} .slideshow-description p{color:#a78e6a;font-size: 12px;} p.slideshow-title{padding-bottom: 8px;font-size: 16px;}.slideshow-meta {text-align: right;padding-right: 17px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment