Epic Features

Epic FeaturesJSN Epic 2 main features are responsive layout, rich content types with multiple elements, flexible module positions and menu variations. The template allows you to build free-styles websites from simple to complicated.Content ElementsContent elements in Epic is meticulously optimized for design aesthetic... View DetailsModule PositionsThis template, as well as other ones powered by JSN Sun Framework..View DetailsMenu VariationsWe understand that, as a website builder, you will need different menu types...View DetailsContent TypesStandard Joomla! articles only contain image and text. With JSN Sun Framework...View Details ._pDNE0kYl { position: relative; } ._pDNE0kYl { margin: 0 -15px; } ._KzlwM38p { position: relative; } ._ngb5Wk8q { font-size: 1em; vertical-align: middle; text-align: center; width: auto; height: auto; } ._ngb5Wk8q--diamond, ._ngb5Wk8q--circle, ._ngb5Wk8q--square { width: 50px; height: 50px; line-height: 50px; border: 1px solid; } ._ngb5Wk8q--circle { border-radius: 100%; } ._ngb5Wk8q--diamond { transform: rotate(45deg); -webkit-transform: rotate(45deg); } ._ngb5Wk8q--diamond:before { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } ._VWvqNvR9 { vertical-align: middle; } ._qaQP6rvk > a { color: inherit !important; } ._qaQP6rvk { word-break: break-word; } ._qaQP6rvk__icon--left i { margin-right: 0.3em; } ._qaQP6rvk__icon--right i { margin-left: 0.3em; } ._qaQP6rvk__icon--top i { margin-bottom: 0.5em; } ._qaQP6rvk__icon--top > span, ._qaQP6rvk__icon--top > a, ._qaQP6rvk__icon--top > span[data-empty][contenteditable] { display: block; } ._qaQP6rvk [class*="--diamond"] { margin-right: 1em; } ._7XqAY8_A > span:last-child { line-height: inherit; } ._7XqAY8_A[class*="dropcap--"] > span:first-child { display: block; margin-right: 10px; float: left; font-size: 2em; background: #919da9; color: black; width: 50px; height: 50px; line-height: 50px; } ._7XqAY8_A[class*="dropcap--"]:not(.dropcap--none) > span:first-child { margin-right: 20px; text-align: center; } ._7XqAY8_A.dropcap--none > span:first-child { text-align: inherit; line-height: 1 !important; width: auto !important; height: auto !important; background: none !important; border-radius: 0; } ._7XqAY8_A.dropcap--circle > span:first-child { border-radius: 100%; } ._7XqAY8_A:not([class*="dropcap--"]) > span { margin-right: 0 !important; } // ._7XqAY8_A[class*="dropcap--"] > span:last-child { // display: inherit; // } ._7XqAY8_A ol, ._7XqAY8_A ul { list-style-position: inside; } ._7XqAY8_A blockquote { font-size: inherit; } ._O689JW7n { position: relative; } ._epNwrNGv { position: relative; overflow: hidden; display: inline-flex; justify-content: flex-start; align-items: flex-start; vertical-align: middle; } ._epNwrNGv picture { width: 100%; } ._epNwrNGv img { display: inline-block; object-fit: cover; max-width: 100%; max-height: 100%; height: auto; text-align: center; width: 100%; vertical-align: middle; } ._epNwrNGv.image--rounded { border-radius: 10px; } ._epNwrNGv.image--circle { border-radius: 100%; } ._43klRgVK { color: inherit; display: inline-block; line-height: 1; padding: 0.7em 1.2em; box-sizing: border-box; cursor: pointer; text-align: center; border: 1px solid #ebebeb; background-color: #ebebeb; text-decoration: none; position: relative; white-space: nowrap; } ._43klRgVK:hover, ._43klRgVK:active, ._43klRgVK:focus { color: inherit; text-decoration: none; } ._43klRgVK__icon--left i { margin-right: 0.3em; } ._43klRgVK__icon--right i { margin-left: 0.3em; } ._43klRgVK__icon--top i { margin-bottom: 0.5em; } ._43klRgVK__icon--top > span, ._43klRgVK__icon--top > span[data-empty][contenteditable] { display: block; } ._43klRgVK > * { color: inherit; text-decoration: inherit; line-height: inherit; vertical-align: middle !important; } ._43klRgVK > span { color: inherit !important; text-decoration: inherit !important; line-height: inherit !important; } ._43klRgVK[data-active=true] { background: black; color: white; } ._43klRgVK__btn--plain { border: none; background: none; } ._43klRgVK__btn--outline { background: none; border: 2px solid; } ._43klRgVK__btn--rounded { border-radius: 20px; } ._43klRgVK [class*="--diamond"] { margin-right: 1em; } ._NYd6gvae { position: relative; } ._DblQBlAM { position: relative; } ._DblQBlAM { clear: both; } ._DblQBlAM[data-parallax="true"] { position: relative; } ._DblQBlAM__parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } ._DblQBlAM[data-parallax="true"] .parallax-bg { position: absolute; left: 50%; bottom: 0; max-width: 100%; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); object-fit: cover; will-change: transform; } ._DblQBlAM { box-sizing: border-box; padding: 15px 0; position: relative; } ._DblQBlAM__container { width: auto; margin: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } @media all { .__pf_ck6byc ._9PjeHgPY[data-id="_9PjeHgPY"] { font-size: 18px; margin: 0px 0px 8px; } .__pf_ck6byc ._R3ZPhx3r[data-id="_R3ZPhx3r"] { margin: 7px 0px; line-height: 1.5; } .__pf_ck6byc ._NP8kUj2r[data-id="_NP8kUj2r"] { margin: 0px; } .__pf_ck6byc ._9ln8IQMn[data-id="_9ln8IQMn"] { flex: 1 0 auto; justify-content: center; align-items: center; border-style: none; border-width: 1px; border-color: rgb(231, 234, 238); } .__pf_ck6byc ._4ZlmHOow[data-id="_4ZlmHOow"] { margin: 0px 0px 3px; } .__pf_ck6byc .__3eNh2vb[data-id="__3eNh2vb"] { line-height: 1.5; margin: 0px 0px 13px; } .__pf_ck6byc ._gGlxHDRa[data-id="_gGlxHDRa"] { border-width: 0px 0px 3px; border-style: none; border-color: rgb(145, 157, 169); margin: 3px 0px 2px; padding: 0px; color: rgb(255, 255, 255); font-size: 12px; line-height: 21px; background-color: transparent; } .__pf_ck6byc ._DnoBHvnM[data-id="_DnoBHvnM"] { padding: 10px 20px; } .__pf_ck6byc ._yEqmHagW[data-id="_yEqmHagW"] { display: flex; align-items: center; border-radius: 5px; background-image: linear-gradient(rgb(247, 247, 247), rgb(255, 255, 255)); border: 1px solid rgb(211, 211, 211); padding: 0px; } .__pf_ck6byc ._bMEpIweG[data-id="_bMEpIweG"] { flex: 1 0 auto; justify-content: center; align-items: center; border-style: none; border-width: 1px; border-color: rgb(231, 234, 238); } .__pf_ck6byc ._EZVGHjZj[data-id="_EZVGHjZj"] { margin: 0px 0px 3px; } .__pf_ck6byc ._L5MEhd3z[data-id="_L5MEhd3z"] { line-height: 1.5; margin: 0px 0px 13px; } .__pf_ck6byc ._0nVmHJRZ[data-id="_0nVmHJRZ"] { border-width: 0px 0px 3px; border-style: none; border-color: rgb(145, 157, 169); margin: 3px 0px 2px; padding: 0px; color: rgb(255, 255, 255); font-size: 12px; line-height: 21px; background-color: transparent; } .__pf_ck6byc .__EyMHKgN[data-id="__EyMHKgN"] { padding: 10px 20px; } .__pf_ck6byc ._7gXQHpOp[data-id="_7gXQHpOp"] { display: flex; align-items: center; border-radius: 5px; background-image: linear-gradient(rgb(247, 247, 247), rgb(255, 255, 255)); border: 1px solid rgb(211, 211, 211); padding: 0px; } .__pf_ck6byc ._J56wIG5z[data-id="_J56wIG5z"] { flex: 1 0 auto; justify-content: center; align-items: center; border-style: none; border-width: 1px; border-color: rgb(231, 234, 238); } .__pf_ck6byc ._5RB1HAZK[data-id="_5RB1HAZK"] { margin: 0px 0px 3px; } .__pf_ck6byc ._W3kghEqp[data-id="_W3kghEqp"] { line-height: 1.5; margin: 0px 0px 13px; } .__pf_ck6byc ._QRNWHbj5[data-id="_QRNWHbj5"] { border-width: 0px 0px 3px; border-style: none; border-color: rgb(145, 157, 169); margin: 3px 0px 2px; padding: 0px; color: rgb(255, 255, 255); font-size: 12px; line-height: 21px; background-color: transparent; } .__pf_ck6byc ._9ODkHqnx[data-id="_9ODkHqnx"] { padding: 10px 20px; } .__pf_ck6byc ._MEjAHyOR[data-id="_MEjAHyOR"] { display: flex; align-items: center; border-radius: 5px; background-image: linear-gradient(rgb(247, 247, 247), rgb(255, 255, 255)); border: 1px solid rgb(211, 211, 211); padding: 0px; } .__pf_ck6byc ._jY3yIjYK[data-id="_jY3yIjYK"] { flex: 1 0 auto; justify-content: center; align-items: center; border-style: none; border-width: 1px; border-color: rgb(231, 234, 238); } .__pf_ck6byc ._8o5EHpRj[data-id="_8o5EHpRj"] { margin: 0px 0px 3px; } .__pf_ck6byc ._N5DYhmVY[data-id="_N5DYhmVY"] { line-height: 1.5; margin: 0px 0px 13px; } .__pf_ck6byc ._OjLdHeGm[data-id="_OjLdHeGm"] { border-width: 0px 0px 3px; border-style: none; border-color: rgb(145, 157, 169); margin: 3px 0px 2px; padding: 0px; color: rgb(255, 255, 255); font-size: 12px; line-height: 21px; background-color: transparent; } .__pf_ck6byc ._MER0Hbgr[data-id="_MER0Hbgr"] { padding: 10px 20px; } .__pf_ck6byc ._ZOwZH8E_[data-id="_ZOwZH8E_"] { display: flex; align-items: center; border-radius: 5px; background-image: linear-gradient(rgb(247, 247, 247), rgb(255, 255, 255)); border: 1px solid rgb(211, 211, 211); padding: 0px; } .__pf_ck6byc ._52D4U3PZ[data-id="_52D4U3PZ"] { margin: 0px -7.5px; } .__pf_ck6byc ._qN1ouGKl[data-id="_qN1ouGKl"] { padding: 0px 0px 19px; } } @media only screen and (max-width: 767px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { } @media only screen and (min-width: 992px) and (max-width: 1199px) { } @media only screen and (min-width: 1200px) { }

Warnung

Epic Features

Epic Features

Content Elements

Module Positions

Menu Variations

Content Types

Das Neueste von

Schreibe einen Kommentar

Club-Veranstaltungen