Your IP : 216.73.216.104
/**
* $JA#COPYRIGHT$
*/
// --------------------------------------------------
// Module Styles
// --------------------------------------------------
// Extend style in base
// --------------------
@import "../../../plugins/system/t4/themes/base/scss/_modules";
//
// Genecric Module
// --------------------------------------------------
.t4-module {
// Module Inner
.module-inner {
}
}
.t4-section-module {
.module-title {
padding-bottom: 0;
text-transform: none;
border-bottom: 0;
span {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
&::after {
content: ".";
}
}
}
.sub-title {
font-weight: normal;
margin-bottom: $spacer-lg;
font-family: "louis_george_caferegular";
}
.mod-right & {
background: $white;
padding: $spacer*4;
border-radius: $border-radius;
@include media-breakpoint-up(lg) {
float: right;
width: 50%;
}
}
}
.mod-right .t4-section-inner {
overflow: hidden;
}
// Module Title
// ------------
.module-title {
padding-bottom: 0;
text-transform: none;
border-bottom: 0;
margin: 0 0 $spacer 0;
color: $secondary;
font-weight: normal;
span {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
&::after {
content: ".";
}
}
}
// Module Content
// --------------
.module-ct,
.moduletable {
}
//
// Modules Prefixes
// -----------------------------
// Dark
// -----
.module-dark {
.module-title {
}
}
.module.bg-primary,
.module.bg-secondary,
.module.bg-success,
.module.bg-danger,
.module.bg-warning,
.module.bg-info,
.module.bg-dark,
// Cards
.card.bg-primary,
.card.bg-secondary,
.card.bg-success,
.card.bg-danger,
.card.bg-warning,
.card.bg-info,
.card.bg-dark {
.module-title {
span {
}
}
.module-ct {
p {
}
}
}
// Mod rounded
// -----------
.module.mod-rounded {
.mod-rounded {
}
}
// Hilite
// ----------
.module-hilite {
}
// Shadow
// ----------
// Use to add Shadow to modules
.mod-shadow {
.mod-shadow {
}
}
// Module outline
.mod-border {
.mod-border {
}
}
//
// JOOMLA! MODULES
// --------------------------------------------------
// Generic Modulable
// -----------------
// Modules are used in Component Position
.moduletable {
> h3 {
}
}
// Menu
// ----
.t4-module,
.t4-card,
.moduletable,
.module_menu {
.nav {
}
.nav li {
}
.nav li .separator {
}
.nav li a {
color: $gray-dark;
// Link States
&:hover, &:active, &:focus {
color: $body-color;
}
}
// Active state
.nav > li.active > a {
color: $body-color;
font-weight: $font-weight-bold;
}
// Sub Menus
.nav li ul {
}
}
// Menus in Dark Modules
.module.bg-primary,
.module.bg-secondary,
.module.bg-success,
.module.bg-danger,
.module.bg-warning,
.module.bg-info,
.module.bg-dark,
// Cards
.card.bg-primary,
.card.bg-secondary,
.card.bg-success,
.card.bg-danger,
.card.bg-warning,
.card.bg-info,
.card.bg-dark {
.nav li a {
}
}
// Login Form
// ----------
#login-form {
margin-bottom: 0;
// Input Icons
.add-on {
}
.btn-primary {
}
#form-login-username,
#form-login-password {
}
.unstyled {
padding-left: 0;
list-style: none;
}
.mod-login__username,
.mod-login__password {
input {
max-width: unset;
}
}
}
.logout-button {
margin: $spacer 0;
}
// Advertisement
// -------------
.bannergroup {
}
.banneritem {
a {
font-weight: bold;
}
}
.bannerfooter {
border-top: 1px solid $border-color;
}
// Categories, Most Read,
// Most Popular, Archieve, Tags...
// -------------------------------
.categories-module {
@include module-list($icon: "\f07b");
> li {
border-bottom: 1px dotted $border-color;
color: $gray-700;
h4 {
font-weight: 500;
}
}
a {
color: $body-color;
&:hover, &:focus, &:active {
color: $link-hover-color;
}
}
}
.category-module {
.mod-articles-category-date {
font-size: $font-size-xs;
text-transform: uppercase;
color: $gray-500;
}
// Grid
&.mod-projects {
.item-image {
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
float: none !important;
img {
min-width: 100%;
border-radius: $border-radius;
}
}
.category-link {
border-bottom: 1px solid $gray-200;
color: $gray-800;
font-family: "louis_george_cafebold";
&:hover {
text-decoration: none;
border-bottom: 1px solid $gray-800;
}
}
.mod-project-item {
position: relative;
overflow: hidden;
margin-bottom: $grid-gutter-width;
transition: 350ms all;
transform: scale(1);
z-index: 1;
&:hover {
transform: scale(1.1);
z-index: 2;
.item-info {
opacity: 1;
}
}
}
.item-info {
position: absolute;
width: 100%;
height: 100%;
padding: 2rem;
text-align: center;
color: rgba(255,255,255,0.9);
top: 0;
left: 0;
z-index: 2;
display: flex;
flex-wrap: wrap;
align-items: end;
opacity: 0;
transition: 350ms all;
.inner {
text-align: center;
}
.mod-articles-category-title {
color: $white;
font-size: $h5-font-size;
margin-bottom: $spacer*1.5;
display: block;
}
.btn {
margin-top: $spacer*1.5;
display: inline-block;
}
&::before {
content: "";
background: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .8));
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
opacity: 0.9;
}
}
}
&.mod-blog {
position: relative;
.mod-articles-category-title {
margin-bottom: $spacer*2;
margin-top: 0;
a {
color: $headings-color;
}
}
.category-link {
border-bottom: 1px solid $gray-200;
color: $gray-800;
font-family: "louis_george_cafebold";
@include media-breakpoint-up(lg) {
position: absolute;
right: 0;
top: -5rem;
}
&:hover {
text-decoration: none;
border-bottom: 1px solid $gray-800;
}
}
.col-md-6 {
margin-bottom: $grid-gutter-width;
}
@include media-breakpoint-down(lg) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-xl, .col-xl-auto {
padding-bottom: $grid-gutter-width/2;
padding-top: $grid-gutter-width/2;
}
}
.item-image {
margin-right: 0 !important;
float: none !important;
img {
border-radius: $border-radius;
}
}
}
}
.mostread,
.latestnews,
.relateditems,
.tagssimilar ul {
li a {
color: $headings-color;
&:hover {
text-decoration: underline;
}
}
}
.archive-module {
}
// News Feed
// ----------
.feed {
// Feed Title
h4 {
}
// Feed list
.newsfeed {
li {
border-top: 1px solid $border-color;
}
.feed-link {
}
.feed-item-description {
}
}
}
// Syndication
// -----------
a.syndicate-module {
}
// Latest Users
// ------------
.latestusers {
li {
}
}
// Stats
// -----
.stats-module {
dt, dd {
}
}
// Popular Tags
//-------------
.tagspopular {
ul {
}
ul > li {
}
ul > li > a {
// Links states
&:hover,
&:focus,
&:active {
}
}
.tag-count {
}
}
// Breadcrums Module
// -----------------
.module-ct > ol.breadcrumb {
}
// JA Masthead
// ------------
.t4-masthead {
padding-left: $grid-gutter-width/2;
padding-right: $grid-gutter-width/2;
.map-container {
margin: 0;
max-width: 100%;
}
.ja-masthead {
color: $white;
position: relative;
background-repeat: no-repeat;
background-size: cover;
z-index: 11;
.ja-masthead-title {
color: $white;
}
.ja-masthead-detail {
padding: 2rem 0;
text-align: left;
.article-info {
color: $white;
}
}
}
}
// Language module
div.mod-languages {
ul li {
margin: 0;
&.lang-active {
background-color: transparent;
}
}
}