test portfolio 1

Description: /*** For Toggle-Up Down ***/

.portelement_3 .play-icon.youtube-icon { background: url(https://godordog.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat; background-size: 30% 30%; } .portelement_3 .play-icon.vimeo-icon { background: url(https://godordog.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat; background-size: 30% 30%; } .portelement_3 .play-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .portelement_3 .dropdownable .play-icon { display: none; } .portelement_3 .add-H-relative { position: relative; } .portelement_3 { background:#f7f7f7; width:277px !important; margin: 5px; max-width: calc(100% - 10px) !important; float: left; overflow: hidden; outline:none; border:1px solid #D0D0D0; box-sizing: border-box; }

.portelement_3.large, .variable-sizes .portelement_3.large, .variable-sizes .portelement_3.large.width2.height2 { max-width: 275px; width: 100%; z-index: 10; }

.default-block_3 { position:relative; max-width:275px !important; width: 100%; height:195px !important; }

.default-block_3 .image-block_3 { margin:0; padding: 0; line-height: 0; border-bottom:1px solid #D0D0D0; height:160px !important; }

.default-block_3 .image-block_3 a { display:block; height:160px !important; overflow: hidden; position:relative; border: none; box-shadow: none; }

.portelement_3 .default-block_3 img { margin: 0 !important; padding: 0 !important; max-width:275px ; max-width:none !important; border-radius: 0; height: 100%; width: 100%; }

.default-block_3 .title-block_3 { position:relative; display:block; height: 34px; padding: 0 0 0 0; max-width:275px !important; width: 100%; }

.default-block_3 .title-block_3 h3 { position:relative; margin: 0 !important; padding: 0 0 0 5px !important; max-width:245px !important; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; font-weight:normal; color:#555555; font-size:15px !important; line-height: normal !important; top: 50%; transform: translateY(-50%); }

.portelement_3 .title-block_3 .open-close-button { width:20px; height:20px; display:block; position:absolute; top:50%; right:2%; background:url('https://godordog.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left top no-repeat; z-index:5; cursor:pointer; opacity:0.33; transform: translateY( -50%); }

.portelement_3:hover .title-block_3 .open-close-button {opacity:1;}

.portelement_3.large .open-close-button { background:url('https://godordog.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left bottom no-repeat; }

.wd-portfolio-panel_3 { position: absolute; display:block; width:265px !important; margin: 0 5px 0 5px; padding: 0; text-align:left; top:195px; z-index:6; height:200px; }

.wd-portfolio-panel_3 .description-block_3, .portelement_3 div.right-block .description-block_3 * { position:relative; clear:both; }

.wd-portfolio-panel_3 .description-block_3 p,.wd-portfolio-panel_3 .description-block_3 * { text-align:justify; /*font-weight:normal;*/ font-size:14px; color:#5b5b5b; margin: 0; padding: 0; }

.wd-portfolio-panel_3 .description-block_3 h1, .wd-portfolio-panel_3 .description-block_3 h2, .wd-portfolio-panel_3 .description-block_3 h3, .wd-portfolio-panel_3 .description-block_3 h4, .wd-portfolio-panel_3 .description-block_3 h5, .wd-portfolio-panel_3 .description-block_3 h6, .wd-portfolio-panel_3 .description-block_3 p, .wd-portfolio-panel_3 .description-block_3 strong, .wd-portfolio-panel_3 .description-block_3 span { padding:2px !important; margin: 0 !important; }

.wd-portfolio-panel_3 .description-block_3 ul, .wd-portfolio-panel_3 .description-block_3 li { padding:2px 0 2px 5px; margin: 0 0 0 8px; }

.wd-portfolio-panel_3 .thumbs-list_3 { position:relative; clear:both; list-style:none; display:table; width:100%; padding: 0; margin:3px 0 0 0; text-align:center; }

.wd-portfolio-panel_3 .thumbs-list_3 li { display:inline-block; margin: 0 3px 0 2px; }

.wd-portfolio-panel_3 .thumbs-list_3 li a { display:block; width:75px; height:75px; opacity:0.7; display:table; border: none; box-shadow: none; }

.wd-portfolio-panel_3 .thumbs-list_3 li a:hover { opacity:1; }

.wd-portfolio-panel_3 img { margin: 0 !important; padding: 0 !important; display:table-cell; vertical-align:middle; width:75px !important; max-height:75px !important; width:100%; height:100%; }

.wd-portfolio-panel_3 > div { position:relative; clear:both; padding-top:10px; margin-bottom:10px; background:url('https://godordog.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png') center top repeat-x; }

.wd-portfolio-panel_3 .button-block { padding-top:10px; margin-bottom:10px;

}

.wd-portfolio-panel_3 .button-block a, .wd-portfolio-panel_3 .button-block a:link, .wd-portfolio-panel_3 .button-block a:visited { padding:6px 12px; text-decoration:none; display:inline-block; font-size:14px; background:#e74c3c; color:#ffffff; }

.wd-portfolio-panel_3 .button-block a:hover, .wd-portfolio-panel_3 .button-block a:focus, .wd-portfolio-panel_3 .button-block a:active { background:#df2e1b; color:#ffffff; text-decoration:none; }

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 { position: relative; overflow: hidden; float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%; opacity: 0; margin-bottom: 10px; }

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul { margin: 0 !important; padding: 0 !important; list-style: none; }

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul { margin: 0 !important; padding: 0 !important; overflow: hidden; width: 100%; }

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li { border-radius: 0px; list-style-type: none; margin: 0 !important; padding: 0; border: 1px solid #ccc;}

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a { background-color: #F7F7F7 !important; font-size:14px !important; color:#555555 !important; border-radius: 0px; text-decoration: none; cursor: pointer; margin: 0 !important; display: block; padding:3px; }

/*#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li:hover {

}*/

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a:hover { background-color: #FF3845 !important; color:#ffffff !important; cursor: pointer; }

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 { position: relative; overflow: hidden; float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%; opacity: 0;}

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li { list-style-type: none; border-radius: 0px; border: 1px solid #ccc;}

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited { font-size:14px !important; color:#555555 !important; background-color: #F7F7F7 !important; border-radius: 0px; padding: 3px; display: block; text-decoration: none; }

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:hover, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:focus, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:active { color:#ffffff !important; background-color: #FF3845 !important; cursor: pointer; }

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:link, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:visited, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:hover, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:focus, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li.active a:active { color:#ffffff !important; background-color: #FF3845 !important; cursor: pointer; }

section#huge_it_portfolio_content_3 { position:relative; display:block; }

#huge_it_portfolio_content_3 #huge_it_portfolio_container_3 { width: 79%; max-width: 100%; opacity: 0;} #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 #port-sort-direction{ position: static; } @media screen and (max-width: 768px) {

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited { font-size: 2vw !important; } #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a { font-size:2vw !important; }

} @media screen and (max-width: 480px) { #huge_it_portfolio_container_3{ width:100%; } #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 { float: left; } #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 #sort-by{ float: left; width: 100% !important; } #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 #port-sort-direction{ float: left; width: 100% !important; position: relative; padding-left: 31% !important; right: 31%; } #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited { font-size: 3vw !important; } #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a { line-height: 3vw; font-size:3vw !important; } } @media screen and (max-width: 420px) {

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:link, #huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a:visited { font-size: 4vw !important; } #huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a { font-size:4vw !important; } } @media screen and (max-width: 317px) { .portelement_3 { width:98%; margin: 1% !important; float: left; overflow: hidden; outline:none; border:1px solid #D0D0D0; } .wd-portfolio-panel_3 { width: calc(100% - 10px) !important; } } #huge-it-container-loading-overlay_3 { width: 100%; height: 100%; position: absolute; z-index: 1; background: url(https://godordog.com/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-1.svg) center top ; background-repeat: no-repeat; background-size: 60px auto; } #huge_it_portfolio_options_and_filters_3{ position: relative; float: left; width: 20%; max-width: 180px; float:; margin-left:1%; margin-top: 5px; }

#ftg-22 .tile .icon { color:#ffffff; }#ftg-22 .ftg-items .loading-bar i { background:#fff; }#ftg-22 .ftg-items .loading-bar { background:#fff; }#ftg-22 .tile .icon { font-size:12px; }#ftg-22 .tile .icon { margin: -6px 0 0 -6px; }#ftg-22 .tile .caption-block .text-wrapper span.text { font-size:12px; }#ftg-22 .tile .caption-outside .text-wrapper span.text { font-size:12px; }#ftg-22 .tile .caption-block .text-wrapper span.title { font-size:14px; }#ftg-22 .tile .caption-outside .text-wrapper span.title { font-size:14px; }#ftg-22 .tile { background-color: transparent; }#ftg-22 .tile .caption-block .text-wrapper span.text { color: #ffffff; }#ftg-22 .tile .caption-block .text-wrapper span.title { color: #ffffff; }#ftg-22 .tile .caption-outside .text-wrapper span.text { color: #ffffff; }#ftg-22 .tile .caption-outside .text-wrapper span.title { color: #ffffff; }#ftg-22 .tile .ftg-social a { color: #ffffff; }#ftg-22 .tile .caption-block { transition-timing-function:linear; }#ftg-22 .tile .caption-block { transition-duration:0.25s; }#ftg-22 .tile .tile-inner:before { background-color: #000000; }#ftg-22 .tile .tile-inner:before { background-color: rgba(0, 0, 0, 0.8); }#ftg-22 .tile:hover img {-moz-transform: ;-webkit-transform: ;-o-transform: ;-ms-transform: ;transform: ;}

More screenshots:
Retour en haut