Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#753891

<blockquote>So, can you please tell me what these classes are?:

t3-top-sl
t3-sl
t3-sl-1
t3-sl-3</blockquote>

These are css classes used to customize spotlight styles you can find their declaration in this file templatesja_university_t3lessstyle.less


// ---------------------------------------------------------
// SPOTLIGHTS
// ---------------------------------------------------------

.t3-sl {
background: @t3-spotlight-background;
color: @t3-spotlight-color;
padding-bottom: 0 !important;
padding-top: 0 !important;

.module-title {
color: @t3-spotlight-module-title;
}

a {
color: @t3-spotlight-link;

&:hover {
color: @t3-spotlight-link-hover;
}
}

// Larger padding in Tablet / Desktop
@media screen and (min-width: @screen-sm) {
padding-bottom: @t3-global-padding * 3;
padding-top: @t3-global-padding * 3;
}
}

// Spotlight 1
// -----------
.t3-sl-1 {
border-bottom: solid 1px @TPL-color-border;
padding-top: 0;
padding-bottom: 0;
}

// Spotlight 2
// -----------
.t3-sl-2 {
.container {
.module {
@media screen and (max-width: @screen-xs-max) {
margin-bottom: @t3-global-margin;
}
}
}
}

// Spotlight 3
// -----------
.t3-sl-3 {
.container {
border-top: 1px solid @TPL-bg-border-top;
.t3-module {
@media screen and (max-width: @screen-xs-max) {
margin-bottom: @t3-global-margin;
}
}
}
}

// Spotlight Dark
// ----------------
.t3-bot-sl{
background: @t3-spotlight-dark-background;
color: @t3-spotlight-dark-color;
padding: 0;

.container {
padding-bottom: @t3-global-padding;
padding-top: @t3-global-padding;

.module {
margin-top: 0;
margin-bottom: @t3-global-margin;
}
}


[Author]

Posts