a .glyphicon-spin,fieldset .panel-heading a.panel-title:hover{text-decoration:none}.tabs-left>.nav-tabs>li:focus,.tabs-left>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li:focus,.tabs-right>.nav-tabs>li>a:focus{outline:0}html.overlay-open .navbar-fixed-top{z-index:400}html.js fieldset.collapsed{border-left-width:1px;border-right-width:1px;height:auto}html.js input.form-autocomplete{background-image:none}html.js .autocomplete-throbber{background-position:100% 2px;background-repeat:no-repeat;display:inline-block;height:15px;margin:2px 0 0 2px;width:15px}html.js .autocomplete-throbber.throbbing{background-position:100% -18px}body{position:relative}body.admin-expanded.admin-vertical.admin-nw .navbar,body.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px}body.navbar-is-fixed-top{padding-top:64px}body.navbar-is-fixed-bottom{padding-bottom:64px!important}body.toolbar{padding-top:30px!important}body.toolbar .navbar-fixed-top{top:30px}body.toolbar.navbar-is-fixed-top{padding-top:94px!important}body.toolbar-drawer{padding-top:64px!important}body.toolbar-drawer .navbar-fixed-top{top:64px}body.toolbar-drawer.navbar-is-fixed-top{padding-top:128px!important}body.admin-menu .navbar-fixed-top{top:29px}body.admin-menu.navbar-is-fixed-top{padding-top:93px}body div#admin-toolbar{z-index:1600}body #admin-menu,body #admin-toolbar,body #toolbar{-webkit-box-shadow:none;box-shadow:none}body #admin-menu{margin:0;padding:0;position:fixed;z-index:1600}body #admin-menu .dropdown li{line-height:normal}@media screen and (min-width:768px) { .navbar.container{max-width:720px} }@media screen and (min-width:992px) { .navbar.container{max-width:940px} }@media screen and (min-width:1200px) { .navbar.container{max-width:1140px} }.navbar.container,.navbar.container-fluid{margin-top:20px}.navbar.container-fluid>.container-fluid,.navbar.container>.container{margin:0;padding:0;width:auto}#overlay-container,.overlay-element,.overlay-modal-background{z-index:1500}#toolbar{z-index:1600}.modal{z-index:1620}.modal-dialog{z-index:1630}.ctools-modal-dialog .modal-body{width:100%!important;overflow:auto}.book-toc>.dropdown-menu,.region-help .block,div.image-widget-data{overflow:hidden}.modal-backdrop{z-index:1610}.footer{margin-top:45px;padding-top:35px;padding-bottom:36px;border-top:1px solid #E5E5E5}.element-invisible{margin:0;padding:0;width:1px}.navbar .logo{margin-right:-15px;padding-left:15px;padding-right:15px}ul.secondary{float:left}@media screen and (min-width:768px) { .navbar .logo{margin-right:0;padding-left:0}ul.secondary{float:right} }.page-header,.region-sidebar-first .block:first-child h2.block-title,.region-sidebar-second .block:first-child h2.block-title{margin-top:0}p:last-child{margin-bottom:0}.region-help>.glyphicon{font-size:18px;float:left;margin:-.05em .5em 0 0}form#search-block-form{margin:0}.navbar #block-search-form{float:none;margin:5px 0 5px 5px}@media screen and (min-width:992px) { .navbar #block-search-form{float:right} }.navbar #block-search-form .input-group-btn{width:auto}ul.action-links{margin:12px 0;padding:0}ul.action-links li{display:inline;margin:0;padding:0 6px 0 0}ul.action-links .glyphicon{padding-right:.5em}.uneditable-input,input,select,textarea{max-width:100%;width:auto}.filter-wrapper .form-type-select .filter-list,.managed-files.table td:first-child{width:100%}input.error{color:#b94a48;border-color:#ebccd1}fieldset legend.panel-heading{float:left;line-height:1em;margin:0}fieldset .panel-body{clear:both;display:inherit}.form-type-password-confirm label,.panel-heading{display:block}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}.form-group:last-child,.panel:last-child{margin-bottom:0}.form-horizontal .form-group{margin-left:0;margin-right:0}.form-actions{clear:both}div.image-widget-data{float:none}table.sticky-header{z-index:1}.resizable-textarea textarea{border-radius:4px 4px 0 0}.ajax-progress-bar,.filter-wrapper{border-radius:0 0 4px 4px}.text-format-wrapper{margin-bottom:15px}.text-format-wrapper .filter-wrapper,.text-format-wrapper>.form-type-textarea{margin-bottom:0}.filter-wrapper .panel-body{padding:7px}.filter-wrapper .form-type-select{min-width:30%}.filter-help{margin-top:5px;text-align:center}@media screen and (min-width:768px) { .filter-help{float:right} }.filter-help .glyphicon{margin:0 5px 0 0;vertical-align:text-top}.checkbox:first-child,.radio:first-child{margin-top:0}.checkbox:last-child,.radio:last-child{margin-bottom:0}.control-group .help-inline,.help-block{color:#999;font-size:12px;margin:5px 0 10px;padding:0}a.tabledrag-handle .handle{height:auto;width:auto}.error{color:#b94a48}div.error,table tr.error{background-color:#f2dede;color:#b94a48}.form-group.error,.form-group.has-error{background:0 0}.form-group.error .control-label,.form-group.error label,.form-group.has-error .control-label,.form-group.has-error label{color:#b94a48;font-weight:600}.form-group.error .uneditable-input,.form-group.error input,.form-group.error select,.form-group.error textarea,.form-group.has-error .uneditable-input,.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{color:#555}.form-group.error .help-block,.form-group.error .help-inline,.form-group.has-error .help-block,.form-group.has-error .help-inline{color:#999}.nav-tabs{margin-bottom:10px}ul li.collapsed,ul li.expanded,ul li.leaf{list-style:none}.tabs--secondary{margin:0 0 10px}.submitted{margin-bottom:1em;font-style:italic;font-weight:400;color:#777}.alert a,.book-toc>.dropdown-menu>li:nth-child(1)>a{font-weight:700}.form-type-password-confirm{position:relative}.form-type-password-confirm label .label{float:right}.form-type-password-confirm .password-help{padding-left:2em}@media (min-width:768px) { .form-type-password-confirm .password-help{border-left:1px solid #ddd;left:50%;margin-left:15px;position:absolute} }@media (min-width:992px) { .form-type-password-confirm .password-help{left:33.33333333%} }.form-type-password-confirm .progress{background:0 0;border-radius:0 0 5px 5px;-webkit-box-shadow:none;box-shadow:none;height:4px;margin:-5px 0 0}.form-type-password-confirm .form-type-password{clear:left}.form-type-password-confirm .form-control-feedback{right:15px}.form-type-password-confirm .help-block{clear:both}ul.pagination li>a.progress-disabled{float:left}.form-autocomplete .glyphicon{color:#999;font-size:120%}.form-autocomplete .glyphicon.glyphicon-spin{color:#428bca}.form-autocomplete .input-group-addon{background-color:#fff}.form-autocomplete .dropdown a{white-space:normal}.ajax-progress-bar{border:1px solid #ccc;margin:-1px 0 0;padding:6px 12px;width:100%}.ajax-progress-bar .progress{height:8px;margin:0}.ajax-progress-bar .message,.ajax-progress-bar .percentage{color:#999;font-size:12px;line-height:1em;margin:5px 0 0;padding:0}.glyphicon-spin{display:inline-block;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}a .glyphicon-spin{display:inline-block}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}.tabbable{margin-bottom:20px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.tabs-below>.nav-tabs .summary,.tabs-left>.nav-tabs .summary,.tabs-right>.nav-tabs .summary{color:#999;font-size:12px}.tab-pane>.panel-heading{display:none}.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:focus,.tabs-below>.nav-tabs>li>a:hover{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{padding-bottom:20px;width:220px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.tab-content,.tabs-right>.tab-content{border-radius:0 4px 4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);border:1px solid #ddd;overflow:hidden;padding:10px 15px}.tabs-left>.nav-tabs{float:left;margin-right:-1px}.tabs-left>.nav-tabs>li>a{border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:focus,.tabs-left>.nav-tabs>.active>a:hover{border-color:#ddd transparent #ddd #ddd;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.05);box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs{float:right;margin-left:-1px}.tabs-right>.nav-tabs>li>a{border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover{border-color:#eee #eee #eee #ddd;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:focus,.tabs-right>.nav-tabs>.active>a:hover{border-color:#ddd #ddd #ddd transparent}td.checkbox,td.radio,th.checkbox,th.radio{display:table-cell}.views-display-settings .label{font-size:100%;color:#666}.views-display-settings .footer{padding:0;margin:4px 0 0}.views-exposed-form .views-exposed-widget .btn{margin-top:1.8em}table .checkbox input[type=checkbox],table .radio input[type=radio]{max-width:inherit}.form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:15px;padding-right:15px;text-align:right}@media (min-width:768px) { .form-horizontal .form-group label{float:left;width:16.66666667%}body.navbar-is-fixed-top.navbar-administration.navbar-vertical.navbar-tray-open .navbar-fixed-top{left:240px;left:24rem} }.alert-success a,.alert-success a:focus,.alert-success a:hover{color:#356635}.alert-info a,.alert-info a:focus,.alert-info a:hover{color:#2d6987}.alert-warning a,.alert-warning a:focus,.alert-warning a:hover{color:#a47e3c}.alert-danger a,.alert-danger a:focus,.alert-danger a:hover{color:#953b39}div.image-style-new,div.image-style-new div{display:block}div.image-style-new div.input-group{display:table}.table-striped>tbody>tr:nth-child(odd)>td.module,.table>tbody>tr>td.module,td.module{background:#ddd;font-weight:700}.book-toc>.dropdown-menu>.dropdown-header{white-space:nowrap}.book-toc>.dropdown-menu .dropdown-menu{-webkit-box-shadow:none;box-shadow:none;border:0;display:block;font-size:12px;margin:0;padding:0;position:static;width:100%}.book-toc>.dropdown-menu .dropdown-menu>li{padding-left:20px}.book-toc>.dropdown-menu .dropdown-menu>li>a{margin-left:-40px;padding-left:60px}#features-filter .form-item.form-type-checkbox{padding-left:20px}fieldset.features-export-component{font-size:12px}fieldset.features-export-component,html.js #features-export-form fieldset.features-export-component{margin:0 0 10px}fieldset.features-export-component .panel-heading{padding:5px 10px}fieldset.features-export-component .panel-heading a.panel-title{font-size:12px;font-weight:500;margin:-5px -10px;padding:5px 10px}fieldset.features-export-component .panel-body{padding:0 10px}div.features-export-list{margin:-11px 0 10px;padding:0 10px}div.features-export-list .form-type-checkbox,fieldset.features-export-component .component-select .form-type-checkbox{line-height:1em;margin:5px 5px 5px 0!important;min-height:0;padding:3px 3px 3px 25px!important}div.features-export-list .form-type-checkbox input[type=checkbox],fieldset.features-export-component .component-select .form-type-checkbox input[type=checkbox]{margin-top:0}body.navbar-is-fixed-top.navbar-administration.navbar-horizontal.navbar-tray-open .navbar-fixed-top{top:79px}body.navbar-is-fixed-top.navbar-administration .navbar-fixed-top{top:39px}.navbar-administration #navbar-administration.navbar-oriented .navbar-bar{z-index:1032}.navbar-administration #navbar-administration .navbar-tray{z-index:1031}body.navbar-is-fixed-top.navbar-administration{padding-top:103px!important}body.navbar-is-fixed-top.navbar-administration.navbar-horizontal.navbar-tray-open{padding-top:143px!important}body.navbar-tray-open.navbar-vertical.navbar-fixed{margin-left:24rem}#navbar-administration.navbar-oriented .navbar-tray-vertical{width:24rem}a.icon-before .glyphicon{margin-right:.25em}a.icon-after .glyphicon{margin-left:.25em}.btn.icon-before .glyphicon{margin-left:-.25em;margin-right:.25em}.btn.icon-after .glyphicon{margin-left:.25em;margin-right:-.25em} /*})'"*/ /* Less style voor klantnaam Ontwikkeld door lekker-online.nl */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 19-mrt-2015, 13:23:35 Author : sebastiaan */ html.overlay-open .navbar-fixed-top { z-index: 400; } html.js fieldset.collapsed { height: auto; } html.js input.form-autocomplete { background-image: none; } html body.admin-menu { margin-top: 91px !important; }@media screen and (min-width: 768px) { html body.admin-menu { margin-top: 49px !important; } }@media screen and (min-width: 992px) { html body.admin-menu { margin-top: 47px !important; } }@media screen and (min-width: 1200px) { html body.admin-menu { margin-top: 29px !important; } }a { color: #cd0000; } a:hover { color: #efc0c0; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #e74c4c; font-family: 'PT Sans'; line-height: 1.1; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #cd0000; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { text-decoration: none; color: #efc0c0; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .clr_primary { color: #cd0000; border-color: #cd0000; } .clr_secundary { color: #000000; border-color: #000000; } .clr_tertiary { color: #f7e219; border-color: #f7e219; } hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px dotted #cd0000; } ul.icon { list-style-type: none; } ul.icon li { padding-left: 0px; padding-bottom: 16px; } ul.icon li:before { font-family: 'lekker-online'; content: "\e808"; float: left; width: 18px; margin-left: -18px; } p { margin-top: 15px; margin-bottom: 15px; letter-spacing: 0.3px; } /* responsive H1,H2,H3 en P, BTN, Input, Div, Span, H4 */@media screen and (min-width: 992px) { p, .btn, input, div { font-family: 'PT Sans'; font-size: 14px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } }@media screen and (min-width: 768px) { p, .btn, input, div { font-family: 'PT Sans'; font-size: 14px; } h1 { font-size: 27px; } h2 { font-size: 23px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h5 { font-size: 11px; } h6 { font-size: 9px; } }@media screen and (max-width: 767px) { p, .btn, input, div { font-family: 'PT Sans'; font-size: 14px; } h1 { font-size: 22px; } h2 { font-size: 18px; } h3 { font-size: 15px; } h4 { font-size: 11px; } h5 { font-size: 9px; } h6 { font-size: 8px; } }.btn { border-radius: 0px; margin-top: 10px; } .btn-lg { border-radius: 0px; line-height: 1.5; } .btn-sm { border-radius: 0px; } .btn-default { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #e74c4c; border-color: #efc0c0; } .btn-default a { text-decoration: none; } .btn-default .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-default .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-default:active { border-color: #cd0000; } .btn-default:focus { background: #ffffff; border-color: #cd0000; } .btn-default:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-default:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-default a { text-decoration: none; } .btn-default .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-default .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-default:active { border-color: #cd0000; } .btn-default:focus { background: #ffffff; border-color: #cd0000; } .btn-default:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-default:hover .lo-icon { color: #f7e219; } .btn-default:active { background: #ef8787; } .btn-default:hover { background-color: #ef8787; border-color: #efc0c0; } .btn-primary { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #e74c4c; border-color: #efc0c0; } .btn-primary a { text-decoration: none; } .btn-primary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-primary .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-primary:active { border-color: #cd0000; } .btn-primary:focus { background: #ffffff; border-color: #cd0000; } .btn-primary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-primary:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-primary a { text-decoration: none; } .btn-primary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-primary .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-primary:active { border-color: #cd0000; } .btn-primary:focus { background: #ffffff; border-color: #cd0000; } .btn-primary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-primary:hover .lo-icon { color: #f7e219; } .btn-primary:active { background: #ef8787; } .btn-primary:hover { background-color: #a8a8a8; border-color: #a8a8a8; } .btn-secundary { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #a8a8a8; border-color: #dadada; } .btn-secundary a { text-decoration: none; } .btn-secundary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-secundary .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-secundary:active { border-color: #000000; } .btn-secundary:focus { background: #ffffff; border-color: #000000; } .btn-secundary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-secundary:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-secundary a { text-decoration: none; } .btn-secundary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-secundary .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-secundary:active { border-color: #000000; } .btn-secundary:focus { background: #ffffff; border-color: #000000; } .btn-secundary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-secundary:hover .lo-icon { color: #f7e219; } .btn-secundary:active { background: #a8a8a8; } .btn-secundary:hover { background-color: #a8a8a8; border-color: #dadada; } .btn-tertiary { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #e4d759; border-color: #edeacc; } .btn-tertiary a { text-decoration: none; } .btn-tertiary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-tertiary .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-tertiary:active { border-color: #f7e219; } .btn-tertiary:focus { background: #ffffff; border-color: #f7e219; } .btn-tertiary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-tertiary:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-tertiary a { text-decoration: none; } .btn-tertiary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-tertiary .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-tertiary:active { border-color: #f7e219; } .btn-tertiary:focus { background: #ffffff; border-color: #f7e219; } .btn-tertiary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-tertiary:hover .lo-icon { color: #f7e219; } .btn-tertiary:active { background: #e0dbaa; } .btn-tertiary:hover { background-color: #e0dbaa; border-color: #edeacc; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #FFF; cursor: default; background-color: #000000; border-color: #000000; } body { position: relative; font-family: 'PT Sans'; font-size: 14px; line-height: 1.428571429; color: #f7e219; background-color: #edeacc; } body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar { margin-left: 260px; } body.navbar-is-fixed-top { padding-top: 64px !important; } body.navbar-is-fixed-bottom { padding-bottom: 64px !important; } body.toolbar { padding-top: 30px !important; } body.toolbar .navbar-fixed-top { top: 30px; } body.toolbar.navbar-is-fixed-top { padding-top: 94px !important; } body.toolbar-drawer { padding-top: 64px !important; } body.toolbar-drawer .navbar-fixed-top { top: 64px; } body.toolbar-drawer.navbar-is-fixed-top { padding-top: 128px !important; } body.admin-menu .navbar-fixed-top { top: 29px; } body.admin-menu.navbar-is-fixed-top { padding-top: 93px !important; } body div#admin-toolbar { z-index: 1600; } body #toolbar, body #admin-menu, body #admin-toolbar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body #admin-menu { margin: 0; padding: 0; position: fixed; z-index: 1600; } body #admin-menu .dropdown li { line-height: normal; } .navbar.container { margin-top: 20px; }@media screen and (min-width: 768px) { .navbar.container { max-width: 720px; } }@media screen and (min-width: 992px) { .navbar.container { max-width: 940px; } }@media screen and (min-width: 1200px) { .navbar.container { max-width: 1140px; } }.navbar.container > .container { margin: 0; padding: 0; width: auto; } #overlay-container, .overlay-modal-background, .overlay-element { z-index: 1500; } #toolbar { z-index: 1600; } .modal { z-index: 1620; } .modal-dialog { z-index: 1630; } .modal-backdrop { z-index: 1610; } .element-invisible { margin: 0; padding: 0; width: 1px; } .navbar .logo { margin-right: 0px; padding-left: 15px; padding-right: 15px; }@media screen and (min-width: 768px) { .navbar .logo { margin-right: 0; padding-left: 0; } }ul.secondary { float: left; }@media screen and (min-width: 768px) { ul.secondary { float: right; } }.page-header { margin-top: 30px; } .block:first-child h2.block-title { margin-top: 0; } p:last-child { margin-bottom: 0; } .region-help > .glyphicon { font-size: 18px; float: left; margin: -0.05em 0.5em 0 0; } .region-help .block { overflow: hidden; } form#search-block-form { margin: 0; } .navbar #block-search-form { float: none; margin: 5px 0 5px 5px; }@media screen and (min-width: 992px) { .navbar #block-search-form { float: right; } }.navbar-search .control-group { margin-bottom: 0px; } ul.action-links { margin: 12px 0; padding: 0; } ul.action-links li { display: inline; margin: 0; padding: 0 6px 0 0; } ul.action-links .glyphicon { padding-right: 0.5em; } input, textarea, select, .uneditable-input { max-width: 100%; width: auto; } input.error { color: #b94a48; border-color: #ebccd1; } fieldset legend.panel-heading { float: left; line-height: 1em; margin: 0; } fieldset .panel-body { clear: both; } fieldset .panel-heading a.panel-title { color: inherit; display: block; margin: -10px -15px; padding: 10px 15px; } fieldset .panel-heading a.panel-title:hover { text-decoration: none; } .form-actions { clear: both; } .resizable-textarea textarea { border-radius: 4px 4px 0 0; } .radio:first-child, .checkbox:first-child { margin-top: 0; } .radio:last-child, .checkbox:last-child { margin-bottom: 0; } .help-block, .control-group .help-inline { color: #999999; font-size: 12px; margin: 5px 0 10px; padding: 0; } .panel-heading { display: block; } a.tabledrag-handle .handle { height: auto; width: auto; } .error { color: #b94a48; } div.error, table tr.error { background-color: #f2dede; color: #b94a48; } .control-group.error { background: none; } .control-group.error label, .control-group.error .control-label { color: #b94a48; font-weight: 600; } .control-group.error input, .control-group.error textarea, .control-group.error select, .control-group.error .uneditable-input { color: #555555; border: 1px solid #cccccc; } .control-group.error .help-block, .control-group.error .help-inline { color: #333333; } .list-inline > li.first { padding-left: 0; } .nav-tabs { margin-bottom: 10px; } ul li.collapsed, ul li.expanded, ul li.leaf { list-style: none; list-style-image: none; } .tabs--secondary { margin: 0 0 10px; } .submitted { margin-bottom: 1em; font-style: italic; font-weight: normal; color: #777; } .password-strength { width: 17em; float: right; /* LTR */ margin-top: 1.4em; } .password-strength-title { display: inline; } .password-strength-text { float: right; /* LTR */ font-weight: bold; } .password-indicator { background-color: #949494; height: 0.3em; width: 100%; } .password-indicator div { height: 100%; width: 0%; background-color: #999999; } input.password-confirm, input.password-field { width: 16em; margin-bottom: 0.4em; } div.password-confirm { float: right; /* LTR */ margin-top: 1.5em; visibility: hidden; width: 17em; } div.form-item div.password-suggestions { padding: 0.2em 0.5em; margin: 0.7em 0; width: 38.5em; border: 1px solid #B4B4B4; } div.password-suggestions ul { margin-bottom: 0; } .confirm-parent, .password-parent { clear: left; /* LTR */ margin: 0; width: 36.3em; } .progress-wrapper .progress { margin-bottom: 10px; } .pagination ul > li > a.progress-disabled { float: left; } .form-autocomplete .glyphicon { color: #999999; font-size: 120%; } .form-autocomplete .glyphicon.glyphicon-spin { color: #cd0000; } .form-autocomplete .input-group-addon { background-color: #ffffff; } .ajax-progress .glyphicon { font-size: 90%; margin: 0 -0.25em 0 0.5em; } .glyphicon-spin { display: inline-block; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } a .glyphicon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .glyphicon-refresh { -webkit-transform-origin: 50% 45%; -moz-transform-origin: 50% 45%; -ms-transform-origin: 50% 45%; -o-transform-origin: 50% 45%; transform-origin: 50% 45%; } /** * Missing Bootstrap 2 tab styling. * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3 * @see http://bootply.com/74926 */ .tabbable { margin-bottom: 20px; } .tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { border-bottom: 0; } .tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary { color: #999999; font-size: 12px; } .tab-pane > .panel-heading { display: none; } .tab-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #dddddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #dddddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #dddddd #dddddd #dddddd; } .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { padding-bottom: 20px; width: 220px; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li:focus, .tabs-right > .nav-tabs > li:focus { outline: 0; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus { outline: 0; } .tabs-left > .tab-content, .tabs-right > .tab-content { border-radius: 0 4px 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #dddddd; overflow: hidden; padding: 10px 15px; } .tabs-left > .nav-tabs { float: left; margin-right: -1px; } .tabs-left > .nav-tabs > li > a { border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:hover, .tabs-left > .nav-tabs > .active > a:focus { border-color: #dddddd transparent #dddddd #dddddd; -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); } .tabs-right > .nav-tabs { float: right; margin-left: -1px; } .tabs-right > .nav-tabs > li > a { border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); } .tabs-right > .nav-tabs > .active > a, .tabs-right > .nav-tabs > .active > a:hover, .tabs-right > .nav-tabs > .active > a:focus { border-color: #dddddd #dddddd #dddddd transparent; } th.checkbox, td.checkbox, th.radio, td.radio { display: table-cell; } .views-display-settings .label { font-size: 100%; color: #666666; } .views-display-settings .footer { padding: 0; margin: 4px 0 0 0; } table .radio input[type="radio"], table .checkbox input[type="checkbox"] { max-width: inherit; } .form-horizontal .form-group label { position: relative; min-height: 1px; margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-left: 15px; padding-right: 15px; text-align: right; }@media (min-width: 768px) { .form-horizontal .form-group label { float: left; width: 16.66666667%; } }.alert a { font-weight: bold; } .alert-success a { color: #356635; } .alert-info a { color: #2d6987; } .alert-warning a { color: #a47e3c; } .alert-danger a { color: #953b39; } /* Dit is het Animatie, Effects bewegende */ /* Created on : 5-nov-2014, 14:08:17 Author : sebastiaan File : effects.less */ .effect_all_transition { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } /* Dit is elements code herhalen voor elke less een variable toevoegen. */ /* Created on : 19-mrt-2015, 10:11:36 Author : sebastiaan File : elements.less */ .box-shadow-small { -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); -o-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); } /** * Content header en Flexslider Margin-top / Margin-Bottom * Wanneer wil je content niet meer iets boven dan zet je 0px */ .contentheader_bottom { margin-bottom: 80px; } .lekkeronline_webfont { font-family: 'lekkeronlinewebfonts3'; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .hidden_animation { opacity: 0; } .visible_animation { opacity: 1; } .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } .animatedBackground { animation: animatedBackground 40s linear infinite; -ms-animation: animatedBackground 40s linear infinite; -moz-animation: animatedBackground 40s linear infinite; -webkit-animation: animatedBackground 40s linear infinite; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 6-mei-2015, 14:01:04 Author : Sebastiaan */ /* * Bootstrap Glyphicon Custom */ /* * * Lekker-Online lo-icon * * Example code *   * */ .lo-icon { font-family: 'lekkeronlinewebfonts3'; } .lo-icon.chevron-down:before { content: "a"; text-transform: lowercase; } .lo-icon.chevron-left:before { content: "b"; text-transform: lowercase; } .lo-icon.chevron-right:before { content: "c"; text-transform: lowercase; } .lo-icon.chevron-up:before { content: "d"; text-transform: lowercase; } .lo-icon.clock:before { content: "e"; text-transform: lowercase; } .lo-icon.cloud-download:before { content: "f"; text-transform: lowercase; } .lo-icon.cloud-upload:before { content: "g"; text-transform: lowercase; } .lo-icon.comment:before { content: "h"; text-transform: lowercase; } .lo-icon.comment-discuss:before { content: "i"; text-transform: lowercase; } .lo-icon.heart:before { content: "j"; text-transform: lowercase; } .lo-icon.light-bulb:before { content: "k"; text-transform: lowercase; } .lo-icon.location:before { content: "l"; text-transform: lowercase; } .lo-icon.mirror:before { content: "m"; text-transform: lowercase; } .lo-icon.quote:before { content: "n"; text-transform: lowercase; } .lo-icon.search:before { content: "o"; text-transform: lowercase; } .lo-icon.social-apple:before { content: "p"; text-transform: lowercase; } .lo-icon.social-android:before { content: "q"; text-transform: lowercase; } .lo-icon.telephone:before { content: "r"; text-transform: lowercase; } .lo-icon.address:before { content: "s"; text-transform: lowercase; } .lo-icon.gplus:before { content: "t"; text-transform: lowercase; } .lo-icon.map:before { content: "u"; text-transform: lowercase; } .lo-icon.skype:before { content: "v"; text-transform: lowercase; } .lo-icon.thumbs-down:before { content: "w"; text-transform: lowercase; } .lo-icon.thumbs-up:before { content: "x"; text-transform: lowercase; } .lo-icon.twitter:before { content: "y"; text-transform: lowercase; } .lo-icon.video:before { content: "z"; text-transform: lowercase; } .lo-icon.lekker-online-logo:before { content: "A"; text-transform: uppercase; } .lo-icon.trashcan:before { content: "B"; text-transform: uppercase; } .lo-icon.html5:before { content: "C"; text-transform: uppercase; } .lo-icon.print:before { content: "D"; text-transform: uppercase; } .lo-icon.photo:before { content: "E"; text-transform: uppercase; } .lo-icon.call-phone:before { content: "F"; text-transform: uppercase; } .lo-icon.location-arrow:before { content: "G"; text-transform: uppercase; } .lo-icon.link-external:before { content: "H"; text-transform: uppercase; } .lo-icon.mail:before { content: "I"; text-transform: uppercase; } .lo-icon.check:before { content: "J"; text-transform: uppercase; } .lo-icon.eye:before { content: "K"; text-transform: uppercase; } .lo-icon.dashboard:before { content: "L"; text-transform: uppercase; } .lo-icon.results-demograp:before { content: "M"; text-transform: uppercase; } .lo-icon.pinterest:before { content: "N"; text-transform: uppercase; } .lo-icon.facebook:before { content: "O"; text-transform: uppercase; } .lo-icon.facebook-places:before { content: "P"; text-transform: uppercase; } .lo-icon.linkedin-alt:before { content: "Q"; text-transform: uppercase; } .lo-icon.whatsapp:before { content: "R"; text-transform: uppercase; } .lo-icon.youtube:before { content: "S"; text-transform: uppercase; } .lo-icon.twitter-alt:before { content: "T"; text-transform: uppercase; } .lo-icon.yahoo:before { content: "U"; text-transform: uppercase; } .lo-icon.vimeo:before { content: "V"; text-transform: uppercase; } .lo-icon.lock:before { content: "W"; text-transform: uppercase; } .lo-icon.locked:before { content: "X"; text-transform: uppercase; } .lo-icon.map-1:before { content: "Y"; text-transform: uppercase; } .lo-icon.user:before { content: "Z"; text-transform: uppercase; } .lo-icon.user-outline:before { content: "0"; text-transform: uppercase; } .lo-icon.users:before { content: "1"; text-transform: uppercase; } .lo-icon.users-outline:before { content: "2"; text-transform: uppercase; } .lo-icon.zoom:before { content: "3"; text-transform: uppercase; } .lo-icon.zoom-in-1:before { content: "4"; text-transform: uppercase; } .lo-icon.zoom-in-out-1:before { content: "5"; text-transform: uppercase; } .lo-icon.flag:before { content: "6"; text-transform: uppercase; } .lo-icon.magnifying-glass:before { content: "7"; text-transform: uppercase; } .lo-icon.instagram:before { content: "8"; text-transform: uppercase; } .lo-icon.dycon-logo:before { content: "9"; text-transform: uppercase; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 3-apr-2015, 13:43:04 Author : sebastiaan */ .node-contact label { margin-top: 0px; margin-bottom: 0px; width: 100%; color: #000000; } .node-contact input { width: 100%; margin-top: 15px; margin-bottom: 15px; } .node-contact input.email { border-radius: 0px 0px 0px 0px; width: 100%; height: 34px; padding: 6px 12px; color: #e0dbaa; border: 1px solid #ccc; display: block; } .node-contact #edit-submitted-uw-vraag-of-opmerking { min-height: 267px; } .node-contact .resizable-textarea textarea { border-radius: 0px 0px 0px 0px; } .node-contact .form-control { border-radius: 0px; } .node-contact .resizable-textarea .grippie { display: none; } .node-contact .panel { margin-top: 20px; margin-bottom: 20px; background-color: #ffffff; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-left: 15px; margin-right: 15px; } .node-contact .panel .panel-title { margin-top: 0; margin-bottom: 0; color: black; -webkit-font-smoothing: subpixel-antialiased; } .node-contact .panel .help-block { color: #ffffff; font-size: 12px; margin: 5px 0 10px; padding: 0; } .node-contact .panel-title { margin-top: 0; margin-bottom: 0; color: black; -webkit-font-smoothing: subpixel-antialiased; } .node-contact .panel-heading { background: #e74c4c; color: black; } .node-contact .panel-body { background: rgba(0, 0, 0, 0.6); border-radius: 0px; } /* Dit is voor Regio Header Logo en Navbar */ /* Created on : 19-mrt-2015, 15:32:46 Author : sebastiaan File : header.less */ .navbar { border: 0px solid transparent; } .navbar .logo { float: left; z-index: 4; position: relative; display: block; margin-top: 0px; margin-bottom: 0px; height: 56px; padding: 10px 0px; border-right: 1px solid #e74c4c; }@media screen and (min-width: 768px), screen and (min-width: 992px), screen and (min-width: 1200px) { .navbar .logo { margin-top: 10px; margin-bottom: 30px; border-right: 0px solid transparent; } }@media screen and (min-width: 768px) { .navbar .logo { width: 100px; margin-top: 0px; } }@media screen and (min-width: 992px) { .navbar .logo { margin-top: 10px; width: 200px; } }@media screen and (min-width: 1200px) { .navbar .logo { margin-top: 10px; width: 250px; } }@media screen and (max-width: 767px) { .navbar .logo { width: 100px; } }.navbar .logo img { width: 100%; height: auto; } .belons a { float: none; text-decoration: none; color: #ffffff; } .belons a:hover { color: #f6e5e5; } .belons a { float: right; margin-top: -10px; margin-right: 5px; } .region-content-header { z-index: 4; display: block; position: relative; } .region-content-header .btn-primary { margin-top: 10px; } .region-content-header { z-index: 4; display: block; position: relative; } .region-content-header .btn-primary { margin-top: 10px; } /* Dit is voor Regio banner en Flexslider Home page carousel */ /* Created on : 26-mrt-2015, 13:18:02 Author : sebastiaan / rick File : banner.less */ .region-banner .flexslider { background: transparent; border: 0px solid transparent; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; overflow: hidden !important; margin-bottom: -70px; } .region-banner .flexslider .flex-control-nav { z-index: 4; bottom: 0%; height: 100px; } .region-banner .flexslider .flex-control-paging li a { margin-bottom: 80px; background: #a8a8a8; } .region-banner .flexslider .flex-control-paging li a.flex-active { background: #ededed; } .region-banner .flexslider .flex-direction-nav a { color: #ededed; height: 50px; } .region-banner .flexslider .flex-direction-nav a:before { font-family: 'lekker-online'; font-size: 40px; display: inline-block; content: '\e807'; color: #ededed; } .region-banner .flexslider .flex-direction-nav a:hover, .region-banner .flexslider .flex-direction-nav a:focus, .region-banner .flexslider .flex-direction-nav a .active { color: #a8a8a8; text-decoration: none; } .region-banner .flexslider .flex-direction-nav a.flex-next:before { content: '\e808'; color: #ededed; } .region-banner .flexslider .slides .container { padding-bottom: 70px; } .region-banner .flexslider .slides .container img { width: 100%; height: auto; } .region-banner .flexslider .slides .container .homepage_carousel_intro { display: inline-block; background: rgba(255, 255, 255, 0.9); color: #ffffff; } .region-banner .flexslider .slides .container .homepage_carousel_intro .homepage_carousel_body { padding: 25px; } .region-banner .flexslider .homepage_carousel { position: relative; } .region-banner .flexslider .homepage_carousel .homepage_carousel_content { position: relative; padding-top: 60px; margin-bottom: 60px; } .region-banner .flexslider .homepage_carousel .homepage_carousel_background { position: absolute; top: 0px; left: 0px; bottom: -60%; right: 0px; } .region-banner .frame { overflow: hidden; position: relative; width: 100%; height: 100%; } .region-banner .frame img { width: auto; height: auto; } .region-banner .frame img.vertical { width: 100%; } .region-banner .frame img.horizontal { height: 100%; } /* Dit is voor Regio Navigation Main Menu en Navbar */ /* Created on : 25-mrt-2015, 15:13:33 Author : sebastiaan File : navigation.less */ header.navbar { background: #ef8787; border-radius: 0px; margin-bottom: 0px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); -o-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); border-color: #e74c4c; border-bottom: 1px solid #e74c4c; } header.navbar .navbar-nav.dropdown-menu { position: relative; display: block; } header.navbar .navbar-header { float: none; } header.navbar.navbar-default .navbar-collapse, header.navbar.navbar-default .navbar-form { border-color: #e74c4c; overflow: hidden; max-height: none; } header.navbar.navbar-default .navbar-toggle { z-index: 5; padding: 21px 20px; border-right: 1px solid #e74c4c; border-top: 0px solid #e74c4c; border-bottom: 0px solid #e74c4c; border-radius: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-color: #e74c4c; background: #ef8787; } header.navbar.navbar-default .navbar-toggle:hover { background: #cd0000; border-right: 1px solid #e74c4c; } header.navbar.navbar-default .navbar-toggle:focus { background: #cd0000; border-right: 1px solid #e74c4c; outline: none; } header.navbar.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } header.navbar #block-system-main-menu { width: 100%; float: right; margin-right: 0px; margin-top: 0px; } header.navbar #block-system-main-menu ul.menu.nav { border-bottom: 0px solid #e74c4c; float: none; margin-bottom: 0px; padding-bottom: 0px; padding-top: 12px; font-size: 14px; }@media screen and (min-width: 768px) { header.navbar #block-system-main-menu ul.menu.nav { float: right; font-size: 10px; } }@media screen and (min-width: 992px) { header.navbar #block-system-main-menu ul.menu.nav { float: right; font-size: 12px; } }@media screen and (min-width: 1200px) { header.navbar #block-system-main-menu ul.menu.nav { float: right; font-size: 14px; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav { padding-top: 0px; } }header.navbar #block-system-main-menu ul.menu.nav li { float: none; }@media screen and (min-width: 768px), screen and (min-width: 992px), screen and (min-width: 1200px) { header.navbar #block-system-main-menu ul.menu.nav li { float: left; } header.navbar #block-system-main-menu ul.menu.nav li a { float: left; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav li.first { border-bottom: 1px solid #ededed; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav li.leaf { border-bottom: 1px solid #ededed; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav li.last { border-bottom: 1px solid #000000; } }header.navbar #block-system-main-menu ul.menu.nav li:hover, header.navbar #block-system-main-menu ul.menu.nav li:active { background: #cd0000; font-weight: bold; } header.navbar #block-system-main-menu ul.menu.nav li a { color: #ffffff; text-transform: uppercase; border: 0px solid transparent; position: relative; display: block; padding: 15px 24px; background-color: transparent; width: 100%; margin-top: -4px; margin-bottom: -1px; } header.navbar #block-system-main-menu ul.menu.nav li a:hover { background: #000000; color: #ffffff; } header.navbar #block-system-main-menu ul.menu.nav li a:active { background: #ffffff; } header.navbar #block-system-main-menu ul.menu.nav li a i.fontello { color: #ffffff; border-right: 0px solid transparent; position: relative; margin-top: -9px; margin-left: -20px; height: auto; padding-top: 10px; padding-right: 5px; } header.navbar #block-system-main-menu ul.menu.nav li a i.fontello:before { margin-right: .0em; line-height: 1em; margin-left: 0.0em; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu { border-radius: 0px; border: 0px solid #f6e5e5; width: 100%; border: 0px; box-shadow: none; -webkit-box-shadow: none; position: relative; list-style-type: none; margin: 0; padding: 0; font-size: 14px; }@media screen and (min-width: 768px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu { float: right; font-size: 10px; } }@media screen and (min-width: 992px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu { float: right; font-size: 12px; } }@media screen and (min-width: 1200px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu { float: right; font-size: 14px; } }@media screen and (min-width: 768px), screen and (min-width: 992px), screen and (min-width: 1200px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu { position: absolute; } }header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li { background: #efc0c0; border-bottom: 1px solid #cd0000; margin-left: 0px; width: 100%; min-width: 250px; height: auto; position: relative; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li a { margin-left: 0px; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li a { padding-left: 55px; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li.first.leaf { border-bottom: 1px solid #000000; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li.leaf { border-bottom: 1px solid #000000; } }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li.last { border-bottom: 1px solid #000000; } }header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul { left: 100%; top: 0px; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul { left: 0px; top: 0px; position: relative; margin-left: 0px; margin-top: 0px; } }header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li { background: #f6e5e5; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li.first.leaf { border-bottom: 1px solid green; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li.leaf { border-bottom: 1px solid green; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li.last { border-bottom: 1px solid green; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li a { margin-left: 0px; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li a { padding-left: 85px; } }header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul { left: 0px; top: 100%; margin-left: 0px; margin-top: 0px; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul { position: relative; } }header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li { background: #ffffff; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li.first.leaf { border-bottom: 1px solid yellow; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li.leaf { border-bottom: 1px solid yellow; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li.last { border-bottom: 1px solid yellow; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li a { margin-left: 0px; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li a { padding-left: 115px; } }header.navbar #block-system-user-menu .menu, header.navbar #block-menu-menu-secundair-menu .menu { float: right; margin-right: 1%; margin-top: 5px; font-size: 12px !important; border-bottom: 1px solid #e74c4c; }@media screen and (min-width: 768px), screen and (min-width: 992px), screen and (min-width: 1200px) { header.navbar #block-system-user-menu .menu, header.navbar #block-menu-menu-secundair-menu .menu { margin-right: 0px; margin-top: -5px; } }header.navbar #block-system-user-menu li, header.navbar #block-menu-menu-secundair-menu li { width: auto; font-size: 12px; float: right !important; height: auto; }@media screen and (min-width: 768px), screen and (min-width: 992px), screen and (min-width: 1200px) { header.navbar #block-system-user-menu li, header.navbar #block-menu-menu-secundair-menu li { float: left !important; } }header.navbar #block-system-user-menu li.leaf a, header.navbar #block-menu-menu-secundair-menu li.leaf a, header.navbar #block-system-user-menu li.first.leaf a, header.navbar #block-menu-menu-secundair-menu li.first.leaf a, header.navbar #block-system-user-menu li.last.leaf a, header.navbar #block-menu-menu-secundair-menu li.last.leaf a { text-transform: uppercase; color: #ffffff; height: 40px; } header.navbar .dropdown-menu { background: transparent; border: 0px; box-shadow: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border-radius: none; box-shadow: none; z-index: 998; } header.navbar .dropdown-menu > li { position: relative; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; cursor: pointer; } header.navbar .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; display: none; margin-top: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: #fff; box-shadow: none; } header.navbar .right-caret:after { content: "\2b"; display: block; height: 0; width: 0; white-space: normal; float: right; margin: 0 auto; } header.navbar .left-caret:after { content: "\2212"; display: block; height: 0; width: 0; white-space: normal; float: right; margin: 0 auto; } /* Dit is voor Regio content */ /* Created on : 19-mrt-2015, 15:32:46 Author : sebastiaan File : content.less */ .main-container { z-index: 5; position: relative; } .main-container .container { background: #ffffff; padding-bottom: 15px; } /* Dit is voor Regio Footer content Flexslider Actie footer. */ /* Created on : 26-mrt-2015, 15:35:46 Author : sebastiaan File : footer_content.less */ .region-content-footer { margin-top: 20px; margin-bottom: 20px; padding-top: 40px; border: 0; border-top: 1px dotted #cd0000; } .region-content-footer h2 { font-size: 14px; } .region-content-footer .flexslider { background: transparent; border: 0px solid transparent; -webkit-border-radius: #ffffff 0px #ffffff #ffffff; -moz-border-radius: #ffffff 0px #ffffff #ffffff; -o-border-radius: #ffffff 0px #ffffff #ffffff; border-radius: #ffffff 0px #ffffff #ffffff; -webkit-box-shadow: 0px 0px 0px 0px #ffffff; -moz-box-shadow: 0px 0px 0px 0px #ffffff; -o-box-shadow: 0px 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px 0px #ffffff; } .region-content-footer .flexslider .flex-control-nav { z-index: 4; } .region-content-footer .flexslider .flex-control-paging li a { background: #a8a8a8; } .region-content-footer .flexslider .flex-control-paging li a.flex-active { background: #ededed; } .region-content-footer .flexslider .flex-direction-nav a { color: #ededed; height: 50px; text-decoration: none; } .region-content-footer .flexslider .flex-direction-nav a:before { font-family: 'lekker-online'; font-size: 40px; display: inline-block; content: '\e807'; color: #ededed; } .region-content-footer .flexslider .flex-direction-nav a:hover { color: #a8a8a8; } .region-content-footer .flexslider .flex-direction-nav a.flex-next:before { content: '\e808'; color: #ededed; } .region-content-footer .flexslider .slides img { padding-top: 25px; width: 100%; height: auto; } .region-content-footer .flexslider .homepage_actie_carousel { position: relative; margin-left: 10%; margin-right: 10%; } /* Dit bestand is voor de regio Footer. */ /* Created on : 26-mrt-2015, 15:35:46 Author : sebastiaan File : footer.less */ .footer { margin-top: 75px; padding-top: 15px; padding-bottom: 36px; border-top: 0px solid transparent; background: #ffffff; } .footer a { color: #545454; } .footer a:hover { color: #efc0c0; } .footer h2 { font-size: 14px; color: #545454; } .footer p { color: #e0dbaa; } .region-footer { margin-top: -45px; } /* Dit is voor Regio closure copyright */ /* Created on : 27-mrt-2015, 15:47:30 Author : sebastiaan File : closure.less */ .closure { display: block; padding-top: 25px; padding-bottom: 25px; background: #000000; color: #ffffff; } .closure #block-menu-menu-closure-menu .menu { float: none; margin-right: 1%; margin-top: 0px; font-size: 12px !important; border-bottom: 0px solid #e74c4c; } .closure #block-menu-menu-closure-menu li { width: auto; float: left !important; height: auto; } .closure #block-menu-menu-closure-menu li.leaf a, .closure #block-menu-menu-closure-menu li.first.leaf a, .closure #block-menu-menu-closure-menu li.last.leaf a { text-transform: uppercase; color: #ffffff; height: 40px; } .closure #block-menu-menu-closure-menu li.leaf a:hover, .closure #block-menu-menu-closure-menu li.first.leaf a:hover, .closure #block-menu-menu-closure-menu li.last.leaf a:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; background: #545454; } .closure .copyright_text { padding: 15px; } .closure .copyright_icon { float: right; padding: 15px; } .closure .copyright_icon p { margin-top: 0px; } .closure .copyright_icon a { color: white; text-decoration: none; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .closure .copyright_icon a:hover { color: #545454; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .closure .lekkeronline_copyright { float: left; }@media screen and (max-width: 767px) { .closure .lekkeronline_copyright { float: none; text-align: center; } }.closure .lekkeronline_copyright a { color: white; text-decoration: none; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .closure .lekkeronline_copyright a:hover { color: #545454; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .closure .lekkeronline_webfont { font-size: 30px; float: right; font-family: 'lekkeronlinewebfonts3'; } .closure .lekkeronline_webfont a { color: #ffffff; } .closure .lekkeronline_webfont a:hover { color: #ffffff; text-decoration: none; }@media screen and (max-width: 767px) { .closure .lekkeronline_webfont { float: none; text-align: center; } }/* Dit is voor Regio Secundair en block voor reclame, actie etc. */ /* Created on : 27-mrt-2015, 13:01:27 Author : sebastiaan File : sidebar_second.less */ .region-sidebar-second .btn-primary { float: right; } .region-sidebar-second .block { margin-top: 16px; margin-bottom: 16px; padding: 15px; } .region-sidebar-second .block.block_clr_primary { background: #cd0000; } .region-sidebar-second .block.block_clr_primary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_primary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_primary p { color: #ffffff; } .region-sidebar-second .block.block_clr_primary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-second .block.block_clr_primary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_primary p { color: #ffffff; } .region-sidebar-second .block.block_clr_primary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-second .block.block_clr_primary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_primary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-second .block.block_clr_primary p:first-child { color: #ffffff; } .region-sidebar-second .block.block_clr_primary p { color: #ffffff; } .region-sidebar-second .block.block_clr_primary p:last-child { color: #ffffff; } .region-sidebar-second .block.block_clr_primary ul { color: #ffffff; padding-left: 5px; list-style: none; } .region-sidebar-second .block.block_clr_primary ul .lo-icon { color: #a8a8a8; } .region-sidebar-second .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-second .block.block_clr_secundary { background: #545454; } .region-sidebar-second .block.block_clr_secundary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-second .block.block_clr_secundary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-second .block.block_clr_secundary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-second .block.block_clr_secundary p:first-child { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary p:last-child { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary ul { color: #ffffff; padding-left: 5px; list-style: none; } .region-sidebar-second .block.block_clr_secundary ul .lo-icon { color: #a8a8a8; } .region-sidebar-second .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-second .block.block_clr_secundary .secundary_block_column { background: #a8a8a8; padding-bottom: 20px; margin-top: 15px; margin-bottom: -15px; } .region-sidebar-second .block.block_clr_tertiary { background: #edeacc; } .region-sidebar-second .block.block_clr_tertiary h1 { color: #000000; } .region-sidebar-second .block.block_clr_tertiary h2 { color: #000000; font-size: 18px; } .region-sidebar-second .block.block_clr_tertiary p { color: #000000; } .region-sidebar-second .block.block_clr_tertiary ul { color: #000000; padding-left: 15px; } .region-sidebar-second .block.block_clr_tertiary ul li { color: #000000; } .region-sidebar-second .block.block_clr_tertiary hr { border-top: 1px dotted #000000; } .region-sidebar-second .block.block_clr_tertiary h2 { color: #000000; font-size: 18px; } .region-sidebar-second .block.block_clr_tertiary p { color: #000000; } .region-sidebar-second .block.block_clr_tertiary ul { color: #000000; padding-left: 15px; } .region-sidebar-second .block.block_clr_tertiary ul li { color: #000000; } .region-sidebar-second .block.block_clr_tertiary hr { border-top: 1px dotted #000000; } .region-sidebar-second .block.block_clr_tertiary h1 { color: #000000; } .region-sidebar-second .block.block_clr_tertiary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-second .block.block_clr_tertiary p:first-child { color: #000000; } .region-sidebar-second .block.block_clr_tertiary p { color: #000000; } .region-sidebar-second .block.block_clr_tertiary p:last-child { color: #000000; } .region-sidebar-second .block.block_clr_tertiary ul { color: #000000; padding-left: 5px; list-style: none; } .region-sidebar-second .block.block_clr_tertiary ul .lo-icon { color: #a8a8a8; } .region-sidebar-second .block.block_clr_tertiary ul li { color: #000000; } .region-sidebar-second .block.block_clr_tertiary hr { border-top: 1px dotted #000000; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 1-apr-2015, 13:52:51 Author : sebastiaan */@media screen and (min-width: 768px) { .region-sidebar-first .btn { padding: 5px 5px; } .region-sidebar-first .btn:before { display: none !important; } }@media screen and (min-width: 992px) { .region-sidebar-first .btn { padding: 10px 16px; } .region-sidebar-first .btn:before { display: block !important; } }.region-sidebar-first .block { margin-top: 16px; margin-bottom: 16px; padding: 15px 15px 15px 15px; } .region-sidebar-first .block.block_clr_primary { background: #cd0000; } .region-sidebar-first .block.block_clr_primary h1 { color: #ffffff; } .region-sidebar-first .block.block_clr_primary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-first .block.block_clr_primary p { color: #ffffff; } .region-sidebar-first .block.block_clr_primary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-first .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-first .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-first .block.block_clr_primary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-first .block.block_clr_primary p { color: #ffffff; } .region-sidebar-first .block.block_clr_primary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-first .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-first .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-first .block.block_clr_primary h1 { color: #ffffff; } .region-sidebar-first .block.block_clr_primary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-first .block.block_clr_primary p:first-child { color: #ffffff; } .region-sidebar-first .block.block_clr_primary p { color: #ffffff; } .region-sidebar-first .block.block_clr_primary p:last-child { color: #ffffff; } .region-sidebar-first .block.block_clr_primary ul { color: #ffffff; padding-left: 5px; list-style: none; } .region-sidebar-first .block.block_clr_primary ul .lo-icon { color: #a8a8a8; } .region-sidebar-first .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-first .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-first .block.block_clr_secundary { background: #545454; } .region-sidebar-first .block.block_clr_secundary h1 { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-first .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-first .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-first .block.block_clr_secundary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-first .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-first .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-first .block.block_clr_secundary h1 { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-first .block.block_clr_secundary p:first-child { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary p:last-child { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary ul { color: #ffffff; padding-left: 5px; list-style: none; } .region-sidebar-first .block.block_clr_secundary ul .lo-icon { color: #a8a8a8; } .region-sidebar-first .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-first .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-first .block.block_clr_tertiary { background: #edeacc; } .region-sidebar-first .block.block_clr_tertiary h1 { color: #e74c4c; } .region-sidebar-first .block.block_clr_tertiary h2 { color: #e74c4c; font-size: 18px; } .region-sidebar-first .block.block_clr_tertiary p { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary ul { color: #f7e219; padding-left: 15px; } .region-sidebar-first .block.block_clr_tertiary ul li { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary hr { border-top: 1px dotted #cd0000; } .region-sidebar-first .block.block_clr_tertiary h2 { color: #e74c4c; font-size: 18px; } .region-sidebar-first .block.block_clr_tertiary p { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary ul { color: #f7e219; padding-left: 15px; } .region-sidebar-first .block.block_clr_tertiary ul li { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary hr { border-top: 1px dotted #cd0000; } .region-sidebar-first .block.block_clr_tertiary h1 { color: #e74c4c; } .region-sidebar-first .block.block_clr_tertiary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-first .block.block_clr_tertiary p:first-child { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary p { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary p:last-child { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary ul { color: #f7e219; padding-left: 5px; list-style: none; } .region-sidebar-first .block.block_clr_tertiary ul .lo-icon { color: #a8a8a8; } .region-sidebar-first .block.block_clr_tertiary ul li { color: #f7e219; } .region-sidebar-first .block.block_clr_tertiary hr { border-top: 1px dotted #cd0000; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 21-apr-2015, 11:29:24 Author : Sebastiaan */ /* Alle Pagina Banner van Basic Page, Alfa College, Aanmelden, Acties, Prijzen. Block HTML. */ .block-imageblock { margin-bottom: -68px; padding: 0px 0px 0px 0px !important; } .block-imageblock h2.block-title { clear: both; position: absolute; display: block; padding: 15px 15px 15px 15px; } .block-imageblock img { width: 100%; height: auto; } .block-imageblock .block-body { padding: 15px 15px 15px 15px; } /* Dit is block Informatie contact bij Regio footer. */ /* Created on : 31-mrt-2015, 12:35:27 Author : sebastiaan File : infocontacnt.less */ .contactinfo a.telefoonnummer { font-size: 18px; } .contactinfo a.telefoonnummer:hover { color: #a8a8a8; text-decoration: none; } /* Dit is block logo lekker online bij Regio footer. /* Created on : 31-mrt-2015, 13:14:51 Author : sebastiaan File : logo_lo.less */ .lekkeronline_logo { background: #cd0000; height: 50px; padding-top: 7px; } .lekkeronline_logo p { margin-top: 5px; } /* Dit is block soslogan Regio footer. */ /* Created on : 31-mrt-2015, 12:34:38 Author : sebastiaan File : socialmedia.less */ .slogan p { font-size: 18px; text-transform: uppercase; } /* Dit is block social media bij Regio footer. */ /* Created on : 30-mrt-2015, 16:41:30 Author : sebastiaan File : socialmedia.less */ #block-menu-menu-social-menu { background: #cd0000; height: 50px; } #block-menu-menu-social-menu h2 { position: absolute; float: right; right: 240px; color: #ffffff; display: none; }@media screen and (min-width: 768px), screen and (min-width: 992px), screen and (min-width: 1200px) { #block-menu-menu-social-menu h2 { display: inline-block; } }#block-menu-menu-social-menu ul.menu { margin-top: 0px; font-size: 18px !important; }@media screen and (max-width: 767px) { #block-menu-menu-social-menu ul.menu { width: 223px; margin: 0 auto; } }#block-menu-menu-social-menu ul.menu li { width: auto; float: right !important; height: auto; }@media screen and (max-width: 767px) { #block-menu-menu-social-menu ul.menu li { float: none; display: inline-block; } }#block-menu-menu-social-menu ul.menu li.leaf a, #block-menu-menu-social-menu ul.menu li.last.leaf a, #block-menu-menu-social-menu ul.menu li.first.leaf a { color: #ffffff; height: 50px; text-transform: uppercase; padding-top: 15px; } #block-menu-menu-social-menu ul.menu li.leaf a:hover, #block-menu-menu-social-menu ul.menu li.last.leaf a:hover, #block-menu-menu-social-menu ul.menu li.first.leaf a:hover { color: #000000; background: #ffffff; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation: animatedBackground 40s linear infinite; -ms-animation: animatedBackground 40s linear infinite; -moz-animation: animatedBackground 40s linear infinite; -webkit-animation: animatedBackground 40s linear infinite; } /* Dit is block uitgelicht bij Regio footer. */ /* Created on : 31-mrt-2015, 12:33:45 Author : sebastiaan File : uitgelicht.less */ .uitgelicht { text-transform: uppercase; text-align: center; font-size: 10px; margin-top: 20px; padding-bottom: 20px; border: 0; border-bottom: 1px dotted #cd0000; clear: both; } .uitgelicht .border-right { margin-top: 5%; border-right: 1px dotted #cd0000; } .uitgelicht .col-md-3.col-sm-6:hover { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; } /* Dit is block voor Webform (contact formulier) van Vraag, Opmerking bij Regio footer. */ /* Created on : 31-mrt-2015, 12:36:14 Author : sebastiaan File : webform_vraag.less */ .block-contact label { margin-top: 0px; margin-bottom: 0px; width: 100%; color: black; } .block-contact input { width: 100%; margin-top: 15px; margin-bottom: 15px; } .block-contact input.email { border-radius: 0px 0px 0px 0px; width: 100%; height: 34px; padding: 6px 12px; color: #e0dbaa; border: 1px solid #ccc; display: block; } .block-contact #edit-submitted-uw-vraag-of-opmerking { min-height: 267px; } .block-contact .resizable-textarea textarea { border-radius: 0px 0px 0px 0px; } .block-contact .form-control { border-radius: 0px; } .block-contact .resizable-textarea .grippie { display: none; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 31-mrt-2015, 16:40:28 Author : sebastiaan */ .etalage.row-clr-primary .col .col-bg { background: #cd0000; display: inline-block; margin-bottom: 15px; } .etalage.row-clr-primary .col img { width: 100%; height: auto; } .etalage.row-clr-primary .col h3 { color: #ffffff; padding-left: 15px; padding-right: 15px; } .etalage.row-clr-primary .col p { color: #ffffff; padding-left: 15px; padding-right: 15px; } .etalage.row-clr-primary .col ul { color: #ffffff; padding-left: 15px; } .etalage.row-clr-primary .col ul li { color: #ffffff; } .etalage.row-clr-primary .col hr { border-top: 1px dotted #ffffff; margin-left: 15px; margin-right: 15px; } .etalage.row-clr-primary .col .btn { float: right; margin-right: 5px; margin-bottom: 5px; } .etalage.row-clr-secundary .col .col-bg { background: #545454; display: inline-block; margin-bottom: 15px; } .etalage.row-clr-secundary .col img { width: 100%; height: auto; } .etalage.row-clr-secundary .col h3 { color: #ffffff; padding-left: 15px; padding-right: 15px; } .etalage.row-clr-secundary .col p { color: #ffffff; padding-left: 15px; padding-right: 15px; } .etalage.row-clr-secundary .col ul { color: #ffffff; padding-left: 15px; } .etalage.row-clr-secundary .col ul li { color: #ffffff; } .etalage.row-clr-secundary .col hr { border-top: 1px dotted #ffffff; margin-left: 15px; margin-right: 15px; } .etalage.row-clr-secundary .col .btn { float: right; margin-right: 5px; margin-bottom: 5px; } .etalage.row-clr-tertiary .col .col-bg { background: #edeacc; display: inline-block; margin-bottom: 15px; } .etalage.row-clr-tertiary .col img { width: 100%; height: auto; } .etalage.row-clr-tertiary .col h3 { color: #cd0000; padding-left: 15px; padding-right: 15px; } .etalage.row-clr-tertiary .col p { color: #f7e219; padding-left: 15px; padding-right: 15px; } .etalage.row-clr-tertiary .col ul { color: #f7e219; padding-left: 15px; } .etalage.row-clr-tertiary .col ul li { color: #f7e219; } .etalage.row-clr-tertiary .col hr { border-top: 1px dotted #f5f3de; margin-left: 15px; margin-right: 15px; } .etalage.row-clr-tertiary .col .btn { float: right; margin-right: 5px; margin-bottom: 5px; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 15-apr-2015, 15:27:11 Author : sebastiaan */ /* Webpakket */ .webpakket-btn { background: #545454; } .view-webpakket p { color: #f7e219; } .view-webpakket h1 { font-size: 24px; } .view-webpakket .view-content { margin-left: 45px; margin-top: 25px; } .view-webpakket .view-content h4.panel-title { color: #000000; position: relative; height: 20px; } .view-webpakket .view-content h4.panel-title a { position: absolute; top: 0px; left: 0px; width: 100%; font-size: 18px; padding-left: 40px; text-decoration: none; } .view-webpakket .view-content h4.panel-title a:hover { color: #545454; } .view-webpakket .view-content h4.panel-title a:before { font-family: 'lekker-online'; display: inline-block; text-decoration: inherit; text-align: center; content: '\e830'; position: absolute; left: -15px; margin-top: -15px; font-size: 32px; color: #000000; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .view-webpakket .view-content h4.panel-title a:after { font-family: 'lekker-online'; display: inline-block; text-decoration: inherit; text-align: center; content: '\e80d'; position: absolute; right: 15px; margin-top: -15px; font-size: 32px; color: #edeacc; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .view-webpakket .view-content h4.panel-title a.collapsed:after { content: '\e800'; font-family: 'lekker-online'; display: inline-block; text-decoration: inherit; text-align: center; position: absolute; right: 15px; margin-top: -15px; font-size: 32px; color: #edeacc; } .view-webpakket .view-content .panel { box-shadow: none; } .view-webpakket .view-content .panel-default { border-color: white; } .view-webpakket .view-content .panel-default .panel-heading { background-color: white; border-color: white; border-bottom: 1px solid #f5f3de; } .view-webpakket .view-content .panel-default .panel-body { border-top-color: white !important; border-top: 0px solid white !important; margin-top: -25px; } .view-webpakket .view-content .panel-default .panel-body p { letter-spacing: 0.1em; } /* Webpakket Opties (Footer) */ .view-opties-pakket .btn-lg:before { height: 43px; padding: 0px 30px 0px 5px; } .view-opties-pakket .btn:before { padding: 0px 0px 0px 0px; } .view-opties-pakket .views-row-odd { background: transparent; } .view-opties-pakket .views-row-odd hr { color: yellow; } .view-opties-pakket .views-row-even { background: #f5f3de; } .view-opties-pakket .views-row-even hr { color: transparent; border-top: 1px dotted white; } html.overlay-open .navbar-fixed-top { z-index: 400; } html.js fieldset.collapsed { height: auto; } html.js input.form-autocomplete { background-image: none; } html body.admin-menu { margin-top: 91px !important; }@media screen and (min-width: 768px) { html body.admin-menu { margin-top: 49px !important; } }@media screen and (min-width: 992px) { html body.admin-menu { margin-top: 47px !important; } }@media screen and (min-width: 1200px) { html body.admin-menu { margin-top: 29px !important; } }a { color: #cd0000; } a:hover { color: #efc0c0; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #000000; font-family: 'PT Sans'; line-height: 1.1; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased; font-weight: 600; letter-spacing: 1px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #545454; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { text-decoration: none; color: #dadada; -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; } .clr_primary { color: #cd0000; border-color: #cd0000; } .clr_secundary { border-color: #000000; } .clr_tertiary { color: #f7e219; border-color: #f7e219; } hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px solid #ededed; } ul.icon { list-style-type: none; } ul.icon li { padding-left: 0px; padding-bottom: 16px; } ul.icon li:before { font-family: 'lekker-online'; content: "\e808"; float: left; width: 18px; margin-left: -18px; } p { margin-top: 15px; margin-bottom: 15px; letter-spacing: 0.3px; } /* responsive H1,H2,H3 en P, BTN, Input, Div, Span, H4 */@media screen and (min-width: 992px) { p, .btn, input, div { font-family: 'PT Sans'; font-size: 14px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } }@media screen and (min-width: 768px) { p, .btn, input, div { font-family: 'PT Sans'; font-size: 14px; } h1 { font-size: 27px; } h2 { font-size: 23px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h5 { font-size: 11px; } h6 { font-size: 9px; } }@media screen and (max-width: 767px) { p, .btn, input, div { font-family: 'PT Sans'; font-size: 14px; } h1 { font-size: 22px; } h2 { font-size: 18px; } h3 { font-size: 15px; } h4 { font-size: 11px; } h5 { font-size: 9px; } h6 { font-size: 8px; } }.btn { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; margin-top: 10px; } .btn-lg { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; line-height: 1.5; } .btn-sm { -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -o-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; } .btn-default { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #cd0000; border-color: #cd0000; } .btn-default a { text-decoration: none; } .btn-default .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-default .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-default:active { border-color: #cd0000; } .btn-default:focus { background: #ffffff; border-color: #cd0000; } .btn-default:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-default:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-default a { text-decoration: none; } .btn-default .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-default .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-default:active { border-color: #cd0000; } .btn-default:focus { background: #ffffff; border-color: #cd0000; } .btn-default:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-default:hover .lo-icon { color: #f7e219; } .btn-default:active { background: #cd0000; } .btn-default:hover { background-color: #cd0000; border-color: #cd0000; } .btn-primary { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #cd0000; border-color: #cd0000; } .btn-primary a { text-decoration: none; } .btn-primary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-primary .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-primary:active { border-color: #cd0000; } .btn-primary:focus { background: #ffffff; border-color: #cd0000; } .btn-primary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-primary:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-primary a { text-decoration: none; } .btn-primary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-primary .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-primary:active { border-color: #cd0000; } .btn-primary:focus { background: #ffffff; border-color: #cd0000; } .btn-primary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-primary:hover .lo-icon { color: #f7e219; } .btn-primary:active { background: #545454; } .btn-primary:hover { background-color: #e74c4c; border-color: #e74c4c; }@media screen and (max-width: 767px) { .btn-primary { margin-bottom: 25px; } }.btn-back { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #cd0000; border-color: #cd0000; } .btn-back a { text-decoration: none; } .btn-back .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-back .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-back:active { border-color: #cd0000; } .btn-back:focus { background: #ffffff; border-color: #cd0000; } .btn-back:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-back:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-back a { text-decoration: none; } .btn-back .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-back .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-back:active { border-color: #cd0000; } .btn-back:focus { background: #ffffff; border-color: #cd0000; } .btn-back:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-back:hover .lo-icon { color: #f7e219; } .btn-back:active { background: #ef8787; } .btn-back:hover { background-color: #ef8787; border-color: #efc0c0; } .logo-center { position: absolute; width: 100%; height: auto; bottom: 0; }@media screen and (max-width: 767px) { .logo-center { position: relative; } }.logo-center a.logo-btn { display: block; position: relative; text-indent: -9999px; width: 100px; height: 100px; background-repeat: no-repeat; background-image: url(/sites/all/themes/uwriool/images/logo-btn-nieuw.png); background-position: 50% 0%; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .logo-center a.logo-btn span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-image: url(/sites/all/themes/uwriool/images/logo-btn-nieuw.png); background-position: 0% 100%; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; } .logo-center a.logo-btn:hover span { opacity: 1; } .btn-secundary { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #000000; border-color: #dadada; } .btn-secundary a { text-decoration: none; } .btn-secundary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-secundary .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-secundary:active { border-color: #000000; } .btn-secundary:focus { background: #ffffff; border-color: #000000; } .btn-secundary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-secundary:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-secundary a { text-decoration: none; } .btn-secundary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-secundary .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-secundary:active { border-color: #000000; } .btn-secundary:focus { background: #ffffff; border-color: #000000; } .btn-secundary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-secundary:hover .lo-icon { color: #f7e219; } .btn-secundary:active { background: #a8a8a8; } .btn-secundary:hover { background-color: #a8a8a8; border-color: #dadada; } .btn-tertiary { position: relative; color: #ffffff; margin-left: 0px; margin-bottom: 15px; margin-right: 15px; border-radius: 10px; background-color: #f7e219; border-color: #f7e219; color: #cd0000; } .btn-tertiary a { text-decoration: none; } .btn-tertiary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; } .btn-tertiary .border-right .lo-icon { position: relative; left: -5px; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } .btn-tertiary:active { border-color: #f7e219; } .btn-tertiary:focus { background: #ffffff; border-color: #f7e219; } .btn-tertiary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-tertiary:hover .lo-icon { color: white; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; left: 0px; } .btn-tertiary a { text-decoration: none; } .btn-tertiary .border-right { padding-top: 11px; padding-bottom: 11px; border-right: 1px dotted #ffffff; padding-right: 10px; margin-right: 15px; padding-left: 5px; display: none; } .btn-tertiary .lo-icon { position: relative; top: 2px; display: inline-block; -webkit-font-smoothing: antialiased; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; color: #f7e219; } .btn-tertiary:active { border-color: #f7e219; } .btn-tertiary:focus { background: #ffffff; border-color: #f7e219; } .btn-tertiary:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #ffffff; } .btn-tertiary:hover .lo-icon { color: #f7e219; } .btn-tertiary:active { background: #e4d759; } .btn-tertiary:hover { background-color: #e4d759; border-color: #e4d759; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } body { position: relative; font-family: 'PT Sans'; font-size: 14px; line-height: 1.428571429; color: #000000; background-color: #ffffff; } body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar { margin-left: 260px; } body.navbar-is-fixed-top { padding-top: 64px !important; } body.navbar-is-fixed-bottom { padding-bottom: 64px !important; } body.toolbar { padding-top: 30px !important; } body.toolbar .navbar-fixed-top { top: 30px; } body.toolbar.navbar-is-fixed-top { padding-top: 94px !important; } body.toolbar-drawer { padding-top: 64px !important; } body.toolbar-drawer .navbar-fixed-top { top: 64px; } body.toolbar-drawer.navbar-is-fixed-top { padding-top: 128px !important; } body.admin-menu .navbar-fixed-top { top: 29px; } body.admin-menu.navbar-is-fixed-top { padding-top: 93px !important; } body div#admin-toolbar { z-index: 1600; } body #toolbar, body #admin-menu, body #admin-toolbar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body #admin-menu { margin: 0; padding: 0; position: fixed; z-index: 1600; } body #admin-menu .dropdown li { line-height: normal; }@media screen and (min-width: 1200px), screen and (min-width: 768px), screen and (min-width: 992px) { .container { padding-right: 0px; padding-left: 0px; } }.navbar.container { margin-top: 20px; }@media screen and (min-width: 768px) { .navbar.container { max-width: 720px; } }@media screen and (min-width: 992px) { .navbar.container { max-width: 940px; } }@media screen and (min-width: 1200px) { .navbar.container { max-width: 1140px; } }.navbar.container > .container { margin: 0; padding: 0; width: auto; } #overlay-container, .overlay-modal-background, .overlay-element { z-index: 1500; } #toolbar { z-index: 1600; } .modal { z-index: 1620; } .ctools-modal-dialog .modal-body { width: 100% !important; overflow: auto; } .modal-dialog { z-index: 1630; } .modal-backdrop { z-index: 1610; } .element-invisible { margin: 0; padding: 0; width: 1px; } .navbar .logo { margin-left: 15px; padding-left: 0px; margin-bottom: -1px; margin-top: 20px; }@media screen and (max-width: 767px) { .navbar .logo { margin-left: 10px; margin-top: 0px; } }@media screen and (min-width: 768px) { .navbar .logo { margin-right: 0; padding-left: 0; } }ul.secondary { float: left; }@media screen and (min-width: 768px) { ul.secondary { float: right; } }.page-header { margin-top: 30px; } .block:first-child h2.block-title { margin-top: 0; } p:last-child { margin-bottom: 0; } .region-help > .glyphicon { font-size: 18px; float: left; margin: -0.05em 0.5em 0 0; } .region-help .block { overflow: hidden; } form#search-block-form { margin: 0; } .navbar #block-search-form { float: none; margin: 5px 0 5px 5px; }@media screen and (min-width: 992px) { .navbar #block-search-form { float: right; } }.navbar-search .control-group { margin-bottom: 0px; } ul.action-links { margin: 12px 0; padding: 0; } ul.action-links li { display: inline; margin: 0; padding: 0 6px 0 0; } ul.action-links .glyphicon { padding-right: 0.5em; } input, textarea, select, .uneditable-input { max-width: 100%; width: auto; } input.error { color: #b94a48; border-color: #ebccd1; } fieldset legend.panel-heading { float: left; line-height: 1em; margin: 0; } fieldset .panel-body { clear: both; } fieldset .panel-heading a.panel-title { color: inherit; display: block; margin: -10px -15px; padding: 10px 15px; } fieldset .panel-heading a.panel-title:hover { text-decoration: none; } .form-actions { clear: both; } .resizable-textarea textarea { border-radius: 4px 4px 0 0; } .radio:first-child, .checkbox:first-child { margin-top: 0; } .radio:last-child, .checkbox:last-child { margin-bottom: 0; } .help-block, .control-group .help-inline { color: #999999; font-size: 12px; margin: 5px 0 10px; padding: 0; } .panel-heading { display: block; } a.tabledrag-handle .handle { height: auto; width: auto; } .error { color: #b94a48; } div.error, table tr.error { background-color: #f2dede; color: #b94a48; } .control-group.error { background: none; } .control-group.error label, .control-group.error .control-label { color: #b94a48; font-weight: 600; } .control-group.error input, .control-group.error textarea, .control-group.error select, .control-group.error .uneditable-input { color: #555555; border: 1px solid #cccccc; } .control-group.error .help-block, .control-group.error .help-inline { color: #333333; } .list-inline > li.first { padding-left: 0; } .nav-tabs { margin-bottom: 10px; } ul li.collapsed, ul li.expanded, ul li.leaf { list-style: none; list-style-image: none; } .tabs--secondary { margin: 0 0 10px; } .submitted { margin-bottom: 1em; font-style: italic; font-weight: normal; color: #777; } .password-strength { width: 17em; float: right; /* LTR */ margin-top: 1.4em; } .password-strength-title { display: inline; } .password-strength-text { float: right; /* LTR */ font-weight: bold; } .password-indicator { background-color: #949494; height: 0.3em; width: 100%; } .password-indicator div { height: 100%; width: 0%; background-color: #999999; } input.password-confirm, input.password-field { width: 16em; margin-bottom: 0.4em; } div.password-confirm { float: right; /* LTR */ margin-top: 1.5em; visibility: hidden; width: 17em; } div.form-item div.password-suggestions { padding: 0.2em 0.5em; margin: 0.7em 0; width: 38.5em; border: 1px solid #B4B4B4; } div.password-suggestions ul { margin-bottom: 0; } .confirm-parent, .password-parent { clear: left; /* LTR */ margin: 0; width: 36.3em; } .progress-wrapper .progress { margin-bottom: 10px; } .pagination ul > li > a.progress-disabled { float: left; } .form-autocomplete .glyphicon { color: #999999; font-size: 120%; } .form-autocomplete .glyphicon.glyphicon-spin { color: #cd0000; } .form-autocomplete .input-group-addon { background-color: #ffffff; } .ajax-progress .glyphicon { font-size: 90%; margin: 0 -0.25em 0 0.5em; } .glyphicon-spin { display: inline-block; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } a .glyphicon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .glyphicon-refresh { -webkit-transform-origin: 50% 45%; -moz-transform-origin: 50% 45%; -ms-transform-origin: 50% 45%; -o-transform-origin: 50% 45%; transform-origin: 50% 45%; } /** * Missing Bootstrap 2 tab styling. * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3 * @see http://bootply.com/74926 */ .tabbable { margin-bottom: 20px; } .tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { border-bottom: 0; } .tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary { color: #999999; font-size: 12px; } .tab-pane > .panel-heading { display: none; } .tab-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #dddddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #dddddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #dddddd #dddddd #dddddd; } .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { padding-bottom: 20px; width: 220px; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li:focus, .tabs-right > .nav-tabs > li:focus { outline: 0; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus { outline: 0; } .tabs-left > .tab-content, .tabs-right > .tab-content { border-radius: 0 4px 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #dddddd; overflow: hidden; padding: 10px 15px; } .tabs-left > .nav-tabs { float: left; margin-right: -1px; } .tabs-left > .nav-tabs > li > a { border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:hover, .tabs-left > .nav-tabs > .active > a:focus { border-color: #dddddd transparent #dddddd #dddddd; -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); } .tabs-right > .nav-tabs { float: right; margin-left: -1px; } .tabs-right > .nav-tabs > li > a { border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); } .tabs-right > .nav-tabs > .active > a, .tabs-right > .nav-tabs > .active > a:hover, .tabs-right > .nav-tabs > .active > a:focus { border-color: #dddddd #dddddd #dddddd transparent; } th.checkbox, td.checkbox, th.radio, td.radio { display: table-cell; } .views-display-settings .label { font-size: 100%; color: #666666; } .views-display-settings .footer { padding: 0; margin: 4px 0 0 0; } table .radio input[type="radio"], table .checkbox input[type="checkbox"] { max-width: inherit; } .form-horizontal .form-group label { position: relative; min-height: 1px; margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-left: 15px; padding-right: 15px; text-align: right; }@media (min-width: 768px) { .form-horizontal .form-group label { float: left; width: 16.66666667%; } }.alert a { font-weight: bold; } .alert-success a { color: #356635; } .alert-info a { color: #2d6987; } .alert-warning a { color: #a47e3c; } .alert-danger a { color: #953b39; } .well { padding: 15px; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 6-mei-2015, 14:01:04 Author : Sebastiaan */ /* * Bootstrap Glyphicon Custom */ /* * * Lekker-Online lo-icon * * Example code *   * */ .lo-icon { font-family: 'lekkeronlinewebfonts3'; color: #f7e219; } .lo-icon.chevron-down:before { content: "a"; text-transform: lowercase; } .lo-icon.chevron-left:before { content: "b"; text-transform: lowercase; } .lo-icon.chevron-right:before { content: "c"; text-transform: lowercase; } .lo-icon.chevron-up:before { content: "d"; text-transform: lowercase; } .lo-icon.clock:before { content: "e"; text-transform: lowercase; } .lo-icon.cloud-download:before { content: "f"; text-transform: lowercase; } .lo-icon.cloud-upload:before { content: "g"; text-transform: lowercase; } .lo-icon.comment:before { content: "h"; text-transform: lowercase; } .lo-icon.comment-discuss:before { content: "i"; text-transform: lowercase; } .lo-icon.heart:before { content: "j"; text-transform: lowercase; } .lo-icon.light-bulb:before { content: "k"; text-transform: lowercase; } .lo-icon.location:before { content: "l"; text-transform: lowercase; } .lo-icon.mirror:before { content: "m"; text-transform: lowercase; } .lo-icon.quote:before { content: "n"; text-transform: lowercase; } .lo-icon.search:before { content: "o"; text-transform: lowercase; } .lo-icon.social-apple:before { content: "p"; text-transform: lowercase; } .lo-icon.social-android:before { content: "q"; text-transform: lowercase; } .lo-icon.telephone:before { content: "r"; text-transform: lowercase; } .lo-icon.address:before { content: "s"; text-transform: lowercase; } .lo-icon.gplus:before { content: "t"; text-transform: lowercase; } .lo-icon.map:before { content: "u"; text-transform: lowercase; } .lo-icon.skype:before { content: "v"; text-transform: lowercase; } .lo-icon.thumbs-down:before { content: "w"; text-transform: lowercase; } .lo-icon.thumbs-up:before { content: "x"; text-transform: lowercase; } .lo-icon.twitter:before { content: "y"; text-transform: lowercase; } .lo-icon.video:before { content: "z"; text-transform: lowercase; } .lo-icon.lekker-online-logo:before { content: "A"; text-transform: uppercase; } .lo-icon.trashcan:before { content: "B"; text-transform: uppercase; } .lo-icon.html5:before { content: "C"; text-transform: uppercase; } .lo-icon.print:before { content: "D"; text-transform: uppercase; } .lo-icon.photo:before { content: "E"; text-transform: uppercase; } .lo-icon.call-phone:before { content: "F"; text-transform: uppercase; } .lo-icon.location-arrow:before { content: "G"; text-transform: uppercase; } .lo-icon.link-external:before { content: "H"; text-transform: uppercase; } .lo-icon.mail:before { content: "I"; text-transform: uppercase; } .lo-icon.check:before { content: "J"; text-transform: uppercase; } .lo-icon.eye:before { content: "K"; text-transform: uppercase; } .lo-icon.dashboard:before { content: "L"; text-transform: uppercase; } .lo-icon.results-demograp:before { content: "M"; text-transform: uppercase; } .lo-icon.pinterest:before { content: "N"; text-transform: uppercase; } .lo-icon.facebook:before { content: "O"; text-transform: uppercase; } .lo-icon.facebook-places:before { content: "P"; text-transform: uppercase; } .lo-icon.linkedin-alt:before { content: "Q"; text-transform: uppercase; } .lo-icon.whatsapp:before { content: "R"; text-transform: uppercase; } .lo-icon.youtube:before { content: "S"; text-transform: uppercase; } .lo-icon.twitter-alt:before { content: "T"; text-transform: uppercase; } .lo-icon.yahoo:before { content: "U"; text-transform: uppercase; } .lo-icon.vimeo:before { content: "V"; text-transform: uppercase; } .lo-icon.lock:before { content: "W"; text-transform: uppercase; } .lo-icon.locked:before { content: "X"; text-transform: uppercase; } .lo-icon.map-1:before { content: "Y"; text-transform: uppercase; } .lo-icon.user:before { content: "Z"; text-transform: uppercase; } .lo-icon.user-outline:before { content: "0"; text-transform: uppercase; } .lo-icon.users:before { content: "1"; text-transform: uppercase; } .lo-icon.users-outline:before { content: "2"; text-transform: uppercase; } .lo-icon.zoom:before { content: "3"; text-transform: uppercase; } .lo-icon.zoom-in-1:before { content: "4"; text-transform: uppercase; } .lo-icon.zoom-in-out-1:before { content: "5"; text-transform: uppercase; } .lo-icon.flag:before { content: "6"; text-transform: uppercase; } .lo-icon.magnifying-glass:before { content: "7"; text-transform: uppercase; } .lo-icon.instagram:before { content: "8"; text-transform: uppercase; } .lo-icon.dycon-logo:before { content: "9"; text-transform: uppercase; } /* Dit is elements code herhalen voor elke less een variable toevoegen. */ /* Created on : 19-mrt-2015, 10:11:36 Author : sebastiaan File : elements.less */ .box-shadow-small { -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); -o-box-shadow: 0px 2px 2px 0px rgba(0, 7, 0, 0.75); } /** * Content header en Flexslider Margin-top / Margin-Bottom * Wanneer wil je content niet meer iets boven dan zet je 0px */ .contentheader_bottom { margin-bottom: 80px; } .lekkeronline_webfont { font-family: 'lekkeronlinewebfonts3'; } /* Dit is voor Regio Header Logo en Navbar */ /* Created on : 19-mrt-2015, 15:32:46 Author : sebastiaan File : header.less */ .region-header .bannerriool { color: red; border-left: 1px solid gray; padding-left: 15px; margin-top: 50px; margin-bottom: -35px; } .region-header .bannerriool p { font-size: 14px; }@media screen and (min-width: 768px) { .region-header .bannerriool { margin-top: 19px; margin-bottom: 0px; } .region-header .bannerriool p { font-size: 10px; } }@media screen and (min-width: 992px) { .region-header .bannerriool { margin-top: 45px; margin-bottom: -15px; } .region-header .bannerriool p { font-size: 10px; } }@media screen and (min-width: 1200px) { .region-header .bannerriool { margin-top: 40px; margin-bottom: -25px; } .region-header .bannerriool p { font-size: 14px; } }@media screen and (max-width: 767px) { .region-header .riool_banner img { width: 90px !important; height: 35px !important; } }.navbar { border: 0px solid transparent; } .navbar .logo { border-right: 0px solid red; } .belons a { color: #cd0000; } .belons a:hover { color: #e74c4c; } .region-content-header .btn-primary { margin-top: 10px; } /* Dit is voor Regio banner en Flexslider Home page carousel */ /* Created on : 26-mrt-2015, 13:18:02 Author : sebastiaan / rick File : banner.less */ .region-banner { background: #dadada; } .region-banner .container { padding-right: 0px; padding-left: 0px; } .region-banner .flexslider { margin-bottom: 0px; }@media screen and (max-width: 767px) { .region-banner .flexslider { background: #cd0000; } }.region-banner .flexslider .flex-control-nav { height: 20px; bottom: 0px; }@media screen and (max-width: 767px) { .region-banner .flexslider .flex-control-nav { display: none; } }.region-banner .flexslider .flex-control-paging li a { background: #ededed; } .region-banner .flexslider .flex-control-paging li a.flex-active { background: #cd0000; } .region-banner .flexslider .flex-direction-nav a { color: #ededed; } .region-banner .flexslider .flex-direction-nav a:before { color: #ededed; } .region-banner .flexslider .flex-direction-nav a:hover, .region-banner .flexslider .flex-direction-nav a:focus, .region-banner .flexslider .flex-direction-nav a .active { color: #a8a8a8; } .region-banner .flexslider .flex-direction-nav a.flex-next:before { color: #ededed; } .region-banner .flexslider .slides .container { padding-bottom: 0px; } .region-banner .flexslider .slides .container .homepage_carousel_intro { background: rgba(255, 255, 255, 0.9); color: #ffffff; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; position: relative; overflow: hidden; margin-top: 35px; }@media screen and (min-width: 1200px), screen and (min-width: 768px), screen and (min-width: 992px) { .region-banner .flexslider .slides .container .homepage_carousel_intro { margin-right: 35px; } }.region-banner .flexslider .slides .container .homepage_carousel_intro .homepage_carousel_body { text-align: left; color: white; padding-top: 80px; } .region-banner .flexslider .slides .container .homepage_carousel_intro .homepage_carousel_body h3 { background: #dadada; color: #545454; min-height: 50px; margin-top: 0px; margin-left: -25px; width: 100%; position: absolute; top: 0px; padding: 15px 30px 15px 25px; } .region-banner .flexslider .slides .container .homepage_carousel_intro .homepage_carousel_body p { font-size: 14px; line-height: 22px; letter-spacing: 0.2px; color: #000000; } .region-banner .flexslider .slides .storingnummer { text-align: center; position: relative; } .region-banner .flexslider .slides .storingnummer p { font-size: 18px; color: #f7e219; } .region-banner .flexslider .homepage_carousel { position: relative; clear: both; display: block; } .region-banner .flexslider .homepage_carousel .homepage_carousel_content { padding-top: 0vw; } .region-banner .flexslider .homepage_carousel .homepage_carousel_background { position: absolute; left: -50px; bottom: 20%; width: 160%; }@media screen and (min-width: 768px) { .region-banner .flexslider .homepage_carousel .homepage_carousel_background { width: 160%; left: -9px; } }@media screen and (min-width: 992px) { .region-banner .flexslider .homepage_carousel .homepage_carousel_background { width: 133%; left: -29px; } }@media screen and (min-width: 1200px) { .region-banner .flexslider .homepage_carousel .homepage_carousel_background { width: 110%; left: 1px; } }/* Dit is voor Regio Navigation Main Menu en Navbar */ /* Created on : 25-mrt-2015, 15:13:33 Author : sebastiaan File : navigation.less */ header.navbar { background: #dadada; /* Old browsers */ background: -moz-linear-gradient(top, #dadada 0%, #dadada 74%, #cd0000 45%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(74%, #dadada), color-stop(45%, #cd0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dadada 0%, #dadada 74%, #cd0000 45%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dadada 0%, #dadada 74%, #cd0000 45%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dadada 0%, #dadada 74%, #cd0000 45%); /* IE10+ */ background: linear-gradient(to bottom, #dadada 0%, #dadada 74%, #cd0000 45%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-secundary-lightest', endColorstr='@brand-primary', GradientType=0); /* IE6-9 */ border-color: 0px solid #cd0000; margin-bottom: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 7, 0, 0.75); border-bottom: 1px solid #cd0000; }@media screen and (max-width: 767px) { header.navbar { background: #dadada !important; } }header.navbar .navbar-nav { margin: 0px -15px; } header.navbar .navbar-header { background: #ededed; height: 56px; }@media screen and (min-width: 768px) { header.navbar .navbar-header { height: 142px; } }@media screen and (min-width: 992px) { header.navbar .navbar-header { height: 142px; } }@media screen and (min-width: 1200px) { header.navbar .navbar-header { height: 142px; } }header.navbar.navbar-default .navbar-collapse, header.navbar.navbar-default .navbar-form { border-color: #a8a8a8; margin-top: 0px; }@media screen and (min-width: 1200px), screen and (min-width: 992px), screen and (min-width: 768px) { header.navbar.navbar-default .navbar-collapse, header.navbar.navbar-default .navbar-form { margin-top: 56px; } }header.navbar.navbar-default .navbar-toggle { border-color: #e74c4c; background: #cd0000; } header.navbar.navbar-default .navbar-toggle:hover { background: #e74c4c; } header.navbar.navbar-default .navbar-toggle:focus { background: #e74c4c; } header.navbar.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } header.navbar #block-system-main-menu ul.menu.nav { border-bottom: 0px solid #e74c4c; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav { border-radius: 0px 0px 0px 0px; background: #ffffff; } }header.navbar #block-system-main-menu ul.menu.nav li .active { background: #e74c4c; } header.navbar #block-system-main-menu ul.menu.nav li:hover, header.navbar #block-system-main-menu ul.menu.nav li:active { color: green; background: #ef8787 !important; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav li:hover, header.navbar #block-system-main-menu ul.menu.nav li:active { color: #f7e219; } }header.navbar #block-system-main-menu ul.menu.nav li a { color: #f7e219; border-right: 1px solid #b30000; background: #cd0000; margin-top: 0px; margin-bottom: 0px; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav li a { color: #000000; background: #ffffff; border-right: 0px solid #ffffff; } }header.navbar #block-system-main-menu ul.menu.nav li a:hover { background: #e74c4c; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav li a:hover { color: #ffffff; } }header.navbar #block-system-main-menu ul.menu.nav li a i.fontello { color: #ffffff; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu { border: 0px solid #f6e5e5; font-size: 14px; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li { background: #000000; }@media screen and (max-width: 767px) { header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li { background: #dadada; } }header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li:hover { background: #545454; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li { background: #545454; } header.navbar #block-system-main-menu ul.menu.nav ul.dropdown-menu li ul li ul li { background: #a8a8a8; } header.navbar #block-system-user-menu .menu, header.navbar #block-menu-menu-secundair-menu .menu { color: #545454; font-weight: 600; background: #dadada; border-bottom: 0px solid red; } header.navbar #block-system-user-menu li.first.leaf a, header.navbar #block-menu-menu-secundair-menu li.first.leaf a { background: #a8a8a8; color: #ededed; } header.navbar #block-system-user-menu li.first.leaf a:hover, header.navbar #block-menu-menu-secundair-menu li.first.leaf a:hover { color: #000000; background: #dadada; } header.navbar #block-system-user-menu li.leaf a, header.navbar #block-menu-menu-secundair-menu li.leaf a { color: #545454; background: #dadada; } header.navbar #block-system-user-menu li.leaf a:hover, header.navbar #block-menu-menu-secundair-menu li.leaf a:hover { background: #cd0000; color: #f7e219; } header.navbar #block-system-user-menu li.last.leaf a, header.navbar #block-menu-menu-secundair-menu li.last.leaf a { color: #f7e219; background: #cd0000; } header.navbar #block-system-user-menu li.last.leaf a:hover, header.navbar #block-menu-menu-secundair-menu li.last.leaf a:hover { color: #f7e219; background: #e74c4c; } header.navbar .right-caret:after { content: "a"; text-transform: lowercase; font-family: 'lekkeronlinewebfonts3'; } header.navbar .left-caret:after { content: "d"; text-transform: lowercase; font-family: 'lekkeronlinewebfonts3'; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 12-jun-2015, 15:39:19 Author : Sebastiaan */ body { background: #ededed; } .region-footer { margin-top: 0px; } .footer { background: #dadada url(/sites/all/themes/uwriool/images/footer-bg.jpg) right no-repeat; background-position: bottom right; padding-top: 0px; padding-bottom: 0px; }@media screen and (max-width: 767px) { .footer { background-image: none; } }.footer .region-footer { margin-top: 0px; } .footer .region-footer .block .view-header .col-md-12 .clearfix, .footer .region-footer .block:first-child .view-header .col-md-12 .clearfix { display: inline-block; } .footer .region-footer .block .content, .footer .region-footer .block:first-child .content { border-radius: 0px 0px 10px 0px; border: 0px solid black; overflow: hidden; position: relative; }@media screen and (min-width: 1200px), screen and (min-width: 992px), screen and (min-width: 768px) { .footer .region-footer .block .content, .footer .region-footer .block:first-child .content { min-height: 578px; } }.footer .region-footer .block .content p.lowtext, .footer .region-footer .block:first-child .content p.lowtext { color: #000000; margin-left: 35px; } .footer .region-footer .block .content ul.voordelen-footer, .footer .region-footer .block:first-child .content ul.voordelen-footer { padding: 0px; list-style-type: none; } .footer .region-footer .block .content ul.voordelen-footer li, .footer .region-footer .block:first-child .content ul.voordelen-footer li { margin-left: 25px; color: #000000; } .footer .region-footer .block .content ul.voordelen-footer li .lo-icon, .footer .region-footer .block:first-child .content ul.voordelen-footer li .lo-icon { color: #a8a8a8; font-size: 22px; position: relative; top: 4px; display: inline-block; margin-left: -28px; } .footer .region-footer .block .content ul.voordelen-footer li .quote, .footer .region-footer .block:first-child .content ul.voordelen-footer li .quote { font-size: 62px; } .footer .region-footer .block .content p, .footer .region-footer .block:first-child .content p { color: #000000; } .footer .region-footer .block .content p .lo-icon, .footer .region-footer .block:first-child .content p .lo-icon { color: #a8a8a8; font-size: 22px; position: relative; top: 4; } .footer .region-footer .block .content p .quote, .footer .region-footer .block:first-child .content p .quote { font-size: 62px; } .footer .region-footer .block .view-content, .footer .region-footer .block:first-child .view-content { padding-bottom: 50px; } .footer .region-footer .block .view-content a, .footer .region-footer .block:first-child .view-content a { text-decoration: none; } .footer .region-footer .block .view-content a:hover, .footer .region-footer .block:first-child .view-content a:hover { color: #000000; text-decoration: none; } .footer .region-footer .block .view-content .flexslider, .footer .region-footer .block:first-child .view-content .flexslider { background: transparent !important; border: 0px solid transparent !important; } .footer .region-footer .block .view-content .flexslider .flex-control-paging li a, .footer .region-footer .block:first-child .view-content .flexslider .flex-control-paging li a { background: #ededed; } .footer .region-footer .block .view-content .flexslider .flex-control-paging li a.flex-active, .footer .region-footer .block:first-child .view-content .flexslider .flex-control-paging li a.flex-active { background: #cd0000; } .footer .region-footer .block .view-content .letters, .footer .region-footer .block:first-child .view-content .letters { font-size: 22px; } .footer .region-footer .block h2, .footer .region-footer .block:first-child h2, .footer .region-footer .block h2.block-title, .footer .region-footer .block:first-child h2.block-title { font-size: 14px; color: #545454; background: #545454; margin: -15px; margin-bottom: 15px; padding: 15px; color: #ededed; } .footer .region-footer .block p:last-child, .footer .region-footer .block:first-child p:last-child { margin-bottom: 15px; } .footer .region-footer .block-footer { background: #cd0000; margin-left: -15px; position: absolute; bottom: 0px; width: 100%; } .footer .region-footer .block-footer .readmore { position: relative; } .footer .region-footer .block-footer .readmore a { color: #ffffff; position: absolute; left: 0px; display: block; width: 100%; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; bottom: 0px; text-align: right; background: #cd0000; } .footer .region-footer .block-footer .readmore a:hover { -webkit-transition: all 800ms ; -moz-transition: all 800ms ; -o-transition: all 800ms ; transition: all 800ms ; color: #f7e219; background: #e74c4c; text-decoration: none; } .footer .region-footer .block-footer .readmore a .lo-icon { top: 2px; position: relative; color: #f7e219; display: inline-block; line-height: 1; transition-property: left; transition-duration: 1s, 1s; transition-delay: 0s, 1s; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 18-jun-2015, 15:32:49 Author : Sebastiaan */ .closure { background: #545454; } /* Dit is voor Regio Secundair en block voor reclame, actie etc. */ /* Created on : 27-mrt-2015, 13:01:27 Author : sebastiaan File : sidebar_second.less */ .region-sidebar-second .node-webform h2 { display: none; } .region-sidebar-second .block { margin-top: 16px; margin-bottom: 16px; background-color: #ededed; border: 0px solid #ededed; border-radius: 0px 0px 20px 0px; padding-top: 60px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; position: relative; }@media screen and (max-width: 767px) { .region-sidebar-second .block { padding-top: 100px; } }@media screen and (max-width: 767px) { .region-sidebar-second .block img { width: 100% !important; height: auto !important; } }.region-sidebar-second .block.block_clr_primary { background: #cd0000; overflow: hidden; } .region-sidebar-second .block.block_clr_primary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_primary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_primary p { color: #ffffff; } .region-sidebar-second .block.block_clr_primary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-second .block.block_clr_primary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_primary p { color: #ffffff; } .region-sidebar-second .block.block_clr_primary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-second .block.block_clr_primary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_primary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-second .block.block_clr_primary p:first-child { color: #ffffff; } .region-sidebar-second .block.block_clr_primary p { color: #ffffff; } .region-sidebar-second .block.block_clr_primary p:last-child { color: #ffffff; } .region-sidebar-second .block.block_clr_primary ul { color: #ffffff; padding-left: 5px; list-style: none; } .region-sidebar-second .block.block_clr_primary ul .lo-icon { color: #a8a8a8; } .region-sidebar-second .block.block_clr_primary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_primary hr { border-top: 1px dotted #ededed; } .region-sidebar-second .block.block_clr_secundary { background: #545454; overflow: hidden; } .region-sidebar-second .block.block_clr_secundary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-second .block.block_clr_secundary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary ul { color: #ffffff; padding-left: 15px; } .region-sidebar-second .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-second .block.block_clr_secundary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-second .block.block_clr_secundary p:first-child { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary p { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary p:last-child { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary ul { color: #ffffff; padding-left: 5px; list-style: none; } .region-sidebar-second .block.block_clr_secundary ul .lo-icon { color: #a8a8a8; } .region-sidebar-second .block.block_clr_secundary ul li { color: #ffffff; } .region-sidebar-second .block.block_clr_secundary hr { border-top: 1px dotted #ffffff; } .region-sidebar-second .block.block_clr_tertiary { background-color: #ededed; overflow: hidden; } .region-sidebar-second .block.block_clr_tertiary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_tertiary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_tertiary p { color: #000000; } .region-sidebar-second .block.block_clr_tertiary ul { color: #000000; padding-left: 15px; } .region-sidebar-second .block.block_clr_tertiary ul li { color: #000000; } .region-sidebar-second .block.block_clr_tertiary hr { border-top: 1px dotted #000000; } .region-sidebar-second .block.block_clr_tertiary h2 { color: #ffffff; font-size: 18px; } .region-sidebar-second .block.block_clr_tertiary p { color: #000000; } .region-sidebar-second .block.block_clr_tertiary ul { color: #000000; padding-left: 15px; } .region-sidebar-second .block.block_clr_tertiary ul li { color: #000000; } .region-sidebar-second .block.block_clr_tertiary hr { border-top: 1px dotted #000000; } .region-sidebar-second .block.block_clr_tertiary h1 { color: #ffffff; } .region-sidebar-second .block.block_clr_tertiary h2 { color: #545454; background: #dadada; position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 15px; margin-top: 0px; } .region-sidebar-second .block.block_clr_tertiary p:first-child { color: #000000; } .region-sidebar-second .block.block_clr_tertiary p { color: #000000; } .region-sidebar-second .block.block_clr_tertiary p:last-child { color: #000000; } .region-sidebar-second .block.block_clr_tertiary ul { color: #000000; padding-left: 5px; list-style: none; } .region-sidebar-second .block.block_clr_tertiary ul .lo-icon { color: #a8a8a8; } .region-sidebar-second .block.block_clr_tertiary ul li { color: #000000; } .region-sidebar-second .block.block_clr_tertiary hr { border-top: 1px dotted #000000; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 23-jun-2015, 16:42:57 Author : Sebastiaan */ .view-referenties .view-content .referenties { margin-bottom: 100px; } .view-referenties .view-content .referenties .datum { text-align: right; font-size: 12px; font-style: Italic; } .view-referenties .view-content .referenties .omschrijving { margin-top: 35px; margin-bottom: 35px; } .view-referenties .view-content .referenties .omschrijving .lo-icon { color: #a8a8a8; font-size: 22px; position: relative; top: 4px; display: inline-block; margin-left: -8px; margin-bottom: -10px; } .view-referenties .view-content .referenties .omschrijving .quote { font-size: 62px; } .view-referenties .view-content .referenties .letters { font-size: 26px; float: right; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 12-jun-2015, 12:08:36 Author : Sebastiaan */ .region-footer ul.menu.nav li a { padding: 2px 0px; } .region-footer ul.menu.nav li a:hover { background: #cd0000; } .region-footer ul.menu.nav li a:before { font-family: 'lekkeronlinewebfonts3'; content: "c"; padding-right: 15px; } /*})'"*/