Commit 69be5684 authored by sbiego's avatar sbiego

first commit, migrated from old project, due to duplicate brushed folder conflicts

parents
---
Brushed - One Page Responsive Template Retina Ready
by Alessio Atzeni
http://themes.alessioatzeni.com/html/brushed/
https://twitter.com/Bluxart
http://dribbble.com/Bluxart
http://themeforest.net/user/Bluxart
---
Brushed is Free One Page Responsive HTML Template based on Twitter Bootstrap Framework. It is optimized for Retina Displays ( iPhone, iPad, iPod Touch and MacBook Pro Retina).
Best for studio, digital agency or creative people. Brushed is provides a powerful way to showcase your work.
It is built with the HTML5 and CSS3 latest technologies, but at the same time make it compatible with older browser versions.
You may use this template for both commercial and personal projects and customize this any way you like.
Please Note: Being a free product, this template is distributed as-is without official support.
I hope you like this and can be useful in your future projects.
Alessio.
---
USAGE LICENSE:
You are free to use Brushed Template (the "Template") or any part thereof in any personal, open-source or commercial work without obligation of payment (monetary or otherwise) or attribution.
Do not sell, sub-license, rent, transfer, host, redistribute the Template. (either in existing or modified form).
The rights to each "Social Icons" are either trademarked or copyrighted by the respective company.
Attribution is optional but it is always appreciated.
Intellectual property rights are not transferred with the download of the Temaplate.
---
THE TEMPLATE LICENSED ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED. ALESSIO ATZENI IS NOT LIABLE FOR ANY DAMAGES ARISING OUT OF ANY DEFECTS IN THIS MATERIAL.
YOU AGREE TO HOLD THE ALESSIO ATZENI HARMLESS FOR ANY RESULT THAT MAY OCCUR DURING THE COURSE OF USING, OR INABILITY TO USE THESE LICENSED TEMPLATE.
IN NO EVENT SHALL WE BE LIABLE FOR ANY DAMAGES INCLUDING, BUT NOT LIMITED TO, DIRECT, INDIRECT, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES OR OTHER LOSSES ARISING OUT OF THE USE OF OR INABILITY TO USE THIS PRODUCTS.
---
\ 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.
/*! 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;
}
}
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 {