From 53e9bd187e756f5bafdbba7c0ff5b9b8376686af Mon Sep 17 00:00:00 2001 From: perploug Date: Mon, 16 Sep 2013 14:51:26 +0200 Subject: [PATCH] Thumbnails styles improvement --- .../src/less/modals.less | 29 ++++++++++--------- 1 file changed, 16 insertions(+), 13 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/modals.less b/src/Umbraco.Web.UI.Client/src/less/modals.less index b08923d21e..faab7f1709 100644 --- a/src/Umbraco.Web.UI.Client/src/less/modals.less +++ b/src/Umbraco.Web.UI.Client/src/less/modals.less @@ -141,7 +141,7 @@ -.umb-modal .thumbnail { +.umb-thumbnails .thumbnail { padding: 0; border:none; } @@ -150,43 +150,46 @@ margin: 0 0 20px 0 }*/ -.umb-modal .thumbnails > li { +.umb-thumbnails > li { margin: 0 20px 20px 0; text-align: center; } -.umb-modal .thumbnail img { - /*height: 100px;*/ -} +.umb-thumbnails i{margin: auto;} -.umb-modal .thumbnails .selected img, .umb-modal .thumbnails img:hover { +.umb-thumbnails .selected img, .umb-thumbnails img:hover { opacity: 0.5 } -.umb-modal .thumbnails > li.folder { +.umb-thumbnails > li.folder { width: 100px; /*height: 100px;*/ display: block; - background: @grayLighter; text-align: center; - font-size: 12px + font-size: 12px; } -.umb-modal .thumbnails > li.folder .icon-folder{ - color: @grayLight; +.umb-thumbnails a{ + outline: none; + border:none !important; + box-shadow:none !important; +} + +.umb-thumbnails > li.folder .icon-folder{ display: block; font-size: 90px; height: 75px; width:100px; + color: @grayLight; } -.umb-modal .thumbnails > li.folder a { +.umb-thumbnails > li.folder a { width: 100px; height: 100px; display: block } -.umb-modal .thumbnails > li.folder a:hover { +.umb-thumbnails > li.folder a:hover { text-decoration: none }