/* 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/social/css/fontello.css */
@font-face {font-family: 'fontello';src: url(/e107_plugins/social/font/fontello.eot?21917124);src: url(/e107_plugins/social/font/fontello.eot?21917124#iefix) format('embedded-opentype'), url(/e107_plugins/social/font/fontello.woff2?21917124) format('woff2'), url(/e107_plugins/social/font/fontello.woff?21917124) format('woff'), url(/e107_plugins/social/font/fontello.ttf?21917124) format('truetype'), url(/e107_plugins/social/font/fontello.svg?21917124#fontello) format('svg');font-weight: normal;font-style: normal;} [class^="e-social-"]:before, [class*=" e-social-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }  .e-social-gplus:before { content: '\e800'; }  .e-social-stumbleupon:before { content: '\e801'; }  .e-social-pinterest:before { content: '\e802'; }  .e-social-digg:before { content: '\e803'; }  .e-social-reddit:before { content: '\e804'; }  .e-social-blogger:before { content: '\e805'; }  .e-social-dribbble:before { content: '\e806'; }  .e-social-linkedin:before { content: '\e807'; }  .e-social-skype:before { content: '\e808'; }  .e-social-twitter:before { content: '\e809'; }  .e-social-youtube:before { content: '\e80a'; }  .e-social-vimeo:before { content: '\e80b'; }  .e-social-yahoo:before { content: '\e80c'; }  .e-social-email:before { content: '\e80d'; }  .e-social-dropbox:before { content: '\e80e'; }  .e-social-facebook:before { content: '\e80f'; }  .e-social-tumblr:before { content: '\e811'; }  .e-social-yelp:before { content: '\e812'; }  .e-social-delicious:before { content: '\e813'; }  .e-social-acrobat:before { content: '\e814'; }  .e-social-linkedin-rect:before { content: '\e815'; }  .e-social-blogger-rect:before { content: '\e816'; }  .e-social-instagram-1:before { content: '\e817'; }  .e-social-instagram-filled:before { content: '\e818'; }  .e-social-google:before { content: '\e819'; }  .e-social-rss:before { content: '\e81a'; }  .e-social-spread:before { content: '\e81b'; }  .e-social-flattr:before { content: '\e81c'; }  .e-social-flickr:before { content: '\e81d'; }  .e-social-instapaper:before { content: '\e81e'; }  .e-social-thumbs-up:before { content: '\e81f'; }  .e-social-mail:before { content: '\e820'; }  .e-social-mail-alt:before { content: '\e821'; }  .e-social-foursquare:before { content: '\e822'; }  .e-social-share:before { content: '\e823'; }  .e-social-export:before { content: '\e824'; }  .e-social-pocket:before { content: '\e825'; }  .e-social-wordpress:before { content: '\e826'; }  .e-social-pinboard:before { content: '\e827'; }  .e-social-instagram:before { content: '\e828'; }  .e-social-vk:before { content: '\e829'; }  .e-social-vine:before { content: '\e82a'; }  .e-social-meetup:before { content: '\e82b'; }  .e-social-youtube-play:before { content: '\e82c'; }  .e-social-github:before { content: '\f09b'; }  .e-social-steam:before { content: '\f1b6'; }  .e-social-twitch:before { content: '\f1e8'; } 

/* File: ./e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: ./e107_plugins/iracing_liga/css/my.css */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Poppins:ital,wght@1,500&display=swap');#exTab3 .tab-content {color : white;border: 1px solid black;padding: 5px 15px;} .cal {margin: 10px;} .cal-aufteilung {background: url(/e107_plugins/iracing_liga/images/bg.png); background-size: 400px; background-color: #000;color: white;} .cal-images {position:relative;background: url(/e107_plugins/iracing_liga/images/bg.png); background-size: 400px; background-color: #000;padding: 1%;} .cal-images img {border-radius: 0px;transition: transform 0.8s;} .cal-images img:hover {} .cal-aufteilung h3 {font-size: 42px;padding: 0% 0% 0% 3%;} .cal-aufteilung p {padding: 5% 0% 0% 3%;} .cal-aufteilung small p {padding: 8% 0% 0% 3%;color: red;font-size: 14px;} .fahrerkarte{margin: 2%;background: url(/e107_plugins/iracing_liga/images/bg.png);background-size: 400px; background-color: #000;padding: 1%;border-radius: 20px;box-shadow: 10px 5px 5px black;} .fahrerkarte h3 {padding: 5px 0 5px 0;font-family: 'Poppins', sans-serif;} .company-logo img{border-radius: 10px;max-width: 90%;border: 1px solid black;} .car {font-family: 'Josefin Sans', sans-serif;font-size: 20px;padding: 10px 0 10px 0;} .number {padding: 10px;font-weight: bold;font-size: 18px;} .driver {} 

/* File: ./e107_plugins/featurebox/featurebox.css */
.featurebox.carousel .carousel-inner {height:460px;overflow:hidden;} 

/* File: ./e107_plugins/paceloader/includes/themes/pink/pace-theme-minimal.css */
.pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;} .pace-inactive {display: none;} .pace .pace-progress {background: #e90f92;position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: 2px;} 

/* File: ./e107_plugins/tagcloud/tagcloud.css */
.size9 {font-size: 130%;opacity: 1;} .size8 {font-size: 120%;opacity: 0.9} .size7 {font-size: 110%;opacity: 0.8} .size6 {font-size: 100%;} .size5 {font-size: 95%;} .size4 {font-size: 90%;} .size3 {font-size: 85%;} .size2 {font-size: 80%;} .size1 {font-size: 75%;} .size0 {font-size: 70%;} .tagcloud-menu a { } .tagcloud-menu > a.tag {margin-bottom:1px;display:inline-block;padding-right:5px;} div.tagcloud-menu {text-align:justify;font-size:90%;opacity:0.7;} 

/* File: ./e107_plugins/trl_ligaverwaltung/css/trl_ligaverwaltung.css */


/* File: ./e107_plugins/voice/voice.css */
@charset "UTF-8";@font-face {font-family: "voice-exe-font";src:url(/e107_plugins/voice/fonts/voice-exe-font.eot);src:url(/e107_plugins/voice/fonts/voice-exe-font.eot?#iefix) format("embedded-opentype"),url(/e107_plugins/voice/fonts/voice-exe-font.woff) format("woff"),url(/e107_plugins/voice/fonts/voice-exe-font.ttf) format("truetype"),url(/e107_plugins/voice/fonts/voice-exe-font.svg#untitled-font-3) format("svg");} [class^="icon-"]:before,[class*=" icon-"]:before {font-family: "voice-exe-font" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .icon-ble:before {content: "m";} .icon-vent:before {content: "v";} .icon-ts3:before {content: "t";} .icon-discord:before {content: "d";} .dropdown-menu > a {display: block;padding: 3px 20px;padding-top: 3px;padding-bottom: 3px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;} 

/* File: ./e107_themes/bootstrap5/style.css */
body {padding-top: 56px;} body.layout-home {padding-top: 0px;} body.layout-singlelogin {padding-top: 0px;} #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%;} } .profile-photo-small {display: inline;} .layout-singlelogin .fixed-top {position: initial;} #login-template {max-width: 95%;} @media (min-width: 768px) { #login-template {max-width: 800px;margin-right: auto;margin-left: auto;} } #login-template .login-page-footer {margin-bottom: initial;} #carousel-hero.carousel {position: relative;left: 0;top: 70px;width: 100%;height: 100%;overflow: hidden;margin-bottom: 60px;}