When using the responsive table builder code for your HTML page on non-UNLCms or UNL.edu framework sites -->: root {-bg-table-stripe: #f6f6f5; -for-table: #e3e3e2; --title: #242423; } table { background-color: clear; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif } th {text-align: left} .dcf-txt-center {text-align : center! important } .dcf-txt-left { text-align : left ! important } .dcf-txt-right { text-align : right ! important } .dcf-table-header ( color : var (-header); font size: 1.13mm; font-weight: 700; padding-bottom: .56rem } .dcf-table thead { font-size: .84em } .dcf-table tbody { border-bottom: 1px solid var (-b -table) ; top-border: 1px solid variable (-b-table); font-size: .84em } .dcf-table tfoot { font-size: .84em } .dcf-table td, .dcf-table th { padding -right: 1.78em} -bordered td, .dcf-table-bordered th {border: 1px strong variable (-b-table)}.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table -striped td, .dcf-table-striped th { padding-left: 1em; padding-right: 1em } .dcf-table-striped tr: not (: last-child), .dcf-table-striped tr: not (: final child) { border-bottom: 1px solid var (-b-table) )) } dcf-table-striped tbody tr: nth-of-type (2n) { background-color: var (-bg-table-stripe )}. dcf-table thehead td, .dcf-table thehead th { padding -bottom: .75em; vertical-align: bottom} .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th { padding-top: .75em; vertical-align: top } .dcf-table tbody td , .dcf-table tbody th { padding-bottom: .75em } offset ( margin -x : auto ; -webkit-margin-scroll : touch ; left : 50% ; left margin: -50vw; margin-right: -50vw; padding-bottom: 1em; relative-position; right: 50%; width: 100vw } media-only screen e (max-width: 42.09m) { .dcf-table-responsive-header { clip: rect(0 0 0 0); - webkit-clip-path: set(50%); clip-path: inner(50%); height: 1px; override: hidden; position: absolute; width: 1px; position: norap } .dcf-table-response tr { display: block } .d cf-table-response td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap : 3.16vw ; width : grid ; grid columns : 1fr 2fr ; text-align : left ! border tbody td { border-top-width : 0 } .dcf-table-response : no (.dcf-table-bordered) tbody tr { padding-bottom: .75em} .dcf-table-response: not (.dcf-table-bordered) tbody td {padding-bottom: 0} .dcf-table-response: not (.dcf-table-bordered): no (.dcf-table-striped) tbody td {padding-right: 0} .dcf -table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {border-bottom-width: 0} float left; font-weight: 700; right-padding: 1 .78em } } dcf-overflow-x-auto { overflow-x : auto ! important -webkit-overflow-scroll: touch} .dcf-w-100 \% {width: 100%! important; }. fl-col-group-equip-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content : flex-end ; Content Alignment: Flex End; -webkit-box-align: done; -webkit-box-pack: done -ms-flex-pack: done; }. uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6, .uabb-module -content h6 { margin: 0; clear both;} fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus {text-decoration: none;}. uabb-row-eparator (position: absolute; width: 100%; left: 0; } uabb-top-row-eparator (top: 0; bottom: auto } uabb-bottom-row-eparator (top: auto; bottom: 0; } fl-Builder-content-edit .fl-visual-medium.uabb-row, .fl-builder-content-edit visual-mobile.uabb-row { display: none ! useful; } @media ( max-width: 992 pixels) { .fl-builder-content-edit .fl-visual-desktop.uabb-row, .fl-builder-content-edit .fl-visual-mobile.uabb-row { show: no! important; }. fl-builder-content-edit .fl-visual-desktop-medium.uabb-row, visual-medium-mobile uabb-row { display : block ! important ; } } @media ( max-width : 768px ) { .fl- builder-content-edit .fl-visual-desktop.uabb-row, .fl-builder-content-edit .fl-visual-desktop-medium.uabb-row, .fl-builder-content-edit .fl-visual- medium.uabb-row {display: none!required; }.fl-builder-content-edit .fl-visible-medium-mobile.uabb-row, .fl-builder-content-edit .fl-visual-mobile.uabb -row { display: block! important; } } fl-response-preview-content .fl-builder -content-edit { overflow-x: hidden; overflow-y: visible; } .uabb-row - svg separator { width: 100%;}.uabb-top-row -ep arator.uabb-has-svg svg { position: absolute; tile: 0; margin: 0; Left: 50%; top: -1px; Low: Automatic; -webkit-transform: translateX(-50%); convert ms: translateX(-50%); Conversion: Translate X (-50%); } uabb-bottom-row -eparator.uabb-has-svg svg { position: absolute; tile: 0; margin: 0; Left: 50%; bottom: -1px; Above: Automatic; -webkit-transform: translateX(-50%); --ms-transform: transformX(-50%); transform: translateX(-50%);} uabb-botto m-row -eparator.uabb-has-svg .uasvg-wave -eparator {bottom: 0;}. uabb-above-row -eparator.uabb-has-svg .uasvg-wave -eparator {top: 0;}. uabb-bottom-row -eparator.uabb-svg-triangle svg, .uabb-bottom-row-eparator.uabb-xlarge-triangle svg, .uabb-top-row -eparator.uabb-xlarge-triangle-left svg, . uabb-bottom-row -eparator.uabb-svg-circle svg, .uabb-top-row -eparator.uabb-slime -eparator svg, .uabb-top-row -eparator.uabb-grass -eparator svg, .uabb- Top row separator uabb-top-row -eparator.uabb-wave-slide -eparator svg uabb-top-row -eparator.uabb-pine-tree -eparator svg, .uabb-top-row -eparator.uabb-pine-tree -fold - svg separator, .uabb-bottom-row -eparator.uabb-label svg stamp, .uabb-bottom-row -eparator.uabb-xlarge-circle svg, .uabb-top-row -eparator.uabb-wave - separator svg(left: 50%; --webkit-transform:- translateX(-50%) y-scale(-1); -- banana-transform: translateX(-50%) scaleY(-1); -- transform ms: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); }. uabb- bottom-row-eparator.uabb-big-triangle svg { left: 50%; --webkit-transform: scale(1) scaleY (-1) translateX (-50%); -- banana-transform: scale(1) scaleY (-1) translateX (-50%); --transform plus: scale(1) scaleY(-1) translateX(-50%); -o-transform: scale(1) scaleY (-1) translateX (-50 %); transform: scale(1) scaleY(-1) translateX(-50%); }. uabb-top-row -eparator.uabb -big-trian gle svg { left : 50% ; --webkit-transform: translateX(-50%) parameter(1); - banana transformation: translateX (-50%) scale (1); --Transform ms: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }. uabb-top-row-eparator.uabb-xlarge-triangle-right svg { left: 50%; --webkit-transform: translateX(-50%) parameter(-1); -banana-transform: scale-translator X (-50%) (-1); --transform ms: scale translateX (-50%) (-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) parameter(-1); }. uabb-bottom-row-eparator.uabb-xlarge-triangle-right svg { left: 50%; -- webpack transform: translateX (-50%) scaleX (-1); -ban-transform: translateX(-50%) scaleX(-1); --transform ms: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); }. uabb-top-row -eparator.uabb-curve-up -eparator svg { left : 50%; -webkit-transform: translateX (-50%), scaleY (-1); -- banana transformation: translateX(-50%) scaleY(-1); --transform ms: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); }. uabb-top-row-eparator.uabb-curve-bottom-eparator svg { left : 50%; --webpack-transform:scaleTranslatorX (-50%) (-1); -banana-transform: scale-translator X (-50%) (-1); --transform ms: scale translateX (-50%) (-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) parameter(-1); }. uabb-bottom-row-eparator.uabb-curve-down-eparator svg { left : 50% ; -- webpack transform: translateX (-50%) scaleX (-1); -ban-transform: translateX(-50%) scaleX(-1); --transform ms: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); }. uabb-top-row -eparator.uabb-tilt-left-eparator svg { left : 50% ; --webpack-transform:scaleTranslatorX (-50%) (-1); -banana-transform: scale-translator X (-50%) (-1); --transform ms: scale translateX (-50%) (-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) parameter(-1); }. uabb-top-row -eparator.uabb-tilt-right -eparator svg { left : 50%; --webkit-transformer: translateX (-50%) scaleY (-1); -- banana transformation: translateX(-50%) scaleY(-1); --transform ms: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); }. uabb-bottom-row -eparator.uabb-tilt-left -eparator svg { left : 50%; --replace webpack: translateX(-50%); Switch Banana: Translator X(-50%); convert ms: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } uabb-bottom-row -eparator.uabb-tilt-right -eparator svg {left: 50%; --webkit-transformer: translateX (-50%) scaleX (-1); -ban-transform: translateX(-50%) scaleX(-1); --transform ms: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); }. uabb-above-row separator. uabb-tilt-left-killer,. uabb-top-row-eparator uabb-tilt-right-eparator {top: 0;}. uabb-bottom-row-separator.uabb-left-slope-separator, .uabb-bottom-row-separator uabb-top-row -eparator.uabb-arrow-out -eparator svg, .uabb-top-row -top-row- eparator.uabb-multi-triangle svg { left : 50% ; - webkit-transform: translateX(-50%) scaleY(-1); -- banana transformation: translateX(-50%) scaleY(-1); --transform ms: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); }. uabb-bottom-row-eparator.uabb-multi-triangle svg {bottom: -2px;}. uabb-row -eparator.uabb-round-split: after, .uabb-row-eparator.uabb-round-split: before { left: 0; Width: 50%; Background: Inheritance / Inheritance Inheritance; Content: ''; position: absolute } .uabb-button-wrap a, .uabb-button-wrap a: visited { display: inline-block; font size: 16 pixels; line-height: 18 pixels; Text Format: None; text-shadow: none; }. fl-builder-content .uabb-button : hover { text-decoration : none ; } . fl-builder-content .uabb-button-width-full .uabb-button (display: block; text-align: center; }. uabb-button-width-custom .uabb-button (display: inline-block; text-align : center; max-width: 100%; } fl-builder-content .uabb-button-left { text-align: left; }. fl-builder-content .uabb-button-center { text-align: center; }. fl-builder-content .uabb-button-right { text-align: right; }. fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i: before { font-size: 1em; height: 1cm; line-height: 1em; width: 1em; } uabb-button .uabb-button-icon-back { margin-left: 8px; margin-right: 0; } uabb-button .uabb-button-icon- before (margin-left: 0; margin-right: 8px; } uabb-button .uabb-button-icon-no-text{margin:0;}. uabb-button-has-icon .uabb-button-text {vertical- align: middle; }. uabb-icon-wrap { display: inline-block; }. uabb-icon a { text-decoration: none; }. uabb-icon i { display: block; }. uabb-icon i: before { border : no ! important ; background : no ! important ; }. uabb-icon-text ( display : table-cell ; text-align : left ; offset : 15px ; vertical-align : middle ; }. uabb-icon-text * : final child ( margin : 0 ! important ; padding : 0 ! ext lagi; }. uabb-icon-text a {text-decoration: none;}. uabb-image (line-height: 0; relative-position; z-index: 2; } uabb-photo-align-left { text-align: left; }. uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right ; } .uabb-photo-content { border-radius : 0 ; screen : line-lock ; line-height : 0 ; relative-position ; max-width : 100% ; overflow : hidden; } uabb-photo-content img { border-radius: inherit; watch online; height: auto; max-width: 100%; width: self; } fl-builder-content .uabb-photo-crop-cycle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }. fl-builder-content .uabb-photo-box-crop img {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }. uabb-photo-title { font-size: 13px; line-height: 18px; overflow-hidden; text-wrapping: ellipsis; spaces :wrap now; } uabb-photo-description-bottom(padding-bottom: 20px; padding-top: 10px; }. uabb-photo-description-hover(background: rgba(0,0,0,0,7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha (opacity = 0); padding: 10px by 15px; position: absolute; right: 0; -webkit -transfer: line visibility 200ms; - moose transfer: line visibility 200ms; gloss: visibility 200ms, linear; } uabb-photo-caption: hover .uabb-photo-caption-hover { opacity: 100; visibility: visible; }. uabb-active-btn (background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: input 0 1px 0 rgba (120 200 230, .6); box-shadow: input 0 1px 0 rgba (120 200 230, .6); color white; } fl-builder-bar .fl-builder-add-content-button { display: block! important; opacity: 1! important; }. uabb-imgicon-wrap .uabb-icon { screen: block; }. uabb-imgicon-wrap .uabb-icon i {float: none; }. uabb-imgicon-wrap .uabb-image (line-height: 0; area: dynamic; }. uabb-imgicon-wrap .uabb-image-align-left {text-align: left;}.uabb-imgicon-wrap .uabb-image-align-center {text-align:center;}.uabb-imgicon-wrap .uabb-image-align-right { text-align: right; }. uabb-imgicon-wrap . uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: variable; max-width: 100%; } uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto! important; max-width: 100%; width: auto; edge-radius: inherit; shadow-box: none; block-size: content-block; }. fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-Builder- content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; edge-radius: 0; }. uabb-creative-button-wrap a, .uabb-creative-button-wrap a: visited { background: #fafafa; border: 1px solid #cc; Color: #333; Maya: Online Locker; Vertical Alignment: Medium; text alignment: center; Repeal: Concealed; Text Format: None; Text Shadow: None; Block Shadow: None; relative position; -webkit-transfer: every 200 line ms; - Banana jump: every 200 linear meters; -ms- jump: every 200 linear ms; -o-forward: every 200 linear ms; transition: every 200 linear ms;}. uabb-creative-button-package a : focus { text-decoration : none ; Text Shadow: None; shadow box: none;}. uabb-creative-key-wrap a .uabb-creative-key-text .uabb-creative-key-wrap. button - text , .uabb-creative-button-package to : visited .uabb-creative-button-icon { -webkit-transfer : all 200 linear ms; - Banana jump: every 200 linear meters; -ms- jump: every 200 linear ms; -o-forward: every 200 linear ms; transition: every 200 linear ms;}. uabb-creative-button-package a : hover { text-decoration : none ; } . uabb-creative-button-package .uabb-creative-button-width-full .uabb-creative-button ( display : block ; text-align : center ; } . uabb-creative-button-package .uabb-creative-button-width -custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } uabb-creative-button-package .uabb-creative-button-left { text-align: left; }.uabb-creative-button-package .uabb-creative-button-center { text-align: center; }. uabb-creative-button-package .uabb-creative-button-right { text-align: right; }. uabb-creative-button-pack .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: self; } uabb-creative-button-pack .uabb-creative- button .uabb-creative-button-icon-after (margin-left: 8px; margin-right: 0; } uabb-creative-button-package .uabb-creative-button .uabb-creative-button-icon before { margin-right : 8px; margin-left : 0;} uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i {margin: 0;}.uabb-creative-button-wrap . uabb-creative-button-icon-has .uabb-creative-button-text {height-align: middle; } .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:space{padding:12px 24px; }. uabb-creative-button.uabb-creative-transparent-btn{ background: transparent; }. uabb-creative-button.uabb-creative-transparent-btn: after { content:"; position: abs-index: 1; -webkit -transfer: all 200 run ms; - Banana jump: every 200 linear meters; -ms- jump: every 200 linear ms; -o-forward: every 200 linear ms; transition: every 200 linear ms;}. uabb-transparent-fill-top-btn : after , .uabb-transparent-fill-bottom-btn : after { width : 100% ; Height: 0; left : 0 ; } uabb-transparent-fill-top-btn : after { top : 0 ; } . uabb-transparent-fill-bottom-btn : after { bottom : 0; } . uabb-clear-fill-left-button : after , .uabb-clear-fill-right-button : after { width : 0 ; Height: 100%; top: 0; } uabb-transparent-fill-left-btn: after {left: 0;} .uabb-transparent-fill-right-btn: after {right: 0;} uabb-transparent-fill-center-btn: after { width : 0 ; Height: 100%; Maximum: 50%; Left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); Banana transform: translateX(-50%) translateY(-50%); --transform ms: translateX (-50%) translateY (-50%); -o-Transform: translateX(-50%) translateY(-50%); transform: translateX (-50%) translateY (-50%); }. uabb-transparent-fill-diagonal-btn : after , .uabb-transparent-fill-horizontal-btn : after { width : 100% ; Height: 0; Maximum: 50%; Left: 50%; } uabb-transparent-fill-diagonal-btn{overflow:hidden;}. uabb-transparent-fill-diagonal-btn:after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45 degrees); Banana Transform: TranslateX (-50%), Translate (-50%), Rotate (45 degrees); - ms-transform: translateX(-50%), translateY(-50%), rotate(45 degrees); -o-Transform: translateX (-50%), translateY (-50%), rotate (45 degrees); Transform: Translate X (-50%), Translate Y (-50%), Rotate (45 degrees)). uabb-transparent-fill -horizontal -btn:after { -webkit-transform: translateX(-50%) translateY(-50%); Banana transform: translateX(-50%) translateY(-50%); --transform ms: translateX (-50%) translateY (-50%); -o-Transform: translateX(-50%) translateY(-50%); transform: translateX (-50%) translateY (-50%); }. uabb-creative-button-wrap .uabb-creator-three-btn wrap .uabb-creator-three-btn.uabb-three_left -btn, .uabb-creative-button-wrap -banana jump: no; -ms-transition: none; -O-Transfer: None; transitions : none ; } view { -webkit-view : 800px ; -moz-perspective: 800px; View: 800 pixels; field: 0; } uabb-creative-button.uabb-creative-three-btn: after { content: "; position: absolute; z-index: -1; --webkit-transfer: every 200 line ms; -moz- transfer: every 200 linear ms; transition: every 200 linear ms; }. uabb-creative-button.uabb-creative-three-btn { theme: solid with 1px opacity; webkit transform style: save-3d; -moz-transform -style: call -3d; transform style: fix-3d; } uabb-creator-three-btn.uabb-animate_top-btn: after { height: 40%; left: 0; top: -40%; width: 100 %; --webkit-transform-origin: 0% 100%; --moz-transform-origin: 0% 100%; transition-origin: 0% 100%; --webkit transform: rotateX (90 degrees); --transformer moz: rotateX(90°); transform: rotateX(90 degrees); }.uabb-creative-three-btn.uabb-animate_bottom-btn: after { width: 100%; height: 40%; left: 0; first 100%; --webkit-transform-source: 0% 0%; -moz-transform-source: 0% 0%; --ms-transform-source: 0% 0%; font-transform: 0% 0%; --webkit transform: rotateX(-90 degrees); -transform moz: rotateX(-90 degrees); - ms-transform: rotateX(-90 degrees); transform: rotateX(-90 degrees); }. uabb-creator-three-btn .uabb-animate_left-btn:behind{ width:20%;height:100%;left:-20%;height:0;-website-transform-origin:100% 0%; -moz-transform-origin: 100% 0%; --ms-transform-source: 100% 0%; font change: 100% 0%; - Web kit change: Y rotation (-60 degrees); -transformer moz: rotate Y (-60 degrees); -ms-transform: rotate Y (-60 degrees); Transform: Y (-60 degree) rotation; } uabb-creator-three-btn.uabb-animate_right-btn:behind{ width:20%; Height: 100%; Left: 104%; Maximum: 0; -website-transformation-origin: 0% 0%; -moz-transform-initial: 0% 0%; --ms-transform-source: 0% 0%; font change: 0% 0%; - Web kit change: Y rotation (120 degrees); -transformer moz: rotate Y (120 °); - ms-transform: rotate Y (120 degrees); Transform: Rotate Y (120 degrees); }. uabb-animate_top-btn : hover { -webkit-transformer : rotateX ( -15 degrees ); -mouse transform: rotateX (-15 degrees); - ms-transform: rotateX(-15 degrees); -o-transform: rotateX (-15 degrees); transform: rotateX(-15 degrees); }. uabb-animate_bottom-btn : hover { -webkit-transformer : rotateX(15 degrees); -transformer moz: rotateX(15 degrees); - change in ms: rotate X (15 degrees); -o-transform: rotateX (15 degrees); transform: rotateX(15 degrees); }. uabb-animate_left-btn : hover { -webkit-transformer : rotate Y ( 6 degrees ); - Banana change: Y-axis rotation (6 degrees); -- Transformer Plus: Rotate Y (6 degrees); -o-transform: rotate Y (6 degrees); Change: Y (6 degrees) rotate; } uabb-animate_right-btn : hover { -webkit-transform : rotate Y (-6 degrees); - Banana transformation: turn Y (-6 degrees); -- transform plus: повернуть Y (-6 degrees); -o-transform: повернуть Y (-6 degrees); программыние: повернуть Y (-6 degrees); }. uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat -btn.uabb-animate_from_bottom-btn { переполнение: hidden; relative position;}. uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-animate_to_left-btn i creative-flat-btn.uabb-animate_from_bottn.uabb-animate_from_bottn.uabb-animate_from_bottn.uabb-animate_from_bottn.uabb-animate_from_bottn. button я { вниз: 0; Height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; Width: 100%; - webkit transmission: every 200 ms; -banana-transition: every 200 linear ms; transition: every 200 ms linear; -webpack-преобразование: перевести Y (0); -bann-transform: translateY(0); -о-преобразование: перевестиY(0); -ms-преобразование: перевести Y (0); трансформировать: перевестиY(0);}. uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text,. uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text , .uabb-creative-flat-btn. uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; Width: 100%; Height: 100%; - webkit-перевод: все 200 погонных мс; -банан-прыжок: каждые 200 пог.м.; -ms-jump: каждые 200 линейных мс; -o-Переход: каждые 200 линейных мс; переход: каждые 200 мс линейный; -webkit-backface-visibility: скрыто; -moz-backface-visibility: скрыто; видимость задней грани: скрыта;}. uabb-creative-flat-btn.uabb-animate_to_right-btn i: перед .uabb-creative-flat-btn.uabb-animate_to_left-btn i: перед , .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before { position: absolute; высокий: 50%; слева: 50%; --transform webpack: translateX (-50%) translateY (-50%); - moz-transform: translateX (-50%) translateY (-50%); - или-трансформировать: translateX (-50%) translateY (-50%); --transform мс: перевестиX (-50%) перевестиY (-50%); трансформировать: перевестиX (-50%) перевестиY (-50%); } . uabb-creative-flat-btn.uabb-animate_to_right-btn: наведите курсор на i, .uabb-creative-flat-btn.uabb-animate_to_left-btn: наведите курсор на i {left: 0;}. uabb-creative-flat-btn. uabb-animate_from_top-btn: наведите курсор на i,. uabb-creative-flat-btn.uabb-animate_from_bottom-btn: наведите курсор на {верх: 0;}. uabb-creative-flat-btn.uabb-animate_to_right-btn i {верхний: 0; слева: -100%;}. uabb-creative-flat-btn.uabb-animate_to_right-btn: hover .uabb-button-text { -webkit-transform: translateX (200%); -- преобразовать банан: translateX (200%); --transform мс: перевестиX(200%); -o-преобразование: translateX (200%); трансформировать: перевестиX(200%);}. uabb-creative-flat-btn.uabb-animate_to_left-btn i { сверху: 0; слева: 100%; }. uabb-creative -flat-btn.uabb-animate_to_left-btn: hover .uabb-button-text { -webkit-transform: translateX (-200%); - трансформация банана: translateX (-200%); --transform мс: translateX (-200%); -o-преобразование: translateX (-200%); трансформировать: перевестиX(-200%);}. uabb-creative-flat-btn.uabb-animate_from_top-btn i { up: -100%; слева: 0;}. uabb-creative-flat-btn.uabb-animate_from_top-btn: hover .uabb-button-text { -webkit-transform: translateY (400px); -bann-transform: translateY(400px); --transform мс: перевестиY(400px); -o-transform: перевести Y (400px); трансформировать: перевести Y(400px);}. uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { верх: 100%; слева: 0;}. uabb-creative-flat -btn.uabb-animate_from_bottom-btn: hover .uabb-button-text { -webkit-transform: translateY(-400px); -bann-transform: translateY(-400px); --transform плюс: перевестиY(-400px); -o-преобразование: перевестиY(-400px); трансформировать: перевестиY(-400px);}. uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content. uabb-tab-acc-content .mejs-container: нет (.mejs-аудио), .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb -adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container: нет (.mejs-audio), .uabb-adv-accordion-content .mejs-overlay.load { ширина: 100%! важный; высота: 100%! (.mejs-audio) {отступ сверху: 56,25%;}. uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content видео .wp-video-shortcode { максимальная ширина: 100%! важный;}. uabb-tab-acc-content video.wp-video-shortcode,. uabb-adv-conc-content .mejs-container: нет (.mejs-audio).mejs-mediaelement, .uabb-adv-accordion-content .mejs-container: нет (.mejs-audio).mejs-mediaelement { location : абсолютный; высокий: 0; справа: 0; внизу: 0; слева: 0;}. uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; справа: 0; внизу: 0; слева: 0; ширина: автомат! важный; высота: автомат! важный;}. fl-row-content-wrap .uabb-row -icles-background, .uabb-col -cemat-background { ширина: 100%; высота: 100%; положение: абсолютное; слева: 0; сверху: 0;}. uabb-creative-button-wrap a, .uabb-creative-button-wrap a: посещено {} .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn: посещено {} . js-точка останова { содержимое: "по умолчанию"; screen: none;} @media screen y (максимальная ширина: 992 px) { .uabb-js-breakpoint { content: "992";}} @media screen y (max width: 768 px) { .uabb-js-breakpoint {содержание: "768";}}
перейти к содержанию
