/* =table by yunsil -------------------------------------------------------------- */ .exhibition_ew { width: 30%; margin:1.2%; padding:2%; border: 1px solid #eee; height: 550px; position: relative; text-align: center; float:left; font-size:small; } .exhibition_ew .poster { display: inline-block; padding-bottom:20px; height:60%; width:90%; } .exhibition_ew .title { font-weight:bold; padding-bottom:10px; } /* Theme Name: Vertue Theme URI: http://www.tienvooracht.nl/themes/vertue/ Description: Vertue WordPress theme Version: 1.2 Author: Derk Jan ten Ham Author URI: http://www.tienvooracht.nl/ License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Reset - CSS Reset, HTML5 & Clearfix - HTML5 Boilerplate (http://html5boilerplate.com) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; padding: 0; margin: 0; -webkit-font-smoothing: subpixel-antialiased; } /* --------------------------------------------------------------------------------------- Enable box-sizing for all elements ------------------------------------------------------------------------------------------ */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* --------------------------------------------------------------------------------------- HTML5 display definitions ------------------------------------------------------------------------------------------ */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* --------------------------------------------------------------------------------------- Base ------------------------------------------------------------------------------------------ */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body { height: 100%; } /* --------------------------------------------------------------------------------------- Lists ------------------------------------------------------------------------------------------ */ ul, ol { list-style: none; padding: 0; margin: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* --------------------------------------------------------------------------------------- Typography ------------------------------------------------------------------------------------------ */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } dfn { font-style: italic; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* - Make sure sup and sub don't screw with your line-heights (gist.github.com/413930) - */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* --------------------------------------------------------------------------------------- Tables still need cellspacing="0" in the markup ------------------------------------------------------------------------------------------ */ table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } /* --------------------------------------------------------------------------------------- Input ------------------------------------------------------------------------------------------ */ input, select { vertical-align: middle; outline: none; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom;} select, input, textarea { outline: none; } /* - No weird borders or outlines on focus - */ input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0; } input[type="submit"]:focus, input[type="button"]:focus { outline: none; } /* --------------------------------------------------------------------------------------- Hand cursor on clickable elements ------------------------------------------------------------------------------------------ */ .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; } /* - Webkit browsers add a 2px margin outside the chrome of form elements - */ button, input, select, textarea { margin: 0; } /* - Make buttons play nice in IE - */ button { width: auto; overflow: visible; } /* --------------------------------------------------------------------------------------- Embedded content ------------------------------------------------------------------------------------------ */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* - Correct overflow not hidden in IE9 - */ svg:not(:root) { overflow: hidden; } /* --------------------------------------------------------------------------------------- Responsive images and other embedded objects ------------------------------------------------------------------------------------------ */ img, figure, object, embed { width: auto; max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } figure { margin: 0; } /* - Scale images in IE7 more attractively - */ .ie7 img { -ms-interpolation-mode: bicubic; } /* - Prevent BG image flicker upon hover - */ .ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* --------------------------------------------------------------------------------------- Selection colours (easy to forget) ------------------------------------------------------------------------------------------ */ ::selection { background: #59b8d3; background: rgb(89,184,211); color: #fff; } ::-moz-selection { background: #59b8d3; background: rgb(89,184,211); color: #fff; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: rgb(89,184,211); } /* --------------------------------------------------------------------------------------- Forms ------------------------------------------------------------------------------------------ */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* - Indicate that 'label' will shift focus to the associated form element - */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* - Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 - */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* - Consistent box sizing and appearance - */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* - Remove inner padding and border in FF3/4: h5bp.com/l - */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* - Colors for form validity - */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Common stuff ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Paragraph ------------------------------------------------------------------------------------------ */ p { margin-bottom: 20px; } /* --------------------------------------------------------------------------------------- Alignment ------------------------------------------------------------------------------------------ */ .alignleft, .left { float: left !important; } .alignright, .right { float: right !important; } .center, .aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; } /* - Images - */ img.alignleft { margin: 0 20px 10px 0; } img.alignright { margin: 0 0 10px 20px; } img.aligncenter { margin-bottom: 20px; } img.alignnone { display: block; margin: 20px 0 20px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .left, .right, img.alignleft, img.alignright, img.aligncenter, img.alignnone { display: block; width: 100% !important; margin: 0 auto; } } /* --------------------------------------------------------------------------------------- Make sure lists behave nice ------------------------------------------------------------------------------------------ */ .error404 .entry-content ul, .portfolio .entry-content ul, .page .entry-content ul, .post .entry-content ul { list-style-position: inside; list-style-type: disc; margin-bottom: 30px; } .error404 .entry-content ol, .portfolio .entry-content ol, .page .entry-content ol, .post .entry-content ol { list-style-position: inside; list-style-type: decimal; margin-bottom: 30px; } /* --------------------------------------------------------------------------------------- Blockquote ------------------------------------------------------------------------------------------ */ blockquote { width: 100%; position: relative; font-size: 1.4em; line-height: 30px; border-left: 1px solid #ddd; padding: 0 30px; margin-bottom: 20px; } blockquote { opacity: 0.5 } blockquote p:last-child { margin-bottom: 0; } /* --------------------------------------------------------------------------------------- Forms ------------------------------------------------------------------------------------------ */ /* - Label - */ label { display: none; float: left; color: #aaa; text-transform: uppercase; margin-bottom: 10px; } /* - Input, Textarea & Select - */ input[type='text'], input[type='password'], textarea, select { float: left; width: 100%; background: #eee; color: #aaa; border: none; padding: 15px; vertical-align: bottom; } input[type='text'], textarea, select { -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } input[type='text']:hover, textarea:hover, select:hover { background: #ffffaa; color: #aaa; } input[type='text']:focus, textarea:focus, select:focus { background: #ffffaa; color: #666; } /* - Input: Submit - */ input[type='submit'] { display: inline-block; float: right; position: relative; width: auto; background: #ef3926; color: #fff; text-transform: uppercase; border: none; padding: 15px 30px; } input[type='submit'] { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; -moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1); box-shadow: 0 1px 0 rgba(0,0,0, 0.1); } input[type='submit']:hover { background: #cc2817; } input[type='submit']:active { position: relative; background: #ef3926; top: 1px; } input[type='submit']:active { -moz-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { input[type='submit'] { display: block; float: left; width: 100%; padding: 15px 0 !important; } } /* - jQuery validate error - */ .error { width: 100%; color: #ff0000; font-size: 0.8em; margin: 0; } input.error, input:focus.error { background: #ff0000; color: #fff !important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- WordPress ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Search ------------------------------------------------------------------------------------------ */ #searchform input[type="submit"] { display: none; } /* --------------------------------------------------------------------------------------- Captions ------------------------------------------------------------------------------------------ */ .wp-caption.alignleft { margin: 0 20px 10px 0; } .wp-caption.alignright { margin: 0 0 10px 20px; } .wp-caption.aligncenter { margin-bottom: 20px; } .wp-caption-text { float: left; width: 100%; color: #bbb; text-align: center; font-size: 0.9em; padding: 5px; margin: 0; } /* --------------------------------------------------------------------------------------- WordPress » Gallery ------------------------------------------------------------------------------------------ */ .gallery { float: left; width: 100%; margin: 0; } .gallery .gallery-item { float: left; position: relative; width: 33%; text-align: center; padding: 10px; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } .gallery.gallery-columns-3 .gallery-item { width: 33.3%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 15px 0; } .gallery dl, .gallery dt { margin: 0 !important; } .gallery br+br { display: none; } /* --------------------------------------------------------------------------------------- Password protected ------------------------------------------------------------------------------------------ */ input[name="post_password"] { margin-bottom: 10px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Typography ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { font: 14px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; } body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* --------------------------------------------------------------------------------------- Links ------------------------------------------------------------------------------------------ */ a { color: #ef3926; text-decoration: none; } a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover { color: #c32413; text-decoration: none; } a:active { position: relative; top: 1px; } a:active { -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0; } /* --------------------------------------------------------------------------------------- Headings ------------------------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #222; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; padding: 0; margin: 0; word-wrap: break-word; } h1 { font-size: 2.8em; line-height: 1; margin-bottom: 20px; } h2 { font-size: 2.2em; line-height: 1; margin-bottom: 20px; } h3 { font-size: 1.6em; line-height: 1; margin-bottom: 20px; } h4 { font-size: 1.4em; line-height: 1; margin-bottom: 20px; } h5 { font-size: 1.2em; line-height: 1; margin-bottom: 20px; } h6 { font-size: 1.0em; line-height: 1; margin-bottom: 20px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Grid Desktop Normal Layout: 978px ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 9 10 11 12 px 54px 138px 222px 306px 390px 474px 558px 642px 726px 810px 894px 978px ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { width: 100%; background: #fff; } /* --------------------------------------------------------------------------------------- Columns ------------------------------------------------------------------------------------------ */ /* - Wrap - */ .wrap { float: left; position: relative; width: 100%; } /* - Container - */ .container { padding: 0 20px; } /* - Row - */ .row { width: 100%; max-width: 978px; min-width: 727px; margin: 0 auto; } /* - Columns - */ .column, .columns { float: left; position: relative; margin-left: 30px; min-height: 1px; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 54px; } .row .two { width: 138px; } .row .three { width: 222px; } .row .four { width: 306px; } .row .five { width: 390px; } .row .six { width: 474px; } .row .seven { width: 558px; } .row .eight { width: 642px; } .row .nine { width: 726px; } .row .ten { width: 810px; } .row .eleven { width: 894px; } .row .twelve { width: 978px; } .row .offset-by-one { margin-left: 54px; } .row .offset-by-two { margin-left: 138px; } .row .offset-by-three { margin-left: 222px; } .row .offset-by-four { margin-left: 306px; } .row .offset-by-five { margin-left: 390px; } .row .offset-by-six { margin-left: 474px; } .row .offset-by-seven { margin-left: 558px; } .row .offset-by-eight { margin-left: 642px; } .row .offset-by-nine { margin-left: 726px; } .row .offset-by-ten { margin-left: 810px; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 108px; } .row .offset-by-two:first-child { margin-left: 192px; } .row .offset-by-three:first-child { margin-left: 276px; } .row .offset-by-four:first-child { margin-left: 360px; } .row .offset-by-five:first-child { margin-left: 444px; } .row .offset-by-six:first-child { margin-left: 528px; } .row .offset-by-seven:first-child { margin-left: 612px; } .row .offset-by-eight:first-child { margin-left: 696px; } .row .offset-by-nine:first-child { margin-left: 780px; } .row .offset-by-ten:first-child { margin-left: 864px; } .row .offset-by-eleven:first-child { margin-left: 948px; } /* - Source Ordering */ .push-two { left: 168px } .push-three { left: 252px; } .push-four { left: 336px; } .push-five { left: 420px; } .push-six { left: 504px; } .push-seven { left: 588px; } .push-eight { left: 672px; } .push-nine { left: 756px; } .push-ten { left: 840px; } .pull-two { left: 168px } .pull-three { left: 252px; } .pull-four { left: 336px; } .pull-five { left: 420px; } .pull-six { left: 504px; } .pull-seven { left: 588px; } .pull-eight { left: 672px; } .pull-nine { left: 756px; } .pull-ten { left: 840px; } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ /* - Block-grid - */ .block-grid { display: block; overflow: hidden; } .block-grid > article, .block-grid > aside, .block-grid > li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -30px; } .block-grid.two-up > article, .block-grid.two-up > aside, .block-grid.two-up > li { margin-left: 30px; width: 474px; } .block-grid.three-up { margin-left: -30px; } .block-grid.three-up > article, .block-grid.three-up > aside, .block-grid.three-up > li { margin-left: 30px; width: 306px; } .block-grid.four-up { margin-left: -30px; } .block-grid.four-up > article, .block-grid.four-up > aside, .block-grid.four-up > li { margin-left: 30px; width: 222px; } .block-grid.six-up { margin-left: -30px; } .block-grid.six-up > article, .block-grid.six-up > aside, .block-grid.six-up > li { margin-left: 30px; width: 138px; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Wraps ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Header Wrap ------------------------------------------------------------------------------------------ */ #header-wrap { position: relative; margin-top: 40px; } /* --------------------------------------------------------------------------------------- Subheader Wrap ------------------------------------------------------------------------------------------ */ #subheader-wrap { position: relative; padding: 30px 0; } /* --------------------------------------------------------------------------------------- Content Wrap ------------------------------------------------------------------------------------------ */ #content-wrap { position: relative; padding: 30px 0; } /* --------------------------------------------------------------------------------------- Subfooter Wrap ------------------------------------------------------------------------------------------ */ #subfooter-wrap { position: relative; padding: 30px 0; } /* --------------------------------------------------------------------------------------- Footer Wrap ------------------------------------------------------------------------------------------ */ #footer-wrap { position: relative; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Theme specific common stuff ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Radius ------------------------------------------------------------------------------------------ */ .has-radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* --------------------------------------------------------------------------------------- Shadow ------------------------------------------------------------------------------------------ */ .has-shadow { -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } /* --------------------------------------------------------------------------------------- Content Box ------------------------------------------------------------------------------------------ */ .content-box { background: #fff; padding: 50px 84px; } .content-box { -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { .content-box { padding: 30px; } } /* --------------------------------------------------------------------------------------- Content Box » Entry Format ------------------------------------------------------------------------------------------ */ .content-box .entry-format { float: left; width: 100%; margin-bottom: 30px; } /* - Special cursor for images that are links - */ .content-box .entry-format a img:hover { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; } /* --------------------------------------------------------------------------------------- Content Box » Entry Header ------------------------------------------------------------------------------------------ */ .content-box .entry-header { float: left; width: 100%; margin-bottom: 20px; } .content-box .entry-header .entry-title { font-weight: bold; margin: 0; } /* --------------------------------------------------------------------------------------- Content Box » Footer ------------------------------------------------------------------------------------------ */ .content-box .entry-footer { float: left; } /* --------------------------------------------------------------------------------------- Content Box » Entry Meta ------------------------------------------------------------------------------------------ */ .content-box .entry-meta { float: left; } .content-box .entry-meta a { font-weight: bold; } .content-box .entry-meta a:hover {} /* --------------------------------------------------------------------------------------- Content Box » Entry Format » Image ------------------------------------------------------------------------------------------ */ .content-box .entry-format.entry-image { position: relative; text-align: center; } .content-box .entry-format.entry-image img { width: auto; } /* - Caption - */ .content-box .entry-format.entry-image .image-caption { padding-top: 30px; margin-bottom: -20px; } /* --------------------------------------------------------------------------------------- Content Box » Entry Format » Gallery ------------------------------------------------------------------------------------------ */ /* - Normal Gallery - */ .content-box .entry-format.entry-gallery {} .content-box .entry-format.entry-gallery ul.gallery { } .content-box .entry-format.entry-gallery ul.gallery li.gallery-item { float: left; position: relative; width: 100%; text-align: center; padding: 0; margin-bottom: 30px; } .content-box .entry-format.entry-gallery ul.gallery li.gallery-item:last-child { margin-bottom: 0; } .content-box .entry-format.entry-gallery ul.gallery li.gallery-item img { margin: 0; } /* - Slideshow - */ .content-box .entry-format.entry-slideshow { float: left; width: 100%; } .content-box .entry-format.entry-slideshow ul.slides { float: left; width: 100%; } .content-box .entry-format.entry-slideshow ul.slides li.slide { float: left; width: 100%; } .content-box .entry-format.entry-slideshow ul.slides li.slide img { display: inline-block; } /* --------------------------------------------------------------------------------------- Content Box » Entry Format » Video ------------------------------------------------------------------------------------------ */ .content-box .entry-format.entry-video {} /* --------------------------------------------------------------------------------------- Content Box » Content ------------------------------------------------------------------------------------------ */ .content-box .entry-content { display: block; } /* - Intro - */ .content-box .entry-content .entry-intro { float: left; width: 100%; font-size: 1.2em; border-bottom: 1px solid #eee; margin-bottom: 30px; } .content-box .entry-content .entry-intro p {} .content-box .entry-content .entry-intro p { opacity: 0.75; } /* --------------------------------------------------------------------------------------- Icon ------------------------------------------------------------------------------------------ */ .icon { position: absolute; width: 40px; height: 40px; background-color: rgba(0,0,0, 0.85); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; } .icon { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .icon:hover { background-color: rgba(0,0,0, 0.95); } .icon:active { position: absolute; top: auto; } /* --------------------------------------------------------------------------------------- Flexslider ------------------------------------------------------------------------------------------ */ .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 {display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* - Flexslider - */ .flexslider { position: relative; float: left; width: 100%; } .flexslider .slides li { width: 100%; text-align: center; } /* - Direction Nav - */ .flexslider .flex-direction-nav { position: absolute; width: 100%; margin-top: -20px; top: 50%; z-index: 9999; } .flexslider .flex-direction-nav { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .flexslider .flex-direction-nav a { position: absolute; height: 40px; width: 40px; background-image: url(images/slider-navigation.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; } .flexslider .flex-direction-nav a { opacity: 0.2; } .flexslider .flex-direction-nav a:hover { opacity: 0.4; } .flexslider .flex-direction-nav .flex-prev { background-image: url(images/icons/icon-previous.png); left: -60px; } .flexslider .flex-direction-nav .flex-next { background-image: url(images/icons/icon-next.png); right: -60px; } /* --------------------------------------------------------------------------------------- Audio & Video Player ------------------------------------------------------------------------------------------ */ .jp-audio, .jp-video, .jp-jplayer { position: relative; } .jp-seek-bar, .jp-volume-bar, .jp-volume-bar-knob { cursor: pointer; } /* - Interface - */ .jp-interface { display: block; float: left; position: relative; width: 100%; height: 50px; background: rgba(0,0,0, 0.9); } /* - Controls - */ .jp-controls { position: absolute; width: 50px; height: 50px; top: 0; left: 0; z-index: 10; overflow: hidden; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .jp-controls { width: 40px; } } .jp-controls a.jp-play, .jp-controls a.jp-pause { float: left; width: 100%; height: 50px; background-repeat: no-repeat; background-position: center center; text-indent: -9999em; } .jp-controls a.jp-play { background-image: url(images/icons/player/icon-player-play.png); } .jp-controls a.jp-pause { background-image: url(images/icons/player/icon-player-pause.png); } /* - Progress - */ .jp-progress-wrap { float: left; position: relative; width: 100%; height: 50px; padding: 0 50px; z-index: 9; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .jp-progress-wrap { padding: 0 55px; } } .jp-progress-wrap .jp-progress { position: relative; width: 100%; height: 10px; background: #ef3926; top: 20px; overflow: hidden; } .jp-progress-wrap .jp-play-bar { float: left; height: 10px; background: #fff; } .jp-progress-wrap .jp-seek-bar { float: left; height: 10px; } /* - Controls - */ .jp-volume-controls { position: absolute; width: 50px; height: 50px; top: 0; right: 0; z-index: 10; overflow: hidden; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .jp-volume-controls { width: 40px; } } .jp-volume-controls li a.jp-mute, .jp-volume-controls li a.jp-unmute { float: left; width: 100%; height: 50px; background-repeat: no-repeat; background-position: center center; text-indent: -9999em; } .jp-volume-controls li a.jp-mute { background-image: url(images/icons/player/icon-player-mute.png); } .jp-volume-controls li a.jp-unmute { background-image: url(images/icons/player/icon-player-unmute.png); } /* - Video - */ .jp-video { background-color: #000; background-image: url(images/ajax-loader-dark.gif); background-repeat: no-repeat; background-position: center center; } .jp-video .jp-jplayer-video { display: none; } .entry-format.entry-video .jp-interface { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; } /*---------------------------------------------------------------------------------------*/ /* Video /*---------------------------------------------------------------------------------------*/ .entry-video iframe, .entry-video object, .entry-video embed { width: 100%; background: #000 url(images/ajax-loader-dark.gif) no-repeat center center; border: 0 !important; padding: 0 !important; margin: 0 !important; margin-bottom: -6px !important; z-index: 99; } .videoWrapper { position: relative; height: 0; padding-bottom: 56.25%; padding-top: 25px; } .videoWrapper iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* --------------------------------------------------------------------------------------- Loading ------------------------------------------------------------------------------------------ */ #loading { display: none; position: fixed; width: 40px; height: 40px; background-color: rgba(0,0,0, 0.85); background-image: url(images/ajax-loader-dark.gif); background-repeat: no-repeat; background-position: center center; bottom: 20px; right: 20px; z-index: 99999; } #loading { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Header ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; color: #888; padding-top: 25px; padding-bottom: 25px; z-index: 999; } /* --------------------------------------------------------------------------------------- Header » Logo ------------------------------------------------------------------------------------------ */ #header #logo { float: left; width: auto; } #header #logo #site-title { position: relative; color: #fff; font-size: 30px !important; font-weight: bold !important; line-height: 50px; letter-spacing: -0.05em; padding: 0; margin: 0; z-index: 999; } #header #logo #site-logo, #header #logo #site-logo a { padding: 0; margin: 0; } /* --------------------------------------------------------------------------------------- Header » Logo ------------------------------------------------------------------------------------------ */ #header #tagline { padding: 5px 0; } /* --------------------------------------------------------------------------------------- Header » Navigation ------------------------------------------------------------------------------------------ */ #header #navigation { float: right; } #header #navigation ul.menu > li.menu-item { float: left; position: relative; } #header #navigation ul.menu > li.menu-item > a { float: left; line-height: 50px; padding: 0; margin-left: 20px; } #header #navigation ul.menu > li.menu-item:first-child > a { margin-left: 0; } /* - Current Menu Item - */ #header #navigation ul.menu li.menu-item.current-menu-item a { color: #ef3926; } /* - Sub-menu Link - */ #header #navigation ul.menu li.menu-item.has-children { position: relative; } #header #navigation ul.menu li.menu-item.has-children > a:after { content: ' \2193'; } /* - Sub-menu - */ #header #navigation ul.menu li.menu-item .sub-menu { position: absolute; background-color: #000000; width: 150px; padding: 20px; margin-left: 0; top: 50px; left: -999em; z-index: 999; } /*background-color: #ef3926; width: 306px;*/ #header #navigation ul.menu li.menu-item .sub-menu { -moz-box-shadow: 0 1px 1px 0 rgba( 0,0,0, 0.2 ); -webkit-box-shadow: 0 1px 1px 0 rgba( 0,0,0, 0.2 ); box-shadow: 0 1px 1px 0 rgba( 0,0,0, 0.2 ); } #header #navigation ul.menu li.menu-item:hover .sub-menu { left: 0; overflow: visible !important; z-index: 9999 !important; } #header #navigation ul.menu li.menu-item:hover .sub-menu .sub-menu { left: 222px; } #header #navigation ul.menu li.menu-item .sub-menu li { float: left; width: 100%; border-bottom: 1px solid rgba( 255,255,255, 0.1 ); } #header #navigation ul.menu li.menu-item .sub-menu li:last-child { border-bottom: none; } #header #navigation ul.menu li.menu-item .sub-menu li a { float: left; width: 100%; color: #fff; padding: 5px 0; } #header #navigation ul.menu li.menu-item .sub-menu li a:hover { padding-left: 10px; } /* - Sub menu » Current - */ #header #navigation ul.menu li.menu-item .sub-menu li.current_page_item > a, #header #navigation ul.menu li.menu-item .sub-menu li.current-cat > a, #header #navigation ul.menu li.menu-item .sub-menu li.current-menu-item > a { color: #fff; padding-left: 10px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { /* - Trigger - */ a.trigger.menu { display: block; position: absolute; width: 40px; height: 40px; background-color: rgba(0,0,0, 0.2); background-image: url(images/icons/icon-expand.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; top: 30px; right: 70px; z-index: 9999; } a.trigger.menu.active { background-image: url(images/icons/icon-close-nav.png); } /* - Navigation - */ #header #navigation { display: none; float: left; margin-top: 30px; } #header #navigation ul.menu li.menu-item { float: left; width: 100%; border-bottom: 1px solid #eee; } #header #navigation ul.menu li.menu-item:last-child { border-bottom: none; } #header #navigation ul.menu > li.menu-item > a { display: block; float: left; width: 100%; line-height: 40px; padding: 0 10px; margin: 0 !important; } #header #navigation ul.menu > li.menu-item > a:hover { padding-left: 20px; } #header #navigation ul.menu li.menu-item.has-children { border-bottom: none; } #header #navigation ul.menu li.menu-item .sub-menu { visibility: visible !important; display: block !important; float: left; position: relative !important; width: 100%; top: auto; left: auto; } #header #navigation ul.menu li.menu-item .sub-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } } /* --------------------------------------------------------------------------------------- Header » Trigger ------------------------------------------------------------------------------------------ */ #header-wrap a.trigger.search { display: block; position: absolute; width: 40px; height: 40px; background-image: url(images/icons/icon-search.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; top: 30px; right: 22px; } #header-wrap a.trigger.search { opacity: 0.2; } #header-wrap a.trigger.search:hover { opacity: 0.4; } #header-wrap a.trigger.search.active { background-image: url(images/icons/icon-close.png); } /* - Mobile - */ @media only screen and (min-width: 0) and (max-width: 767px) { #header-wrap .search { display: none; } } /* --------------------------------------------------------------------------------------- Header » Search ------------------------------------------------------------------------------------------ */ #search { display: none; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Filter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #filter { padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; } #filter ul { float: left; width: 100%; } #filter ul li { float: left; margin-left: 15px; } #filter ul li:first-child { margin-left: 0; } #filter ul li a { float: left; padding: 0; } #filter ul li a.selected {} /* - Tablet - */ @media only screen and (min-width: 0) and (max-width: 1023px) { #filter ul { float: left; width: 100%; } #filter ul li { float: left; width: 100%; margin-left: 0; margin-bottom: 5px; } #filter ul li a { float: left; width: 100%; padding: 0 20px; } } /* - Mobile - */ @media only screen and (min-width: 0) and (max-width: 767px) { #filter { display: none; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Gate ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.gate { display: none; margin-bottom: 60px; } /* --------------------------------------------------------------------------------------- Gate » Navigation ------------------------------------------------------------------------------------------ */ #gate-navigation { display: none; position: relative; height: 70px; padding: 10px; margin-bottom: 30px; } #gate-navigation a { position: absolute; width: 54px; height: 50px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; margin-top: -25px; top: 50%; } #gate-navigation a { opacity: 0.2; } #gate-navigation a:hover { opacity: 0.4; } /* - Specific - */ #gate-navigation .previous a { background-image: url(images/icons/icon-previous.png); left: 22px; } #gate-navigation .close a { background-image: url(images/icons/icon-close.png); margin-left: -27px; left: 50%; } #gate-navigation .next a { background-image: url(images/icons/icon-next.png); right: 22px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Portfolio ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #portfolio {} /* --------------------------------------------------------------------------------------- Portfolio » Grid ------------------------------------------------------------------------------------------ */ #portfolio .isotope { margin: -15px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { #portfolio .isotope { margin: 0; } } /* --------------------------------------------------------------------------------------- Portfolio » Item ------------------------------------------------------------------------------------------ */ #portfolio .item { position: relative; float: left; width: 306px; margin: 15px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { #portfolio .item { margin: 0; margin-bottom: 30px; } } /* --------------------------------------------------------------------------------------- Portfolio » Image ------------------------------------------------------------------------------------------ */ #portfolio .portfolio .entry-thumb { position: relative; margin-bottom: 0; } #portfolio .portfolio .entry-thumb img { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.1); box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.1); } #portfolio .portfolio:hover .entry-thumb img, #portfolio .portfolio.active .entry-thumb img { opacity: 0.2; } /* - Icons » Permalink - */ #portfolio .portfolio .entry-thumb .icon.permalink { position: absolute; background-image: url(images/icons/icon-permalink.png); right: 10px; bottom: 10px; } #portfolio .portfolio .entry-thumb .icon.permalink { opacity: 0; } #portfolio .portfolio:hover .entry-thumb .icon.permalink { opacity: 1; } /* --------------------------------------------------------------------------------------- Portfolio » Header ------------------------------------------------------------------------------------------ */ #portfolio .entry-header { text-align: center; margin-top: 20px; } #portfolio .entry-header .portfolio-title { margin: 0; margin-bottom: 5px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Portfolio » Single ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.portfolio { margin-bottom: 30px; } /* --------------------------------------------------------------------------------------- Portfolio » Entry Content ------------------------------------------------------------------------------------------ */ #content.portfolio .entry-content {} /* --------------------------------------------------------------------------------------- Portfolio » Entry meta ------------------------------------------------------------------------------------------ */ .meta-item { margin-bottom: 10px; } .meta-item.entry-date .small-title, .meta-item.entry-client .small-title, .meta-item.entry-skills .small-title, .meta-item.entry-url .small-title { display: block; float: left; width: 100%; text-transform: uppercase; margin-bottom: 5px; } /* --------------------------------------------------------------------------------------- Portfolio » Media ------------------------------------------------------------------------------------------ */ /* - Media » Image - */ #content.portfolio .entry-format.entry-image {} /* - Media » Normal Gallery - */ #content.portfolio .entry-format.entry-gallery .gallery {} /* - Media » jQuery Slideshow - */ #content.portfolio .entry-format.entry-gallery .flexslider {} /* - Media » Video - */ #content.portfolio .entry-format.entry-video {} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Blog » Single ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.blog { margin-bottom: 0; } /* --------------------------------------------------------------------------------------- Portfolio » Item ------------------------------------------------------------------------------------------ */ #content.blog .item { float: left; position: relative; width: 100%; margin-bottom: 30px; } /* - Sticky - */ #content.blog .item .icon-sticky { display: none; } #content.blog .item.sticky .icon-sticky { display: block; position: absolute; width: 50px; height: 50px; background-image: url(images/icons/icon-sticky.png); background-repeat: no-repeat; background-position: center center; top: 0; right: 0; } #content.blog .item.sticky .icon-sticky { opacity: 0.2; } /* --------------------------------------------------------------------------------------- Portfolio » Entry Header ------------------------------------------------------------------------------------------ */ #content.blog .entry-header { float: left; width: 100%; margin-bottom: 30px; } /* --------------------------------------------------------------------------------------- Portfolio » Entry Header ------------------------------------------------------------------------------------------ */ #content.blog .entry-meta { float: left; width: 100%;} /* --------------------------------------------------------------------------------------- Portfolio » Entry Content ------------------------------------------------------------------------------------------ */ #content.blog .entry-content {} /* - More Link - */ #content.blog .entry-content a.more-link { font-weight: bold; text-decoration: underline; text-transform: uppercase; margin: 0 !important; } #content.blog .entry-content a.more-link:hover { text-decoration: none; } /* --------------------------------------------------------------------------------------- Blog » Format » Standard ------------------------------------------------------------------------------------------ */ .format-standard {} /* --------------------------------------------------------------------------------------- Blog » Format » Link ------------------------------------------------------------------------------------------ */ .format-link {} .format-link .entry-format.entry-link { text-transform: uppercase; word-wrap: break-word; margin-bottom: 0; } .format-link .entry-format.entry-link .entry-title { margin-bottom: 10px; } .format-link .entry-format.entry-link .entry-url {} /* --------------------------------------------------------------------------------------- Blog » Format » Quote ------------------------------------------------------------------------------------------ */ .format-quote {} .format-quote .entry-format.entry-quote { display: block; float: left; padding: 0; margin-bottom: 0; } .format-quote .entry-format.entry-quote p { font-size: 2.8em; line-height: 1; } .format-quote .entry-format.entry-quote p:last-child { margin-bottom: 0; } /* --------------------------------------------------------------------------------------- Blog » Format » Image ------------------------------------------------------------------------------------------ */ .format-image {} .format-image .entry-format.entry-image { position: relative; text-align: center; margin-bottom: 0; } .format-image .entry-format.entry-image img { width: auto; } /* --------------------------------------------------------------------------------------- Blog » Format » Gallery ------------------------------------------------------------------------------------------ */ .format-gallery {} .format-gallery .entry-gallery {} /* --------------------------------------------------------------------------------------- Blog » Format » Audio ------------------------------------------------------------------------------------------ */ .format-audio {} .format-audio .entry-format.entry-audio { background: #444; } .format-audio .entry-format.entry-audio img { float: left; width: 84px; height: 84px;} /* --------------------------------------------------------------------------------------- Blog » Format » Video ------------------------------------------------------------------------------------------ */ .format-video {} .format-video .entry-format.entry-video {} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Comments & Respond ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #comments-respond-wrap {} /* --------------------------------------------------------------------------------------- Comments ------------------------------------------------------------------------------------------ */ #comments { float: left; width: 100%; margin-bottom: 60px; } /* - Entry Header - */ #comments .entry-header { float: left; width: 100%; margin-bottom: 50px; } #comments .entry-header .entry-title {} /* - Comments - */ #comments ol.commentlist li { float: left; position: relative; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 40px; } #comments ol.commentlist li .children li { border-left: 1px dotted #eee; padding-left: 30px; margin-bottom: 30px; } #comments ol.commentlist li .children li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /* - Avatar - */ #comments li .avatar { display: none; position: absolute; top: 5px; left: -50px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 767px) { #comments li .avatar { display: none; } } /* - Meta - */ #comments li .entry-meta { float: left; width: 100%; color: #aaa; margin-bottom: 10px; } /* - Meta » Author - */ #comments li .entry-meta .fn { margin-right: 10px; } /* - Meta » Author - */ #comments li .entry-meta .entry-date { margin-right: 10px; } /* - Content - */ #comments li .comment-content { float: left; width: 100%; } /* - By Postauthor - */ #comments li.bypostauthor .fn { font-weight: bold; } /* - Cancel Reply - */ #reply-title { position: relative; } #cancel-comment-reply-link { display: block; position: absolute; width: 50px; height: 50px; background-image: url(images/icons/icon-close.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; margin-top: -25px; top: 50%; right: 0; } #cancel-comment-reply-link { opacity: 0.2; } #cancel-comment-reply-link:hover { opacity: 0.4; } /* --------------------------------------------------------------------------------------- Respond ------------------------------------------------------------------------------------------ */ #respond { float: left; width: 100%; } #respond-wrap .entry-header { margin-bottom: 30px; } #respond-wrap .entry-header .entry-title { margin-bottom: 10px; } #respond-wrap .entry-header .entry-description { color: #888; } .comment-form-author { float: left; width: 49%; margin-right: 2%; } .comment-form-email { float: left; width: 49%; } .comment-form-url { float: left; width: 100%; } .comment-form-comment { float: left; width: 100%; } .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment { margin-bottom: 20px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .comment-form-author { float: left; width: 100%; margin-right: 0; } .comment-form-email { float: left; width: 100%; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Archives ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.archives {} /* --------------------------------------------------------------------------------------- Archives » Header ------------------------------------------------------------------------------------------ */ #content.archives > .entry-header { border-bottom: 1px solid #eee; margin-bottom: 30px; } #content.archives .entry-meta { float: left; width: 100%; } #content.archives .entry-header .entry-title { margin-bottom: 30px; } /* --------------------------------------------------------------------------------------- Archives » Item ------------------------------------------------------------------------------------------ */ #content.archives .item { float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; } #content.archives .item .entry-header .entry-title { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Page Navigation ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #page-navigation { position: relative; height: 70px; text-align: center; padding: 10px; margin-top: 30px; } #page-navigation .nav-previous { position: absolute; width: 54px; height: 50px; right: 0; } #page-navigation .nav-next { position: absolute; width: 54px; height: 50px; left: 0; } #page-navigation a { position: absolute; width: 54px; height: 50px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; margin-top: -25px; top: 50%; } #page-navigation a { opacity: 0.2 } #page-navigation a:hover { opacity: 0.4 } #page-navigation .nav-previous a { background-image: url(images/icons/icon-next.png); right: 22px; } #page-navigation .nav-next a { background-image: url(images/icons/icon-previous.png); left: 22px; } #page-navigation .nav-current { color: #aaa; line-height: 50px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Pages ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content .page { position: relative; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { #content .page { margin-bottom: 30px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Pages » Archives ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.archive .page .widget { margin-bottom: 30px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Pages » Contact ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.contact .page {} /* --------------------------------------------------------------------------------------- Form ------------------------------------------------------------------------------------------ */ #content.contact .page #contactform { float: left; width: 100%; margin-top: 20px; } /* --------------------------------------------------------------------------------------- Input container ------------------------------------------------------------------------------------------ */ #content.contact .page #contactform .form-input-container { float: left; margin-bottom: 20px; } #content.contact .page #contactform .form-input-container.message { width: 100%; } #content.contact .page #contactform .form-input-container.name {} #content.contact .page #contactform .form-input-container.e-mail {} /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { #content.contact .page #contactform .form-input-container.name { width: 100%; margin-right: 0; } #content.contact .page #contactform .form-input-container.email { width: 100%; } } /* --------------------------------------------------------------------------------------- Button ------------------------------------------------------------------------------------------ */ #content.contact .page .form-input-container.button { float: right; width: 100%; margin-bottom: 0; } /* --------------------------------------------------------------------------------------- Screenreader ------------------------------------------------------------------------------------------ */ #content.contact .page .screenReader { position: absolute; top: -9999px; left: -9999px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Search ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content.search {} /* --------------------------------------------------------------------------------------- Search » Header ------------------------------------------------------------------------------------------ */ #content.search > .entry-header { margin-bottom: 30px; } #content.search > .entry-header > .entry-title { margin-bottom: 0; } /* --------------------------------------------------------------------------------------- Search » Item ------------------------------------------------------------------------------------------ */ #content.search .item { float: left; width: 100%; margin-bottom: 30px; } #content.search .item .entry-summary { float: left; width: 100%; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Subooter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subfooter {} /* --------------------------------------------------------------------------------------- Subooter » Widgets ------------------------------------------------------------------------------------------ */ #subfooter .widget { float: left; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { #subfooter aside.widget { margin-bottom: 30px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Footer ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { position: relative; color: #666; padding: 60px 0; } /* --------------------------------------------------------------------------------------- Footer » Copyright ------------------------------------------------------------------------------------------ */ #footer .copyright { float: left; width: 100%; text-align: center; } /* --------------------------------------------------------------------------------------- Footer » Social ------------------------------------------------------------------------------------------ */ #footer ul.tva-social-icons { float: left; width: 100%; text-align: center; margin-bottom: 10px; } /* --------------------------------------------------------------------------------------- Footer » Navigation ------------------------------------------------------------------------------------------ */ #footer ul.menu { float: right; } #footer ul.menu li.menu-item { float: left; margin-left: 15px; } #footer ul.menu li.menu-item:first-child { margin-left: 0; } #footer ul.menu li.menu-item a { font-weight: bold; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { #footer ul.menu { display: none; } } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Widgets ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Widgets » Textwidget ------------------------------------------------------------------------------------------ */ .widget.widget_text .textwidget {} .widget.widget_text .textwidget p:last-child { margin-bottom: 0; } /* --------------------------------------------------------------------------------------- Widgets » Recent Entries ------------------------------------------------------------------------------------------ */ .widget.widget_recent_entries {} .widget.widget_recent_entries .post-date { color: #aaa; font-size: 0.9; } /* --------------------------------------------------------------------------------------- Widgets » Tagcloud ------------------------------------------------------------------------------------------ */ .widget.widget_tag_cloud {} .widget.widget_tag_cloud a { display: inline-block; position: relative; background: #fff; color: #444; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em !important; text-decoration: none; text-align: center; text-transform: uppercase; border: 1px solid #bbb; padding: 5px 15px; margin: 0 0 10px !important; } .widget.widget_tag_cloud a { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; -moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1); box-shadow: 0 1px 0 rgba(0,0,0, 0.1); } .widget.widget_tag_cloud a:hover { background: #fff; } .widget.widget_tag_cloud a:active { background: #fff; } .widget.widget_tag_cloud a:active { -moz-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; } /* --------------------------------------------------------------------------------------- Widgets » Custom » Twitter ------------------------------------------------------------------------------------------ */ .widget.tva-latest-tweets-widget {} .widget.tva-latest-tweets-widget li { float: left; width: 100%; margin-bottom: 20px; } .widget.tva-latest-tweets-widget .twitter-link { float: left; width: 100%; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Custom ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Custom » TVA Social ------------------------------------------------------------------------------------------ */ .tva-social-icons { font-size: 0; } .tva-social-icons li { display: inline-block; margin: 4px; } .tva-social-icons li a { display: block; float: left; width: 40px; height: 40px; background: url(images/icons/social/social-sprite-minimal.png); background-repeat: no-repeat; text-indent: -9999px; } .tva-social-icons li a { -moz-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.1); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0, 0.1); box-shadow: 0 1px 0 0 rgba(0,0,0, 0.1); } .tva-social-icons li a:active { -moz-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; } /* - Digg - */ .tva-social-icons li a.digg { background-color: #0e65b0; background-position: -27px -27px; } .tva-social-icons li a.digg:hover { background-color: #0c5593; } .tva-social-icons li a.digg:active { background-color: #0e65b0; } /* - Dribbble - */ .tva-social-icons li a.dribbble { background-color: #ea4c89; background-position: -91px -27px; } .tva-social-icons li a.dribbble:hover { background-color: #cd4378; } .tva-social-icons li a.dribbble:active { background-color: #ea4c89; } /* - Facebook - */ .tva-social-icons li a.facebook { background-color: #3b5998; background-position: -155px -27px; } .tva-social-icons li a.facebook:hover { background-color: #30487b; } .tva-social-icons li a.facebook:active { background-color: #3b5998; } /* - Github - */ .tva-social-icons li a.github { background-color: #333; background-position: -219px -27px; } .tva-social-icons li a.github:hover { background-color: #171717; } .tva-social-icons li a.github:active { background-color: #333; } /* - FlickR - */ .tva-social-icons li a.flickr { background-color: #ff0080; background-position: -283px -27px; } .tva-social-icons li a.flickr:hover { background-color: #e30072; } .tva-social-icons li a.flickr:active { background-color: #ff0080; } /* - Google - */ .tva-social-icons li a.google { background-color: #e34b39; background-position: -347px -27px; } .tva-social-icons li a.google:hover { background-color: #c74233; } .tva-social-icons li a.google:active { background-color: #e34b39; } /* - LinkedIN - */ .tva-social-icons li a.linkedin { background-color: #0b84c3; background-position: -411px -27px; } .tva-social-icons li a.linkedin:hover { background-color: #0a71a7; } .tva-social-icons li a.linkedin:active { background-color: #0b84c3; } /* - Pinterest - */ .tva-social-icons li a.pinterest { background-color: #cb2027; background-position: -27px -91px; } .tva-social-icons li a.pinterest:hover { background-color: #af1c22; } .tva-social-icons li a.pinterest:active { background-color: #cb2027; } /* - RSS - */ .tva-social-icons li a.rss { background-color: #fb7922; background-position: -91px -91px; } .tva-social-icons li a.rss:hover { background-color: #df6c1f; } .tva-social-icons li a.rss:active { background-color: #fb7922; } /* - Skype - */ .tva-social-icons li a.skype { background-color: #00aff0; background-position: -155px -91px; } .tva-social-icons li a.skype:hover { background-color: #009ad3; } .tva-social-icons li a.skype:active { background-color: #00aff0; } /* - Twitter - */ .tva-social-icons li a.twitter { background-color: #00acee; background-position: -219px -91px; } .tva-social-icons li a.twitter:hover { background-color: #0097d1; } .tva-social-icons li a.twitter:active { background-color: #00acee; } /* - Vimeo - */ .tva-social-icons li a.vimeo { background-color: #04a4cc; background-position: -283px -91px; } .tva-social-icons li a.vimeo:hover { background-color: #048daf; } .tva-social-icons li a.vimeo:active { background-color: #04a4cc; } /* - WordPress - */ .tva-social-icons li a.wordpress { background-color: #0dadd6; background-position: -347px -91px; } .tva-social-icons li a.wordpress:hover { background-color: #0c96b9; } .tva-social-icons li a.wordpress:active { background-color: #0dadd6; } /* - YouTube - */ .tva-social-icons li a.youtube { background-color: #e03335; background-position: -411px -91px; } .tva-social-icons li a.youtube:hover { background-color: #c32d2f; } .tva-social-icons li a.youtube:active { background-color: #e03335; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Tablet Layout: 642px Inherits styles from: Default Layout. ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- cols 1 px 642px ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 767px) and (max-width: 1023px) { /* - Wrap - */ .wrap { display: block; float: left; position: relative; width: 100%; clear: both; } /* - Container - */ .container { padding: 0 10px; } /* - Row - */ .row { width: 100%; max-width: 642px; min-width: 642px; margin: 0 auto; } .row .row { min-width: 0; } .row .one, .row .two, .row .three, .row .four, .row .five, .row .six, .row .seven, .row .eight, .row .nine, .row .ten, .row .eleven, .row .twelve { float: left; min-width: 100%; width: 100%; max-width: 100%; margin-left: 0; } .block-grid { display: block; } .block-grid.two-up > article, .block-grid.two-up > aside, .block-grid.three-up > aside, .block-grid.three-up > article, .block-grid.four-up > article, .block-grid.four-up > aside { display: block; float: left; width: 100%; height: auto; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Mobile Layout: 306px Inherits styles from: Default Layout. ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- cols 1 px 306px ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 0px) and (max-width: 767px) { /* - Wrap - */ .wrap { display: block; float: left; position: relative; width: 100%; clear: both; } /* - Container - */ .container { padding: 0 10px; } /* - Row - */ .row { width: 100%; max-width: 306px; min-width: 306px; margin: 0 auto; } .row .row { min-width: 0; } .row .one, .row .two, .row .three, .row .four, .row .five, .row .six, .row .seven, .row .eight, .row .nine, .row .ten, .row .eleven, .row .twelve { float: left; min-width: 100%; width: 100%; max-width: 100%; margin-left: 0; } .block-grid { display: block; } .block-grid.two-up > article, .block-grid.two-up > aside, .block-grid.three-up > aside, .block-grid.three-up > article, .block-grid.four-up > article, .block-grid.four-up > aside { display: block; float: left; width: 100%; height: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Styles Drop-down /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --------------------------------------------------------------------------------------- Styles drop-down elements » Buttons ------------------------------------------------------------------------------------------ */ .button a { display: inline-block; position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.2em; text-decoration: none; text-align: center; text-transform: uppercase; padding: 15px 30px; margin: 0 5px 10px !important; } .button a { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; -moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1); box-shadow: 0 1px 0 rgba(0,0,0, 0.1); } .button a:active { -moz-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; box-shadow: 0 -1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(0,0,0, 0.1) inset; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .button a { width: 100%; padding: 15px 0; } } /* - White - */ .button.button-white a { background: #fff; color: #444; border: 1px solid #bbb; } .button.button-white a:hover { background: #fff; } .button.button-white a:active { background: #fff; } /* - Red - */ .button.button-red a { background: #ef3926; color: #fff !important; } .button.button-red a:hover { background: #c32413; } .button.button-red a:active { background: #ef3926; } /* - Orange - */ .button.button-orange a { background: #ee710c; color: #fff !important; } .button.button-orange a:hover { background: #d1630b; } .button.button-orange a:active { background: #ee710c; } /* - Yellow - */ .button.button-yellow a { background: #f7cd20; color: #fff !important; } .button.button-yellow a:hover { background: #dbb61c; } .button.button-yellow a:active { background: #f7cd20; } /* - Green - */ .button.button-green a { background: #62be5b; color: #fff !important; } .button.button-green a:hover { background: #54a14e; } .button.button-green a:active { background: #62be5b; } /* - Blue - */ .button.button-blue a { background: #31c1d6; color: #fff !important; } .button.button-blue a:hover { background: #2ba7b9; } .button.button-blue a:active { background: #31c1d6; } /* --------------------------------------------------------------------------------------- Styles drop-down elements » Toggle ------------------------------------------------------------------------------------------ */ .tva-toggle { margin-bottom: 20px; } .tva-toggle > p:first-child { margin: 0; } .tva-toggle > p:last-child {} /* - Trigger - */ .tva-toggle .tva-toggle-trigger { display: block; font-weight: bold; border: 1px solid #ddd; padding: 10px; } .tva-toggle .tva-toggle-trigger:before { float: left; width: 20px; content: '+'; font-weight: bold; } .tva-toggle .tva-toggle-trigger.active { color: #999; } .tva-toggle .tva-toggle-trigger.active:before { float: left; width: 20px; content: '-'; font-weight: bold; } /* - Content - */ .tva-toggle .tva-toggle-content { display: none; } .tva-toggle .tva-toggle-content { padding-top: 20px; } /* --------------------------------------------------------------------------------------- Styles drop-down elements » Quotes ------------------------------------------------------------------------------------------ */ .pullquote { width: 40%; } .pullleft { margin-right: 20px; } .pullright { margin-left: 20px; } /* - Mobile - */ @media only screen and (min-width: 0px) and (max-width: 1023px) { .pullquote { float: left; width: 100%; } .pullleft { margin-right: 0; } .pullright { margin-left: 0; } } /* --------------------------------------------------------------------------------------- Styles drop-down elements » Alerts ------------------------------------------------------------------------------------------ */ .alert { display: block; position: relative; font-weight: bold; text-align: center; padding: 20px 30px; margin-bottom: 20px; } .alert { text-shadow: 0 1px 0 rgba(255,255,255, 0.25); -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.25); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.25); } .alert p:last-child { margin: 0; } /* - White - */ .alert.white { background: #fafafa; color: #111; border: 1px solid #777;} .alert.white { -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.1) inset; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.1) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.1) inset; } .alert.white a { color: #111; } /* - Red - */ .alert.red { background: #fff2f2; color: #b60f0f; border: 1px solid #f04134; } .alert.red { -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.3) inset; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.3) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.3) inset; } .alert.red a { color: #b60f0f; } /* - Orange - */ .alert.orange { background: #fff5eb; color: #d1630b; border: 1px solid #ee710c; } .alert.orange { -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.3) inset; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.3) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.3) inset; } .alert.orange a { color: #d1630b; } /* - Yellow - */ .alert.yellow { background: #fffceb; color: #975507; border: 1px solid #f7cd20; } .alert.yellow { -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.4) inset; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.4) inset; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1), 0 1px 0 0 rgba(255,255,255, 0.4) inset; } .alert.yellow a { color: #975507; } /* - Green - */ .alert.green { background: #e7fddf; color: #11601c; border: 1px solid #62be5b; } .alert.green { -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.1), 0 1px 0 rgba(255,255,255, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.1), 0 1px 0 rgba(255,255,255, 0.3) inset; box-shadow: 0 1px 1px rgba(0,0,0, 0.1), 0 1px 0 rgba(255,255,255, 0.3) inset; } .alert.green a { color: #11601c; } /* - Blue - */ .alert.blue { background: #f2f8ff; color: #204479; border: 1px solid #31c1d6; } .alert.blue { -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.1), 0 1px 0 rgba(255,255,255, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.1), 0 1px 0 rgba(255,255,255, 0.3) inset; box-shadow: 0 1px 1px rgba(0,0,0, 0.1), 0 1px 0 rgba(255,255,255, 0.3) inset; } .alert.blue a { color: #204479; } /* - Close alert - */ .closealert { position: absolute; font-size: 0.9em; top: 0; right: 5px; cursor: pointer; } /* --------------------------------------------------------------------------------------- Styles drop-down elements » Columns ------------------------------------------------------------------------------------------ */ .tva-two-columns, .tva-three-columns, .tva-four-columns { float: left; width: 100%; margin-bottom: 20px; } .tva-two-columns { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; } .tva-three-columns { -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 30px; } .tva-four-columns { -moz-column-count: 4; -moz-column-gap: 30px; -webkit-column-count: 4; -webkit-column-gap: 30px; column-count: 4; column-gap: 30px; } /* - Tablet - */ @media only screen and (min-width: 767px) and (max-width: 1023px) { .tva-two-columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .tva-three-columns { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } .tva-four-columns { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } } /* - Mobile - */ @media only screen and (min-width: 0) and (max-width: 1023px) { .tva-two-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .tva-three-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } .tva-four-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } } /* --------------------------------------------------------------------------------------- Styles drop-down elements » Lists ------------------------------------------------------------------------------------------ */ /* - v-List - */ ul.list-v { list-style-type: none !important; } ul.list-v li { background: url(images/icons/icon-on.png) no-repeat left center; padding-left: 25px; } /* - x-List - */ ul.list-x { list-style-type: none !important; } ul.list-x li { background: url(images/icons/icon-off.png) no-repeat left center; padding-left: 25px; } /* --------------------------------------------------------------------------------------- Styles drop-down elements » Highlight ------------------------------------------------------------------------------------------ */ .highlight { background: #ef3926; background: rgba(239,57,38, 0.75); color: #fff; padding: 1px; } .highlight { text-shadow: none !important; } /* --------------------------------------------------------------------------------------- Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ------------------------------------------------------------------------------------------ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }