/* Theme Name: Feather Theme URI: http://wpbandit.com/ Version: 1.1 Description: Designed by WPBandit Author: WPBandit Author URI: http://wpbandit.com Copyright: (c) 2009-2012 WPBandit. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) /* /* ------------------------------------------------------------------------- * * Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 * ------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ body { background-color: #262626; background-image: url(img/bg.jpg); background-repeat: repeat; background-position: top center; height: 100%; min-height: 100%; font-size: 14px; color: #666; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-weight: 400; } a { color: #00c8d6; text-decoration:none; outline: 0; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } a:hover { color: #444; } a img { opacity: 0.99; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } li { list-style: none; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } ::selection { background: #00c8d6; color: #fff; } ::-moz-selection { background: #00c8d6; color: #fff; } @font-face { font-family: 'LeagueGothicRegular'; src: url('font/League_Gothic-webfont.eot'); src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('font/League_Gothic-webfont.woff') format('woff'), url('font/League_Gothic-webfont.ttf') format('truetype'), url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } /* base : clear /* ------------------------------------ */ .clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .fix:before,.fix:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .fix:after {clear:both;} .fix {zoom:1;} /* base : text /* ------------------------------------ */ .text { font-size: 100%; line-height: 1.57em; text-rendering: optimizeLegibility; } .text img { max-width: 100%; height: auto; } .text a:active, .text a:focus { outline: invert none medium; } .text p,.text dd { margin-bottom: 14px; } .text dt { color: #444; } .text ol,.text ul { margin: 14px 0 14px 28px; } .text ul li { list-style: square; } .text ol li { list-style: decimal; } .text dt { font-weight: 600;} .text address { margin-bottom: 1.5em; } .text blockquote { background: url(img/shortcodes/blockquote.png) no-repeat 0 0; font-size: 15px; color: #999; font-family: Georgia, serif; font-style: italic; margin: 0 0 20px 10px; padding-left: 40px; } .text blockquote p { margin-bottom: 0.75em; } .text code, .text pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .text pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 14px 0 28px 0; border: 1px solid #ccc; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .text code { background: #ddd; padding: 0 3px; } .text ins { background: #fff486; } .text sub,.text sup { font-size: 62.5%; } .text sub { vertical-align: sub; } .text sup { vertical-align: super; } .text hr, .hr { background: transparent url(img/hr.png) repeat-x top left; border: 0; height: 1px; margin: 30px 0; } .text img.size-auto, .text img.size-large,.text img.size-medium, .text attachment img { max-width: 100%; height: auto; } .text img { margin-bottom: 14px; } .text img.alignleft { margin-right: 20px; } .text img.alignright { margin-left: 20px; } .text img.aligncenter { clear: both; display: block; } .text img .size-full { width: 100%!important; } .text .gallery img, .text img.wp-smiley { margin: 0; } .text .wp-caption { background: #f1f1f1; max-width: 98%; border: 1px solid #e2e2e2; margin-bottom: 14px; padding: 1% 1% 0 1%; text-align: center; } .text .wp-caption a { border-bottom: none; } .text .wp-caption img { margin: 0; max-width: 100%; height: auto; } .text .wp-caption.alignleft { margin-right: 20px; } .text .wp-caption.alignright { margin-left: 20px; } .text .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .text .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .text .wp-caption-text { color: #999; font-size: 12px; margin: 0 0 8px 0; } .text .gallery { width: 100%; margin-bottom: 14px!important; } .text .gallery .gallery-item { border-color: #fff; margin-top: 0!important; } .text .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: #fff!important; } .text .gallery-caption { text-align: center; font-size: 11px; } .text table { margin-bottom: 1.5em; width: 100%; text-align: center; } .text table tr.alt { background: #f1f1f1; } .text table td { font-size: 13px; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 5px; vertical-align: middle; } .text table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; } .text h1 span, .text h2 span, .text h3 span, .text h4 span, .text h5 span, .text h6 span { color: #bbb; } .color { color: #00c8d6!important; } .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { margin: 0 0 14px; } .text h1 { font-size: 24px; line-height: 28px; } .text h2 { font-size: 20px; line-height: 24px; } .text h3 { font-size: 18px; line-height: 22px; } .text h4 { font-size: 16px; line-height: 18px; } .text h5 { font-size: 14px; line-height: 18px; } .text h6 { font-size: 12px; line-height: 18px; text-transform: uppercase; } .text h1.alt,.text h2.alt,.text h3.alt,.text h4.alt,.text h5.alt,.text h6.alt { font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; font-weight: normal; margin: 0 0 14px; } .text h1.alt { font-size: 54px; line-height: 1em; } .text h2.alt { font-size: 42px; line-height: 1em; } .text h3.alt { font-size: 36px; line-height: 1em; } .text h4.alt { font-size: 28px; line-height: 1em; } .text h5.alt { font-size: 22px; line-height: 1em; } .text h6.alt { font-size: 18px; line-height: 1em; } .heading { font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 26px; text-transform: uppercase; margin: 0 0 14px; } /* ------------------------------------------------------------------------- * * Common /* ------------------------------------------------------------------------- */ #wrap { min-width: 1000px; height: 100%; } .container { position: relative; margin: 0 auto; width: 960px; } .container.no-sidebar { width: 708px; } /* common : content /* ------------------------------------ */ #content-part { width: 708px; float: left; } #content, #content-part { padding: 30px 0; } #content-part.right { float: right; } .page .portfolio #content, .page .portfolio #content-part, .page .front #content { padding: 40px 0; } .pad { padding: 30px 30px 20px; } /* common : sidebar /* ------------------------------------ */ #sidebar { width: 220px; padding: 30px 0; z-index: 3; position: relative; } #sidebar.sidebar-right { float: right; margin-left: 30px; } #sidebar.sidebar-left { float: left; margin-right: 30px; } #sidebar.sidebar-full { float: none; width: 100%; padding-top: 0; } #sidebar.sidebar-full .text { font-size: 14px; } #sidebar img { max-width: 100%; height: auto; } /* common : background image /* ------------------------------------ */ #background { position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -99; } #background.bgwidth { width: 100%; } /* common : glass /* ------------------------------------ */ .glass { background: url(img/glass.png) no-repeat 50% 50%; display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; top: 0; -webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* common : play icon /* ------------------------------------ */ .play { opacity: 1; z-index: 12; background: url(img/icon-play.png) no-repeat 0 0; display: block; width: 60px; height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; } /* common : responsive videos /* ------------------------------------ */ .video-container { position: relative; padding-bottom: 52.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container.fancybox-video { display: none; width: 700px; } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header { background: #111; position: relative; z-index: 99; margin-bottom: 40px; font-family: 'LeagueGothicRegular', Arial, sans-serif; } #header-inner { } #header-top { } /* header : top /* ------------------------------------ */ #logo { background: #00c8d6; font-size: 34px; font-weight: 400; text-transform: uppercase; float: left; height: 60px; line-height: 60px; } #logo a { padding: 0 20px; display: block; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); float: left; max-width: 100%; } #logo a:hover, #logo a:hover img { opacity: 0.9; } #logo a:active, #logo a:active img { opacity: 1; } #logo a img { float: left; max-width: 100%; max-height: 50px; height: auto; padding: 5px 0; } #tagline { font-family: Georgia, serif; font-size: 12px; font-style: italic; color: #999; float: left; margin-left: 20px; line-height: 60px; } /* header : nav /* ------------------------------------ */ /* level 1 */ #nav { float: right; font-size: 20px; font-weight: normal; } #nav li { border-right: 1px solid #262626; list-style: none; display: inline; float: left; position: relative; } #nav li a { color: #999; display: block; text-transform: uppercase; line-height: 20px; padding: 20px 20px; } #nav li a:hover, #nav li:hover a { background: #222; color: #fff!important; } #nav li a:hover, #nav li:hover a, #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { color: #fff; } #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { color: #00c8d6; } /* level 2 */ #nav li:hover > ul { display: block; } #nav ul { display: none; background: #222; padding: 10px 20px; width: 140px; font-weight: normal; position: absolute; top: 60px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); } #nav ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav ul li a, #nav li:hover ul li a { background: transparent!important; border-bottom: 1px solid #303030; color: #999!important; text-shadow: none!important; font-size: 17px; line-height: 16px; font-weight: normal; float: none; padding: 10px 0; width: 140px; display: block; } #nav ul li a:hover, #nav li:hover ul li a:hover { color: #fff!important; } #nav ul.sub-menu li:last-child a { border-bottom: 0; } #nav li.current-menu-parent ul li.current_page_item a, #nav li.current-menu-parent ul li.current-menu-item a { color: #fff!important; } /* level 3 */ #nav ul ul { display: none; width: 140px; position: absolute; top: -10px; left: 140px; } #nav ul li:last-child ul a { border-bottom: 1px solid #303030!important; } #nav ul li ul li:last-child a { border-bottom: 0!important; } /* nav select dropdown */ .select-nav { background: #f6f6f6; display: none; position: relative; z-index: 99; } .select-nav select.nav { background: #f6f6f6; border: 1px solid #ccc; color: #666; display: inline-block; font-size: 12px; line-height: 21px; padding: 5px; width: 100%; } /* ------------------------------------------------------------------------- * * Section: Subheader /* ------------------------------------------------------------------------- */ #subheader { background: rgba(0,0,0,0.35); padding: 10px 0; margin-top: -40px; margin-bottom: 40px; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.02); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.02); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.02); } #subheader-search { float: right; margin: 0 0 0 0; } #subheader-search input#s { background: #111 url(img/widgets/search.png) no-repeat 164px 8px; float: left; font-size: 12px; line-height: 18px; height: 18px; border: 1px solid #111; width: 150px; padding: 5px 24px 5px 10px; margin: 0; color: #999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #subheader-search input#s:focus { color: #ccc; } #subheader-rss { background: #111 url(img/subheader-rss.png) no-repeat right 10px; font-size: 12px; color: #999; display: block; float: right; margin-right: 6px; text-transform: uppercase; line-height: 20px; padding: 5px 28px 5px 12px; } #subheader-rss:hover { background-color: #222; color: #fff; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1);} /* dropdown button /* ------------------------------------ */ /* level 1 */ .dropdown-btn { font-size: 12px; float: left; margin-right: 6px; } .dropdown-btn li { list-style: none; display: inline; float: left; position: relative; } .dropdown-btn li a { background-color: #111; color: #999; display: block; text-transform: uppercase; line-height: 20px; padding: 5px 12px; } .dropdown-btn li a.drop { background: #111 url(img/subheader-dropdown.png) no-repeat right; padding-right: 26px; } .dropdown-btn li a.drop:hover { -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); } .dropdown-btn li a:hover, .dropdown-btn li:hover a { background-color: #222; color: #fff!important; } /* level 2 */ .dropdown-btn li:hover > ul { display: block; } .dropdown-btn ul { display: none; background: #222; padding: 15px 20px; width: 130px; font-weight: normal; position: absolute; top: 30px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); } .dropdown-btn ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } .dropdown-btn ul li a, .dropdown-btn li:hover ul li a { background: transparent!important; color: #999!important; font-size: 11px; line-height: 16px; float: none; padding: 8px 0; width: 130px; display: block; border-bottom: 1px solid #303030; } .dropdown-btn ul li a:hover, .dropdown-btn li:hover ul li a:hover { color: #fff!important; } .dropdown-btn ul li:last-child a { border-bottom: 0!important; } /* ------------------------------------------------------------------------- * * Section: Page Title /* ------------------------------------------------------------------------- */ #page-title { position: relative; z-index: 2; margin-bottom: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); } #page-title h1, #page-title h2 { color: #fff; font-size: 24px; font-weight: 600; line-height: 1.3em; } #page-title h1 span, #page-title h2 span { opacity: 0.5; font-weight: 300; } .front #page-title h1 { font-size: 26px; line-height: 1.2em; font-weight: 600; letter-spacing: -0.5px; } .front #page-title h2 { color: #999; font-size: 20px; font-weight: 300; } .front-4 #page-title { border: none; } /* ------------------------------------------------------------------------- * * Section: Page Image /* ------------------------------------------------------------------------- */ #page-image { overflow: hidden; position: relative; z-index: 1; } #page-image img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; } #page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; } #page-image-text span.caption { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 70px; line-height: 70px; text-transform: uppercase; font-weight: normal; text-shadow: 0 0 20px rgba(0,0,0,0.4), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text span.description { display: block; color: #fff; font-size: 15px; line-height: 36px; letter-spacing: -0.3px; font-weight: 300; text-shadow: 0 0 20px rgba(0,0,0,0.7), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text span.description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 4px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* ------------------------------------------------------------------------- * * Blog Entry /* ------------------------------------------------------------------------- */ .entry { background: #fff url(img/paper.png) repeat-x bottom; position: relative; overflow: hidden; padding-bottom: 6px; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); } .page .entry { padding-bottom: 20px; } .entry-part { width: 448px; float: left; margin-left: 30px; } .blog .entry, .single .entry, .archive .entry, .search .entry { margin: 0 0 40px 0; } /* entry : thumbnail /* ------------------------------------ */ .entry-thumbnail { float: left; overflow: hidden; margin-bottom: 8px; } .entry-thumbnail a { width: 170px; float: left; position: relative; } .entry-thumbnail img { float: left; display: block; max-width: 100%; height: auto; } .entry-thumbnail a:hover img { opacity: 0.9; } .entry-thumbnail a:hover span.glass { background-position: 40% 50%; } .entry-thumbnail a:active .play { opacity: 0.8; } /* entry : heading /* ------------------------------------ */ .entry-heading { font-size: 22px; height: 30px; line-height: 30px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 50px; } /* entry : title /* ------------------------------------ */ .entry-title { color: #222; } .entry-title a { color: #222; } .entry-title a:hover { color: #00c8d6; } .blog .entry-title, .single .entry-title, .archive .entry-title, .search .entry-title { margin-bottom: 4px; font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; font-size: 40px; line-height: 1.1em; font-weight: normal; } /* entry : meta /* ------------------------------------ */ .entry-meta li { margin-bottom: 4px; float: left; display: inline; margin-right: 14px; margin-bottom: 10px; } .entry-meta li.entry-date { background: url(img/icons-16.png) no-repeat 0 2px; padding-left: 22px; } .entry-meta li.entry-author a { background: url(img/icons-16.png) no-repeat 0 -30px; padding-left: 22px; } .entry-meta li.entry-comments a { background: url(img/icons-16.png) no-repeat 0 -62px; padding-left: 22px; } .entry-meta li, .entry-meta a { color: #999; } .entry-meta a:hover { color: #222; } .entry-meta span { color: #444; font-weight: bold; display: block; } .sticky {} /* entry : tags single /* ------------------------------------ */ .entry-tags { padding: 14px 0; } .entry-tags span { font-size: 13px; color: #999; display: block; float: left; margin: 0 10px 8px 0; } .entry-tags a { background: #ebebeb url(img/tag.png) no-repeat 0 0; display: inline; white-space: nowrap; font-size: 11px; color: #999; padding: 1px 7px 1px 18px; margin: 0 5px 5px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .entry-tags a:hover { background-color: #00c8d6; color: #fff; } /* entry : links /* ------------------------------------ */ .entry-page-links { font-weight: 600; font-size: 16px; margin-bottom: 20px; } a.more-link { font-weight: 600; font-size: 14px; } /* entry : category /* ------------------------------------ */ .entry-category { background: url(img/hr.png) repeat-x top; color: #999; font-size: 13px; padding: 14px 0; } .entry-category a { } /* entry : author block /* ------------------------------------ */ .entry-author-block { background: url(img/hr.png) repeat-x top; padding: 30px 0 14px; } .entry-author-block .entry-author-avatar { float: left; overflow: hidden; } .entry-author-block .entry-author-avatar img { display: block; float: left; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .entry-author-block p { font-size: 13px; margin-left: 100px; margin-bottom: 8px; } .entry-author-block p.entry-author-name { color: #444; font-size: 14px; font-weight: 600; } .entry-author-block p.entry-author-description { color: #999; } /* entry : nav /* ------------------------------------ */ .entry-nav { margin: 30px 0 0; } .entry-nav a { font-size: 18px; font-weight: 600; } .entry-nav a:hover { color: #fff; } /* ------------------------------------------------------------------------- * * Tumblog Formats /* ------------------------------------------------------------------------- */ .icon-32 { background: url(img/icons-32.png) no-repeat 0 0; width: 32px; height: 32px; float: right; } .format-quote .icon-32 { background-position: 0 0; margin: 12px 0 14px 14px; } .format-link .icon-32 { background-position: 0 -32px; margin: 0 0 14px 14px; } .format-chat .icon-32 { background-position: 0 -64px; margin: 12px 0 14px 14px; } /* entry format : common /* ------------------------------------ */ .entry-format { } .entry-format p { margin: 14px 0; } /* entry format : image /* ------------------------------------ */ .entry-format.image img { float: left; height: auto; width: 100%; } .entry-format.image .image-container { position: relative; float: left; overflow: hidden; } /* entry format : video /* ------------------------------------ */ .entry-format.video iframe, .entry-format.video object { float: left; } .video-container { padding-top: 30px; } /* entry format : quote /* ------------------------------------ */ .format-quote .entry-title { display: none; } .entry-format.quote { background: #fcee21; color: #444; padding: 10px 30px; font-weight: 300; } .entry-format.quote blockquote { font-size: 22px; font-weight: 300; line-height: 1.3em; font-style: italic; } /* entry format : link /* ------------------------------------ */ .format-link .entry-title { display: none; } .entry-format.link { padding: 0; } .entry-format.link p { font-size: 22px; font-style: italic; margin: 0; } .entry-format.link p a { background: #00c8d6; color: #fff; font-weight: 300; display: block; padding: 24px 30px; } .entry-format.link p a:hover { opacity: 0.8; } /* entry format : chat /* ------------------------------------ */ .entry-format.chat { background: #ddd; padding: 10px 30px; } .entry-format.chat p { font-weight: 300; font-style: italic; font-size: 16px; } /* entry format : status /* ------------------------------------ */ .format-status .entry-title { display: none; } .format-status .text { font-size: 22px; line-height: 1.3em; font-weight: 300; } /* entry format : aside /* ------------------------------------ */ .format-aside .entry-title { display: none; } /* entry format : gallery /* ------------------------------------ */ .entry-format.gallery { } .flex-post .flex-control-paging li a { background-position: -56px 0; } .flex-post .flex-control-paging li a:hover { background-position: -56px -13px; } .flex-post .flex-control-paging li a.flex-active { background-position: -56px -26px; } .caption-bar { background: rgba(0,0,0,0.70); color: #ccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); font-size: 13px; line-height: 18px; display: block; width: auto; margin: 10px; position: absolute; bottom: 0; left: 0; } .caption-bar i { font-style: normal; font-size: 11px; padding: 7px 12px; display: block; } /* entry format : audio /* ------------------------------------ */ .entry-format.audio { } /* jplayer */ div.jp-play-bar, div.jp-volume-bar-value { background-color: #fcee21; } div.jp-audio, div.jp-interface, div.jp-progress, div.jp-seek-bar { width: 100%; min-width: 100%; } div.jp-progress-container, div.jp-volume-bar-container { border-left: 1px solid #333; } div.jp-interface { background: #111; height: 60px; position: relative; overflow: hidden; } div.jp-interface a { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li { display: inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; margin-top: 15px; } a.jp-play, a.jp-pause { top: 0; left: 0; } a.jp-play { background: url(img/jplayer.png) 0 0 no-repeat; } a.jp-play:hover { background: url(img/jplayer.png) -33px 0 no-repeat; } a.jp-pause { background: url(img/jplayer.png) 0 -30px no-repeat; display: none; } a.jp-pause:hover { background: url(img/jplayer.png) -33px -30px no-repeat; } div.jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 27px 10px; } div.jp-progress { overflow: hidden; } div.jp-progress { height: 5px; padding: 1px; } div.jp-seek-bar { background-image: url(img/jplayer.png); background-position: 0 -163px; background-repeat: repeat-x; width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-play-bar { background-image: url(img/jplayer.png); background-position: 0 -133px; background-repeat: repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar-container { width: 40px; height: 6px; padding: 27px 10px 27px 33px; position: absolute; top: 0; right: 0; } div.jp-volume-bar { background: #3a3b3c; position: relative; overflow: hidden; width: 40px; height: 5px; margin-top: 1px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar { top: 0; left: 0; } div.jp-volume-bar-value { background-image: url(img/jplayer.png); background-position: 0 -133px; background-repeat: repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } a.jp-mute, a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; margin-top: 15px; } a.jp-mute, a.jp-unmute { top: 9px; right: 58px; } a.jp-mute { background: url(img/jplayer.png) -10px -68px no-repeat; } a.jp-mute:hover { background: url(img/jplayer.png) -43px -68px no-repeat; } a.jp-unmute { background: url(img/jplayer.png) -10px -98px no-repeat; display: none; } a.jp-unmute:hover { background: url(img/jplayer.png) -43px -98px no-repeat; } div.jp-jplayer { width:0px; height:0px; } /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ .widget { color: #777; font-size: 12px; margin-bottom: 30px; } #sidebar .widget { background: #1d1d1d url(img/paper.png) repeat-x bottom; padding: 20px 20px 26px; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4), inset 1px 1px 0 rgba(255,255,255,.02); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4), inset 1px 1px 0 rgba(255,255,255,.02); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4), inset 1px 1px 0 rgba(255,255,255,.02); } .widget a { color: #999; } .widget a:hover { color: #00c8d6; } .widget-title { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 8px; } .widget-title a, .widget-title a:hover { color: #fff; } .widget-title a img { display: block; float: left; margin: 3px 7px 0 0; } /* widget : common /* ------------------------------------ */ .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { padding: 6px 0 6px 20px; border-bottom: 1px dotted #262626; } .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a { border-bottom: 1px dotted #262626; } /* widget : archives /* ------------------------------------ */ .widget_archive ul li { color: #00c8d6; background: url(img/widgets/arrow.png) no-repeat 4px 10px; } /* widget : categories /* ------------------------------------ */ .widget_categories ul li { color: #00c8d6; background: url(img/widgets/category.png) no-repeat 4px 10px; } /* widget : links /* ------------------------------------ */ .widget_links ul li { color: #00c8d6; background: url(img/widgets/link.png) no-repeat 4px 10px; } /* widget : meta /* ------------------------------------ */ .widget_meta ul li { background: url(img/widgets/arrow.png) no-repeat 4px 10px; } /* widget : recent comments /* ------------------------------------ */ .widget_recent_comments ul li { background: url(img/widgets/comment.png) no-repeat 4px 11px; } .widget_recent_comments ul li a { color: #999; } /* widget : recent entries /* ------------------------------------ */ .widget_recent_entries ul li { background: url(img/widgets/paper.png) no-repeat 4px 10px; } /* widget : pages /* ------------------------------------ */ .widget_pages ul li a { display: block; padding: 6px 0; } .widget_pages li li a { background: url(img/widgets/level-2.png) no-repeat 4px 10px; padding-left: 20px; } .widget_pages li li li a { background: url(img/widgets/level-3.png) no-repeat 4px 10px; padding-left: 40px; } .widget_pages ul ul, .widget_pages ul ul ul { border: 0; } /* widget : nav menu /* ------------------------------------ */ .widget_nav_menu ul li a { display: block; padding: 6px 0; } .widget_nav_menu li li a { background: url(img/widgets/level-2.png) no-repeat 4px 10px; padding-left: 20px; } .widget_nav_menu li li li a { background: url(img/widgets/level-3.png) no-repeat 4px 10px; padding-left: 40px; } .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* widget : rss /* ------------------------------------ */ .widget_rss ul li { padding: 4px 0; } .widget_rss ul li a { color: #00c8d6; font-size: 13px; } .widget_rss ul li span.rss-date { color: #444; font-size: 11px; font-weight: 600; display: block; } .widget_rss ul li .rssSummary { font-size: 11px; margin-top: 2px; } /* widget : search /* ------------------------------------ */ .widget_search { } .widget_search input#s { font-size: 12px; background: url(img/widgets/search.png) no-repeat 8px 9px; width: 148px; padding: 6px 4px 6px 26px; color: #777; border-color: #222; } .widget_search input#s:focus { color: #999; border-color: #292929; } .widget_search label.screen-reader-text { display: none; } .widget_search input#searchsubmit { display: none; } .widget_search input#searchsubmit:hover { } /* widget : tag cloud /* ------------------------------------ */ .widget_tag_cloud { } .widget_tag_cloud .tagcloud { padding-top: 8px; } .widget_tag_cloud .tagcloud a { color: #999; } .widget_tag_cloud .tagcloud a:hover { color: #00c8d6; } /* widget : text /* ------------------------------------ */ #sidebar .widget.widget_text { background: none; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget_text .textwidget p { margin-bottom: 10px; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { color: #00c8d6; font-weight: 600; } .widget_calendar a:hover { color: #444; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { background: #00c8d6; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); font-weight: 600; margin: 0 0 6px 0; padding: 5px 10px; } .widget_calendar th { color: #bbb; font-weight: 600; } .widget_calendar th, .widget_calendar td { padding: 3px 0 3px 0; text-align: center; border: 1px solid #222; } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { color: #777; font-size: 12px; width: 100%; margin-top: 20px; } /* footer : contact /* ------------------------------------ */ #footer-contact { color: #777; background: #111; border-top: 1px solid #0a0a0a; padding-top: 20px; padding-bottom: 10px; -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.08); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.08); box-shadow: 0 -1px 0 rgba(255,255,255,0.08); } #footer-contact a { color: #777; } #footer-contact a:hover { color: #fff; } p#contact-address, p#contact-phone, p#contact-email { background: url(img/footer-contact.png) no-repeat 0 0; line-height: 18px; display: block; padding: 0 30px 10px 26px; float: left; } p#contact-address { background-position: 0 0; } p#contact-phone { background-position: 0 -54px; } p#contact-email{ background-position: 0 -108px; } /* footer : bottom /* ------------------------------------ */ #footer-bottom { background: #eee; border-top: 1px solid #ddd; } #footer-bottom .one-half { margin-bottom: 0!important; } #footer-bottom a { color: #222; } #footer-bottom a:hover { color: #777; } #footer #copy { padding: 22px 0; font-size: 12px; line-height: 18px; text-transform: uppercase; } #footer a#to-top { background: rgba(0,0,0,0.1); display: block; padding: 3px 11px; float: right; margin-left: 20px; margin-top: 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #footer a#to-top:hover { background-color: #fff; } #footer a#to-top i.icon-top { background: url(img/footer-to-top.png) no-repeat 0 0; display: block; width: 20px; height: 20px; } #footer-social { float: right; padding: 18px 0; } #footer-social li { float: left; display: inline; margin-left: 10px; line-height: 16px; } #footer-social li a { display: block; float: left; } #footer-social li a:hover { opacity: 0.6; } #footer-social li a span.icon { background: rgba(0,0,0,0.1); display: block; float: left; height: 16px; width: 16px; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #footer-social li a span.icon img { float: left; } #footer-social li a span.icon-title { display: none; } /* ------------------------------------------------------------------------- * * Section: Footer (Widgets) /* ------------------------------------------------------------------------- */ #footer-widgets { background: #fff; padding-top: 40px; padding-bottom: 20px; } #footer-widgets a { color: #777; } #footer-widgets a:hover { color: #222; } #footer-widgets .widget-title { color: #444; border-bottom: 1px solid #ddd; padding-bottom: 15px; } #footer-widgets .widget-title a, #footer-widgets .widget-title a:hover { color: #444; } /* footer widget : common /* ------------------------------------ */ #footer-widgets .widget_archive ul li, #footer-widgets .widget_categories ul li, #footer-widgets .widget_links ul li, #footer-widgets .widget_meta ul li, #footer-widgets .widget_recent_comments ul li, #footer-widgets .widget_recent_entries ul li { border-bottom: 1px dotted #e5e5e5; } #footer-widgets .widget_rss ul li, #footer-widgets .widget_pages ul li a, #footer-widgets .widget_nav_menu ul li a { border-bottom: 1px dotted #e5e5e5; } /* footer widget : rss /* ------------------------------------ */ #footer-widgets .widget_rss ul li span.rss-date { color: #444; } /* footer widget : search /* ------------------------------------ */ #footer-widgets .widget_search { } #footer-widgets .widget_search input#s { background-color: #fff; width: 193px; color: #999; border-color: #ddd; } #footer-widgets .widget_search input#s:focus { color: #444; border-color: #ddd; } /* footer widget : tag cloud /* ------------------------------------ */ #footer-widgets .widget_tag_cloud .tagcloud a { color: #999; } /* widget : text /* ------------------------------------ */ #footer-widgets .widget_text .textwidget { padding-top: 8px; } /* footer widget : calendar /* ------------------------------------ */ #footer-widgets .widget_calendar a:hover { color: #444; } #footer-widgets .widget_calendar caption { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #footer-widgets .widget_calendar th { color: #444; } #footer-widgets .widget_calendar th, #footer-widgets .widget_calendar td { border: 1px solid #eee; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #entry-comments { width: 100%; position: relative; background: #fff url(img/paper.png) repeat-x bottom; padding-bottom: 6px; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); } /* comments : parent /* ------------------------------------ */ ol.commentlist li { list-style: none; font-size: 12px; padding-left: 60px; } ol.commentlist li.comment .comment-body, ol.commentlist li.trackback .comment-body { background: #f1f1f1; clear: both; border-bottom: 1px solid #e5e5e5; padding: 14px 20px 38px; margin: 0 0 10px 0; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment .comment-body .comment-author { display: block; margin-bottom: 4px; } ol.commentlist li.comment .comment-body cite.fn, ol.commentlist li.trackback .comment-body cite.fn { color: #444; font-size: 13px; font-style: normal; font-weight: 600; } ol.commentlist li.comment .comment-body cite.fn a, ol.commentlist li.trackback .comment-body cite.fn a { color: #444; } ol.commentlist li.comment .comment-body cite.fn a:hover, ol.commentlist li.trackback .comment-body cite.fn a:hover { color: #444; } ol.commentlist li.comment .comment-body span.says, ol.commentlist li.trackback .comment-body span.says { display: none; } ol.commentlist li.comment .comment-body em.comment-awaiting-moderation, ol.commentlist li.trackback .comment-body em.comment-awaiting-moderation { margin-left: 10px; color: #21759b; font-style: normal; } ol.commentlist li.comment .comment-body img.avatar { position: absolute; left: -60px; top: 0; width: 50px; height: 50px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment .comment-body p, ol.commentlist li.trackback .comment-body p { margin-bottom: 8px; color: #777; clear: both; line-height: 1.5em; } /* comments : trackback /* ------------------------------------ */ ol.commentlist li.trackback .comment-body { padding: 20px; } ol.commentlist li.trackback .comment-body .comment-meta { margin-left: 0; } ol.commentlist li.trackback .comment-body p { margin: 0; } /* comments : meta /* ------------------------------------ */ ol.commentlist li.comment .comment-body .comment-meta, ol.commentlist li.trackback .comment-body .comment-meta { display: block; position: absolute; bottom: 18px; left: 20px; font-size: 10px; text-transform: uppercase; line-height: 12px; } ol.commentlist li.comment .comment-body .comment-meta a, ol.commentlist li.trackback .comment-body .comment-meta a { color: #999; } ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link:hover, ol.commentlist li.trackback .comment-body .comment-meta a.comment-edit-link:hover { color: #444; } /* comments : reply button /* ------------------------------------ */ ol.commentlist li.comment .comment-body .reply { position: absolute; bottom: 0; right: 1px; } ol.commentlist li.trackback .comment-body .reply { display: none; } ol.commentlist li.comment .comment-body .reply a { background: #fff; padding: 0 8px; display: block; font-size: 11px; color: #999; line-height: 24px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment .comment-body .reply a:hover { background: #00c8d6; color: #fff; } /* comments : author comment /* ------------------------------------ */ ol.commentlist li.comment.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-repeat: no-repeat; background-position: right 10px; } ol.commentlist li.comment.bypostauthor li .comment-body { background-image: none; } ol.commentlist li.comment.bypostauthor ul.children li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-position: right 10px; } /* comments : child /* ------------------------------------ */ ol.commentlist li.comment ul.children { margin: 0 0 10px 0; } ol.commentlist li.comment ul.children li.comment { border-left: 1px solid #f1f1f1; padding: 0 0 10px 30px; margin: 0; } ol.commentlist li.comment ul.children li .comment-body { margin: 0; padding: 12px 20px 38px 70px; } ol.commentlist li.comment ul.children li .comment-body cite.fn { font-size: 13px; } ol.commentlist li.comment ul.children li .comment-body img.avatar { width: 40px; height: 40px; left: 15px; top: 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } ol.commentlist li.comment ul.children li .comment-body .comment-meta { left: 70px; } ol.commentlist li.comment ul.children ul.children { margin: 10px 0 0 0; } ol.commentlist li:last-child, ol.commentlist li li:last-child, ol.commentlist li li li:last-child, ol.commentlist li li li li:last-child { padding-bottom: 0!important; } /* comments : form /* ------------------------------------ */ #respond { margin: 10px 0 10px 0; position: relative; } #respond ul { background: #f1f1f1; padding: 10px 10px 15px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #respond ul li { width: 98%; padding-left: 1%; } #respond #cancel-comment-reply-link { display: none; } #comment-tags span { color: #444; font-style: italic; } #respond li.buttons { padding-top: 0; padding-bottom: 0; float: left; } /* comments : reply /* ------------------------------------ */ li.comment #respond { padding-left: 30px; border-left: 1px solid #f1f1f1; } li.comment li #respond { padding: 0 0 0 30px; margin: 10px 0 0 0; } li.comment #respond header { position: absolute; display: block; bottom: 20px; right: 14px; z-index: 2; } li.comment #respond header h4, li.comment #respond header div { display: none; } li.comment #respond header #cancel-comment-reply-link { display: block; z-index: 2; float: right; text-align: right; font-size: 11px; font-weight: normal; } /* comments : nav /* ------------------------------------ */ #comment-nav { margin: 10px 0; padding: 10px; border: 1px dotted #e5e5e5; } #comment-nav a { font-weight: 600; } #comment-nav .nav-previous { float: left; } #comment-nav .nav-next { float: right; } /* ------------------------------------------------------------------------- * * Template: Portfolio /* ------------------------------------------------------------------------- */ #portfolio { width: 980px; margin-right: -20px; } .page-template-template-portfolio-php #sticky-footer-push, .single-portfolio #sticky-footer-push { display: none!important; } /* disable sticky footer */ /* portfolio : size / pagination /* ------------------------------------ */ ul#portfolio-size, ul#portfolio-pagination { float: right; margin-top: -28px; } ul#portfolio-size li, ul#portfolio-pagination li { display: inline; float: left; margin-left: 4px; } ul#portfolio-size li a, ul#portfolio-pagination li a { background: rgba(0,0,0,0.35); padding: 6px 7px 5px 8px; width: 24px; height: 20px; float: left; display: block; text-indent: -999px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), inset 0 5px 5px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,0.04); } ul#portfolio-size li a i.icon-size, ul#portfolio-pagination li a i.icon { opacity: 0.4; background: url(img/icon-switch.png) no-repeat 0 0; width: 24px; height: 20px; display: block; float: left; -webkit-transition-property: background color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.3s; transition-timing-function: ease-out; } /* portfolio : size /* ------------------------------------ */ ul#portfolio-size li a i.icon-size.small { background-position: 0 0; } ul#portfolio-size li a i.icon-size.medium { background-position: 0 -20px; } ul#portfolio-size li a i.icon-size.large { background-position: 0 -40px; } ul#portfolio-size li a:hover i.icon-size, ul#portfolio-size li.current a i.icon-size { opacity: 1; } ul#portfolio-size li.current a { cursor: default; } /* portfolio : pagination /* ------------------------------------ */ ul#portfolio-pagination li.previous a i.icon { background-position: 0 -60px; } ul#portfolio-pagination li.next a i.icon { background-position: 0 -80px; } ul#portfolio-pagination li a:hover i.icon { opacity: 1; } ul#portfolio-pagination li.disabled { display: none; } /* portfolio : category /* ------------------------------------ */ ul#portfolio-filter { font-size: 12px; text-transform: uppercase; } ul#portfolio-filter li { display: inline; float: left; margin: 0 6px 0 0; } ul#portfolio-filter li a { background: #111; color: #999; line-height: 20px; padding: 5px 12px; display: block; } ul#portfolio-filter li a:hover, ul#portfolio-filter li.current a { background: #222; color: #fff; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 0 rgba(0,0,0,0.1); } /* portfolio : item /* ------------------------------------ */ .portfolio-item { display: block; text-align: center; margin-bottom: 20px; position: relative; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); box-shadow: 0 10px 10px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.4); } .portfolio-item .portfolio-thumbnail { display: block; position: relative; } .portfolio-item .portfolio-thumbnail img { display: block; max-width: 100%; height: auto; } .portfolio-item .portfolio-thumbnail:hover span.glass { background-position: 30% 50%; } .portfolio-item:hover .portfolio-thumbnail img { opacity: 0.9; } .portfolio-item .portfolio-thumbnail:active .play { opacity: 0.8; } .portfolio-item a.portfolio-meta { background: rgba(0,0,0,0.7); width: 100%; display: block; padding: 10px 0; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(0,0,0,.4); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(0,0,0,.4); box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(0,0,0,.4); -webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); } .portfolio-item a.portfolio-meta:hover { background: rgba(0,0,0,0.8); } .portfolio-item a.portfolio-meta .portfolio-title { font-weight: 400; color: #fff; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .portfolio-item a.portfolio-meta .portfolio-category { color: #999; font-weight: 300; font-size: 13px; font-style: italic; } .portfolio-item:hover a.portfolio-meta, .portfolio-item a.portfolio-meta:hover { opacity: 1; } .fancybox-video.one-half, .fancybox-video.one-third, .fancybox-video.one-fourth { margin: 0; /*isotope video lightbox issue on size-switch fix*/ } .fancybox-nav { top: 20%!important; bottom: 20%!important; height: 60%!important; /*makes play button on videos clickable*/ } /* portfolio : isotope /* ------------------------------------ */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* portfolio : single /* ------------------------------------ */ .single-portfolio #sidebar { padding-bottom: 10px; } .single-portfolio #content, .single-portfolio #content-part { margin-bottom: 10px; } .single-portfolio #content.comments, .single-portfolio #content-part.comments { padding-top: 0; } .single-portfolio .entry { margin-bottom: 0; } .portfolio-item-single { position: relative; overflow: hidden; } .portfolio-category { color: #fff; font-weight: 300; font-size: 14px; font-style: italic; } .portfolio-item-single.pad { padding: 15px 15px 40px 15px; } #flex-portfolio .flex-control-paging li a { background-position: -56px 0; } #flex-portfolio .flex-control-paging li a:hover { background-position: -56px -13px; } #flex-portfolio .flex-control-paging li a.flex-active { background-position: -56px -26px; } /* ------------------------------------------------------------------------- * * Template: Front /* ------------------------------------------------------------------------- */ .container.front { position: static; } .front #slidecaption { padding: 60px 120px 15px; max-height: 700px; overflow: hidden; float: none; display: block; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,0.3); } .front #slidecaption p { color: #fff; } .front #slidecaption h1, .front #slidecaption h2, .front #slidecaption h3, .front #slidecaption a.more { font-family: 'LeagueGothicRegular', Arial, sans-serif; } .front #slidecaption h1 { font-size: 130px; line-height: 1em; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.3); font-weight: normal; text-transform: uppercase; color: #fff; } .front #slidecaption h2 { font-size: 70px; line-height: 1.1em; margin-top: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.6); font-weight: normal; text-transform: uppercase; color: #fff; } .front #slidecaption h3 { font-size: 30px; line-height: 1.2em; margin-top: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.6); font-weight: normal; text-transform: uppercase; color: #fff; } .front #slidecaption a.more { background: #00c8d6; color: #fff; font-size: 38px; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-transform: uppercase; padding: 16px 26px; display: inline-block; margin: 40px 0; } .front #slidecaption a.more:hover { -moz-box-shadow: 0 0 40px #00c8d6; -webkit-box-shadow: 0 0 40px #00c8d6; box-shadow: 0 0 40px #00c8d6; } .front #slidecaption a.more:active { -moz-box-shadow: 0 0 20px #00c8d6; -webkit-box-shadow: 0 0 20px #00c8d6; box-shadow: 0 0 20px #00c8d6; } .front #progress-back{ bottom: 20px; height: 1px; } /* ------------------------------------------------------------------------- * * Template: Sitemap /* ------------------------------------------------------------------------- */ .sitemap { padding-top: 30px; font-size: 13px; color: #999; } .sitemap a { color: #777; } .sitemap a:hover { color: #00c8d6; } .sitemap .heading { background: url(img/hr.png) repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px; } .sitemap ul { margin-bottom: 14px; } .sitemap li { border-left: 4px solid #eee; padding-left: 20px; display: block; padding-top: 4px; padding-bottom: 4px; } .sitemap li li li { padding-top: 3px; padding-bottom: 3px; } .sitemap ul ul { margin-top: 10px; } .sitemap ul ul ul { font-size: 12px; } /* ------------------------------------------------------------------------- * * Template: Nobox /* ------------------------------------------------------------------------- */ .nobox .text { color: #999; } .nobox .text h1, .nobox .text h2, .nobox .text h3, .nobox .text h4, .nobox .text h5, .nobox .text h6 { color: #eee; } .nobox .hr { background-image: url(img/hr-light.png); } .nobox #page-image { margin-bottom: 30px; } /* ------------------------------------------------------------------------- * * Template: Child Menu Left / Right /* ------------------------------------------------------------------------- */ #child-menu { zoom: 1; background: #1d1d1d; position: relative; border: 1px solid #111; margin-bottom: 30px; -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.06); -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.06); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.04), 0 1px 1px rgba(0,0,0,0.06); } #child-menu li a { background: url(img/child-menu-top.png) repeat-x 0 bottom; font-size: 16px; color: #fff; font-weight: 600; text-shadow: 0 1px 0 #111; border-bottom: 1px solid #111; display: block; padding: 12px 20px; } /* show only current page items */ #child-menu li { display: none; } #child-menu li.current_page_item, #child-menu li.current_page_parent, #child-menu li.current_page_ancestor, #child-menu li.current-menu-item, #child-menu li.current-menu-parent, #child-menu li.current-menu-ancestor { display: block; } #child-menu li.current_page_item ul li, #child-menu li.current_page_parent ul li, #child-menu li.current_page_ancestor ul li, #child-menu li.current-menu-item ul li, #child-menu li.current-menu-parent ul li, #child-menu li.current-menu-ancestor ul li { display: block; } #child-menu li.current_page_item ul li li, #child-menu li.current_page_parent ul li li, #child-menu li.current_page_ancestor ul li li, #child-menu li.current-menu-item ul li li, #child-menu li.current-menu-parent ul li li, #child-menu li.current-menu-ancestor ul li li { display: none; } #child-menu li ul li.current_page_item li, #child-menu li ul li.current_page_parent li, #child-menu li ul li.current_page_ancestor li, #child-menu li ul li.current-menu-item li, #child-menu li ul li.current-menu-parent li, #child-menu li ul li.current-menu-ancestor li { display: block; } /* on 2-depth */ #child-menu li ul li { border-bottom: 1px solid #111; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); box-shadow: inset 0 1px 0 rgba(255,255,255,0.04); } #child-menu li ul li a { background-image: none; font-size: 14px; font-weight: 600; text-transform: none; border-bottom: 0; color: #aaa; display: block; padding: 12px 30px; } #child-menu li ul li:last-child { border-bottom: 0; } #child-menu li ul li a:hover { background: #1b1b1b; color: #ddd; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); } #child-menu li li.current_page_item a, #child-menu li li.current-menu-item a, #child-menu li li.current_page_parent a, #child-menu li li.current_page_item a:hover, #child-menu li li.current-menu-item a:hover, #child-menu li li.current_page_parent a:hover { background: #00c8d6; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,0.3); } /* on 3-depth */ #child-menu li ul li ul { background: #111; } #child-menu li ul li ul li { padding: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li ul li ul li:first-child { padding-top: 5px; } #child-menu li ul li ul li:last-child { padding-bottom: 5px; } #child-menu li ul li ul li a { font-weight: normal; font-size: 13px; padding: 6px 30px; } #child-menu li li.current_page_item li a, #child-menu li li.current-menu-item li a, #child-menu li li.current_page_parent li a { text-shadow: 0 1px 0 #000; background: none; color: #777; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li li.current_page_item li a:hover, #child-menu li li.current-menu-item li a:hover, #child-menu li li.current_page_parent li a:hover { text-shadow: 0 1px 0 #111; background: #0e0e0e; color: #ddd; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); } #child-menu li li li.current_page_item a, #child-menu li li li.current-menu-item a { font-weight: 600; background: #0e0e0e; color: #00c8d6; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); } #child-menu li li li.current_page_item a:hover, #child-menu li li li.current-menu-item a:hover { background: #0e0e0e; color: #00c8d6; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); box-shadow: inset 0 1px 0 rgba(0,0,0,0.06); } /* ------------------------------------------------------------------------- * * Plugins /* ------------------------------------------------------------------------- */ /* plugin : wp-pagenavi /* ------------------------------------ */ .wp-pagenavi { text-align: right; font-weight: 600; float: right; } .wp-pagenavi a, .wp-pagenavi span { font-size: 13px; padding: 4px 8px!important; display: block; float: left; margin: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .wp-pagenavi span.pages, .wp-pagenavi span.extend { color: #999; border: 1px solid #333!important; border: 1px solid rgba(255,255,255,0.1); font-weight: normal; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { color: #fff!important; text-shadow: 0 -1px 0 rgba(0,0,0,0.15); } .wp-pagenavi a { color: #00c8d6; border: 1px solid #333!important; border: 1px solid rgba(0,200,214,0.3)!important; } .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current { background: #00c8d6; border: 1px solid #00c8d6!important; } /* plugin : contact form 7 /* ------------------------------------ */ .wpcf7 { } .wpcf7 p { margin: 0 0 12px; width: 100%; float: left; position: relative; } .wpcf7 label { display: block; float: left; color: #999; font-size: 12px; text-transform: uppercase; width: 20%; margin: 11px 0 0 12px; text-align: left; } .wpcf7 input[type="text"] { display: block; float: left; padding: 10px; width: 60%; } .wpcf7 textarea { display: block; float: left; padding: 10px; width: 96%; } .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; } .wpcf7 div.wpcf7-mail-sent-ok, .wpcf7 div.wpcf7-mail-sent-ng { border: none; } .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 3px 6px; width: 246px; font-size: 12px; position: absolute; left: 7px; top: 7px; display: block; } /* ------------------------------------------------------------------------- * * fancyBox /* ------------------------------------------------------------------------- */ /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(img/fancybox/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: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url(img/fancybox/fancybox-loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(img/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } /* title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; 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); text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8);} /* ------------------------------------------------------------------------- * * Supersized /* ------------------------------------------------------------------------- */ #supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-98; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#000; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } #supersized-loader { background: url(img/loading.gif) no-repeat center center; position: absolute; top: 50%; left: 50%; z-index: -1000; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; } /* supersized : controls /* ------------------------------------ */ #controls-wrapper { background: url(img/controls.png) repeat-x 0 -86px; margin: 0 auto; height: 42px; width: 100%; bottom: 0px; left: 0; z-index: 4; position: fixed; } #controls { overflow: hidden; height: 100%; position: relative; text-align: left; z-index: 5; } #slidecounter { float: left; color: #999; text-shadow: #000 0 -1px 0; margin: 0px 10px 0 15px; line-height: 42px; } #slidecaption { float: left; color: #fff; text-shadow: #000 1px 1px 2px; margin: 0; line-height: 42px; } #navigation { float: right; margin: 0px 20px 0 0; } #progress-back { background: url(img/controls.png) repeat-x 0 -140px; z-index: 5; position: fixed; bottom: 42px; left: 0; height: 2px; width: 100%; } #progress-bar { background: url(img/controls.png) repeat-x 0 -150px; position: relative; height: 2px; width: 100%; } #prevslide, #nextslide{ position: absolute; height: 43px; width: 43px; top: 50%; margin-top: 0; opacity: 0.6; } #nextslide{ background: url(img/controls.png) no-repeat 0 0; right: 10px; } #prevslide{ background: url(img/controls.png) no-repeat 0 -43px; left: 10px; } #prevslide:hover, #nextslide:hover{ cursor: pointer; opacity: 1; } ul#slide-list { padding: 15px 0 14px; float: left; position: absolute; left: 50%; } ul#slide-list li { list-style: none; width: 13px; height: 13px; float: left; margin: 0 5px 0 0; } ul#slide-list li a { background: url(img/controls.png) no-repeat -43px 0; display: block; width: 13px; height: 13px; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } ul#slide-list li a:hover { background-position: -43px -13px; cursor: pointer; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background-position: -43px -26px; } /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ .flexslider { margin: 0 0 60px; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* flexslider : resets /* ------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* flexslider : necessary styles /* ------------------------------------ */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%;} .no-js .slides > li:first-child { display: block; } /* flexslider : direction nav /* ------------------------------------ */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 43px; height: 43px; margin: -21px 0 0; display: block; background: url(img/controls.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 0; right: -60px; } .flex-direction-nav .flex-prev { background-position: 0 -43px; left: -60px; } .flexslider:hover .flex-next { opacity: 0.8; right: 10px; } .flexslider:hover .flex-prev { opacity: 0.8; left: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* flexslider : control nav /* ------------------------------------ */ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(img/controls.png) no-repeat -43px 0; width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } .flex-control-paging li a:hover { background-position: -43px -13px; } .flex-control-paging li a.flex-active { background-position: -43px -26px; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: .7; left: 10px; } .flex-direction-nav .flex-next { opacity: .7; right: 10px; } } /* ------------------------------------------------------------------------- * * Forms /* ------------------------------------------------------------------------- */ input, button, textarea, select, option { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial; font-size: 13px; } input, button, textarea { background: #fff; color: #777; border: 1px solid #ddd; padding: 5px 0; -webkit-transition-property: background color; -webkit-transition-duration: 0.12s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.12s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.12s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.12s; transition-timing-function: ease-out; } input:focus, textarea:focus { background-color: #fff; color: #444; border-color: #bbb; } input[type="submit"], button[type="submit"] { background-color: #00c8d6; color: #fff; cursor: pointer; font-weight: 600; padding: 6px 8px; border: 0; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); } input[type="submit"]:hover, button[type="submit"]:hover { background-color: #444; color: #ccc; } input[type="submit"]:active, button[type="submit"]:active { background-color: #333; } label { font-weight: 600; color: #444; font-size: 12px; text-transform: uppercase; } /* forms : framework /* ------------------------------------ */ form ul{list-style-type:none;} form li{margin:0;padding:6px 1% 9px 1%;clear:both;background-color:transparent;position:relative; -webkit-transition: background-color 350ms ease-out; -moz-transition: background-color 350ms ease-out; -o-transition: background-color 350ms ease-out; transition: background-color 350ms ease-out;} form li div label, form li span label{margin:0;padding-top:3px;clear:both;font-size:85%;line-height:160%;display:block;} fieldset{display:block;border:none;margin:0;padding:0;} * html fieldset{margin:-12px 0 5px 0;} *+html fieldset{margin:-14px 0 7px 0;} label.desc,legend.desc{line-height:150%;margin:0;padding:0 0 3px 0;border:none;display:block;white-space: normal;width:100%;} form span.req{display:inline;float:none;color:#d33e34!important;font-weight:bold;margin:0;padding:0;} input.text,input.search, input.file, textarea.textarea, select.select{font-size:100%;margin:0;padding:4px 0;} input.small,select.small{width:25%;} input.medium,select.medium{width:50%;} input.large,select.large{width:100%;} textarea.textarea{width:293px;min-width:100%;max-width:100%;} textarea.small{height:5.5em;} textarea.medium{height:10em;} textarea.large{height:20em;} form li.leftHalf,form li.rightHalf{width:47% !important;} form li.leftThird,form li.middleThird,form li.rightThird{width:30% !important;} form li.leftHalf,form li.leftThird{clear:left !important; float:left;} form li.middleThird{clear:none !important; float:left;width:30% !important; margin-left:2% !important;} form li.rightHalf, form li.rightThird{ clear:none !important; float:right;} li.leftHalf .small,li.rightHalf .small, li.leftHalf .medium,li.rightHalf .medium, li.leftThird .small,li.middleThird .small,li.rightThird .small, li.leftThird .medium,li.middleThird .medium,li.rightThird .medium{width:100% !important;} /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : columns /* ------------------------------------ */ .one-half{ width: 470px; } .one-third{ width: 306px; } .two-third{ width: 634px; } .one-fourth{ width: 225px; } .three-fourth{ width: 715px; } .one-fifth{ width: 176px; } .two-fifth{ width: 372px; } .three-fifth{ width: 568px; } .four-fifth{ width: 764px; } .pad .one-half{ width: 440px; } .pad .one-third{ width: 286px; } .pad .two-third{ width: 594px; } .pad .one-fourth{ width: 210px; } .pad .three-fourth{ width: 670px; } .pad .one-fifth{ width: 164px; } .pad .two-fifth{ width: 348px; } .pad .three-fifth{ width: 532px; } .pad .four-fifth{ width: 716px; } #content-part .one-half { width: 314px; } #content-part .one-third { width: 202px; } #content-part .two-third { width: 426px; } #content-part .one-fourth { width: 147px; } #content-part .three-fourth { width: 481px; } #content-part .one-fifth { width: 113px; } #content-part .two-fifth { width: 249px; } #content-part .three-fifth { width: 382px; } #content-part .four-fifth { width: 515px; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float: left; display: inline; margin-right: 20px; position: relative; } .last { clear: right; margin-right: 0!important; } /* shortcode : buttons /* ------------------------------------ */ .button-wrap { display: block; margin: 14px 0; } a.button { background: #00c8d6; color: #fff; font-size: 13px; padding: 6px 12px; display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.button:hover { background-color: #666; } a.button:active { background-color: #555; } a.button.small { font-size: 11px; padding: 6px 10px; } a.button.medium { font-size: 14px; padding: 6px 12px; } a.button.large { font-size: 16px; padding: 9px 16px; } a.button.light { background: #eee url(img/shortcodes/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } a.button.light:hover { color: #444; border-color: #aaa; } a.button.light:active { background-image: none; } a.button.dark { background: #444 url(img/shortcodes/button-dark.png) repeat-x top; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); } a.button.dark:hover { background-color: #555; } a.button.dark:active { background-image: none; } /* shortcode : lists /* ------------------------------------ */ ul.list { margin: 0 0 20px 0; font-size: 13px; } ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px dotted #e5e5e5; text-align: left; } ul.list.arrow li { background: url(img/shortcodes/list-arrow.png) no-repeat 0 11px; } ul.list.check li { background: url(img/shortcodes/list-check.png) no-repeat 0 11px; } ul.list.plus li { background: url(img/shortcodes/list-plus.png) no-repeat 0 11px; } ul.list.minus li { background: url(img/shortcodes/list-minus.png) no-repeat 0 11px; } ul.list.cross li { background: url(img/shortcodes/list-cross.png) no-repeat 0 11px; } /* shortcode : pricing table /* ------------------------------------ */ .pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4 { width: 100%; margin: 20px 0 30px; } .pricing-table .plan { background: #fff; float: left; display: block; } .pricing-table.col-2 .plan { width: 49.75%; } .pricing-table.col-3 .plan { width: 33.1%; } .pricing-table.col-4 .plan { width: 24.8%; } .plan { border: 1px solid #d5d5d5; text-align: center; margin-left: -1px; } .plan:first-child { margin-left: 0; } .pricing-table .plan:last-child { border-right: 1px solid #d5d5d5; } .plan.featured { border: 1px solid #00c8d6; position: relative; z-index: 9; margin: -20px 0 0 -1px; padding: 20px 0px 0 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0,0,0.3); } .plan .plan-head { background-color: #666; } .plan.featured .plan-head { background-color: #00c8d6; color: #fff; } .plan h3 { font-weight: 300; font-size: 16px; margin: -1px -1px 0px -1px; padding: 10px 0; color: #fff; } .plan.featured h3 { font-size: 18px; margin: -21px -1px 0px -1px; padding: 20px 0; color: #fff; } .plan .price { background-image: url(img/ie/opacity-20.png); font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 38px; line-height: 1.5em; font-weight: normal; margin: 0 -1px 0 -1px; padding: 4px 0px 4px 0px; } .plan.featured .price span { color: rgba(255,255,255,0.5); } .plan .price span { font-weight: normal; font-size: 14px; line-height: 1em; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255,255,255,0.5); } .plan .signup { background-color: #f4f4f4; border-top: 1px dotted #d5d5d5; padding: 10px 0px; text-align: center; } .plan.featured .signup { padding: 16px 0; } .plan ul { margin:0 !important; list-style: none !important; padding:0 !important; } .plan li { list-style: none!important; font-size: 13px; margin: 0 20px; padding: 7px 0px; text-align: center; border-bottom: 1px solid #eee!important; } .plan li:last-child { border-bottom: 0px!important; } /* shortcode : alerts /* ------------------------------------ */ .alert { position: relative; padding: 12px 30px 12px 20px; text-align: center; font-size: 12px; line-height: 1.5em; margin: 0 0 20px 0; border: 1px solid; } .alert a { color: #444; } .alert .alert-close { opacity: 0.4; background: url(img/shortcodes/alert-close.png) no-repeat 0 0; width: 12px; height: 12px; display: block; position: absolute; top: 15px; right: 10px; overflow: hidden; text-indent: -999px; } .alert .alert-close:hover { opacity: 1; } .alert.notice { background: #fff; border-color: #e8e8e8; } .alert.warning { background: #fbeed5; border-color: #e4ddb7; color: #ad8643; } .alert.success { background: #dff0d8; border-color: #c1e1b4; color: #468847; } .alert.error { background: #f2dede; border-color: #e3bfbf; color: #b94a48; } .alert.info { background: #d9edf7; border-color: #b7dbed; color: #3a87ad; } /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 62px; font-weight: bold; line-height: 62px; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 18px 20px 18px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } .pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 18px 0 18px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #444; border-bottom: 1px dotted #444; } /* shortcode : tabs /* ------------------------------------ */ .tabs { width: 100%; margin-bottom: 20px; font-size: 13px; } ul.tabs-nav { margin: 0 0 0 1px; padding: 0; width: 100%; z-index: 2; position: relative; } ul.tabs-nav li { list-style: none; } ul.tabs-nav li a { background: #f6f6f6; color: #777; border: 1px solid #e5e5e5; border-bottom: 0; display: inline-block; float: left; padding: 9px 14px 9px 14px; margin-left: -1px; } ul.tabs-nav li a:hover { color: #444; cursor: pointer; } ul.tabs-nav li a.active { border-top-color: #00c8d6; color: #00c8d6; background: #fff; margin-bottom: -1px; padding-bottom: 10px; } .tab { background: #fff; display: none; border: 1px solid #e5e5e5; float: left; width: 100%; } .tab .tab-content { padding: 20px; } /* shortcode : accordion /* ------------------------------------ */ .accordion { border-bottom: 1px solid #e8e8e8; padding-top: 14px; margin-bottom: 14px; } .accordion .title a { border-top: 1px solid #e8e8e8; font-size: 15px; color: #777; display: block; padding: 25px 20px 25px 50px; position: relative; } .accordion .title a:hover { background: #f8f8f8; color: #00c8d6; } .accordion .title .icon { background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 28px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .accordion .title.active a { color: #00c8d6; } .accordion .title.active a:hover { background: none; } .accordion .title.active .icon { background: #00c8d6 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .accordion .inner { margin-top: -5px; padding: 0 20px 20px 50px; font-size: 13px; } /* shortcode : toggle /* ------------------------------------ */ .toggle { margin-bottom: 20px; border: 1px solid #e8e8e8; font-size: 13px; } .toggle .title { background: url(img/shortcodes/toggle-plus.png) no-repeat; font-size: 15px; color: #777; padding: 20px 20px 20px 50px; position: relative; cursor: pointer; } .toggle .title:hover { background: #f8f8f8; color: #00c8d6; } .toggle .title.active { background: url(img/shortcodes/toggle-minus.png) no-repeat; color: #00c8d6; } .toggle .title .icon { background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 23px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .toggle .title.active .icon { background: #00c8d6 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .toggle .inner { display: none; border-top: 1px dotted #e8e8e8; } .toggle .inner .content { padding: 20px; } /* shortcode : google maps /* ------------------------------------ */ .google-map { margin-bottom: 30px; } .google-map-full { width: 100%!important; } /* ------------------------------------------------------------------------- * * Tablet (Portrait) : 768px Width /* ------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1000px) { /* base */ #wrap { min-width: 768px; } .container, .container.no-sidebar #content-part { width: 708px; } #content-part { width: 478px; } #sidebar { width: 200px; } #tagline { display: none; } #nav li a { padding-left: 15px; padding-right: 15px; } /* blog */ .no-sidebar .entry-thumbnail a { width: 170px; } .no-sidebar .entry-part { width: 448px; } .entry-thumbnail a { width: 80px; } .entry-part { width: 300px; } /* footer */ #footer .widget_search input#s { width: 129px; } /* template: page */ #page-image-text { margin-top: -24px; } #page-image-text span.caption { line-height: 48px; font-size: 48px; } #page-image-text span.description { font-size: 13px; } /* template: portfolio */ #portfolio { width: 728px; } .video-container.fancybox-video { width: 600px; } /* widgets */ #sidebar .widget_search input#s { width: 128px; } /* template: front */ .front #slidecaption { padding-left: 40px; padding-right: 40px; max-height: none; overflow: visible; } .front #slidecaption h1 { font-size: 120px; } .front #slidecaption h2 { font-size: 60px; } .front #slidecaption h3 { font-size: 24px; } .front #slidecaption a.more { font-size: 30px; padding: 9px 22px; } /* shortcode: columns */ .one-half { width: 344px; } .one-third { width: 222px; } .two-third { width: 464px; } .one-fourth { width: 162px; } .three-fourth { width: 526px; } .one-fifth { width: 125px; } .two-fifth { width: 270px; } .three-fifth { width: 395px; } .four-fifth { width: 540px; } .pad .one-half { width: 314px; } .pad .one-third { width: 202px; } .pad .two-third { width: 426px; } .pad .one-fourth { width: 147px; } .pad .three-fourth { width: 481px; } .pad .one-fifth { width: 113px; } .pad .two-fifth { width: 249px; } .pad .three-fifth { width: 382px; } .pad .four-fifth { width: 515px; } #content-part .one-half{ width: 48%; } #content-part .one-third { width: 30.66%; } #content-part .two-third { width: 65.33%; } #content-part .one-fourth { width: 22%; } #content-part .three-fourth { width: 74%; } #content-part .one-fifth { width: 16.8%; } #content-part .two-fifth { width: 37.6%; } #content-part .three-fifth { width: 58.4%; } #content-part .four-fifth { width: 79.2%; } #content-part .one-half, #content-part .one-third, #content-part .two-third, #content-part .three-fourth, #content-part .one-fourth, #content-part .one-fifth, #content-part .two-fifth, #content-part .three-fifth, #content-part .four-fifth { position: relative; margin-right: 4%; float: left; } /* shortcode: pricing tables */ #content-part .pricing-table.col-2 .plan, #content-part .pricing-table.col-3 .plan, #content-part .pricing-table.col-4 .plan { width: 49.6%; } #content-part .plan { margin-bottom: 20px; } #content-part .plan.featured { margin: 0 0 20px -1px; } #content-part .plan.featured h3 { padding: 10px 0; } #content-part .plan.featured .signup { padding: 7px 0 8px; } .no-sidebar .plan { margin-bottom: 0; } .no-sidebar .plan.featured { margin: -21px -1px 0px -1px; } .no-sidebar .plan.featured h3 { padding: 20px 0; } .no-sidebar .plan.featured .signup { padding: 16px 0; } /* shortcode: google maps */ .google-map { width: 100%!important; } } /* ------------------------------------------------------------------------- * * Mobile (Common) : 480px & 320px Width /* ------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* base */ body { font-size: 13px; } #sidebar, #content-part, #content-part.right { float: none; } #sidebar { padding: 10px 0 0; } #sidebar.sidebar-right { margin-left: 0; float: none; } #sidebar.sidebar-left { margin-right: 0; float: none; } #header-inner.container { width: 100%; } #logo { width: 100%; float: none; height: 50px; line-height: 50px; } #logo a img { padding: 0; } .select-nav { display: block; } .mobile-sidebar #sidebar, #sidebar.mobile { width: 100%; display: block; float: none; } #sidebar.sidebar-full .text { font-size: 13px; } /* hide */ #sidebar, #tagline, #header-nav, #subheader-rss, .caption-bar, .flexslider#flex-portfolio .flex-direction-nav, li.entry-author, #page-image-text span.description, ul#portfolio-size, #slidecaption { display: none; } /* page titles */ #page-title h1, #page-title h2 { font-size: 20px; } .search #page-title h1 span, .search #page-title h2 span { display: inline; } /* footer */ #footer-widgets .widget { margin-bottom: 0; } #footer-bottom .one-half { border-bottom: 1px solid #ddd; } /* template: front */ .front #slidecaption { max-height: none; overflow: visible; } /* template: portfolio */ #portfolio { margin-right: 0; } ul#portfolio-filter li { float: left; width: 100%; margin: 1px 0; } ul#portfolio-filter li a { float: none; } ul#portfolio-pagination { float: none; padding: 20px 0 0; margin: 0; } .portfolio-item { margin-bottom: 10px; } .portfolio-item a.portfolio-meta { opacity: 1; } .single-portfolio #sidebar { display: block; width: 100%; padding-top: 0; } .single-portfolio #page-title { margin-bottom: 0; } /* shortcode: hr */ .text hr, .hr { margin-top: 26px; } /* shortcode: columns */ .one-half, .pad .one-half, #content-part .one-half { width: 100%; margin: 0 0 20px; } .one-third, .pad .one-third, #content-part .one-third { width: 100%; margin: 0 0 20px; } .two-third, .pad .two-third, #content-part .two-third { width: 100%; margin: 0 0 20px; } .one-fourth, .pad .one-fourth, #content-part .one-fourth { width: 100%; margin: 0 0 20px; } .three-fourth, .pad .three-fourth, #content-part .three-fourth { width: 100%; margin: 0 0 20px; } .one-fifth, .pad .one-fifth, #content-part .one-fifth { width: 100%; margin: 0 0 20px; } .two-fifth, .pad .two-fifth, #content-part .two-fifth{ width: 100%; margin: 0 0 20px; } .three-fifth, .pad .three-fifth, #content-part .three-fifth{ width: 100%; margin: 0 0 20px; } .four-fifth, .pad .four-fifth, #content-part .four-fifth{ width: 100%; margin: 0 0 20px; } /* shortcode: pricing tables */ .plan { margin-bottom: 20px; } .plan.featured { margin: 0 0 20px -1px; } .plan.featured h3 { padding: 10px 0; } .plan.featured .signup { padding: 7px 0 8px; } /* shortcode: google maps */ .google-map { width: 100%!important; } } /* ------------------------------------------------------------------------- * * Mobile (Landscape) : 480px Width /* ------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* base */ #wrap { min-width: 480px; } .container, .container.no-sidebar, #content-part, #portfolio, .video-container.fancybox-video { width: 420px; } /* footer */ #footer .widget_search input#s { width: 388px; } /* comments */ ol.commentlist li.comment ul.children li.comment, li.comment li #respond { padding-left: 10px; } /* page image */ #page-image-text { margin-top: -20px; } #page-image-text span.caption { line-height: 40px; font-size: 40px; } /* blog */ .entry-part { margin-left: 20px; } .no-sidebar .entry-thumbnail, .entry-thumbnail { margin-left: -30px; } .no-sidebar .entry-thumbnail a, .entry-thumbnail a { width: 80px; } .no-sidebar .entry-part, .entry-part { width: 290px; } /* template: front */ .front #slidecaption { padding: 40px 40px 0; } .front #slidecaption h1 { font-size: 66px; } .front #slidecaption h2 { font-size: 40px; } .front #slidecaption h3 { font-size: 22px; } .front #slidecaption a.more { font-size: 22px; line-height: 32px; padding: 6px 16px; margin: 20px 0 0; } /* shortcode: pricing tables */ .pricing-table.col-2 .plan, .pricing-table.col-3 .plan, .pricing-table.col-4 .plan { width: 49.5%; } } /* ------------------------------------------------------------------------- * * Mobile (Portrait) : 320px Width /* ------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* base */ body { font-size: 13px; } #logo a { padding: 0 15px; } .pad { padding: 20px 20px 15px; } .portfolio-item-single.pad { padding-bottom: 40px; } #wrap { min-width: 320px; } .container, .container.no-sidebar, #content-part, #portfolio, .video-container.fancybox-video { width: 290px; } /* hide */ #page-image-text, #page-title h1 span, #page-title h2 span, #subheader-search, .entry-author-block, .entry-tags, .flex-post .flex-control-nav, #slidecounter { display: none; } /* page titles */ #page-title { margin: -10px 0 0; } #page-title h1, #page-title h2 { font-size: 18px; text-align: center; } /* footer */ #footer .widget_search input#s { width: 228px; } /* blog */ .entry-part { width: 100%; margin-left: 0; } .entry-thumbnail { display: none; } .blog .entry-title, .single .entry-title, .archive .entry-title, .search .entry-title { font-size: 28px; } .entry-format.link p, .entry-format.quote blockquote, .format-status .text { font-size: 18px; } .entry-format.chat p { font-size: 14px; } .entry-meta { font-size: 12px; } .entry-format.quote, .entry-format.chat { padding: 5px 20px; } .entry-format.link p a { padding: 20px; } .format-link .icon-32 { margin-top: -3px; } /* comments */ ol.commentlist li { padding-left: 0; } ol.commentlist li.comment .comment-body img.avatar { display: none; } ol.commentlist li.comment ul.children li.comment, li.comment li #respond { padding-left: 5px; } ol.commentlist li.comment ul.children li .comment-body { padding-left: 20px; } ol.commentlist li.comment ul.children li .comment-body .comment-meta { left: 20px; } /* template: front */ .front #slidecaption { padding: 20px 30px 0; max-height: none; overflow: visible; } .front #slidecaption h1 { font-size: 40px; } .front #slidecaption h2 { font-size: 26px; } .front #slidecaption h3 { font-size: 18px; } .front #slidecaption a.more { font-size: 16px; line-height: 32px; padding: 0 12px; margin: 20px 0 0; } #prevslide { left: 0; } #nextslide { right: 0; } /* template: portfolio */ ul#portfolio-pagination { text-align: center; margin-bottom: -10px; } ul#portfolio-pagination li { display: inline-block; } ul#portfolio-pagination, ul#portfolio-pagination li, ul#portfolio-pagination li a { float: none; } /* shortcode: pricing table */ .pricing-table.col-2 .plan, .pricing-table.col-3 .plan, .pricing-table.col-4 .plan { width: 100%; } /* shortcode: tabs */ ul.tabs-nav li a { width: 86%; padding-left: 7%; padding-right: 7%; } }