/* File: ./e107_web/lib/animate.css/animate.min.css */ @charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both} .animated.infinite{animation-iteration-count:infinite} .animated.hinge{animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s} @keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)} 70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)} 90%{transform:translate3d(0,-4px,0)} } .bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{animation-name:flash} @keyframes pulse{0%{transform:scaleX(1)} 50%{transform:scale3d(1.05,1.05,1.05)} to{transform:scaleX(1)} } .pulse{animation-name:pulse} @keyframes rubberBand{0%{transform:scaleX(1)} 30%{transform:scale3d(1.25,.75,1)} 40%{transform:scale3d(.75,1.25,1)} 50%{transform:scale3d(1.15,.85,1)} 65%{transform:scale3d(.95,1.05,1)} 75%{transform:scale3d(1.05,.95,1)} to{transform:scaleX(1)} } .rubberBand{animation-name:rubberBand} @keyframes shake{0%,to{transform:translateZ(0)} 10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{transform:translate3d(10px,0,0)} } .shake{animation-name:shake} @keyframes headShake{0%{transform:translateX(0)} 6.5%{transform:translateX(-6px) rotateY(-9deg)} 18.5%{transform:translateX(5px) rotateY(7deg)} 31.5%{transform:translateX(-3px) rotateY(-5deg)} 43.5%{transform:translateX(2px) rotateY(3deg)} 50%{transform:translateX(0)} } .headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate(15deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(5deg)} 80%{transform:rotate(-5deg)} to{transform:rotate(0deg)} } .swing{transform-origin:top center;animation-name:swing} @keyframes tada{0%{transform:scaleX(1)} 10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{transform:scaleX(1)} } .tada{animation-name:tada} @keyframes wobble{0%{transform:none} 15%{transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{transform:translate3d(20%,0,0) rotate(3deg)} 45%{transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{transform:translate3d(10%,0,0) rotate(2deg)} 75%{transform:translate3d(-5%,0,0) rotate(-1deg)} to{transform:none} } .wobble{animation-name:wobble} @keyframes jello{0%,11.1%,to{transform:none} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} } .jello{animation-name:jello;transform-origin:center} @keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{opacity:1;transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} to{opacity:1;transform:scaleX(1)} } .bounceIn{animation-name:bounceIn} @keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,-3000px,0)} 60%{opacity:1;transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} to{transform:none} } .bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-3000px,0,0)} 60%{opacity:1;transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none} } .bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(3000px,0,0)} 60%{opacity:1;transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none} } .bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,3000px,0)} 60%{opacity:1;transform:translate3d(0,-20px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} to{transform:translateZ(0)} } .bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)} to{opacity:0;transform:scale3d(.3,.3,.3)} } .bounceOut{animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)} 40%,45%{opacity:1;transform:translate3d(0,-20px,0)} to{opacity:0;transform:translate3d(0,2000px,0)} } .bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)} to{opacity:0;transform:translate3d(-2000px,0,0)} } .bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)} to{opacity:0;transform:translate3d(2000px,0,0)} } .bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;transform:translate3d(0,20px,0)} to{opacity:0;transform:translate3d(0,-2000px,0)} } .bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{0%{opacity:0} to{opacity:1} } .fadeIn{animation-name:fadeIn} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)} to{opacity:1;transform:none} } .fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)} to{opacity:1;transform:none} } .fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)} to{opacity:1;transform:none} } .fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)} to{opacity:1;transform:none} } .fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)} to{opacity:1;transform:none} } .fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)} to{opacity:1;transform:none} } .fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)} to{opacity:1;transform:none} } .fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)} to{opacity:1;transform:none} } .fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeOut{0%{opacity:1} to{opacity:0} } .fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{0%{opacity:1} to{opacity:0;transform:translate3d(0,100%,0)} } .fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,2000px,0)} } .fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{0%{opacity:1} to{opacity:0;transform:translate3d(-100%,0,0)} } .fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{0%{opacity:1} to{opacity:0;transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0)} } .fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{0%{opacity:1} to{opacity:0;transform:translate3d(2000px,0,0)} } .fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{0%{opacity:1} to{opacity:0;transform:translate3d(0,-100%,0)} } .fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out} 40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out} 50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in} 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in} to{transform:perspective(400px);animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateX(10deg);opacity:1} 80%{transform:perspective(400px) rotateX(-5deg)} to{transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateY(10deg);opacity:1} 80%{transform:perspective(400px) rotateY(-5deg)} to{transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateX(-20deg);opacity:1} to{transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateY(-15deg);opacity:1} to{transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{transform:skewX(20deg);opacity:1} 80%{transform:skewX(-5deg);opacity:1} to{transform:none;opacity:1} } .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out} @keyframes lightSpeedOut{0%{opacity:1} to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in} @keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0} to{transform-origin:center;transform:none;opacity:1} } .rotateIn{animation-name:rotateIn} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInDownLeft{animation-name:rotateInDownLeft} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInDownRight{animation-name:rotateInDownRight} @keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInUpLeft{animation-name:rotateInUpLeft} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInUpRight{animation-name:rotateInUpRight} @keyframes rotateOut{0%{transform-origin:center;opacity:1} to{transform-origin:center;transform:rotate(200deg);opacity:0} } .rotateOut{animation-name:rotateOut} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(45deg);opacity:0} } .rotateOutDownLeft{animation-name:rotateOutDownLeft} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0} } .rotateOutDownRight{animation-name:rotateOutDownRight} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} } .rotateOutUpLeft{animation-name:rotateOutUpLeft} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(90deg);opacity:0} } .rotateOutUpRight{animation-name:rotateOutUpRight} @keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out} 20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out} 40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1} to{transform:translate3d(0,700px,0);opacity:0} } .hinge{animation-name:hinge} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom} 50%{transform:rotate(-10deg)} 70%{transform:rotate(3deg)} to{opacity:1;transform:scale(1)} } .jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;transform:none} } .rollIn{animation-name:rollIn} @keyframes rollOut{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)} } .rollOut{animation-name:rollOut} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{animation-name:zoomIn} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{0%{opacity:1} 50%{opacity:0;transform:scale3d(.3,.3,.3)} to{opacity:0} } .zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutDown{animation-name:zoomOutDown} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center} } .zoomOutLeft{animation-name:zoomOutLeft} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center} } .zoomOutRight{animation-name:zoomOutRight} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutUp{animation-name:zoomOutUp} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInDown{animation-name:slideInDown} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInRight{animation-name:slideInRight} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInUp{animation-name:slideInUp} @keyframes slideOutDown{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,100%,0)} } .slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(-100%,0,0)} } .slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(100%,0,0)} } .slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,-100%,0)} } .slideOutUp{animation-name:slideOutUp} /* File: ./e107_web/css/e107.css */ .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .icon-svg { width: 1em; } .icon-svg-2x{ width: 2em; } .icon-svg-3x{ width: 3em; } .icon-svg-4x{ width: 4em; } .icon-svg-5x{ width: 5em; } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; } p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; } .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 } .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } #contactInfo .row { display: flex } #contactInfo iframe.sc-contact-map { width:100%; height:100%; } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } div.e-debug { margin-top:50px; padding:5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(39, 43, 48) !important; color: rgb(200, 200, 200) !important } div.e-debug .table{ background-color: rgb(46, 51, 56) !important; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;color: rgb(200, 200, 200); font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 100%;} div.e-debug .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #353a41 !important; } div.e-debug td, div.e-debug th{ padding: 5px;color: rgb(200, 200, 200) !important; } div.e-debug td{ font-size: 14px; line-height: 20px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #1c1e22; } div.e-debug h4{ text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-size: 18px; } div.e-debug .label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1;color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } div.e-debug .label-danger { background-color: #ee5f5b; } div.e-debug .btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap;padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; user-select: none; } .pagination { display: flex !important; } .justify-content-between{ justify-content: space-between !important; } .page-link.disabled { pointer-events: none; opacity: 0.5; color: #959595; } .news-view-pagination > li{ padding-left: 0; padding-right: 0; } .news-view-pagination > li > a{ float:none; display:inline-block } .svg-inline--fa.fa-w-16 { width:1em } .mx-0 { margin-right:0!important; margin-left:0!important} .mx-1 { margin-right:.25rem!important; margin-left:.25rem!important} .mx-2 { margin-right:.5rem!important; margin-left:.5rem!important} .mx-3 { margin-right:1rem!important; margin-left:1rem!important} .mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important} .mx-5 { margin-right:3rem!important; margin-left:3rem!important} .mx-auto { margin-right:auto!important; margin-left:auto!important} .my-0 { margin-top:0!important; margin-bottom:0!important} .my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important} .my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important} .my-3 { margin-top:1rem!important; margin-bottom:1rem!important} .my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important} .my-5 { margin-top:3rem!important; margin-bottom:3rem!important} /* File: ./e107_web/js/bootstrap-notify/css/bootstrap-notify.css */ .notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} /* File: ./e107_web/js/core/all.jquery.css */ a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } /* File: ./e107_plugins/linkwords/linkwords.css */ a.lw-tip{ cursor: help; text-decoration-style:dotted } span.lw-tip { cursor: help; border-bottom:1px dotted; } a.lw-link { cursor: pointer; text-decoration-style:solid } /* File: ./e107_themes/stemaidinst/src/css/fonts.css */ @font-face {font-display: swap; font-family: 'Open Sans';font-style: normal;font-weight: 300;src: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/src/fonts/open-sans-v40-latin_latin-ext-300.woff2) format('woff2'); } @font-face {font-display: swap; font-family: 'Open Sans';font-style: normal;font-weight: 400;src: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/src/fonts/open-sans-v40-latin_latin-ext-regular.woff2) format('woff2'); } @font-face {font-display: swap; font-family: 'Open Sans';font-style: normal;font-weight: 500;src: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/src/fonts/open-sans-v40-latin_latin-ext-500.woff2) format('woff2'); } @font-face {font-display: swap; font-family: 'Open Sans';font-style: normal;font-weight: 600;src: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/src/fonts/open-sans-v40-latin_latin-ext-600.woff2) format('woff2'); } @font-face {font-display: swap; font-family: 'Open Sans';font-style: normal;font-weight: 700;src: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/src/fonts/open-sans-v40-latin_latin-ext-700.woff2) format('woff2'); } @font-face {font-display: swap; font-family: 'Open Sans';font-style: normal;font-weight: 800;src: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/src/fonts/open-sans-v40-latin_latin-ext-800.woff2) format('woff2'); } /* File: ./e107_themes/stemaidinst/src/css/style.css */ body {font-family: 'Open Sans'; } .btn-outline-primary {color: #422D3D;border-color: #422D3D;padding-bottom: 15px;padding-top: 15px;border-radius: 60px;padding-left: 48px;padding-right: 48px; } .btn-outline-primary:hover {background-color: #422D3D;border-color: #422D3D; } .btn-outline-primary:focus {outline: none;box-shadow: none; } .btn-outline-primary a {color: inherit;text-decoration: inherit; } .btn-outline-primary a:hover {color: inherit; } .btn-outline-dark {color: white;border-color: white;background-color: transparent;border-radius: 60px;padding-left: 48px;padding-right: 48px; } .btn-outline-dark:hover {color: #422D3D;background-color: white; } .btn-outline-dark a {color: inherit;text-decoration: inherit; } .btn-outline-dark a:hover {color: inherit; } .btn-secondary {color: white;border-color: #21C4B2;background-color: #128577; border-radius: 60px; } .btn-secondary:hover {background-color: #17A595;border-color: #17A595; } .btn-secondary a {color: inherit;text-decoration: inherit; } .btn-secondary a:hover {color: inherit; } .btn-sm {width: 242px;height: 40px; } h1 {font: normal normal 300 50px/60px Open Sans; } h1 b {font: normal normal bold 50px/60px Open Sans; } h2 {font: normal normal 300 50px/60px Open Sans; } h2 b {font: normal normal bold 50px/60px Open Sans; } h3 {font: normal normal 300 36px/42px Open Sans; } h3 b {font: normal normal bold 36px/42px Open Sans; } h4 {font: normal normal normal 24px/34px Open Sans; } h5 {font: normal normal 300 20px/24px Open Sans; } h5 b {font: normal normal normal 20px/24px Open Sans; } p {font: normal normal normal 16px/24px Open Sans; } p b {font: normal normal bold 16px/24px Open Sans; color: rgb(33, 37, 41) } a {color: #707070; } a:hover {color: #EEB0C5; } .dark a {color: white; } .dark:hover {color: white; } .contact-nav {height:64px !important;background: #51394b;background: -moz-linear-gradient(top, #51394b 0%, #3f2937 94%, #3c2734 100%);background: -webkit-linear-gradient(top, #51394b 0%, #3f2937 94%, #3c2734 100%);background: linear-gradient(to bottom, #51394b 0%, #3f2937 94%, #3c2734 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51394b', endColorstr='#3c2734',GradientType=0 );color: white;display: block;} .contact-nav .container {display: flex;justify-content: flex-end;align-items: center;padding: 12px; } .contact-nav .container div {margin-right: 32px; } .contact-nav .container div .btn-secondary {padding-left: 30px;padding-right: 30px; } .navbar {background-image: linear-gradient(#422D3D, #422D3D80, #422D3D00);height: 139px; } .navbar .navbar-nav {margin-left: auto;display: flex;justify-content: center;align-items: center; } .navbar .navbar-nav .nav-item {margin-right: 28px;width: max-content;position: relative; } .navbar .navbar-nav .nav-item .nav-link {color: white;opacity: 1;font-weight: bold; } .navbar .navbar-nav .nav-item .nav-link:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 4px;transform: scaleX(0);background-color: #CA6C81;transition: transform 0.3s; } .navbar .navbar-nav .nav-item .nav-link:hover {color: white;opacity: 0.9; } .navbar .navbar-nav .nav-item .nav-link:hover:after {transform: scaleX(1); } .navbar .navbar-nav .nav-item .active {color: white;opacity: 0.9; } .navbar .navbar-nav .nav-item .active:after {transform: scaleX(1); } .navbar .navbar-brand {height: 134px;width: auto; } .navbar .nav-toggle-btn { margin-bottom:5px } .navbar .navbar-brand img {height: 100%;width: auto; } .navbar .navbar-toggler:focus {box-shadow: none; } .navbar .nav-mobile {position: absolute;padding-top: 128px;background: #422D3D;left: 0;right: 0;bottom: 0;top: 80px;display: none;height: 100vh; } .navbar.scrolled {height: 80px;background: transparent linear-gradient(181deg, #523A4C 0%, #331F2B 100%) 0% 0% no-repeat padding-box; } .navbar.scrolled .navbar-brand {height: 70px; } .navbar.scrolled .nav-mobile {top: 79px; } .navbar.fixed-top {position: fixed;top: 63px; } .navbar .btn-sms { font-size: 85%;line-height: 10px; display:none; margin-bottom:3px } .crumb-nav {padding: 10px;background: #FCFAFA 0% 0% no-repeat padding-box; } .crumb-nav .container nav .breadcrumb {margin: 0px !important; } .crumb-nav .container nav .breadcrumb li {font-style: italic; } .crumb-nav .container nav .breadcrumb li a {text-decoration: none; } .crumb-nav .container nav .breadcrumb li span {color: black; } .crumb-nav .container nav .breadcrumb li .active {color: black; } .form-group {margin-bottom: 17px;display: flex;flex-direction: column; } .form-group label {color: #422D3D;font-weight: 800;margin-bottom: 5px; } .form-group input, .form-group select, .form-group textarea {background-color: #F0F0F0;border-radius: 0;color: #707070;padding: 20px 16px; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus {outline: none;border-color: #422D3D; } .form-group .select-input {position: relative; } .form-group .select-input .select-arrow {position: absolute;top: 40%;right: 10px;color: #422D3D; } .form-group .select-input select {-moz-appearance: none;-webkit-appearance: none;padding-right: 45px;display: flex;width: 100%; } .form-group .select-input select::-ms-expand {display: none; } .form-group textarea {height: 200px; } footer {background: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/assets/img/homepage/waves-footer.svg) no-repeat;background-size: cover;padding-top: 180px;padding-bottom: 10px;margin-top: -118px; } footer .footer-container {} footer .footer-container .footer-logo {padding-bottom: 64px; } footer .footer-container .footer-logo img {width: 350px;height: auto; } footer .footer-container .cons-btn {margin-left: 32px; } footer .footer-container .btn-secondary {width: 275px; } footer .footer-container ul {list-style: none;padding: 0px; } footer .footer-container ul li {margin-top: 14px; } footer .footer-container ul li a {text-decoration: none;font: normal normal 300 16px/20px Open Sans; } footer .footer-container {font: normal normal 300 16px/24px Open Sans; } footer .footer-container p {font: normal normal 300 16px/24px Open Sans; } footer .footer-container .footer-heading {color: #EEB0C5;font-weight: bolder;font-size: 18px; } footer .footer-container .contact-item {display: flex; } footer .footer-container .footer-contact {color: white;font-weight: bolder;font-size: 16px; } footer .footer-container .socials {margin-top: 64px; } footer .footer-container .socials .social-icons span {cursor: pointer;margin-right: 30px;font-size: 22px; } footer .bottom-text {margin-top: 12px;text-align: center;color: white;font: normal normal 300 14px/20px Open Sans;padding-left: 15px;padding-right: 15px; } footer span {margin-right: 10px; } .animated-icon {width: 30px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer; } .animated-icon span {display: block;position: absolute;height: 3px;width: 100%;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; } .animated-icon span {background: #e3f2fd; } .animated-icon span:nth-child(1) {top: 0px; } .animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {top: 10px; } .animated-icon span:nth-child(4) {top: 20px; } .animated-icon.open span:nth-child(1) {top: 11px;width: 0%;left: 50%; } .animated-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } .animated-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); } .animated-icon.open span:nth-child(4) {top: 11px;width: 0%;left: 50%; } @media screen and (max-width: 767px) {.navbar {height: 80px; } .navbar.theme-primary {background: #422D3D; } .navbar .nav-mobile {padding-top: 50px;top: 80px; } .navbar .nav-mobile.show {display: block; } .navbar .navbar-brand {height: 70px; } .navbar.fixed-top {top: 0; } footer {padding-top: 100px;margin-top: -135px; } footer .footer-container {padding: 20px 20px 40px 20px; } footer .footer-container .footer-logo img {height: auto;width: 255px; } footer .footer-container .socials {margin-top: 0px; } footer .bottom-text {margin: 12px } footer span {margin-right: 9px; } h1 {font-size: 28px;line-height: 1.2; } h1 b {font-size: 28px;line-height: 1.2; } h2 {font-size: 28px;line-height: 1.2; } h2 b {font-size: 28px;line-height: 1.2; } h3 {font-size: 22px;line-height: 28px; } h3 b {font-size: 22px !important;line-height: 1.2; } h4 {font-size: 20px; } } @media screen and (max-width: 1024px) {.navbar {background: #422D3D;height: 80px; } .navbar .navbar-nav .nav-item {margin-right: 2px; } .navbar.theme-primary {background: #422D3D; } .navbar .nav-mobile.show {display: block; } } @media screen and (max-width: 1024px) and (min-width: 768px) {h1 {font-size: 37px; } h1 b {font-size: 37px; } h2 {font-size: 37px; } h2 b {font-size: 37px; } .navbar {height: 80px;background: #422D3D; } .navbar.theme-primary {background: #422D3D; } .navbar .navbar-brand {height: 70px; } .navbar .nav-mobile.show {display: block; } .navbar.fixed-top {top: 0; } footer .footer-container .footer-logo img {height: auto;width: 255px; } footer .footer-container .socials {margin-top: 0px; } footer .footer-container .cons-btn {margin: auto; } } @media screen and (min-width: 1500px) {.navbar .navbar-nav .nav-item {margin-right: 40px; } footer .bottom-text {padding-left:30px;padding-right:30px;} } @media screen and (min-width: 316px) and (max-width: 440px) {.navbar .btn-sms {display:block; opacity:0;} .navbar.scrolled .btn-sms { opacity:1;-webkit-animation: 3s ease 0s normal forwards 1 fadeIn;animation: 3s ease 0s normal forwards 1 fadeIn;} } @media (min-width: 992px) and (max-width: 1280px){.navbar-expand-lg .navbar-collapse {display: none !important; } .navbar-expand-lg .navbar-toggler {display: inherit; } .navbar-expand-lg .navbar-nav {flex-direction: column; } .navbar.theme-primary {background: #422D3D; } .navbar .nav-mobile.show {display: block; } } address { max-width: 350px; padding-right: 15px; } address b { font-weight: 500; } address span { white-space:nowrap; margin-right:0 !important;} /* File: ./e107_themes/stemaidinst/src/css/philosophy.css */ header {padding-top: 128px;padding-bottom: 64px;top: 0;width: 100%;position: relative;overflow: hidden;min-height: 398px;display: flex; } header .overlay {top: 0;bottom: 0;position: absolute;background: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/assets/img/global/header-overlay.svg) no-repeat center right;background-size: cover;width: 60%;z-index: 0;overflow: hidden; } header .overlay img {width: 100%; } header .container {position: relative;z-index: 1;align-self: flex-end; } header .row h1 {max-width: 570px;color: white; } html.webp header {background: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/images/philosophy-header.webp) no-repeat center right;background-size: cover;} html.no-webp header {background: url(https://static1.stemaidinstitute.com/e107_themes/stemaidinst/images/philosophy-header.jpg) no-repeat center right;background-size: cover;} .pluripotent {margin-top: 128px;margin-bottom: 128px; } .pluripotent .row {justify-content: center; } .pluripotent .row .intro p {color: #707070;margin-top: 32px; } .pluripotent .row .about-menu {padding: 32px;color: #422D3D;background: #FCFAFA 0% 0% no-repeat padding-box;max-width: 270px; } .pluripotent .row .about-menu h4 {margin-bottom: 20px; } .pluripotent .row .about-menu ul {padding: 0px;list-style: none; } .pluripotent .row .about-menu ul li {padding: 12px 0px 12px 0px;border-bottom: 1px solid rgba(66, 45, 61, 0.2); } .pluripotent .row .about-menu ul li a {text-decoration: none;color: #422D3D;font: normal normal 300 20px/24px Open Sans; } .pluripotent .row .about-menu ul li .active {font: italic normal normal 20px/24px Open Sans; } .pluripotent .row .pluripotent-origin {margin-top: 128px; } .pluripotent .row h3 { padding-top:1.5rem; padding-bottom:1rem;color: #422D3D; } .pluripotent .row .pluripotent-origin .stem-cell-list {list-style: none;padding: 0; } .pluripotent .row .pluripotent-origin .stem-cell-list .scl-item {display: flex;margin-bottom: 30px; } .pluripotent .row .pluripotent-origin .stem-cell-list .scl-item .scli-image {height: 200px;width: 350px;margin-right: 30px; } .pluripotent .row .pluripotent-origin .stem-cell-list .scl-item .scli-image img {height: 100%;width: 100%; } .pluripotent .row .pluripotent-origin .stem-cell-list .scl-item p {flex: 1;text-align: justify;color: #707070; } .pluripotent .row .pluripotent-origin .stem-cell-desc {color: #707070;text-align: justify; } .pluripotent .row .pluripotent-function {margin-top: 128px; } .pluripotent .row .pluripotent-function .concern {align-items: center; } .pluripotent .row .pluripotent-function .concern h3 {max-width: 445px;color: #422D3D; } .pluripotent .row .pluripotent-function .concern img {width: 100%; } .pluripotent .row .pluripotent-function .function-process { color: #707070; } .pluripotent .row .pluripotent-function .function-process p {text-align: justify; } .pluripotent .row .pluripotent-function .function-process ul {padding-left: 1rem;} .pluripotent .row .pluripotent-function .function-process ul li {padding-top: 1rem;} .pluripotent .row .pluripotent-function .function-process .btn-outline-primary {margin-top: 32px;padding-left: 40px;padding-right: 40px; } .pluripotent small { font-size: 16px } .pluripotent small p b { font-size:16px; font-weight: 400 !important; } .pluripotent h4 { padding-top: 1rem; } @media screen and (min-width: 1500px) {header {min-height: 398px;max-height: 398px; } header .overlay {max-height: 398px; } } @media screen and (max-width: 767px) {header {margin-top: 80px;padding-bottom: 0px;padding-top: 160px;min-height: inherit;background-color: #422D3D; } header .overlay {display: none; } .pluripotent {margin-top: 32px;margin-bottom: 100px; } .pluripotent .row .intro p {margin-top: 16px; } .pluripotent .row .pluripotent-origin {margin-top: 32px; } .pluripotent .row .pluripotent-origin .stem-cell-list .scl-item {flex-direction: column; } .pluripotent .row .pluripotent-origin .stem-cell-list .scl-item .scli-image {width: 100%;height: auto; } .pluripotent .row .pluripotent-origin p {margin-top: 16px; } .pluripotent .row .pluripotent-function {margin-top: 80px; } .pluripotent .row .pluripotent-function .concern h3 {margin-bottom: 15px; } .pluripotent .row .pluripotent-function .concern img {width: 100%;height: auto; } .pluripotent .row .pluripotent-function .function-process {margin-top: 16px; } .pluripotent .row .pluripotent-function .function-process .btn-outline-primary {margin-bottom: 32px;margin-top: 16px; } .pluripotent .row .pluripotent-function .function-process p {margin-top: 16px; } .pluripotent .row .about-menu {max-width: initial; } .pluripotent p {margin-top: 16px; } } @media screen and (max-width: 1024px) and (min-width: 768px) {header {margin-top: 80px;background-color: #422D3D;min-height: inherit;padding-bottom: 0px;padding-top: 192px; } .pluripotent {margin-top: 64px; } .pluripotent .container .row .pluripotent-origin {margin-top: 64px; } .pluripotent .container .row .pluripotent-origin .stem-cell-desc {margin-top: 16px; } } /* File: ./e107_themes/stemaidinst/src/css/lite-yt-embed.css */ lite-youtube {background-color: #000;position: relative;display: block;contain: content;background-position: center center;background-size: cover;cursor: pointer;max-width: 720px;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);} lite-youtube:hover {box-shadow: none;transform: translateY(-2px);} lite-youtube::before {content: '';display: block;position: absolute;top: 0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position: top;background-repeat: repeat-x;height: 60px;padding-bottom: 50px;width: 100%;transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);z-index: 1;} lite-youtube::after {content: "";display: block;padding-bottom: calc(100% / (16 / 9));} lite-youtube > iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;} lite-youtube > picture {position: absolute;width: 100%;top: 0;bottom: 0;left: 0;} lite-youtube > picture img {height: 100%;object-fit: cover;object-position: center;width: 100%;} lite-youtube > .lty-playbtn {width: 78px;height: 55px;position: absolute;cursor: pointer;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;z-index: 1;background-color: transparent;background-image: url('data:image/svg+xml;utf8,');border: none;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);} lite-youtube:hover > .lty-playbtn,lite-youtube .lty-playbtn:focus {filter: none;} lite-youtube.lyt-activated {cursor: unset;} lite-youtube.lyt-activated::before,lite-youtube.lyt-activated > .lty-playbtn {opacity: 0;pointer-events: none;} .lyt-visually-hidden {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;} /* File: ./e107_themes/stemaidinst/style.css */ #e107bootstrapcarousel .carousel-item {height: 65vh;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #e107fullpagecarousel .carousel-item {height: 100vh;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color: #272B30;color: white;} ul.social-buttons li a {font-size: 20px;line-height: 50px;display: block;width: 50px;height: 50px;-webkit-transition: all .3s;transition: all .3s;color: #fff;border-radius: 100%;outline: 0;background-color: #212529;} .rounded-circle img.rounded {border-radius: 50%!important;} @media (min-width: 768px) {.offset1 {margin-left: 8.33333%;} header h1 {line-height:1em;padding-bottom: 1.5rem;} .card-title {} } .list-group-item.active a {z-index: 2;color: #fff;background-color: #007bff;border-color: #007bff;} .profile-photo-small {display: inline;} .layout-singlelogin .fixed-top {position: initial;} #login-template {max-width: 95%;} @media (min-width: 768px) { #login-template {max-width: 500px;margin-right: auto;margin-left: auto;} } #login-template .login-page-footer {margin-bottom: initial;} svg:not(:root).svg-inline--fa {overflow: visible;} .svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -.125em;fill: currentColor;} .svg-inline--fa.fa-w-16 {width: 1em;} footer .xurl-social-icons a { color: white; fill:white; width:auto; padding-bottom:10px } .xurl-social-icons svg { width: 2rem; height:2rem } .contact-nav .container .div { font-size: 18px } #faq-accordion a.question { color: inherit; text-decoration: none } #faq-accordion .panel-body { background: #F5F5F5 } #faq-accordion .panel { margin-bottom:15px } #faq-accordion .question span { display:inline-block; width:90%; } .testimonial-list .disease-report:nth-of-type(even){ background:white } .blog-content h3 { margin-top: 1.4em; margin-bottom:0.5em;} .nav-mobile li.nav-item { margin-bottom:20px; } header .overlay { display: block } body#layout-bare header h1,body#layout-default header h1 { width: 50%;} header h1 { max-width:50%;} footer a { color: white } .main { padding-bottom: 100px; } #layout-full .main { padding: 100px 0 200px 0;} #searchform button.btn-primary { height: 100% } .search-block .alert-danger { display: none !important } .search-block li { margin-bottom:3rem} .page-link { color: #ca6d81; } .page-link:hover { background-color: #ca6d81; color: white } @media (max-width: 768px) {footer .footer-container .socials .social-icons span {margin:0;} .main { padding-bottom: 100px } header h1 { max-width: 100% } h2 { margin-bottom: 30px; } .footer-logo { text-align: center } .footer-heading { text-align: center; margin-top:50px; font-size:18px !important;} div.social-icons { margin-top: 30px; text-align: center; } footer .footer-container .cons-btn { margin:0; text-align:center;} } @media screen and (max-width: 575px) {header .row { background: rgba(51, 31, 43, 0.4);} #layout-home header .row { background: none; } body header .overlay { display: none } body#layout-home header .overlay { display: block } body#layout-bare header h1,body#layout-default header h1 { width: 80% } .plan-briefs { padding: 0 12px; } } @media screen and (max-width: 767px) { header .row {padding:5px;} .container, .container-sm { max-width: 100% } } @media screen and (min-width: 1025px) { header h1 { padding-bottom: 0 } header { padding-bottom: 32px } } .delay-1 {animation-delay: .25s !important;} .delay-2 {animation-delay: .5s !important;} .delay-3 {animation-delay: .75s !important;} .delay-4 {animation-delay: 1s !important;} .delay-5 {animation-delay: 2s !important;} .delay-6 {animation-delay: 3s !important;} lite-youtube::before { background: none !important } h4 a { text-decoration: none } #disclaimerModal { top: auto; position:fixed; bottom:0; left:0; right:0; z-index:1004 } #disclaimerModal .modal-dialog { margin: 0 auto; font-size:0.8em } #disclaimerModal .modal-header { padding:0 } #disclaimerModal .modal-body ul { padding:0 7px } #disclaimerModal .modal-body { background-color: black; color:white; border-radius-topleft: 8px; border-radius-topright: 8px } .form-control:disabled, .form-control[readonly] {background-color: #FFF;opacity: 1;}