From fe62183cd914a7834c6d6a94d487e2e13e212251 Mon Sep 17 00:00:00 2001 From: Zaran Date: Sun, 15 Apr 2012 05:54:46 -0700 Subject: CSS improvements, first steps on angular * disable the connect form when connected * add a disconnect button when connected * add a research field to filter the contact list (not working) Thinks I want to understand: * how to share a variable between several scopes * could StropheSrv be an attribute of the connect scope ? if yes, we can call it directly and avoid wrapping it (this is the third level of wrapping around libStrophe...) --- alias-angular/app/css/less/thumbnails.less | 35 ++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 alias-angular/app/css/less/thumbnails.less (limited to 'alias-angular/app/css/less/thumbnails.less') diff --git a/alias-angular/app/css/less/thumbnails.less b/alias-angular/app/css/less/thumbnails.less new file mode 100644 index 0000000..3a12d4e --- /dev/null +++ b/alias-angular/app/css/less/thumbnails.less @@ -0,0 +1,35 @@ +// THUMBNAILS +// ---------- + +.thumbnails { + margin-left: -@gridGutterWidth; + list-style: none; + .clearfix(); +} +.thumbnails > li { + float: left; + margin: 0 0 @baseLineHeight @gridGutterWidth; +} +.thumbnail { + display: block; + padding: 4px; + line-height: 1; + border: 1px solid #ddd; + .border-radius(4px); + .box-shadow(0 1px 1px rgba(0,0,0,.075)); +} +// Add a hover state for linked versions only +a.thumbnail:hover { + border-color: @linkColor; + .box-shadow(0 1px 4px rgba(0,105,214,.25)); +} +// Images and captions +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; +} -- cgit v1.2.3-70-g09d2