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

## 컨텐츠 모듈 스킨

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

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

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

layouts/simple_world/layout.html

@@ -48,7 +48,7 @@
 {Context::addMetaTag("theme-color", $material_colors[$layout_info->primary_color])}
 
 <!--// Load styles -->
-{Context::set('layout_scss_value', array('grey' => $material_colors['grey'], 'primary_color' => $material_colors[$layout_info->primary_color], 'menu_position' => $layout_info->menu_position, 'content_color' => $layout_info->content_color))}
+{@Context::set('layout_scss_value', array('grey' => $material_colors['grey'], 'primary_color' => $material_colors[$layout_info->primary_color], 'menu_position' => $layout_info->menu_position, 'content_color' => $layout_info->content_color))}
 <load target="layout.scss" vars="$layout_scss_value" />
 <load target="layout.js" />
 

layouts/simple_world/layout.js

@@ -67,8 +67,10 @@ $(function()
 		{
 			if($("#layout_menu_toggle").css( 'position' ) === 'fixed')
 			{
-				$("#layout_menu_toggle").fadeIn();
-				$("#layout_menu_toggle").css('display', '');
+				$("#layout_menu_toggle").fadeIn(400, function() {
+					$("#layout_menu_toggle").css('display', '')
+				});
+				;
 			}
 		}
 		previousScroll = currentScroll;