aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/bower_components/admin-lte/build/less/small-box.less
diff options
context:
space:
mode:
authorMarvin Borner2018-07-13 19:06:45 +0200
committerMarvin Borner2018-07-13 19:06:45 +0200
commit6fcfb7c04d32e1c8b26a312295bf7ac3ec2d2ad7 (patch)
treedbc87ef16fa01d5d99116de283592b8fe5e02944 /public/bower_components/admin-lte/build/less/small-box.less
parentdfd839f27146df0ad0494e11734fc7d310c70ebf (diff)
Fixed many permissions and began admin interface
Diffstat (limited to 'public/bower_components/admin-lte/build/less/small-box.less')
-rw-r--r--public/bower_components/admin-lte/build/less/small-box.less89
1 files changed, 89 insertions, 0 deletions
diff --git a/public/bower_components/admin-lte/build/less/small-box.less b/public/bower_components/admin-lte/build/less/small-box.less
new file mode 100644
index 0000000..8ad7cc7
--- /dev/null
+++ b/public/bower_components/admin-lte/build/less/small-box.less
@@ -0,0 +1,89 @@
+/*
+ * 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;
+ }
+ }
+}