FM / less

/home/techb158/ileadtechnology.com/public/admin/build/less/

/home/techb158/ileadtechnology.com/public/admin/build/less

Name	Size	Mode	Actions
skins/	-	0755	rm
.csslintrc	545	0644	edit dl rm
404_500_errors.less	702	0644	edit dl rm
AdminLTE-without-plugins.less	1283	0644	edit dl rm
AdminLTE.less	1487	0644	edit dl rm
alerts.less	641	0644	edit dl rm
bootstrap-social.less	3279	0644	edit dl rm
boxes.less	8110	0644	edit dl rm
buttons.less	3132	0644	edit dl rm
callout.less	846	0644	edit dl rm
carousel.less	268	0644	edit dl rm
control-sidebar.less	5674	0644	edit dl rm
core.less	2769	0644	edit dl rm
datepicker.less	345	0644	edit dl rm
direct-chat.less	3055	0644	edit dl rm
dropdown.less	6870	0644	edit dl rm
forms.less	1891	0644	edit dl rm
fullcalendar.less	1767	0644	edit dl rm
header.less	4805	0644	edit dl rm
index.php	53	0644	edit dl rm
info-box.less	1135	0644	edit dl rm
invoice.less	201	0644	edit dl rm
labels.less	326	0644	edit dl rm
lockscreen.less	1147	0644	edit dl rm
login_and_register.less	707	0644	edit dl rm
mailbox.less	1221	0644	edit dl rm
miscellaneous.less	8729	0644	edit dl rm
mixins.less	7218	0644	edit dl rm
modal.less	1298	0644	edit dl rm
navs.less	3890	0644	edit dl rm
plugins.less	141	0644	edit dl rm
print.less	967	0644	edit dl rm
products.less	776	0644	edit dl rm
profile.less	452	0644	edit dl rm
progress-bars.less	1677	0644	edit dl rm
select2.less	2910	0644	edit dl rm
sidebar-mini.less	3729	0644	edit dl rm
sidebar.less	2459	0644	edit dl rm
small-box.less	1446	0644	edit dl rm
social-widgets.less	1400	0644	edit dl rm
table.less	896	0644	edit dl rm
timeline.less	1951	0644	edit dl rm
treeview.less	514	0644	edit dl rm
users-list.less	602	0644	edit dl rm
variables.less	3152	0644	edit dl rm

Edit: /home/techb158/ileadtechnology.com/public/admin/build/less/small-box.less (1446B)

/*
 * Component: Small Box
 * --------------------
 */

.small-box {
  .border-radius(2px);
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: @box-boxshadow;
  // content wrapper
  > .inner {
    padding: 10px;
  }

> .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    &:hover {
      color: #fff;
      background: rgba(0, 0, 0, 0.15);
    }
  }

h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;

}

p {
    font-size: 15px;
    > small {
      display: block;
      color: #f9f9f9;
      font-size: 13px;
      margin-top: 5px;
    }
  }

h3, p {
    z-index: 5;
  }

// the icon
  .icon {
    .transition(all @transition-speed linear);
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
  }

// Small box hover state
  &:hover {
    text-decoration: none;
    color: #f9f9f9;
    // Animate icons on small box hover
    .icon {
      font-size: 95px;
    }
  }
}

@media (max-width: @screen-xs-max) {
  // No need for icons on very small devices
  .small-box {
    text-align: center;
    .icon {
      display: none;
    }
    p {
      font-size: 12px;
    }
  }
}

/* * Component: Small Box * -------------------- */ .small-box { .border-radius(2px); position: relative; display: block; margin-bottom: 20px; box-shadow: @box-boxshadow; // content wrapper > .inner { padding: 10px; } > .small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; &:hover { color: #fff; background: rgba(0, 0, 0, 0.15); } } h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; } p { font-size: 15px; > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px; } } h3, p { z-index: 5; } // the icon .icon { .transition(all @transition-speed linear); position: absolute; top: -10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15); } // Small box hover state &:hover { text-decoration: none; color: #f9f9f9; // Animate icons on small box hover .icon { font-size: 95px; } } } @media (max-width: @screen-xs-max) { // No need for icons on very small devices .small-box { text-align: center; .icon { display: none; } p { font-size: 12px; } } }