/* Nav dots pattern */
header#topBar {
background-image:
url(http://static1.squarespace.com/static/568d2097a2bab8d5752653a1/t/56ef0816e707eb047391595d/1458505751289/pattern7.png);
background-repeat: repeat-x;
}
/* mobile nav menu */
#mobile-navigation {
background-color: #000;
color: #fff !important;
line-height: 1.8em;
}
#mobile-navigation ul a {
color: #fff!important;
line-height: 1em !important;
}
#mobile-navigation #mobile-navigation-label {
color: #fff!important;
}
#mobile-navigation ul li{
line-height: 2em;
font-size: 10px;
}
/* Nav rollovers */
#navigator header#topBar ul#nav li a {
border: none;
padding: 5px;
margin: 5px 0px 5px 0px;
background: #fff;
vertical-align: baseline;
transition: background-color 0.6s ease, color 0.6s ease, vertical-align 0.6s ease, !important;
color: #000;
}
#nav li a:hover {
color: #fff !important;
padding: 5px;
vertical-align: super;
margin: 20px 0px 5px 0px !important;
background: #000 !important;
}
#nav li a:visited {
color: none !important;
}
/* removes the nav underline */
#nav li.active-link a, #nav li a:hover {border: none!important;}
#nav .transition-link {transition:none !important;}
/* Gallery rollovers */
#grid .item {
-webkit-filter: grayscale(75%);
-moz-filter: grayscale(75%);
filter: grayscale(75%);
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
}
#grid .item .wrapper {
background-color:transparent;
}
#grid .item:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: all .6s ease-out;
transition: all .6s ease-out;
background-color: transparent !important;
}
#grid .item.hovering .wrapper {
opacity: 1 !important;
background-color: transparent !important;
}
#grid .item a .wrapper .project-title h2 {
position: absolute;
left: 0px;
top: 0em;
background-color: #000;
text-align: left !important;
display: inline !important;
opacity: 1;
-webkit-transition: all .6s ease-out;
padding: -50px;
margin: 0 40 0 0 !important;
transition: all .6s ease-out;
}
#grid .item a .wrapper div.project-title h3 {
display: none;
}
#project .project-item h1 {
background: #000;
margin-top: 5px !important;
text-indent: 10px;
-webkit-margin-start: -10px;
}
prev / next
1
2
3
4
5
6
7
8
·
·
·
·
·
·
·
·
