네모의 꿈/ 컨텐츠 위젯 스킨 (#712)

## 컨텐츠 모듈 스킨

- 사이트 테마를 따르지 않고 다른 색을 선택할 수 있도록 네모의 꿈 회원 스킨 컬러셋 추가.
- 탭이 많을 때 터치 환경이 아니면 좌우로 넘기기 어려운 점을 고려하여서 메뉴를 펼침.
- 작은 화면에서 화면을 최대한 활용하도록, 레이아웃 햄버거 메뉴를 부드럽게 나타내고 감춥니다.

## 위젯에서 LESS/SCSS 의 사용
- 변수를 위젯 캐시에도 전달할 수 있도록 해서 LESS 나 SCSS 에 값 전달이 가능하도록 함.
- LESS 나 SCSS 를 사용한 경우에 위젯 코드 캐싱 코드가 적절하게 기록되도록 해서 LESS나 SCSS 를 사용
가능하도록 수정.

## 그 외 변화
- Reduce the number of regular expressions.

widgets/content/skins/simple_rectangle/js/content_widget.js

@@ -0,0 +1,42 @@
+function content_widget_plus(obj,list_per_page){
+	var page = 1;
+	if(obj.is('table')) {
+		var list = jQuery('>tbody>tr',obj);
+	}else if(obj.is('ul')) {
+		var list = jQuery('>li',obj);
+	}
+
+	var total_page = parseInt((list.size()-1) / list_per_page,10)+1;
+	list.each(function(i){
+		if(jQuery(this).css('display') !='none'){
+			page = parseInt((i-1)/list_per_page,10) + 1;
+		}
+	});
+	if(total_page === page+1)
+	{
+		if(obj.is('ul.simple_content_list'))
+		{
+			obj.next('div.simple_content_nav').css('display','none');
+		}
+	}
+	if(total_page <= page) return;
+	if(obj.is('ul.simple_content_list')) {
+		jQuery('button.soo_cont_more>span.page_info',obj.next('div.simple_content_nav')).html(page+1 + '/' + total_page);
+	}
+	list.each(function(i){
+		if(((page+1) * list_per_page) > i){
+			jQuery(this).show();
+		}else{
+			jQuery(this).hide();
+		}
+	});
+}
+
+function content_widget_tab_show(tab,list,i){
+	tab.parents('ul.widgetTab').children('li.active').removeClass('active');
+	tab.parent('li').addClass('active');
+	jQuery('>dd',list).each(function(j){
+			if(j==i) jQuery(this).addClass('open');
+			else jQuery(this).removeClass('open');
+			});
+}