%PDF-
%PDF-
Mini Shell
Mini Shell
@import "../../less_files/variables.less";
/*
Technology demo
*/
.td-technology {
/*
header--------------------------------
*/
.tdm-header-style-2 {
.sf-menu > li > a {
padding: 0 35px;
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
padding: 0 20px;
}
}
.td-main-menu-logo img {
/* responsive portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
max-height: 44px;
}
}
}
/*
body--------------------------------
*/
.td-header-content {
.tds-title3 .tdm-title {
font-size: 46px;
line-height: 56px;
font-weight: 300;
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
font-size: 40px;
line-height: 52px;
}
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
font-size: 36px;
line-height: 44px;
}
}
.tds-title3 .tdm-title-sub {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
font-size: 15px;
line-height: 24px;
}
}
}
//all big titles
.tdm-title-bg {
font-size: 46px;
line-height: 56px;
font-weight: 300;
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
font-size: 40px;
line-height: 52px;
}
/* portrait phone */
@media (max-width: @responsive_p_tablet_max) {
font-size: 36px;
line-height: 46px;
}
}
//all medium titles
.tdm-title-md {
font-size: 24px;
line-height: 36px;
font-weight: 300;
}
//all small titles
.tdm-title-sm {
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin-bottom: 0;
}
//all titles template 13
.td_block_template_13 {
.td-block-title {
font-size: 20px;
font-weight: 500;
span {
margin-left: 0 !important;
}
}
.td-block-subtitle {
font-size: 100px;
font-weight: 500;
bottom: -30px;
/* portrait tablet */
@media (min-width: @responsive_l_tablet_min) and (max-width: @responsive_l_tablet_max) {
font-size: 80px;
bottom: -25px;
}
/* portrait phone */
@media (max-width: @responsive_p_tablet_max) {
font-size: 55px;
bottom: -15px;
}
}
}
//title on left side
.td-left-title .td_block_template_13 {
.td-block-subtitle {
left: -120px;
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_l_tablet_max) {
left: 0;
}
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
left: 0;
right: 0;
}
}
}
//title in center
.td-center-title .td_block_template_13 {
text-align: center;
.td-block-subtitle {
left: 0;
right: 0;
}
}
//all descriptions
.tdm-descr {
font-size: 14px;
line-height: 26px;
font-weight: 300;
}
//all buttons on style2 hover
.tds-button2:hover {
background-color: #22a0d6;
}
.tdm-btn-xlg {
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
padding: 0 30px;
}
}
//text and image module
.td-text-image-module {
.tdm_block_icon_box {
display: table;
.tdm-col-text {
width: auto;
}
}
img {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
border-radius: 10px;
@media (max-width: @responsive_p_tablet_max) {
border-radius: 0;
}
}
.td-text-adjustment {
.tdm-title-sm {
font-size: 17px;
line-height: 1;
}
}
}
//logos module
.td-logo-wrap {
.tdm_block_client {
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
width: 50% !important;
}
}
}
//pricing
.tdm_block_pricing {
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
.tdm-pricing-features {
font-size: 13px;
line-height: 20px;
}
.tdm-descr {
font-size: 12px;
line-height: 20px;
}
}
}
//footer space
.td-main-page-wrap {
padding-bottom: 0;
}
//footer wrap
.td-multipourpose-footer {
.widget {
margin-bottom: 0;
}
.td_block_wrap {
margin-bottom: 0;
}
.td_block_list_menu {
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
text-align: center !important;
}
}
.menu-item {
display: inline-block;
margin-left: 50px;
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
margin-left: 10px;
margin-right: 10px;
}
a {
color: #fff;
text-transform: uppercase;
&:hover {
opacity: 0.7;
}
}
}
.tdm_block_inline_text {
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
display: block;
text-align: center;
}
}
.tdm-descr {
font-size: 12px;
line-height: 58px;
}
}
//articles
.td_module_14 {
.td-module-title {
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
font-size: 36px;
line-height: 48px;
}
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
font-size: 24px;
line-height: 32px;
}
}
.td-module-meta-holder {
padding: 20px 30px 24px 30px;
/* portrait tablet */
@media (min-width: @responsive_p_tablet_min) and (max-width: @responsive_p_tablet_max) {
padding: 15px 25px 20px 25px;
}
/* portrait phone */
@media (max-width: @responsive_p_phone_max) {
padding: 10px 15px 14px 15px;
}
}
.td-read-more a {
background-color: transparent;
color: #22a0d6;
border-width: 2px;
border-style: solid;
border-color: #22a0d6;
border-radius: 25px;
padding: 10px 20px;
&:hover {
color: #fff;
background-color: #22a0d6 !important;
}
}
}
// demos button
#td-theme-settings .td-skin-buy a {
background-color: #22a0d6;
}
}
Zerion Mini Shell 1.0