/* Stylesheet by Yngve Wikøren Nilsen @InBusiness Created: 2015.01.11 About UU slider:
-> wrapper of all
-> loop one for each slide
-> wrapper of slides
-> wrapper of slides, set height here
-> wrapper of columns (2 posts in each slide)
-> the posts (1 for each post)
*/ /* -------------------------------------------------------- START OBJECT COMMENT */ /* end object comment -------------------------------------------------------- */ /* ------------------------------------------------------- INBUSINESS EMPLOYEE WIDGET SLIDESHOW STYLES ------------------------------------------------------- */ .inbus-employees{ width:100%; float:left; display:inline-block} .inbus-employees *{ -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0} /* -moz- and -webkit- fixes */ .inbus-employees label, .inbus-employees #inbus-employee-active, .inbus-employees img { -moz-user-select:none;-webkit-user-select:none} /* reset fieldset */ .inbus-employees fieldset{margin:0;border:none;padding:0} /* hide legend of form fieldset UU explanation */ .inbus-employees legend{display:none} /* main wrapper of all things */ #inbus-employee-slider { position:relative; margin:0 auto} /* hide input fields in plain sight */ .inbus-employees input { position:absolute; left:-10000px} .inbus-employees #inbus-employee-slides{overflow:hidden} /*inner container -wrapper of each slide*/ .inbus-employees .inner { min-height:200px; /*width:300%; calculated in php:# of slides * 100 __set to 100% for fading effect */ /*padding-bottom:35.625%41.8125% needed for fading effect - sets height of slider */} /*move sliders (inner container -wrapper of each slide*//* set to zero for fading effect - increase by -100% for sliding effect*/ .inbus-employees #inbus-employee-slide1:checked ~ #inbus-employee-slides .inner { margin-left:0} .inbus-employees #inbus-employee-slide2:checked ~ #inbus-employee-slides .inner { margin-left:-100%} .inbus-employees #inbus-employee-slide3:checked ~ #inbus-employee-slides .inner { margin-left:-200%} .inbus-employees #inbus-employee-slide4:checked ~ #inbus-employee-slides .inner { margin-left:-300%} .inbus-employees #inbus-employee-slide5:checked ~ #inbus-employee-slides .inner { margin-left:-400%} .inbus-employees #inbus-employee-slide6:checked ~ #inbus-employee-slides .inner { margin-left:-500%} .inbus-employees #inbus-employee-slide7:checked ~ #inbus-employee-slides .inner { margin-left:-600%} .inbus-employees #inbus-employee-slide8:checked ~ #inbus-employee-slides .inner { margin-left:-700%} .inbus-employees #inbus-employee-slide9:checked ~ #inbus-employee-slides .inner { margin-left:-800%} .inbus-employees #inbus-employee-slide10:checked ~ #inbus-employee-slides .inner { margin-left:-900%} .inbus-employees #inbus-employee-slide11:checked ~ #inbus-employee-slides .inner { margin-left:-1000%} .inbus-employees #inbus-employee-slide12:checked ~ #inbus-employee-slides .inner { margin-left:-1100%} .inbus-employees #inbus-employee-slide13:checked ~ #inbus-employee-slides .inner { margin-left:-1200%} .inbus-employees #inbus-employee-slide14:checked ~ #inbus-employee-slides .inner { margin-left:-1300%} .inbus-employees #inbus-employee-slide15:checked ~ #inbus-employee-slides .inner { margin-left:-1400%} .inbus-employees #inbus-employee-slide16:checked ~ #inbus-employee-slides .inner { margin-left:-1500%} .inbus-employees #inbus-employee-slide17:checked ~ #inbus-employee-slides .inner { margin-left:-1600%} .inbus-employees #inbus-employee-slide18:checked ~ #inbus-employee-slides .inner { margin-left:-1700%} /*slide container*/ .inbus-employees .inner > div { /* position:absolute; top:0; bottom:0; right:0; margin:auto; left:0; z-index:-1; needed for fading effect */ /*width:33.333%; calculated in php:100 / # of slides */ float:left} /* -------------------------------------------------------- SLIDER LABELS (for control and active indicators) */ #inbus-employeeform label { color:transparent; font-size:0; cursor:pointer} /* end slider labels -------------------------------------------------------- */ /* -------------------------------------------------------- SLIDER CONTROLS (prev/next) */ #inbus-employeeform #inbus-employee-controls {} #inbus-employeeform #inbus-employee-controls label { position:absolute; top:0; bottom:0; z-index:99999; margin:auto; display:none; width:40px; height:40px;} /* next button (position and style, slide1 goes to label2, number of css rules should match number of slides */ #inbus-employeeform #inbus-employee-slide1.employeeslidescount2:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide1.employeeslidescount3:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount3:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount3:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide13.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide13.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide14.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide13.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide14.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide15.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide13.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide14.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide15.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(16), #inbus-employeeform #inbus-employee-slide16.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide13.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide14.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide15.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(16), #inbus-employeeform #inbus-employee-slide16.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(17), #inbus-employeeform #inbus-employee-slide17.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide2.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide3.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide4.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide5.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide6.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide7.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide8.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide9.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide10.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide11.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide12.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide13.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide14.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide15.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(16), #inbus-employeeform #inbus-employee-slide16.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(17), #inbus-employeeform #inbus-employee-slide17.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(18), #inbus-employeeform #inbus-employee-slide18.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(1) { display:inline-block; right:-50px; right:0; background:url(gfx/angle_right.png) no-repeat center center; background:url(gfx/angle_right.png) no-repeat center top;} /* prev button (position and style, slide1 goes to labelLAST, number of css rules should match number of slides */ #inbus-employeeform #inbus-employee-slide2.employeeslidescount2:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide1.employeeslidescount3:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide2.employeeslidescount3:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount3:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide1.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide2.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount4:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide1.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide2.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount5:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide1.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide2.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount6:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide1.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide2.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount7:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide1.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide2.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount8:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide1.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide2.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount9:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide1.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide2.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount10:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide1.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide2.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount11:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide1.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide2.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount12:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide1.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide2.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide13.employeeslidescount13:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide1.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide2.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide13.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide14.employeeslidescount14:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide1.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide2.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide13.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide14.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide15.employeeslidescount15:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide1.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(16), #inbus-employeeform #inbus-employee-slide2.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide13.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide14.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide15.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide16.employeeslidescount16:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide1.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(17), #inbus-employeeform #inbus-employee-slide2.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide13.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide14.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide15.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide16.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide17.employeeslidescount17:checked ~ #inbus-employee-controls label:nth-child(16), #inbus-employeeform #inbus-employee-slide1.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(18), #inbus-employeeform #inbus-employee-slide2.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(1), #inbus-employeeform #inbus-employee-slide3.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(2), #inbus-employeeform #inbus-employee-slide4.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(3), #inbus-employeeform #inbus-employee-slide5.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(4), #inbus-employeeform #inbus-employee-slide6.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(5), #inbus-employeeform #inbus-employee-slide7.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(6), #inbus-employeeform #inbus-employee-slide8.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(7), #inbus-employeeform #inbus-employee-slide9.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(8), #inbus-employeeform #inbus-employee-slide10.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(9), #inbus-employeeform #inbus-employee-slide11.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(10), #inbus-employeeform #inbus-employee-slide12.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(11), #inbus-employeeform #inbus-employee-slide13.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(12), #inbus-employeeform #inbus-employee-slide14.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(13), #inbus-employeeform #inbus-employee-slide15.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(14), #inbus-employeeform #inbus-employee-slide16.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(15), #inbus-employeeform #inbus-employee-slide17.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(16), #inbus-employeeform #inbus-employee-slide18.employeeslidescount18:checked ~ #inbus-employee-controls label:nth-child(17) { display:inline-block; left:-50px; left:0; background:url(gfx/angle_left.png) no-repeat center center; background:url(gfx/angle_left.png) no-repeat center top;} #inbus-employeeform #controls label:hover{opacity:1} /* end slider controls -------------------------------------------------------- */ /* -------------------------------------------------------- ACTIVE SLIDE CONTROLS (the slide indicators) */ .inbus_employees_labels { position:absolute; bottom:20px; left:auto; right:0; margin:auto; max-width:1024px; text-align:center} .inbus_employees_labels label { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:1px solid white; display:inline-block; width:15px; height:15px; margin:5px; background:#bbb; overflow:hidden; color:transparent!important} .inbus_employees_labels label:hover { background:#ccc; border-color:#777!important} #inbus-employeeform #inbus-employee-slide1:checked ~ #inbus-employee-active label:nth-child(1), #inbus-employeeform #inbus-employee-slide2:checked ~ #inbus-employee-active label:nth-child(2), #inbus-employeeform #inbus-employee-slide3:checked ~ #inbus-employee-active label:nth-child(3), #inbus-employeeform #inbus-employee-slide4:checked ~ #inbus-employee-active label:nth-child(4), #inbus-employeeform #inbus-employee-slide5:checked ~ #inbus-employee-active label:nth-child(5), #inbus-employeeform #inbus-employee-slide6:checked ~ #inbus-employee-active label:nth-child(6), #inbus-employeeform #inbus-employee-slide7:checked ~ #inbus-employee-active label:nth-child(7), #inbus-employeeform #inbus-employee-slide8:checked ~ #inbus-employee-active label:nth-child(8), #inbus-employeeform #inbus-employee-slide9:checked ~ #inbus-employee-active label:nth-child(9), #inbus-employeeform #inbus-employee-slide10:checked ~ #inbus-employee-active label:nth-child(10), #inbus-employeeform #inbus-employee-slide11:checked ~ #inbus-employee-active label:nth-child(11), #inbus-employeeform #inbus-employee-slide12:checked ~ #inbus-employee-active label:nth-child(12), #inbus-employeeform #inbus-employee-slide13:checked ~ #inbus-employee-active label:nth-child(13), #inbus-employeeform #inbus-employee-slide14:checked ~ #inbus-employee-active label:nth-child(14), #inbus-employeeform #inbus-employee-slide15:checked ~ #inbus-employee-active label:nth-child(15), #inbus-employeeform #inbus-employee-slide16:checked ~ #inbus-employee-active label:nth-child(16), #inbus-employeeform #inbus-employee-slide17:checked ~ #inbus-employee-active label:nth-child(17), #inbus-employeeform #inbus-employee-slide18:checked ~ #inbus-employee-active label:nth-child(18), #inbus-employeeform #inbus-employee-slide19:checked ~ #inbus-employee-active label:nth-child(19), #inbus-employeeform #inbus-employee-slide20:checked ~ #inbus-employee-active label:nth-child(20){ background:#eb0c17; border-color:#fff!important} #inbus-employeeform #inbus-employee-slide1:focus ~ #inbus-employee-active label:nth-child(1), #inbus-employeeform #inbus-employee-slide2:focus ~ #inbus-employee-active label:nth-child(2), #inbus-employeeform #inbus-employee-slide3:focus ~ #inbus-employee-active label:nth-child(3), #inbus-employeeform #inbus-employee-slide4:focus ~ #inbus-employee-active label:nth-child(4), #inbus-employeeform #inbus-employee-slide5:focus ~ #inbus-employee-active label:nth-child(5), #inbus-employeeform #inbus-employee-slide6:focus ~ #inbus-employee-active label:nth-child(6), #inbus-employeeform #inbus-employee-slide7:focus ~ #inbus-employee-active label:nth-child(7), #inbus-employeeform #inbus-employee-slide8:focus ~ #inbus-employee-active label:nth-child(8), #inbus-employeeform #inbus-employee-slide9:focus ~ #inbus-employee-active label:nth-child(9), #inbus-employeeform #inbus-employee-slide10:focus ~ #inbus-employee-active label:nth-child(10), #inbus-employeeform #inbus-employee-slide11:focus ~ #inbus-employee-active label:nth-child(11), #inbus-employeeform #inbus-employee-slide12:focus ~ #inbus-employee-active label:nth-child(12), #inbus-employeeform #inbus-employee-slide13:focus ~ #inbus-employee-active label:nth-child(13), #inbus-employeeform #inbus-employee-slide14:focus ~ #inbus-employee-active label:nth-child(14), #inbus-employeeform #inbus-employee-slide15:focus ~ #inbus-employee-active label:nth-child(15), #inbus-employeeform #inbus-employee-slide16:focus ~ #inbus-employee-active label:nth-child(16), #inbus-employeeform #inbus-employee-slide17:focus ~ #inbus-employee-active label:nth-child(17), #inbus-employeeform #inbus-employee-slide18:focus ~ #inbus-employee-active label:nth-child(18), #inbus-employeeform #inbus-employee-slide19:focus ~ #inbus-employee-active label:nth-child(19), #inbus-employeeform #inbus-employee-slide20:focus ~ #inbus-employee-active label:nth-child(20){outline:2px solid #347eff;} /* end active slide controls -------------------------------------------------------- */ /* -------------------------------------------------------- MEDIA BUTTONS */ .inbus-employees button.toggleplay{ position:absolute; bottom:0; left:20px; display:inline-block; width:18px; height:18px; margin:5px; border:1px solid #333; border-radius:100%; padding:0; background:white; overflow:hidden; color:transparent!important; cursor:pointer; opacity:.5; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -o-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-transition:opacity .3s ease-in-out; -moz-transition:opacity .3s ease-in-out; -o-transition:opacity .3s ease-in-out; -ms-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out;} .inbus-employees button.toggleplay:hover{ opacity:1} .inbus-employees button.toggleplay.plays:after, .inbus-employees button.toggleplay.paused:after{ position:relative; top:0; left:0; content:''; display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-position:center center; background-size: contain} .inbus-employees button.toggleplay.plays:after{background-image:url(gfx/icon-pause.png)} .inbus-employees button.toggleplay.paused:after{background-image:url(gfx/icon-play.png)} /* end media buttons -------------------------------------------------------- */ /* ------------------------------------------------------- POST STYLES ------------------------------------------------------- */ .inbus-employee{ margin-top:40px; margin-bottom:40px} @media only screen and (max-width:800px) { .inbus-employee{width:100%!important} } .inbus-employee .inbus-employee-content > h1{font-size:1.286em} /* ------------------------------------------------------- SLIDER ANIMATIONS ------------------------------------------------------- */ /* -------------------------------------------------------- SLIDER ANIMATIONS */ #inbus-employeeform #inbus-employee-slides .inner { /* easeInOutQuart */ -webkit-transform:translateZ(0); -webkit-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ -webkit-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000)} #inbus-employeeform #inbus-employee-slider { -webkit-transform:translateZ(0); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out} #inbus-employeeform #controls label{ -webkit-transform:translateZ(0); -webkit-transition:opacity 0.2s ease-out; -moz-transition:opacity 0.2s ease-out; -o-transition:opacity 0.2s ease-out; transition:opacity 0.2s ease-out} #inbus-employeeform #inbus-employee-slide1:checked ~ #inbus-employee-slides .inner > div:nth-child(1), #inbus-employeeform #inbus-employee-slide2:checked ~ #inbus-employee-slides .inner > div:nth-child(2), #inbus-employeeform #inbus-employee-slide3:checked ~ #inbus-employee-slides .inner > div:nth-child(3), #inbus-employeeform #inbus-employee-slide4:checked ~ #inbus-employee-slides .inner > div:nth-child(4), #inbus-employeeform #inbus-employee-slide5:checked ~ #inbus-employee-slides .inner > div:nth-child(5), #inbus-employeeform #inbus-employee-slide6:checked ~ #inbus-employee-slides .inner > div:nth-child(6), #inbus-employeeform #inbus-employee-slide7:checked ~ #inbus-employee-slides .inner > div:nth-child(7), #inbus-employeeform #inbus-employee-slide8:checked ~ #inbus-employee-slides .inner > div:nth-child(8), #inbus-employeeform #inbus-employee-slide9:checked ~ #inbus-employee-slides .inner > div:nth-child(9), #inbus-employeeform #inbus-employee-slide10:checked ~ #inbus-employee-slides .inner > div:nth-child(10), #inbus-employeeform #inbus-employee-slide11:checked ~ #inbus-employee-slides .inner > div:nth-child(11), #inbus-employeeform #inbus-employee-slide12:checked ~ #inbus-employee-slides .inner > div:nth-child(12), #inbus-employeeform #inbus-employee-slide13:checked ~ #inbus-employee-slides .inner > div:nth-child(13), #inbus-employeeform #inbus-employee-slide14:checked ~ #inbus-employee-slides .inner > div:nth-child(14), #inbus-employeeform #inbus-employee-slide15:checked ~ #inbus-employee-slides .inner > div:nth-child(15), #inbus-employeeform #inbus-employee-slide16:checked ~ #inbus-employee-slides .inner > div:nth-child(16), #inbus-employeeform #inbus-employee-slide17:checked ~ #inbus-employee-slides .inner > div:nth-child(17), #inbus-employeeform #inbus-employee-slide18:checked ~ #inbus-employee-slides .inner > div:nth-child(18), #inbus-employeeform #inbus-employee-slide19:checked ~ #inbus-employee-slides .inner > div:nth-child(19), #inbus-employeeform #inbus-employee-slide20:checked ~ #inbus-employee-slides .inner > div:nth-child(20) { opacity:1; -webkit-transition:all 1s ease-out 0.6s; -moz-transition:all 1s ease-out 0.6s; -o-transition:all 1s ease-out 0.6s; transition:all 1s ease-out 0.6s} #inbus-employeeform #controls, #inbus-employeeform #inbus-employee-slides, #inbus-employeeform #inbus-employee-active, #inbus-employeeform #inbus-employee-active label{ -webkit-transform:translateZ(0); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out} /* end slider animations -------------------------------------------------------- */ /* ------------------------------------------------------- PLUGIN ELEMENTS ------------------------------------------------------- */ /* -------------------------------------------------------- SINGLE TEMPLATE EMPLOYEE */ .inbus-employee-single{} /* end single template employee -------------------------------------------------------- */ /* -------------------------------------------------------- ARCHIVE TEMPLATE EMPLOYEE */ .inbus-employee-archive{} .inbus-employee-archive h1 {font-size:1.2em;} @media only screen and (max-width:768px) { .inbus-employee-archive > *{width:100%!important} } /* end single template employee -------------------------------------------------------- */ /* -------------------------------------------------------- EMPLOYEE FIGURE */ .inbus-employee-figure figure{ position:relative; overflow:hidden; width:100%; padding-bottom:100%; height:1px} .inbus-employee-figure figure img{ position:absolute; display:inline-block; top:0;right:0;bottom:0;left:0; margin:auto; width:100%; height:auto; border:10px solid #f8f8f8; border-radius:100%; -moz-box-sizing:border-box; box-sizing:border-box} .inbus-employee-figure figure figcaption{display:none} /* end employee figure -------------------------------------------------------- */ /* -------------------------------------------------------- EMPLOYEE CONTENT */ .inbus-employee-single .inbus-employee-content{} /* end employee content -------------------------------------------------------- */ /* -------------------------------------------------------- SOCIAL PROFILE EMPLOYEE (from metabox) */ .socialprofile { display:inline-block; width:30px; height:30px; background:#555; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -o-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; -o-transition:background .3s ease-in-out; -ms-transition:background .3s ease-in-out; transition:background .3s ease-in-out;} .socialprofile img{ width:100%; height:auto} .socialprofile.linkedin:hover {background:#4875B4} .socialprofile.facebook:hover {background:#3B5998} .socialprofile.twitter:hover {background:#21C1F7} .socialprofile.pinterest:hover {background:#C92228} .socialprofile.tumblr:hover {background:#35465c} /* end social profile employee -------------------------------------------------------- */ /* ------------------------------------------------------- SECTION COMMENT ------------------------------------------------------- */ /* -------------------------------------------------------- START OBJECT COMMENT */ /* end object comment -------------------------------------------------------- */