Commit cb8fae69 authored by sbiego's avatar sbiego

minor style changes

parent 438bedb0
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #2F3238;
color: #7F8289;
text-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 9000;
background-image: none;
background-color: #26292E;
opacity: 0.5;
-webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
-moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
-o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
}
.fancybox-close i {
left: 50%;
top: 50%;
margin: -11px 0 0 -11px;
font-size: 22px;
line-height: 1em;
position: absolute;
color: #FFFFFF;
}
.fancybox-close:hover {
opacity: 1;
background-color:#DE5E60;
}
.fancybox-nav {
position: absolute;
top: 0;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev,
.fancybox-prev span {
left: 0;
}
.fancybox-next,
.fancybox-next span {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
cursor: pointer;
z-index: 8040;
background-image: none;
background-color: #26292E;
opacity: 0.5;
-webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
-moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
-o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
}
.fancybox-prev span i {
left: 50%;
top: 50%;
margin: -15px 0 0 -17px;
font-size: 30px;
line-height: 1em;
position: absolute;
color: #FFFFFF;
}
.fancybox-next span i {
left: 50%;
top: 50%;
margin: -15px 0 0 -15px;
font-size: 30px;
line-height: 1em;
position: absolute;
color: #FFFFFF;
}
.fancybox-nav:hover span {
opacity: 1;
background-color:#DE5E60;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
margin: 0!important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden !important;
display: none;
z-index: 8010;
background: url('fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-opened .fancybox-title h4{
font-size: 24px;
font-weight: 300;
margin-bottom: 10px;
}
.fancybox-opened .fancybox-title p{
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding: 25px 30px 30px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
@media (max-width: 480px) {
.fancybox-nav span,
.fancybox-nav:hover span,
.fancybox-close,
.fancybox-close:hover {
background: transparent;
}
.fancybox-close i {
left: 70px;
top: 10px;
}
}
@media (max-width: 320px) {
.fancybox-close i {
left: 30px;
top: 20px;
}
}
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
@media (min-width: 768px) and (max-width: 979px) {
#menu {
display: none;
}
#mobile-nav {
display: block;
float: right;
}
#menu-nav-mobile {
margin: 0;
}
header .sticky-nav #mobile-nav,
header .sticky-nav.stuck #mobile-nav {
margin-right: 20px;
}
#social-area #social ul li {
margin-left: 15px;
}
#social-area #social ul li a {
width: 50px;
height: 50px;
}
#social-area #social ul li a span {
font-size: 24px;
line-height: 50px;
}
#twitter-feed {
padding-top: 110px;
padding-bottom: 110px;
}
.info-block a.button {
margin-top: 20px;
position: inherit;
}
.info-text {
padding-right: 0;
}
}
@media (min-width: 481px) and (max-width: 767px) {
#back-to-top {
display: none !important;
}
#home-slider {
margin-left: -20px;
margin-right: -20px;
}
header .sticky-nav {
position: relative;
}
header .sticky-nav,
#navigation-mobile,
.page,
.page-alternate,
#twitter-feed,
footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
header .sticky-nav #logo {
margin-left: 0;
}
header .sticky-nav.stuck #logo {
margin-left: 20px;
}
header .sticky-nav #menu {
margin-right: 0;
}
header .sticky-nav.stuck #menu {
margin-right: 20px;
}
#menu {
display: none;
}
#mobile-nav {
display: block;
float: right;
}
#menu-nav-mobile {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 0;
}
header .sticky-nav.stuck #mobile-nav {
margin-right: 20px;
}
.work-nav {
margin-bottom: 30px;
}
.type-work {
background: url(../img/filter-icon.png) no-repeat;
width: 16px;
height: 16px;
display: inline-block;
text-indent: -9999px;
margin-bottom: 0;
position: relative;
line-height: 10px;
}
.work-nav #filters,
.work-nav #filters li {
display: inline-block;
}
.work-nav #filters li {
margin:0 10px 0 0;
}
.work-nav #filters li a {
font-size: 13px;
text-transform: uppercase;
}
#about .profile {
margin-bottom: 30px;
}
#about .profile:last-child {
margin-bottom: 0;
}
#response {
margin-bottom: 30px;
}
.contact-details {
border-top: 1px dashed #3C3F45;
padding-top: 30px;
text-align: center;
}
#contact-form .submit {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#social-area #social ul li:first-child,
#social-area #social ul li {
margin: 15px;
}
#social-area #social ul li a {
width: 50px;
height: 50px;
}
#social-area #social ul li a span {
font-size: 24px;
line-height: 50px;
}
#twitter-feed {
padding-top: 90px;
padding-bottom: 100px;
}
#ticker .tweet_list li {
font-size: 16px;
line-height: 24px;
}
#ticker .tweet_list .tweet_time a {
font-size: 13px;
margin-left: 5px;
}
.info-block a.button {
margin-top: 20px;
position: inherit;
display: block;
}
.info-text {
padding-right: 0;
}
}
@media (max-width: 480px) {
#back-to-top {
display: none !important;
}
#home-slider {
margin-left: -20px;
margin-right: -20px;
}
#home-slider ul#slide-list {
display: none;
}
header .sticky-nav {
position: relative;
}
header .sticky-nav,
#navigation-mobile,
.page,
.page-alternate,
#twitter-feed,
footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
header .sticky-nav #logo {
margin-left: 0;
}
header .sticky-nav.stuck #logo {
margin-left: 20px;
}
header .sticky-nav #menu {
margin-right: 0;
}
header .sticky-nav.stuck #menu {
margin-right: 20px;
}
#menu {
display: none;
}
#mobile-nav {
display: block;
float: right;
}
#menu-nav-mobile {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 0;
}
#navigation-mobile li a {
font-size: 14px;
padding: 12px 0;
}
header .sticky-nav.stuck #mobile-nav {
margin-right: 20px;
}
.work-nav {
margin-bottom: 30px;
}
.type-work {
background: url(../img/filter-icon.png) no-repeat;
width: 16px;
height: 16px;
display: inline-block;
text-indent: -9999px;
margin-bottom: 0;
position: relative;
line-height: 10px;
}
.work-nav #filters li:first-child {
margin-left: 0;
}
.work-nav #filters,
.work-nav #filters li {
display: inline-block;
}
.work-nav #filters li {
margin:0 10px 0 0;
}
.work-nav #filters li a {
font-size: 13px;
text-transform: uppercase;
}
#about .profile {
margin-bottom: 30px;
}
#about .profile:last-child {
margin-bottom: 0;
}
#response {
margin-bottom: 30px;
}
.contact-details {
border-top: 1px dashed #3C3F45;
padding-top: 30px;
text-align: center;
}
#contact-form .submit {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#social-area #social ul li:first-child,
#social-area #social ul li {
margin: 15px;
}
#social-area #social ul li a {
width: 50px;
height: 50px;
}
#social-area #social ul li a span {
font-size: 24px;
line-height: 50px;
}
#twitter-feed {
padding-top: 90px;
padding-bottom: 100px;
}
#ticker .tweet_list li {