ADS

CONCEPT | DIRECTION | COPY













/******/
.portelement_3 .play-icon.youtube-icon {
background: url(http://marcjohnsonbooks.com/wp-conten...) center center no-repeat;
background-size: 30% 30%;
}
.portelement_3 .play-icon.vimeo-icon {
background: url(http://marcjohnsonbooks.com/wp-conten...) center center no-repeat;
background-size: 30% 30%;
}
.portelement_3 .play-icon {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.portelement_3 .add-H-relative {
position: relative;
}
/******/
.portelement_3 {
max-width:277px !important;
width: 100%;
height:auto;
margin: 5px;
float: left;
overflow: hidden;
position: relative;
outline:none;
background:#F7F7F7;
border:1px solid #D0D0D0;
}

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

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

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

.default-block_3 .title-block_3 {
display:block;
height:auto;
padding:10px 0px 0px 0px;
width:100%;
text-overflow: ellipsis;
}

.default-block_3 .title-block_3 h3 {
position:relative;
margin:0px !important;
padding:0px 5px 0px 5px !important;
max-width:275px !important;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
/*white-space:nowrap;*/
font-weight:normal;
color:#555555;
font-size:15px !important;
line-height:19px !important;
}


.wd-portfolio-panel_3 {
position: relative;
display:block;
width:265px !important;
margin:10px 5px 0px 5px;
padding:0px;
text-align:left;
}

.wd-portfolio-panel_3 .description-block_3 p,.wd-portfolio-panel_3 .description-block_3 * {
text-align:justify;
font-size:14px !important;
color:#5B5B5B;
margin:0px !important;
padding:0px !important;
}


.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:0px !important;
}

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


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

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

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

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

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

.wd-portfolio-panel_3 > div {
padding-top:10px;
margin-bottom:10px;
background:url('http://marcjohnsonbooks.com/wp-conten...') 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:10px;
display:inline-block;
font-size:14px;
background:#0074A2;
color:#FFFFFF;
padding:6px 12px;
text-decoration:none;
}

.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:#2EA2CD;
color:#FFFFFF;
text-decoration:none;
}

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 {
position: relative;
overflow: hidden;
margin-top: 5px;
float: top;
width:100%;
margin-left: 1%;}

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul {
margin: 0px !important;
padding: 0px !important;
list-style: none;
float:left;margin-left:1%;}

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul {
margin: 0px !important;
padding: 0px !important;
overflow: hidden;
float:left;margin-left:1%; width: 100%;
}



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

#huge_it_portfolio_content_3 #huge_it_portfolio_options_3 ul li a {
background-color: #F7F7F7 !important;
border-radius: 0px;
font-size:14px !important;
color:#FFFFFF !important;
text-decoration: none;
cursor: pointer;
margin: 0px !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: #0074A2 !important;
color:#FFFFFF !important;
cursor: pointer;
}

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 {
margin-top: 5px;
float: top;
width: 100%;
margin-left: 1%}

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li {
list-style-type: none;
border-radius: 0px;
float:left !important;margin: 4px 8px 4px 0px !important;float:left !important;border: 1px solid #ccc;}

#huge_it_portfolio_content_3 #huge_it_portfolio_filters_3 ul li a {
font-size:14px !important;
color:#FFFFFF !important;
background-color: #0074A2 !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 {
color:#FFFFFF !important;
background-color: #2EA2CD !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: #2EA2CD !important;
cursor: pointer;
}
#huge_it_portfolio_content_3 section {
position:relative;
display:block;
}

#huge_it_portfolio_content_3 #huge_it_portfolio_container_3 {
margin-left: 180px;
}
#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_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: 100% !important;
}
}








The Chicago School of Professional Psychology: Program Ad




The Chicago School of Professional Psychology: Program Ad












The Santa Barbara & Ventura Colleges of Law: Campus Ads




The Santa Barbara & Ventura Colleges of Law: Campus Ads



















Saybrook University: DOC10 Ad




Saybrook University: DOC10 Ad












 •  0 comments  •  flag
Share on Twitter
Published on May 30, 2016 21:31
No comments have been added yet.