/* Theme Name: MafiaShare.net - Jumpstreet Child Theme URI: http://www.mafiashare.net Description: Agency/Business/Portfolio WordPress theme Version: 1.0 Author: MafiaShare.net Author URI: http://www.mafiashare.net License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html Tags: blue,white, two-columns, three-columns, four-columns, editor-style Template: jumpstreet */ @import url("../jumpstreet/style.css"); /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Reset - CSS Reset, HTML5 & Clearfix - HTML5 Boilerplate (http://html5boilerplate.com) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Forms ------------------------------------------------------------------------------------------ */ /* - Label - */ form label { color: #888; } /* - Input: Text - */ form input[type='text'] { width: 100%; background: #fff; line-height: 0; border: 1px solid #bbb; padding: 8px 10px; } form input[type='text'] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05), 0 0 0 0 rgba(0,0,0, 0) inset; -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05), 0 0 0 0 rgba(0,0,0, 0) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05), 0 0 0 0 rgba(0,0,0, 0) inset; } form input[type='text']:focus { background: #fff; border: 1px solid #888; } form input[type='text']:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 0 0 0 rgba(0,0,0, 0) inset; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 0 0 0 rgba(0,0,0, 0) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 0 0 0 rgba(0,0,0, 0) inset; } /* - Textarea - */ form textarea { width: 100%; background: #fff; border: 1px solid #bbb; padding: 10px; margin-bottom: 10px; } form textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05), 0 0 0 0 rgba(0,0,0, 0) inset; -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05), 0 0 0 0 rgba(0,0,0, 0) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05), 0 0 0 0 rgba(0,0,0, 0) inset; } form textarea:focus { background: #fff; border: 1px solid #999; } form textarea:focus { -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 0 0 0 rgba(0,0,0, 0) inset; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 0 0 0 rgba(0,0,0, 0) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 0 0 0 rgba(0,0,0, 0) inset; } /* - Select - */ form select { width: 100%; background: #fff; border: none; padding: 8px 10px; } form select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-image: linear-gradient(bottom, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(242,242,242)), color-stop(1, rgb(255,255,255)) ); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.5), 0 -2px 6px 0 rgba(0,0,0, 0.25) inset; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.5), 0 -2px 6px 0 rgba(0,0,0, 0.25) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.5), 0 -2px 6px 0 rgba(0,0,0, 0.25) inset; } /* - Input: Submit - */ form input[type='submit'] { display: block; position: relative; background: #fff; color: #444; font-family: "Yanone Kaffeesatz", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: 400; text-decoration: none; text-transform: uppercase; line-height: 26px; border: 1px solid #888; padding: 10px 30px; margin: 0 0 5px; } form input[type='submit'] { text-shadow: 0 1px 0 rgba(255,255,255, 1); background-image: linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -o-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(242,242,242)), color-stop(1, rgb(248,248,248)) ); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } form input[type='submit']:hover { background: #fff; color: #444; } form input[type='submit']:active { background: #fff; top: 1px; } form input[type='submit']:active { -moz-box-shadow: 0 -1px 1px 0 rgba(0,0,0, 0.25), 0 2px 4px 0 rgba(0,0,0, 0.15) inset; -webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0, 0.25), 0 2px 4px 0 rgba(0,0,0, 0.15) inset; box-shadow: 0 -1px 1px 0 rgba(0,0,0, 0.25), 0 2px 4px 0 rgba(0,0,0, 0.15) inset; } /* --------------------------------------------------------------------------------------- Blockquote ------------------------------------------------------------------------------------------ */ blockquote p { color: #888; border-left: 5px solid #555; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Typography ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body, input, textarea { font: 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #555; } /* --------------------------------------------------------------------------------------- Links ------------------------------------------------------------------------------------------ */ a { color: #222; text-decoration: none; } a:hover { color: #999; text-decoration: none; } a *, a:hover, a:visited { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:active { position: relative; top: 1px; } a:active { -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0; } /* --------------------------------------------------------------------------------------- Headings ------------------------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans Condensed', sans-serif, "Yanone Kaffeesatz", 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 400; padding: 0; margin: 0; } h1 { color: #fd7d02; font-size: 2em; font-weight: bold; line-height: 46px; margin-bottom: 30px; } h2 { color: #fd7d02; font-size: 1.8em; font-weight: bold; line-height: 30px; margin-bottom: 20px; } h3 { color: #fd7d02; font-size: 1.6em; font-weight: 400; line-height: 28px; margin-bottom: 20px; } h4 { color: #fd7d02; font-size: 1.4em; font-weight: 300; line-height: 26px; margin-bottom: 10px; } h5 { color: #222; font-size: 1.3em; font-weight: 300; line-height: 25px; margin-bottom: 10px; } h6 { color: #222; font-size: 1.2em; font-weight: 300; line-height: 24px; margin-bottom: 10px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* /* Grid /* Desktop Normal Layout: 978px /* /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* cols 1 2 3 4 5 6 7 8 9 10 11 12 /* % 54px 138px 222px 306px 390px 474px 558px 642px 726px 810px 894px 978px /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --------------------------------------------------------------------------------------- Body ------------------------------------------------------------------------------------------ */ body { background: #fff; } /* --------------------------------------------------------------------------------------- Wrappers ------------------------------------------------------------------------------------------ */ #header-wrap, #content-wrap, #showcase-wrap, #portfolio-wrap #page-meta-wrap, #about-wrap, #subcontent-wrap, #portfolio-meta-wrap, #subfooter-wrap, #footer-wrap { text-shadow: none; } /* - Header Wrap - */ #header-wrap { background: #fff; border-bottom: 1px solid #eee; } #header-wrap { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* - Showcase - */ #showcase-wrap { background: #fff; border: none !important; } /* - Content Wrap & Portfolio Wrap - */ #content-wrap, #portfolio-wrap { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #content-wrap, #portfolio-wrap { text-shadow: 0 0 0 rgba(0,0,0, 0); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* - Subcontent Wrap - */ #subcontent-wrap { background: #fff; border-top: none; border-bottom: 1px solid #eee; } #subcontent-wrap { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* - Subooter Wrap - */ #subfooter-wrap { background: #f8f8f8; border-top: none; border-bottom: 1px solid #eee; } #subfooter-wrap { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* - Footer Wrap - */ #footer-wrap { background: #fff; border-top: none; } #footer-wrap { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Common stuff ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Entry thumb ------------------------------------------------------------------------------------------ */ .entry-thumb { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .entry-thumb::before { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* --------------------------------------------------------------------------------------- Overlay ------------------------------------------------------------------------------------------ */ .entry-thumb .overlay { background: #f16332; background: rgba(255,115,35, 0.9); } .entry-thumb .overlay { opacity: 0; } .entry-thumb:hover .overlay { display: block; } .entry-thumb:hover .overlay { opacity: 1; } /* --------------------------------------------------------------------------------------- Overlay Icons ------------------------------------------------------------------------------------------ */ .view-full-icon, .view-full-icon-single, .overlay-icon { background-color: #111; background-color: rgba(17,17,17, 0.9); background-repeat: no-repeat; background-position: center center; } .view-full-icon, .view-full-icon-single, .overlay-icon { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .view-full-icon, .overlay-icon { opacity: 0; -moz-transform: scale(0) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(0) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(0) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(0) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(0) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); } .entry-thumb:hover .view-full-icon, .entry-thumb:hover .overlay-icon { opacity: 1; -moz-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -ms-transition-delay: 0.15s; transition-delay: 0.15s; -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); } .view-full-icon:hover { background-color: #000; background-color: rgba(0,0,0, 0.9); } /* --------------------------------------------------------------------------------------- Normal Icon ------------------------------------------------------------------------------------------ */ /* - Normal - */ .overlay-icon { background-image: url(images/icons/icons-view.png); } /* - Standard - */ .format-standard .overlay-icon { background-image: url(images/icons/icons-post-format-standard.png); } /* - Link - */ .format-link .overlay-icon { background-image: url(images/icons/icons-post-format-link.png); } /* - Quote - */ .format-quote .overlay-icon { background-image: url(images/icons/icons-post-format-quote.png); } /* - Image - */ .format-image .overlay-icon { background-image: url(images/icons/icons-post-format-image.png); } /* - Gallery - */ .format-gallery .overlay-icon { background-image: url(images/icons/icons-post-format-gallery.png); } /* - Audio - */ .format-audio .overlay-icon { background-image: url(images/icons/icons-post-format-audio.png); } /* - Video - */ .format-video .overlay-icon { background-image: url(images/icons/icons-post-format-video.png); } /* --------------------------------------------------------------------------------------- View full Icon ------------------------------------------------------------------------------------------ */ .view-full-icon { background-image: url(images/icons/icons-view.png); } /* --------------------------------------------------------------------------------------- View full (single) ------------------------------------------------------------------------------------------ */ .view-full-icon-single { background-image: url(images/icons/icons-view.png); } .view-full-icon-single { opacity: 1; } .view-full-icon-single:hover { background-color: #f16332; background-color: rgba(255,115,35, 0.95); } /* --------------------------------------------------------------------------------------- Entry meta ------------------------------------------------------------------------------------------ */ .category-archive-meta, #comments .comment-meta, .twitter-link, .entry-meta { color: #999; } .category-archive-meta a, #comments .comment-meta a, .twitter-link a, .entry-meta a { color: #999; border-bottom: 1px solid #999; border-bottom: 1px solid rgba(0,0,0, 0.1); } .category-archive-meta a:hover, #comments .comment-meta a:hover, .twitter-link a:hover, .entry-meta a:hover { color: #999 !important; } /* --------------------------------------------------------------------------------------- Blog » Entry meta ------------------------------------------------------------------------------------------ */ .entry-meta .posted { background: url(images/icon-time.png) no-repeat center left; } .entry-meta .cat-links { background: url(images/icon-category.png) no-repeat center left; } .entry-meta .tag-links { background: url(images/icon-tag.png) no-repeat center left; } .entry-meta .comments { background: url(images/icon-comments.png) no-repeat center left; } /* --------------------------------------------------------------------------------------- Slider ------------------------------------------------------------------------------------------ */ /* --------------------------------------------------------------------------------------- Slider ------------------------------------------------------------------------------------------ */ .flexslider { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .loading { background: url(images/ajax-loader-light.gif) no-repeat center center; } .flexslider .slides li::before { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* --------------------------------------------------------------------------------------- Direction Nav ------------------------------------------------------------------------------------------ */ .flexslider .flex-direction-nav a { background-color: #000; background-color: rgba(0,0,0, 0.9); text-indent: -9999px; } .flexslider .flex-direction-nav .flex-next { background-image: url(images/icon-right-big.png); background-repeat: no-repeat; background-position: center center; } .flexslider .flex-direction-nav .flex-prev { background-image: url(images/icon-left-big.png); background-repeat: no-repeat; background-position: center center; } /* --------------------------------------------------------------------------------------- Control Nav ------------------------------------------------------------------------------------------ */ .flex-control-paging li a { background: #fff; background: rgba(255,255,255, 0.95);} .flex-control-paging li a { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .flex-control-paging li a:hover { background: #f16332; background: rgba(255,115,35, 0.95); } .flex-control-paging li a.flex-active { background: #f16332; background: rgba(255,115,35, 0.95); } /* --------------------------------------------------------------------------------------- Slider » Caption ------------------------------------------------------------------------------------------ */ .flexslider .slides .slide .flex-caption { color: #fff; } .flexslider .slides .slide .flex-caption a { color: #fff; } .flexslider .slides .slide .flex-caption a:hover { color: #eee; } /* - Blog - */ .post .flexslider .slides .slide .flex-caption { background-color: #fff; background-color: rgba(255,255,255, 0.95); color: #000; } .post .flexslider .slides .slide .flex-caption span { padding: 5px 10px; } /* - Description - */ .flexslider .slides .slide .flex-caption .description { background-color: #fff; background-color: rgba(255,255,255, 0.9); } /* --------------------------------------------------------------------------------------- Showcase » Full ------------------------------------------------------------------------------------------ */ #showcase.showcase-full .format-portfolio, #showcase.showcase-full .flexslider { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* --------------------------------------------------------------------------------------- Audio & Video commons ------------------------------------------------------------------------------------------ */ .jp-interface { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); } /*---------------------------------------------------------------------------------------*/ /* Video /*---------------------------------------------------------------------------------------*/ iframe, object, embed { background: #000 url(images/ajax-loader-dark.gif) no-repeat center center; } iframe, object, embed { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* --------------------------------------------------------------------------------------- Seperator ------------------------------------------------------------------------------------------ */ .sep { height: 2px; background: url(images/bg-hor-sep.png) repeat-x bottom left; } .give-me-space { background: none !important; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Header ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Header » Top Bar ------------------------------------------------------------------------------------------ */ #top-bar { color: #aaa; } #top-bar a { color: #aaa; font-weight: bold; } #top-bar a:hover { color: #999; } #top-bar .top-bar-content { background: #fff; } /* --------------------------------------------------------------------------------------- Header » Logo wrap ------------------------------------------------------------------------------------------ */ #header #logo-wrap {} #header #logo-wrap #site-logo, #header #logo-wrap #site-title { color: #222; } /* --------------------------------------------------------------------------------------- Header » Navigation ------------------------------------------------------------------------------------------ */ #header #navigation ul li a { color: #888; } #header #navigation ul li a { text-shadow: 0 0 0 rgba(0,0,0, 0); } #header #navigation ul li:hover a, #header #navigation ul li a:hover { color: #222; } #header #navigation ul > li.current-menu-ancestor a, #header #navigation ul > li.current-menu-item a, #header #navigation ul > li.current-menu-ancestor a, #header #navigation ul > li.current-menu-item a { color: #222; } /* - Sub menu - */ #header #navigation div ul li .sub-menu { background: #fff; background: rgba(255,255,255, 0.98); border: 1px solid #ccc; left: -999em; } #header #navigation div ul li .sub-menu { -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.1); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.1); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.1); } #header #navigation div ul li .sub-menu li { border-bottom: 1px solid #eee; } #header #navigation div ul li .sub-menu li a { color: #999; } #header #navigation div ul li .sub-menu li a:hover { color: #222; } /* - Sub menu » Current - */ #header #navigation div ul li .sub-menu li.current_page_item, #header #navigation div ul li .sub-menu li.current-cat, #header #navigation div ul li .sub-menu li.current-menu-item {} #header #navigation div ul li .sub-menu li.current_page_item a, #header #navigation div ul li .sub-menu li.current-cat a, #header #navigation div ul li .sub-menu li.current-menu-item a { color: #555; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { #header #navigation ul li { border-bottom: 1px solid #ddd; } #header #navigation ul li:last-child { border-bottom: none; } #header #navigation ul > li.current-menu-ancestor a, #header #navigation ul > li.current-menu-item a, #header #navigation ul > li.current-menu-ancestor a, #header #navigation ul > li.current-menu-item a { color: #222; } /* - Sub menu - */ #header #navigation div ul li .sub-menu { border: none; border-top: 1px solid #eee; } #header #navigation div ul li .sub-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #header #navigation div ul li .sub-menu li { border-top: none; border-bottom: 1px solid #eee; } #header #navigation div ul li .sub-menu li:last-child { border-bottom: none; } } /* --------------------------------------------------------------------------------------- Header » Meta Message ------------------------------------------------------------------------------------------ */ #meta-message { color: #888; font-family: "Yanone Kaffeesatz", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2.8em; font-weight: 300; line-height: 42px; padding: 40px 0 50px 0; } #meta-message p:last-child { margin: 0; } #meta-message a { color: #444; } #meta-message a:hover { color: #ff7323; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Subfooter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Subfooter » Widgets ------------------------------------------------------------------------------------------ */ #subfooter aside .widget-title { color: #222; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Footer ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { padding: 30px 0; } #footer a { color: #555; font-weight: bold; } #footer a:hover { color: #999; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Portfolio (used for both the homepage and the portfolio page) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Portfolio » Filters ------------------------------------------------------------------------------------------ */ #filters { background: url(images/bg-hor-sep.png) repeat-x bottom left; background: url(images/bg-hor-sep.png) repeat-x top left, url(images/bg-hor-sep.png) repeat-x bottom left; } #filters a { color: #888; } #filters a:hover { color: #222; } #filters a.selected { color: #222; border-bottom: 1px solid #222; border-bottom: 1px solid rgba(34,34,34, 0.5); } #filters a .count {} /* - Hide the 'featured' taxonomy - */ #filters a.featured { display: none; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { #filters ul li { float: left; width: 100%; } } /* --------------------------------------------------------------------------------------- Portfolio » Single » Meta ------------------------------------------------------------------------------------------ */ #portfolio-meta { color: #999; padding: 30px 0 20px 0; } .portfolio-type-normal-left #portfolio-meta , .portfolio-type-normal-left-display-full #portfolio-meta , .portfolio-type-normal-right #portfolio-meta , .portfolio-type-normal-right-display-full #portfolio-meta { padding: 0;} #portfolio-meta a { color: #999; border-bottom: 1px solid #999; border-bottom: 1px solid rgba(0,0,0, 0.1); } #portfolio-meta a:hover { color: #999; border-bottom: none; } #portfolio-meta .columns { float: left; margin-bottom: 10px; } #portfolio-meta .portfolio-meta-item { float: left; width: 100%; margin-bottom: 10px; } #portfolio-meta .entry-title { float: left; font-size: 1.6em; margin-bottom: 5px; } #portfolio-meta .entry-meta { float: left; color: #999; } #portfolio-meta div .button { color: #fff !important; } #portfolio-meta div .button a { color: #fff !important; } @media only screen and (min-width: 0px) and (max-width: 767px) { #portfolio-meta div .button { float: left; } } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Blog ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Blog » Continue reading ------------------------------------------------------------------------------------------ */ #blog .post a.more-link { color: #999; } #blog .post a.more-link:hover { color: #222; } /* --------------------------------------------------------------------------------------- Blog » Post format » Video ------------------------------------------------------------------------------------------ */ #blog .format-video .entry-video iframe { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 12. Comments & Respond ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------*/ /* Comments /*---------------------------------------------------------------------------------------*/ /* - Comments » Comment - */ #comments .commentlist li article .comment-body { background: url(images/bg-hor-sep.png) repeat-x bottom left; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Page navigation ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* - Icon - */ #page-navigation .page-navigation-icon { position: absolute; width: 30px; height: 30px; background-color: #000; background-color: rgba(0,0,0, 0.5); background-repeat: no-repeat; background-position: center center; margin-top: -15px; top: 50%; } #page-navigation .page-navigation-icon { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } #page-navigation .next-icon { background-image: url(images/icon-right-small.png); right: 0; } #page-navigation .prev-icon { background-image: url(images/icon-left-small.png); left: 0; } #page-navigation a:hover .page-navigation-icon { background-color: #f16332; background-color: rgba(255,115,35, 0.95); } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { #page-navigation .nav-next a, #page-navigation .nav-previous a { text-indent: -9999px; padding: 0; } } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Sidebars & Widgets ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Sidebar ------------------------------------------------------------------------------------------ */ .sidebar {} .sidebar a { color: #e84613; } .sidebar a:hover { color: #999; } /* - Aside - */ .sidebar aside { background: url(images/bg-hor-sep.png) repeat-x bottom left; padding-bottom: 30px; margin-bottom: 30px; } /* - Aside » Widget Title - */ .sidebar aside .widget-title { color: #222; } /* --------------------------------------------------------------------------------------- Widgets » Twitter ------------------------------------------------------------------------------------------ */ .tva-latest-tweets #twitter_update_list li .twitter-link { background: url(images/icon-time.png) no-repeat center left; } .tva-latest-tweets .twitter-follow-user a { color: #222; font-weight: bold; } .tva-latest-tweets .twitter-follow-user a:hover { color: #999; } /* --------------------------------------------------------------------------------------- Widgets » Tagcloud ------------------------------------------------------------------------------------------ */ .sidebar aside.widget_tag_cloud a { display: inline-block; background: #fff; color: #666; font-family: "Yanone Kaffeesatz", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.2em !important; font-weight: 400; text-decoration: none; line-height: 24px; border: 1px solid #999; padding: 2px 10px; margin: 0 0 5px; } .sidebar aside.widget_tag_cloud a { text-shadow: 0 1px 0 rgba(255,255,255, 1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -o-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(248,248,248) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(242,242,242)), color-stop(1, rgb(248,248,248)) ); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .sidebar aside.widget_tag_cloud a:hover { background: #fff; color: #444; } .sidebar aside.widget_tag_cloud a:active { background: #fff; top: 1px; } .sidebar aside.widget_tag_cloud a:active { -moz-box-shadow: 0 -1px 0 0 rgba(0,0,0, 0.15), 0 0 0 0 rgba(0,0,0, 0) inset; -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0, 0.15), 0 0 0 0 rgba(0,0,0, 0) inset; box-shadow: 0 -1px 0 0 rgba(0,0,0, 0.15), 0 0 0 0 rgba(0,0,0, 0) inset; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* 18. Shortcodes /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Buttons /*---------------------------------------------------------------------------------------*/ .button a { display: inline-block; position: relative; font-family: "Yanone Kaffeesatz", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 400; text-decoration: none; text-transform: uppercase; text-align: center; line-height: 28px; padding: 10px 30px; margin: 0 0 10px 0; } .button a { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } @media only screen and (min-width: 0px) and (max-width: 767px) { .button a { width: 100%; padding: 10px 0; } } /* - White - */ .button.button-white a { border: 1px solid #888; } .button.button-white a { text-shadow: 0 1px 0 rgba(255,255,255, 0.75); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.15), 0 1px 0 0 rgba(255,255,255, 1) inset; } .button.button-white a:hover { background: #fff; } .button.button-white a:active { background: #fff; } /* - Red - */ .button.button-red a { border: 1px solid #570e01; } .button.button-red a { text-shadow: 0 1px 0 rgba(255,255,255, 0.25); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; } /* - Yellow - */ .button.button-yellow a { border: 1px solid #584700; } .button.button-yellow a { text-shadow: 0 1px 0 rgba(255,255,255, 0.25); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.5) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.5) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.5) inset; } /* - Green - */ .button.button-green a { border: 1px solid #013908; } .button.button-green a { text-shadow: 0 1px 0 rgba(255,255,255, 0.25); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; } /* - Blue - */ .button.button-blue a { border: 1px solid #012e41; } .button.button-blue a { text-shadow: 0 1px 0 rgba(255,255,255, 0.25); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.25), 0 1px 0 0 rgba(255,255,255, 0.25) inset; } /* - Button » Active - */ .button a:active { -moz-box-shadow: 0 -1px 1px 0 rgba(0,0,0, 0.25), 0 2px 4px 0 rgba(0,0,0, 0.15) inset; -webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0, 0.25), 0 2px 4px 0 rgba(0,0,0, 0.15) inset; box-shadow: 0 -1px 1px 0 rgba(0,0,0, 0.25), 0 2px 4px 0 rgba(0,0,0, 0.15) inset; } /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Toggle /*---------------------------------------------------------------------------------------*/ /* - Trigger - */ .tva-toggle .tva-toggle-trigger { font-weight: bold; padding-left: 25px; } .tva-toggle .tva-toggle-trigger { background-image: url(images/icons/icon-expand.png); background-repeat: no-repeat; background-position: center left; } .tva-toggle .tva-toggle-trigger.active { background-image: url(images/icons/icon-collapse.png); color: #999; } .tva-toggle .tva-toggle-trigger.active:hover { color: #222; } /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Quotes /*---------------------------------------------------------------------------------------*/ .pullleft p { border-right: 5px solid #555; } .pullright p { border-left: 5px solid #555; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { .pullleft p, .pullright p { border-left: 5px solid #555; border-right: none; } } /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Alerts /*---------------------------------------------------------------------------------------*/ .alert { display: block; position: relative; font-weight: bold; text-align: center; padding: 20px 30px; margin-bottom: 20px; } .alert { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } .alert p:last-child { margin: 0; } /* - White - */ .alert.white { background: #fafafa; color: #111; border: 1px solid #ccc; } .alert.white { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } /* - Red - */ .alert.red { border: 1px solid #f3c0c0; } .alert.red { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } /* - Yellow - */ .alert.yellow { border: 1px solid #e9c78c; } .alert.yellow { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } /* - Green - */ .alert.green { border: 1px solid #b8dca6; } .alert.green { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } /* - Blue - */ .alert.blue { border: 1px solid #c2cef1; } .alert.blue { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05); } /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Columns /*---------------------------------------------------------------------------------------*/ .entry-content .tva-two-columns, .entry-content .tva-three-columns, .entry-content .tva-four-columns { margin-bottom: 20px; } .entry-content .tva-two-columns { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; } .entry-content .tva-three-columns { -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 30px; } .entry-content .tva-four-columns { -moz-column-count: 4; -moz-column-gap: 30px; -webkit-column-count: 4; -webkit-column-gap: 30px; column-count: 4; column-gap: 30px; } /* - Tablet - */ @media only screen and (min-width: 768px) and (max-width: 1018px) { .entry-content .tva-two-columns, .entry-content .tva-three-columns, .entry-content .tva-four-columns { margin-bottom: 20px; } .entry-content .tva-two-columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .entry-content .tva-three-columns { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } .entry-content .tva-four-columns { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } /* - Mobile - */ @media only screen and (max-width: 767px) { .entry-content .tva-two-columns, .entry-content .tva-three-columns, .entry-content .tva-four-columns { margin-bottom: 20px; } .entry-content .tva-two-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .entry-content .tva-three-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .entry-content .tva-four-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } } /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Lists /*---------------------------------------------------------------------------------------*/ /* - v-List - */ ul.list-v { list-style-type: none !important; } ul.list-v li { background: url(images/icon-on.png) no-repeat left center; padding-left: 25px; } /* - x-List - */ ul.list-x { list-style-type: none !important; } ul.list-x li { background: url(images/icon-off.png) no-repeat left center; padding-left: 25px; } /*---------------------------------------------------------------------------------------*/ /* Custom shortcodes » Highlight /*---------------------------------------------------------------------------------------*/ .highlight { background: #ff7323; padding: 1px; } .highlight { text-shadow: none !important; } /*---------------------------------------------------------------------------------------*/ /* Print styles. Inlined to avoid required HTTP connection: h5bp.com/r /*---------------------------------------------------------------------------------------*/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .language_switch h3.widget-title { width: 100px; float: left; text-align: right; padding-right: 10px; } #qtranslate-2-chooser { width: 200px; float: left; } #qtranslate-2-chooser li { width: 100px; float: left; }