リビジョン 9d2f0219

差分を見る:

app/Config/core.php
34 34 
 * In production mode, flash messages redirect after a time interval.
35 35 
 * In development mode, you need to click the flash message to continue.
36 36 
 */
37 
	Configure::write('debug',2 );
37 
	Configure::write('debug',0 );
38 38 

  		




  39
  39
  
    
/**


  		




  40
  40
  
    
 * Configure the Error handler used to handle errors for your application. By default


  		












  

    
      app/View/pictcode/index.ctp
    
  





  23
  23
  
    
	<!-- プリロード -->


  		




  24
  24
  
    
	<div id="preload">


  		




  25
  25
  
    
		<div class="progress">


  		




  26
  
  
    
			<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:5%"　id ="preload_bar"></div>


  		




  
  26
  
    
			<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:5%" id ="preload_bar"></div>


  		




  27
  27
  
    
		</div>


  		




  28
  28
  
    
	</div>


  		




  29
  29
  
    

  		




  ......




  47
  47
  
    
		<div id="modal_ui_collision">


  		




  48
  48
  
    
			<div id="modal_ui_collision_container"></div>


  		




  49
  49
  
    
			<br>


  		




  50
  
  
    
			<button id ="modal_ui_collision_ok"><img src="/img/pictcode/ui/btn_modal_002.png"></button>


  		




  51
  
  
    
			<button id ="modal_ui_collision_cancel"><img src="/img/pictcode/ui/btn_modal_003.png"></button>


  		




  
  50
  
    
			<button id ="modal_ui_collision_ok"><img src="image/ui/btn_modal_002.png"></button>


  		




  
  51
  
    
			<button id ="modal_ui_collision_cancel"><img src="image/ui/btn_modal_003.png"></button>


  		




  52
  52
  
    
		</div>


  		




  53
  53
  
    
	</div>


  		




  54
  54
  
    

  		




  ......




  62
  62
  
    
				<div id="modal_coding_vector_input"></div>


  		




  63
  63
  
    
				<div id="modal_coding_vector_variable"></div>


  		




  64
  64
  
    
			</div>


  		




  65
  
  
    
			<button id ="modal_coding_vector_ok"><img src="/img/pictcode/ui/btn_modal_002.png"></button>


  		




  
  65
  
    
			<button id ="modal_coding_vector_ok"><img src="image/ui/btn_modal_002.png"></button>


  		




  66
  66
  
    
			<!-- <button id ="modal_coding_vector_cancel"><img src="image/ui/btn_modal_003.png"></button> -->


  		




  67
  67
  
    
		</div>


  		




  68
  68
  
    
		<div id="modal_coding_scalar">


  		




  69
  
  
    
			<button id ="modal_coding_scalar_input_button"><img src="/img/pictcode/ui/btn_modal_007.png"></button>


  		




  70
  
  
    
			<button id ="modal_coding_scalar_variable_button"><img src="/img/pictcode/ui/btn_modal_008.png"></button>


  		




  
  69
  
    
			<button id ="modal_coding_scalar_input_button"><img src="image/ui/btn_modal_007.png"></button>


  		




  
  70
  
    
			<button id ="modal_coding_scalar_random_button"><img src="image/ui/btn_modal_008.png"></button>


  		




  
  71
  
    
			<button id ="modal_coding_scalar_variable_button"><img src="image/ui/btn_modal_008.png"></button>


  		




  71
  72
  
    
			<div id="modal_coding_scalar_container">


  		




  72
  73
  
    
				<div id="modal_coding_scalar_input"></div>


  		




  
  74
  
    
				<div id="modal_coding_scalar_random"></div>


  		




  73
  75
  
    
				<div id="modal_coding_scalar_variable"></div>


  		




  74
  76
  
    
			</div>


  		




  75
  
  
    
			<button id ="modal_coding_scalar_x1"><img src="/img/pictcode/ui/btn_modal_004.png"></button>


  		




  76
  
  
    
			<button id ="modal_coding_scalar_x10"><img src="/img/pictcode/ui/btn_modal_005.png"></button>


  		




  77
  
  
    
			<button id ="modal_coding_scalar_x100"><img src="/img/pictcode/ui/btn_modal_006.png"></button>


  		




  
  77
  
    
			<button id ="modal_coding_scalar_x1"><img src="image/ui/btn_modal_004.png"></button>


  		




  
  78
  
    
			<button id ="modal_coding_scalar_x10"><img src="image/ui/btn_modal_005.png"></button>


  		




  
  79
  
    
			<button id ="modal_coding_scalar_x100"><img src="image/ui/btn_modal_006.png"></button>


  		




  78
  80
  
    
			<br>


  		




  79
  
  
    
			<button id ="modal_coding_scalar_ok"><img src="/img/pictcode/ui/btn_modal_002.png"></button>


  		




  
  81
  
    
			<button id ="modal_coding_scalar_ok"><img src="image/ui/btn_modal_002.png"></button>


  		




  80
  82
  
    
			<!-- <button id ="modal_coding_scalar_cancel"><img src="image/ui/btn_modal_003.png"></button> -->


  		




  81
  83
  
    
		</div>


  		




  82
  84
  
    
		<div id="modal_coding_function">


  		




  ......




  148
  150
  
    
			<button class="btn play_footer_button" type="button" id="app_pause" value="value1"></button>


  		




  149
  151
  
    
		</div>


  		




  150
  152
  
    
	</nav>


  		




  151
  
  
    

  		




  
  153
  
    
	


  		




  152
  154
  
    
	<!-- js -->


  		




  153
  155
  
    
	<script src="/js/pictcode/require_config.js"></script>


  		




  154
  156
  
    
	<script data-main="/js/pictcode/app.js" src="/js/pictcode/require.js"></script>


  		












  

    
      app/webroot/css/pictcode/main.css
    
  





  1
  
  
    
@header-height: 100px;


  		




  2
  
  
    
@header-color: white;


  		




  3
  
  
    
@header-bg: black;


  		




  4
  
  
    
@footer-height: 100px;


  		




  5
  
  
    
@footer-color: white;


  		




  6
  
  
    
@footer-bg: black;


  		




  7
  
  
    
@font-face {


  		




  8
  
  
    
font-family: 'Yasashisa';


  		




  9
  
  
    
src:url('../fonts/YasashisaGothic.woff');


  		




  10
  
  
    
}


  		




  11
  
  
    

  		




  12
  
  
    
* {


  		




  13
  
  
    
    margin: 0;


  		




  14
  
  
    
    padding: 0;


  		




  15
  
  
    
    -webkit-box-sizing: border-box;


  		




  16
  
  
    
       -moz-box-sizing: border-box;


  		




  17
  
  
    
         -o-box-sizing: border-box;


  		




  18
  
  
    
        -ms-box-sizing: border-box;


  		




  19
  
  
    
            box-sizing: border-box;


  		




  20
  
  
    
}


  		




  21
  
  
    

  		




  22
  
  
    

  		




  23
  
  
    

  		




  24
  
  
    
body {


  		




  25
  
  
    
    background-color: #FFF;


  		




  
  1
  
    
html, body {


  		




  26
  2
  
    
	padding: 0px;


  		




  27
  3
  
    
	margin: 0;


  		




  28
  
  
    
	font-family: Yasashisa !important;


  		




  29
  
  
    
	color: #4C2A01 !important;


  		




  30
  
  
    
	background-image: url(../img/bg_main_001.png);


  		




  31
  
  
    

  		




  
  4
  
    
	overflow: hidden;


  		




  
  5
  
    
	height: 100%;


  		




  
  6
  
    
	overflow:hidden;


  		




  
  7
  
    
	moz-user-select:none;


  		




  
  8
  
    
	-webkit-user-select:none;


  		




  
  9
  
    
	-khtml-user-select:none;


  		




  
  10
  
    
	user-select:none;


  		




  32
  11
  
    
}


  		




  33
  12
  
    

  		




  34
  13
  
    
#preload{


  		




  ......




  54
  33
  
    

  		




  55
  34
  
    
#ui-tab{


  		




  56
  35
  
    
	position: absolute;


  		




  57
  
  
    
	/*background: blue;*/


  		




  58
  36
  
    
	width: 100%;


  		




  59
  
  
    
	/*height: 100%;*/


  		




  60
  37
  
    
}


  		




  61
  38
  
    

  		




  62
  39
  
    
#coding-tab{


  		




  ......




  68
  45
  
    
	background-size:100% 100%;


  		




  69
  46
  
    
	border:0px;


  		




  70
  47
  
    
	width: 100%;


  		




  71
  
  
    
	height: 90px;


  		




  
  48
  
    
	height: 7vw;


  		




  72
  49
  
    
	z-index: 10;


  		




  73
  50
  
    
	display: none;


  		




  74
  51
  
    
}


  		




  75
  52
  
    

  		




  76
  53
  
    
.header_area {


  		




  77
  54
  
    
	display:inline-block;


  		




  78
  
  
    
	text-align:center;


  		




  79
  
  
    
	position: absolute;


  		




  
  55
  
    
	text-align:center


  		




  80
  56
  
    
}


  		




  81
  57
  
    

  		




  82
  58
  
    
#header_left {


  		




  83
  
  
    
	width: 140px;


  		




  84
  
  
    
	left: 10px;


  		




  85
  
  
    
}	


  		




  
  59
  
    
	width: 20%;


  		




  
  60
  
    
}


  		




  86
  61
  
    

  		




  87
  62
  
    
#header_center {


  		




  88
  
  
    
	width: 210px;


  		




  89
  
  
    
	left: 0;


  		




  90
  
  
    
	right: 0;


  		




  91
  
  
    
	margin-left: auto;


  		




  92
  
  
    
	margin-right: auto;


  		




  
  63
  
    
	width: 20%;


  		




  93
  64
  
    
}


  		




  94
  65
  
    

  		




  95
  66
  
    
#header_right {


  		




  96
  
  
    
	width: 420px;


  		




  97
  
  
    
	right: 10px;


  		




  
  67
  
    
	width: 49%;


  		




  98
  68
  
    
}


  		




  99
  69
  
    

  		




  100
  70
  
    
.header_button {


  		




  101
  
  
    
	width: 64px;


  		




  102
  
  
    
	height: 64px;


  		




  
  71
  
    
	width: 5vw;


  		




  
  72
  
    
	height: 5vw;


  		




  103
  73
  
    
	padding: 0px;


  		




  104
  74
  
    
	background: transparent;


  		




  105
  
  
    
	margin-top:10px;


  		




  
  75
  
    
	margin-top:1vw;


  		




  106
  76
  
    
	margin-right: 2px;


  		




  
  77
  
    
	margin-left: 2px;


  		




  107
  78
  
    
	border:0px;


  		




  108
  79
  
    
	outline: 0 !important;


  		




  109
  80
  
    
	overflow : hidden;


  		




  ......




  120
  91
  
    
	-moz-border-radius: 12px;


  		




  121
  92
  
    
}


  		




  122
  93
  
    

  		




  123
  
  
    
.header_button:hover {


  		




  124
  
  
    
	width: 64px;


  		




  125
  
  
    
	height: 64px;


  		




  
  94
  
    
/*.header_button_selected {


  		




  
  95
  
    
	width: 50vw;


  		




  
  96
  
    
	height: 50vw;


  		




  126
  97
  
    
	padding: 0px;


  		




  127
  98
  
    
	background: transparent;


  		




  128
  99
  
    
	margin-top:10px;


  		




  ......




  140
  111
  
    
	border-radius: 12px;


  		




  141
  112
  
    
	-webkit-border-radius: 12px;


  		




  142
  113
  
    
	-moz-border-radius: 12px;


  		




  143
  
  
    
}


  		




  
  114
  
    
}*/


  		




  144
  115
  
    

  		




  145
  
  
    
/*


  		




  146
  116
  
    
.header_button_image {


  		




  147
  
  
    
	width: 64px;


  		




  148
  
  
    
	height: 64px;


  		




  
  117
  
    
	width: 5vw;


  		




  
  118
  
    
	height: 5vw;


  		




  149
  119
  
    
	padding: 0px;


  		




  150
  120
  
    
	margin: 0px;


  		




  151
  121
  
    
}


  		




  152
  122
  
    

  		




  153
  
  
    
#modal_coding_vector_cancel{


  		




  154
  
  
    
	padding: 5px;


  		




  155
  
  
    
	background: transparent;


  		




  
  123
  
    
#footer{


  		




  
  124
  
    
	height: 70px;


  		




  
  125
  
    
	-moz-background-size:100% 100%;


  		




  
  126
  
    
	background-size:100% 100%;


  		




  156
  127
  
    
	border:0px;


  		




  157
  
  
    
}*/


  		




  158
  
  
    

  		




  159
  
  
    

  		




  160
  
  
    
/* Header on WEB Pages */


  		




  161
  
  
    

  		




  162
  
  
    

  		




  163
  
  
    
header {  


  		




  164
  
  
    
    z-index: 128;


  		




  165
  
  
    
    position: fixed;


  		




  166
  
  
    
    top: 0;


  		




  167
  
  
    
    width: 100%;


  		




  168
  
  
    
    padding:9px 8px;


  		




  169
  
  
    
    color: @header-color;


  		




  170
  
  
    
    background: @header-bg;


  		




  171
  
  
    
    height: @header-height;


  		




  172
  
  
    
    line-height: @header-height;


  		




  173
  
  
    
	background-image: url(../img/bg_header_001.png);


  		




  174
  
  
    
	text-align: center;


  		




  175
  
  
    
}


  		




  176
  
  
    

  		




  177
  
  
    
header img.left {


  		




  178
  
  
    
	display: inline-block;


  		




  179
  
  
    
}


  		




  180
  
  
    

  		




  181
  
  
    
header img.left {


  		




  182
  
  
    
	float: left;


  		




  183
  
  
    
}


  		




  184
  
  
    

  		




  185
  
  
    
header img.right {


  		




  186
  
  
    
	float: right;


  		




  187
  
  
    
}


  		




  188
  
  
    

  		




  189
  
  
    
header img.center {


  		




  190
  
  
    
	margin: 25px auto;


  		




  191
  
  
    
}


  		




  192
  
  
    

  		




  193
  
  
    

  		




  194
  
  
    
/* Main on WEB Pages */


  		




  195
  
  
    

  		




  196
  
  
    
article {


  		




  197
  
  
    
	background-color: rgba(255,255,255,0.75);


  		




  198
  
  
    
	width: 944px;


  		




  199
  
  
    
	padding: 24px 111px 24px;


  		




  200
  
  
    
	margin: 20px auto !important;


  		




  201
  
  
    
	border-radius: 10px;


  		




  202
  
  
    
	box-shadow:5px 5px  rgba(51,38,20,0.5);


  		




  203
  
  
    
	font-family: 


  		




  204
  
  
    
}


  		




  205
  
  
    

  		




  206
  
  
    
main {


  		




  207
  
  
    
	display: block;


  		




  208
  
  
    
	height: ;


  		




  209
  
  
    
	margin-top: 112px;


  		




  210
  
  
    
	margin-bottom: 112px;


  		




  211
  
  
    
}


  		




  212
  
  
    

  		




  213
  
  
    
article.main_top{


  		




  214
  
  
    
	display: block;


  		




  215
  
  
    
	overflow: hidden;


  		




  216
  
  
    
	background-image: url(../img/img_bg_top01.png);


  		




  217
  
  
    
	width: 944px;


  		




  218
  
  
    
	height: calc(100% - 300px);


  		




  219
  
  
    
	padding: 24px 111px;


  		




  220
  
  
    
	margin: 20px auto !important;


  		




  221
  
  
    
	border-radius: 10px;


  		




  
  128
  
    
	text-align:center;


  		




  
  129
  
    
	z-index: 10;


  		




  
  130
  
    
	display: none;


  		




  222
  131
  
    
}


  		




  223
  132
  
    

  		




  224
  
  
    
article h2 {


  		




  225
  
  
    
	margin: 0 auto 24px;


  		




  
  133
  
    
.ui_footer_button{


  		




  
  134
  
    
	vertical-align:middle;


  		




  
  135
  
    
	position: relative;


  		




  
  136
  
    
	width: 160px;


  		




  
  137
  
    
	height: 60px;


  		




  
  138
  
    
	background: transparent;


  		




  
  139
  
    
	font-size: 2em;


  		




  
  140
  
    
	margin-top: 10px;


  		




  
  141
  
    
	text-align: center;


  		




  
  142
  
    
	padding: 0px;


  		




  
  143
  
    
	-moz-background-size:100% 100%;


  		




  
  144
  
    
	background-size:100% 100%;


  		




  
  145
  
    
	border: 0px;


  		




  226
  146
  
    
}


  		




  227
  147
  
    

  		




  228
  
  
    
article h3{


  		




  229
  
  
    
	margin: 0 auto 24px auto;


  		




  230
  
  
    
	font-weight: bold;


  		




  
  148
  
    
.coding_footer_button{


  		




  
  149
  
    
	width: 120px;


  		




  
  150
  
    
	height: 50px;


  		




  
  151
  
    
	font-size: 2em;


  		




  
  152
  
    
	margin: 10px 10px;


  		




  
  153
  
    
	text-align: center;


  		




  
  154
  
    
	padding: 0px;


  		




  
  155
  
    
	background: transparent;


  		




  
  156
  
    
	-moz-background-size:100% 100%;


  		




  
  157
  
    
	background-size:100% 100%;


  		




  
  158
  
    
	border: 0px;


  		




  231
  159
  
    
}


  		




  232
  160
  
    

  		




  233
  
  
    
article section {


  		




  234
  
  
    
	display: block;


  		




  235
  
  
    
	margin: 0 auto 48px;


  		




  
  161
  
    
.coding_footer_button_image{


  		




  
  162
  
    
	padding-bottom: 10p;


  		




  236
  163
  
    
}


  		




  237
  164
  
    

  		




  238
  
  
    

  		




  239
  
  
    
/* Footer on WEB Pages */


  		




  240
  
  
    

  		




  241
  
  
    
footer {  


  		




  242
  
  
    
    z-index: 128;


  		




  243
  
  
    
    position: fixed;


  		




  244
  
  
    
    bottom: 0;


  		




  245
  
  
    
	background-image: url(../img/bg_footer_001.png);


  		




  246
  
  
    
    width: 100%;


  		




  247
  
  
    
	padding-top: 5px;


  		




  248
  
  
    
	padding-bottom: 5px;


  		




  
  165
  
    
.play_footer_button {


  		




  
  166
  
    
	width: 101px;


  		




  
  167
  
    
	height: 41px;


  		




  
  168
  
    
	border-width:0;


  		




  
  169
  
    
	background-color: transparent;


  		




  249
  170
  
    
	margin-top: 20px;


  		




  250
  
  
    
    color: @header-color;


  		




  251
  
  
    
    background: @header-bg;


  		




  252
  
  
    
    height: @footer-height;


  		




  253
  
  
    
    line-height: @footer-height;


  		




  254
  
  
    
    text-align: center;


  		




  255
  
  
    
}


  		




  256
  
  
    

  		




  257
  
  
    
footer ul {


  		




  258
  
  
    
	display: block;


  		




  259
  
  
    
	width: 940px;


  		




  260
  
  
    
	padding-left: 10px;


  		




  261
  
  
    
	padding-right: 10px;


  		




  262
  
  
    
	list-style-type: none;


  		




  263
  
  
    
}


  		




  264
  
  
    

  		




  265
  
  
    
footer ul li {


  		




  266
  
  
    
	float: left;


  		




  267
  
  
    
	background:url(../img/footer_arrow01.png) left no-repeat;


  		




  268
  
  
    
	padding: 10px 0 10px 20px;


  		




  269
  
  
    
	margin-right: 30px;


  		




  270
  
  
    
	text-decoration: none;


  		




  271
  
  
    
	color: #4C2A01 !important;


  		




  272
  
  
    
}


  		




  273
  
  
    

  		




  274
  
  
    
footer hr {


  		




  275
  
  
    
	clear: both;


  		




  276
  
  
    
	border-top:1px solid #4C2A01 !important;


  		




  277
  
  
    
	margin:5px auto;


  		




  278
  
  
    
}


  		




  279
  
  
    

  		




  280
  
  
    
footer ul li a,a:link,a:visited {


  		




  281
  
  
    
	font-size: 12px;


  		




  282
  
  
    
	color: #4C2A01 !important;


  		




  283
  
  
    
	font-weight: bold;


  		




  284
  
  
    
	text-decoration: none !important;


  		




  285
  
  
    
}


  		




  286
  
  
    

  		




  287
  
  
    
footer ul li a:hover {


  		




  288
  
  
    
	color: #4C2A01 !important;


  		




  289
  
  
    
	text-decoration: underline !important;


  		




  290
  
  
    
}


  		




  291
  
  
    

  		




  292
  
  
    
img.logo {


  		




  293
  
  
    
	float: right;


  		




  294
  
  
    
	right: 0;


  		




  295
  
  
    
	margin: 0 10px 0;


  		




  
  171
  
    
	-moz-background-size:100% 100%;


  		




  
  172
  
    
	background-size:100% 100%;


  		




  296
  173
  
    
}


  		




  297
  174
  
    

  		




  298
  
  
    
#wrapper {


  		




  299
  
  
    
	display: block;


  		




  300
  
  
    
	width: 960px;


  		




  301
  
  
    
	margin: 0 auto;


  		




  302
  
  
    
	text-align: left;


  		




  
  175
  
    
.play_footer_button_image{


  		




  
  176
  
    
	width: 101px;


  		




  
  177
  
    
	height: 41px;


  		




  
  178
  
    
	padding: 0px;


  		




  
  179
  
    
	margin: 0px;


  		




  303
  180
  
    
}


  		




  304
  181
  
    

  		




  305
  
  
    
/* TOP Page */


  		




  
  182
  
    
.centered-text {


  		




  
  183
  
    
	text-align:center


  		




  
  184
  
    
} 


  		




  306
  185
  
    

  		




  307
  
  
    
section.main_top01 {


  		




  308
  
  
    
	display: block;


  		




  309
  
  
    
	width: 630px;


  		




  310
  
  
    
	height: 350px;


  		




  311
  
  
    
	margin: 6px auto 0 150px;


  		




  312
  
  
    
	background-image: url(../img/img_contents_top01.png);


  		




  
  186
  
    
#back_button {


  		




  
  187
  
    
	width: 45px;


  		




  
  188
  
    
	height: 45px;


  		




  
  189
  
    
	background-color: transparent;


  		




  
  190
  
    
	border: 0px;


  		




  
  191
  
    
	margin-top: 2px;


  		




  
  192
  
    
	-moz-background-size:100% 100%;


  		




  
  193
  
    
	background-size:100% 100%;


  		




  313
  194
  
    
}


  		




  314
  195
  
    

  		




  315
  
  
    
section.main_top01 p.main_btn01{


  		




  316
  
  
    
	display:inline-block;


  		




  317
  
  
    
	width: 420px;


  		




  318
  
  
    
	height: 80px;


  		




  319
  
  
    
	margin:190px 0 3px 140px;


  		




  
  196
  
    
#sprite_list {


  		




  
  197
  
    
	margin: 0px;


  		




  
  198
  
    
	padding: 0px;


  		




  
  199
  
    
	float: left;


  		




  
  200
  
    
	width: 20%;


  		




  
  201
  
    
	height: 100%;


  		




  320
  202
  
    
	text-align: center;


  		




  321
  
  
    
	background-color: #FFF;


  		




  322
  
  
    
	border-radius: 5px;


  		




  323
  
  
    
	box-shadow:0 5px rgba(58,20,20,0.65);


  		




  324
  
  
    
	}


  		




  325
  
  
    

  		




  326
  
  
    
section.main_top01 p.main_btn01 a{


  		




  327
  
  
    
	display:block;


  		




  328
  
  
    
	padding-top:20px;


  		




  329
  
  
    
	height:80px;


  		




  330
  
  
    
	font-size: 32px;


  		




  331
  
  
    
	font-weight: bold;


  		




  332
  
  
    
	color: #EA7575 !important;


  		




  333
  
  
    
}


  		




  334
  
  
    

  		




  335
  
  
    
section.main_top01 img {


  		




  336
  
  
    
	margin-right: 20px;


  		




  337
  
  
    
	margin-top: -5px;


  		




  338
  
  
    
}


  		




  339
  
  
    

  		




  340
  
  
    
section.main_top01 p.main_btn01:hover{


  		




  341
  
  
    
	margin:195px 0 0 140px;


  		




  342
  
  
    
	box-shadow:none;


  		




  343
  
  
    
}


  		




  344
  
  
    

  		




  345
  
  
    
section.main_top02{


  		




  346
  
  
    
	display: block;


  		




  347
  
  
    
	width: 738px;


  		




  348
  
  
    
	height: 270px;


  		




  349
  
  
    
	margin: 4px auto 0 auto;


  		




  350
  
  
    
	background-image: url(../img/img_contents_top02.png);


  		




  351
  203
  
    
}


  		




  352
  204
  
    

  		




  353
  
  
    
section.main_top02 p.main_btn02{


  		




  354
  
  
    
	width: 210px;


  		




  355
  
  
    
	height: 40px;


  		




  356
  
  
    
	margin:90px 0 3px 385px;


  		




  357
  
  
    
	font-size: 18px;


  		




  358
  
  
    
	font-weight: bold;


  		




  359
  
  
    
	display:inline-block;


  		




  360
  
  
    
	text-align: center;


  		




  361
  
  
    
	background-color: #F39800;


  		




  362
  
  
    
	border-radius: 3px;


  		




  363
  
  
    
	box-shadow:0 3px rgba(56,41,20,0.65);


  		




  364
  
  
    
	}


  		




  365
  
  
    

  		




  366
  
  
    
section.main_top02 p.main_btn02 a{


  		




  367
  
  
    
	display:block;


  		




  368
  
  
    
	padding-top: 8px;


  		




  369
  
  
    
	height:40px;


  		




  370
  
  
    
	font-size: 18px;


  		




  371
  
  
    
	font-weight: bold;


  		




  372
  
  
    
	color: #FFF !important;


  		




  373
  
  
    
}


  		




  374
  
  
    

  		




  375
  
  
    
section.main_top02 p.main_btn02:hover{


  		




  376
  
  
    
	margin:93px 0 0 385px;


  		




  377
  
  
    
	box-shadow:none;


  		




  378
  
  
    
}


  		




  379
  
  
    

  		




  380
  
  
    
section.main_top02 p.main_btn03{


  		




  381
  
  
    
	width: 190px;


  		




  382
  
  
    
	height: 30px;


  		




  383
  
  
    
	margin:60px 0 3px 395px;


  		




  384
  
  
    
	font-weight: bold;


  		




  385
  
  
    
	display:inline-block;


  		




  
  205
  
    
#ui_editor {


  		




  
  206
  
    
	float: right;


  		




  
  207
  
    
	width: 80%;


  		




  
  208
  
    
	height: 100%;


  		




  386
  209
  
    
	text-align: center;


  		




  387
  
  
    
	background-color: #6AB4DE;


  		




  388
  
  
    
	border-radius: 3px;


  		




  389
  
  
    
	box-shadow:0 3px rgba(22,47,58,0.65);


  		




  390
  
  
    
	}


  		




  391
  
  
    

  		




  392
  
  
    
section.main_top02 p.main_btn03 a{


  		




  393
  
  
    
	display:block;


  		




  394
  
  
    
	padding-top: 5px;


  		




  395
  
  
    
	height:30px;


  		




  396
  
  
    
	font-size: 15px;


  		




  397
  
  
    
	font-weight: bold;


  		




  398
  
  
    
	color: #FFF !important;


  		




  399
  
  
    
}


  		




  400
  
  
    

  		




  401
  
  
    
section.main_top02 p.main_btn03:hover{


  		




  402
  
  
    
	margin:63px 0 0 395px;


  		




  403
  
  
    
	box-shadow:none;


  		




  404
  
  
    
}


  		




  405
  
  
    

  		




  406
  
  
    
article {


  		




  407
  
  
    
	display: block;


  		




  408
  
  
    
}


  		




  409
  
  
    

  		




  410
  
  
    
/* Login and Save Page */


  		




  411
  
  
    

  		




  412
  
  
    

  		




  413
  
  
    
article.large_form {


  		




  414
  
  
    
	font-size: 18px;


  		




  415
  
  
    
}


  		




  416
  
  
    

  		




  417
  
  
    
article.large_form p {


  		




  418
  
  
    
	margin-bottom: 6px;


  		




  419
  
  
    
}


  		




  420
  
  
    

  		




  421
  
  
    
article.large_form dl {


  		




  422
  
  
    
	display: inline-table;


  		




  423
  
  
    
	height: 40px;


  		




  424
  
  
    
	margin: 12px 0 0;


  		




  
  210
  
    
	/*background: #888888;*/


  		




  
  211
  
    
	padding: 10px;


  		




  425
  212
  
    
}


  		




  426
  213
  
    

  		




  427
  
  
    
article.large_form dl dt {


  		




  
  214
  
    
#list_scroll {


  		




  428
  215
  
    
	position: absolute;


  		




  429
  
  
    
	padding: 0;


  		




  430
  
  
    
	margin: 6px 0;


  		




  431
  
  
    
	display: block;


  		




  432
  
  
    
	width: 226px;


  		




  433
  
  
    
}


  		




  434
  
  
    

  		




  435
  
  
    
article.large_form dl dd {


  		




  436
  
  
    
	margin:0;


  		




  437
  
  
    
  padding: 3px 0 3px 155px;


  		




  438
  
  
    
}


  		




  439
  
  
    

  		




  440
  
  
    
article.large_form dl dt label{


  		




  441
  
  
    
	width: 226px;


  		




  442
  
  
    
	margin-right: 0;


  		




  443
  
  
    
	margin-bottom: 24px;


  		




  444
  
  
    
	float: left;


  		




  445
  
  
    
	text-align: left;


  		




  446
  
  
    
	font-size: 36px;


  		




  447
  
  
    
	font-weight: bold; 


  		




  448
  
  
    
}


  		




  449
  
  
    

  		




  450
  
  
    
article.large_form dl dd input,


  		




  451
  
  
    
article.large_form dl dd textarea {


  		




  452
  
  
    
	display: block;


  		




  453
  
  
    
	position: relative;


  		




  454
  
  
    
	width: 464px;


  		




  455
  
  
    
	height: 60px;


  		




  456
  
  
    
	margin: 0 0 24px 120px;


  		




  457
  
  
    
	padding: 3px 0 3px 1em;;


  		




  458
  
  
    
	-webkit-border-radius: 5px;


  		




  459
  
  
    
	-moz-border-radius: 5px;


  		




  460
  
  
    
	border-radius: 5px;


  		




  461
  
  
    
	font-size: 24px;


  		




  462
  
  
    
}


  		




  463
  
  
    

  		




  464
  
  
    
article.large_form dl dd textarea {


  		




  465
  
  
    
	height: 180px !important;


  		




  466
  
  
    
}


  		




  467
  
  
    

  		




  468
  
  
    
article.large_form dl dd input:focus,


  		




  469
  
  
    
article.large_form dl dd textarea:focus{


  		




  470
  
  
    
	-webkit-transition: all .3s;


  		




  471
  
  
    
	transition: all .3s;


  		




  472
  
  
    
	box-shadow: 0 0 7px #1abc9c;


  		




  473
  
  
    
	border: 1px solid #1abc9c;


  		




  474
  
  
    
}


  		




  475
  
  
    

  		




  476
  
  
    
/*


  		




  477
  
  
    
article.login dl dd {


  		




  478
  
  
    
	display: block;


  		




  479
  
  
    
	position: relative;


  		




  480
  
  
    
	width: 464px;


  		




  481
  
  
    
	margin: 0 0 24px 120px;


  		




  482
  
  
    
	padding: 3px 0 3px 1em;;


  		




  483
  
  
    
	-webkit-border-radius: 5px;


  		




  484
  
  
    
	-moz-border-radius: 5px;


  		




  485
  
  
    
	border-radius: 5px;


  		




  486
  
  
    
}


  		




  487
  
  
    

  		




  488
  
  
    
article.login dl dd input {


  		




  489
  
  
    
	height: 60px;


  		




  490
  
  
    
}


  		




  491
  
  
    

  		




  492
  
  
    
article.login dl dd textarea {


  		




  493
  
  
    
	height: 180px;


  		




  494
  
  
    
}


  		




  495
  
  
    
*/


  		




  496
  
  
    

  		




  497
  
  
    

  		




  498
  
  
    
/* Register Page */


  		




  499
  
  
    

  		




  500
  
  
    
article.register,


  		




  501
  
  
    
article.contact {


  		




  502
  
  
    
	display: block;


  		




  503
  
  
    
	height:100%;


  		




  504
  
  
    
	margin-top:112px;


  		




  505
  
  
    
	padding: 24px 111px 24px;


  		




  506
  
  
    
}


  		




  507
  
  
    

  		




  508
  
  
    
article.register {


  		




  509
  
  
    
	font-size: 18px;


  		




  510
  
  
    
}


  		




  511
  
  
    

  		




  512
  
  
    
article.register ol {


  		




  513
  
  
    
	display: block;


  		




  514
  
  
    
	overflow: hidden;


  		




  515
  
  
    
	width: 768px;


  		




  516
  
  
    
	height: 85px;


  		




  517
  
  
    
	margin: 24px auto 48px;


  		




  518
  
  
    
	padding: 0;


  		




  519
  
  
    
	list-style: none;


  		




  520
  
  
    
}


  		




  521
  
  
    
article.register ol li {


  		




  522
  
  
    
	display: block;


  		




  523
  
  
    
	overflow: hidden;


  		




  524
  
  
    
	float: left;


  		




  525
  
  
    
	background-image: url(../img/img_register_nav.png);


  		




  526
  
  
    
	width: 185px;


  		




  527
  
  
    
	height: 85px;


  		




  528
  
  
    
	margin: 0;


  		




  529
  
  
    
}


  		




  530
  
  
    
article.register ol li#navigator01_off {background-position:0 0;}


  		




  531
  
  
    
article.register ol li#navigator01_on {background-position:0 -85px;}


  		




  532
  
  
    
article.register ol li#navigator02_off {background-position:555px 0;}


  		




  533
  
  
    
article.register ol li#navigator02_on {background-position:555px -85px;}


  		




  534
  
  
    
article.register ol li#navigator03_off {background-position:370px 0;}


  		




  535
  
  
    
article.register ol li#navigator03_on {background-position:370px -85px;}


  		




  536
  
  
    
article.register ol li#navigator04_off {background-position:185px 0;}


  		




  537
  
  
    
article.register ol li#navigator04_on {background-position:185px -85px;}


  		




  538
  
  
    

  		




  539
  
  
    
article h3 {


  		




  
  216
  
    
	margin-left: 15px;


  		




  
  217
  
    
	padding: 0px;


  		




  
  218
  
    
	overflow:auto;


  		




  
  219
  
    
	width:20%; height:100%;


  		




  
  220
  
    
	-moz-background-size:100% 100%;


  		




  
  221
  
    
	background-size:100% 100%;


  		




  540
  222
  
    
	text-align: center;


  		




  541
  
  
    
	margin: 24px auto;


  		




  542
  
  
    
	font-size: 36px;


  		




  543
  
  
    
	font-weight: bold;


  		




  544
  
  
    
	color:#4C2A01;


  		




  545
  223
  
    
}


  		




  546
  224
  
    

  		




  547
  
  
    
article.register img {


  		




  548
  
  
    
	display: block;


  		




  549
  
  
    
	margin: 24px auto 12px;


  		




  
  225
  
    
.sortable {


  		




  
  226
  
    
	list-style-type: none;


  		




  
  227
  
    
	margin: 0;


  		




  
  228
  
    
	padding: 0;


  		




  
  229
  
    
	width: 20%;


  		




  
  230
  
    
	text-align:center


  		




  550
  231
  
    
}


  		




  551
  232
  
    

  		




  552
  
  
    
article.register dl {


  		




  553
  
  
    
	display: inline-table;


  		




  
  233
  
    
.sortable li {


  		




  
  234
  
    
	margin: 5px;


  		




  
  235
  
    
	-moz-background-size:100% 100%;


  		




  
  236
  
    
	background-size:100% 100%;


  		




  554
  237
  
    
	height: 40px;


  		




  555
  
  
    
	margin: 12px 0 0;


  		




  556
  
  
    
}


  		




  
  238
  
    
	width: 120px;


  		




  557
  239
  
    

  		




  558
  
  
    
article.register dl dt {


  		




  559
  
  
    
	position: absolute;


  		




  560
  
  
    
	padding: 12px 0 0;


  		




  561
  
  
    
	margin: 12px 0;


  		




  562
  
  
    
	display: block;


  		




  563
  
  
    
	width: 226px;


  		




  564
  240
  
    
}


  		




  565
  241
  
    

  		




  566
  
  
    

  		




  567
  
  
    
article.register dl dd {


  		




  568
  
  
    
	margin:12px 0 0;


  		




  569
  
  
    
  padding: 12px 0 3px 155px;


  		




  570
  
  
    
  font-size: 24px;


  		




  571
  
  
    
}


  		




  572
  
  
    

  		




  573
  
  
    
article.register dl dd p {


  		




  574
  
  
    
	margin:9px 0 0 0px;


  		




  575
  
  
    
  padding: 3px 0 3px 120px;


  		




  
  242
  
    
#play-tab {


  		




  
  243
  
    
	width: 100%;


  		




  
  244
  
    
	height: 100%;


  		




  
  245
  
    
	text-align: center; 


  		




  576
  246
  
    
}


  		




  577
  247
  
    

  		




  578
  
  
    
article.register dl dt label{


  		




  579
  
  
    
	width: 226px;


  		




  580
  
  
    
	margin-right: 0;


  		




  581
  
  
    
	float: left;


  		




  582
  
  
    
	text-align: left;


  		




  583
  
  
    
	font-size: 24px;


  		




  584
  
  
    
	font-weight: bold; 


  		




  
  248
  
    
#play_screen {


  		




  
  249
  
    
	padding: 10px;


  		




  
  250
  
    
	width: 100%;


  		




  
  251
  
    
	height: 100%;


  		




  
  252
  
    
	text-align: center; 


  		




  585
  253
  
    
}


  		




  586
  254
  
    

  		




  587
  
  
    
article.register dl dd input {


  		




  588
  
  
    
	display: block;


  		




  589
  
  
    
	position: relative;


  		




  590
  
  
    
	width: 464px;


  		




  
  255
  
    
.list_image {


  		




  
  256
  
    
	width: 40px;


  		




  591
  257
  
    
	height: 40px;


  		




  592
  
  
    
	margin: 0 0 0 120px;


  		




  593
  
  
    
	padding: 3px 0 3px 1em;;


  		




  594
  
  
    
	-webkit-border-radius: 5px;


  		




  595
  
  
    
	-moz-border-radius: 5px;


  		




  596
  
  
    
	border-radius: 5px;


  		




  597
  258
  
    
}


  		




  598
  259
  
    

  		




  599
  
  
    
article.register dl dd input:focus{


  		




  600
  
  
    
	-webkit-transition: all .3s;


  		




  601
  
  
    
	transition: all .3s;


  		




  602
  
  
    
	box-shadow: 0 0 7px #1abc9c;


  		




  603
  
  
    
	border: 1px solid #1abc9c;


  		




  
  260
  
    
.block_button{


  		




  
  261
  
    
	background-color:transparent;


  		




  
  262
  
    
	border-width:0;


  		




  604
  263
  
    
}


  		




  605
  264
  
    

  		




  606
  
  
    

  		




  607
  
  
    
/* Contact Form */


  		




  608
  
  
    

  		




  609
  
  
    
article.contact{


  		




  610
  
  
    
	font-size: 14px;


  		




  611
  
  
    
}


  		




  612
  
  
    

  		




  613
  
  
    
article.contact dl {


  		




  614
  
  
    
	display: inline-table;


  		




  615
  
  
    
	height: 40px;


  		




  616
  
  
    
	margin: 12px 0 0;


  		




  
  265
  
    
.block_category_button{


  		




  
  266
  
    
	width: auto;


  		




  
  267
  
    
	padding:0;


  		




  
  268
  
    
	margin:0;


  		




  
  269
  
    
	background:none;


  		




  
  270
  
    
	border:0;


  		




  
  271
  
    
	font-size:0;


  		




  
  272
  
    
	line-height:0;


  		




  
  273
  
    
	overflow:visible;


  		




  
  274
  
    
	cursor:pointer;


  		




  617
  275
  
    
}


  		




  618
  276
  
    

  		




  619
  
  
    
article.contact dl dt {


  		




  620
  
  
    
	position: absolute;


  		




  621
  
  
    
	padding: 8px 0 0;


  		




  622
  
  
    
	margin: 12px 0;


  		




  623
  
  
    
 	display: block;


  		




  624
  
  
    
	width: 226px;


  		




  
  277
  
    
.sprite_category_button{


  		




  
  278
  
    
	background-color:transparent;


  		




  
  279
  
    
	border-width:0;


  		




  625
  280
  
    
}


  		




  626
  281
  
    

  		




  627
  
  
    

  		




  628
  
  
    
article.contact dl dd {


  		




  629
  
  
    
	margin:12px 0 0;


  		




  630
  
  
    
	padding: 6px 0 2px 155px;


  		




  
  282
  
    
.sprite_button{


  		




  
  283
  
    
	background-color:transparent;


  		




  
  284
  
    
	border-width:0;


  		




  631
  285
  
    
}


  		




  632
  286
  
    

  		




  633
  
  
    
article.contact dl dt label{


  		




  634
  
  
    
	width: 226px;


  		




  635
  
  
    
	margin-right: 0;


  		




  636
  
  
    
	float: left;


  		




  637
  
  
    
	text-align: left;


  		




  638
  
  
    
	font-size: 14px;


  		




  639
  
  
    
	font-weight: bold; 


  		




  
  287
  
    
.modal-content{


  		




  
  288
  
    
	-moz-background-size:100% 100%;


  		




  
  289
  
    
	background-size:100% 100%;


  		




  
  290
  
    
	border-width:0px;


  		




  
  291
  
    
	background: transparent;


  		




  640
  292
  
    
}


  		




  641
  293
  
    

  		




  642
  
  
    
article.contact dl dd input,


  		




  643
  
  
    
article.contact dl dd textarea {


  		




  644
  
  
    
	display: block;


  		




  645
  
  
    
	position: relative;


  		




  646
  
  
    
	width: 464px;


  		




  647
  
  
    
	height: 36px;


  		




  648
  
  
    
	margin: 0 0 0 120px;


  		




  649
  
  
    
	padding: 2px 0 2px 1em;;


  		




  650
  
  
    
	-webkit-border-radius: 5px;


  		




  651
  
  
    
	-moz-border-radius: 5px;


  		




  652
  
  
    
	border-radius: 5px;


  		




  
  294
  
    
.modal-footer{


  		




  
  295
  
    
	border-width:0px; 


  		




  653
  296
  
    
}


  		




  654
  297
  
    

  		




  655
  
  
    
article.contact dl dd textarea {


  		




  656
  
  
    
	height: 180px;


  		




  
  298
  
    
#modal_coding_block{


  		




  
  299
  
    
	position:absolute;


  		




  
  300
  
    
	right: 0;


  		




  
  301
  
    
	left: 0;


  		




  
  302
  
    
	margin: 0 auto;


  		




  
  303
  
    
	padding: 50px 30px 40px 30px;


  		




  
  304
  
    
	display:none;


  		




  
  305
  
    
	z-index:5;


  		




  
  306
  
    
	-moz-background-size:100% 100%;


  		




  
  307
  
    
	background-size:100% 100%;


  		




  657
  308
  
    
}


  		




  658
  309
  
    

  		




  659
  
  
    
article.contact dl dd.radio label,


  		




  660
  
  
    
article.contact dl dd.radio input {


  		




  661
  
  
    
	display: block;


  		




  662
  
  
    
	width: 80px;


  		




  663
  
  
    
	height: 36px;


  		




  664
  
  
    
	margin: 0 0 0 20px;


  		




  665
  
  
    
	padding: 2px 0 2px 1em;;


  		




  666
  
  
    
	-webkit-border-radius: 5px;


  		




  667
  
  
    
	-moz-border-radius: 5px;


  		




  668
  
  
    
	border-radius: 5px;


  		




  
  310
  
    
#modal_coding_vector{


  		




  
  311
  
    
	position:absolute;


  		




  
  312
  
    
	right: 0;


  		




  
  313
  
    
	left: 0;


  		




  
  314
  
    
	margin: 0 auto;


  		




  
  315
  
    
	padding: 70px 30px 0px 40px;


  		




  
  316
  
    
	display:none;


  		




  
  317
  
    
	z-index:5;


  		




  
  318
  
    
	-moz-background-size:100%;


  		




  
  319
  
    
	background-size:100%;


  		




  
  320
  
    
	text-align:center


  		




  669
  321
  
    
}


  		




  670
  322
  
    

  		




  671
  
  
    
article.contact dl dd input:focus,


  		




  672
  
  
    
article.contact dl dd textarea:focus,


  		




  673
  
  
    
article.contact dl dd.radio:focus {


  		




  674
  
  
    
	-webkit-transition: all .3s;


  		




  675
  
  
    
	transition: all .3s;


  		




  676
  
  
    
	box-shadow: 0 0 7px #1abc9c;


  		




  677
  
  
    
	border: 1px solid #1abc9c;


  		




  
  323
  
    
#modal_coding_scalar{


  		




  
  324
  
    
	position:absolute;


  		




  
  325
  
    
	right: 0;


  		




  
  326
  
    
	left: 0;


  		




  
  327
  
    
	margin: 0 auto;


  		




  
  328
  
    
	padding: 10px 30px 40px 30px;


  		




  
  329
  
    
	display:none;


  		




  
  330
  
    
	z-index:5;


  		




  
  331
  
    
	-moz-background-size:100%;


  		




  
  332
  
    
	background-size:100%;


  		




  
  333
  
    
	text-align:center


  		




  678
  334
  
    
}


  		




  679
  335
  
    

  		




  680
  
  
    

  		




  681
  
  
    
/* Nav Button */


  		




  682
  
  
    

  		




  683
  
  
    
section.button_area01 {


  		




  684
  
  
    
	display: block;


  		




  685
  
  
    
	overflow: hidden;


  		




  686
  
  
    
	position: bottom;


  		




  687
  
  
    
	width: 536px;


  		




  688
  
  
    
	height: 85px;


  		




  689
  
  
    
	margin:48px auto 0;


  		




  
  336
  
    
#modal_coding_function{


  		




  
  337
  
    
	position:absolute;


  		




  
  338
  
    
	right: 0;


  		




  
  339
  
    
	left: 0;


  		




  
  340
  
    
	margin: 0 auto;


  		




  
  341
  
    
	padding: 60px 30px 40px 30px;


  		




  
  342
  
    
	display:none;


  		




  
  343
  
    
	z-index:5;


  		




  
  344
  
    
	-moz-background-size:100%;


  		




  
  345
  
    
	background-size:100%;


  		




  690
  346
  
    
}


  		




  691
  347
  
    

  		




  692
  
  
    
section.button_area01 .button {


  		




  693
  
  
    
	display: block;


  		




  694
  
  
    
	overflow: hidden;


  		




  695
  
  
    
	width: 214px;


  		




  696
  
  
    
	height: 85px;


  		




  697
  
  
    
	background: no-repeat;


  		




  698
  
  
    
}


  		




  699
  
  
    

  		




  700
  
  
    
section.button_area01 .button:hover {background-position: bottom;}


  		




  701
  
  
    

  		




  702
  
  
    
section.button_area01 .btn_back01 {background: url(../img/img_button_back01.png) top; float: left;}


  		




  703
  
  
    
section.button_area01 .btn_back02 {background: url(../img/img_button_back02.png) top; float: left;}


  		




  704
  
  
    
section.button_area01 .btn_back03 {background: url(../img/img_button_back03.png) top; float: left;}


  		




  705
  
  
    
section.button_area01 .btn_alter01 {background: url(../img/img_button_alter01.png) top; float: left;}


  		




  706
  
  
    
section.button_area01 .btn_alter02 {background: url(../img/img_button_alter02.png) top; float: left;}


  		




  707
  
  
    
section.button_area01 .btn_check01 {background: url(../img/img_button_check01.png) top; float: right;}


  		




  708
  
  
    
section.button_area01 .btn_check02 {background: url(../img/img_button_check02.png) top; float: right;}


  		




  709
  
  
    
section.button_area01 .btn_register {background: url(../img/img_button_register01.png) top; float: right;}


  		




  710
  
  
    
section.button_area01 .btn_submit {background: url(../img/img_button_submit01.png) top; float: right;}


  		




  711
  
  
    
section.button_area01 .btn_save {background: url(../img/img_button_save01.png) top; float: right;}


  		




  712
  
  
    
section.button_area01 .btn_save02 {background: url(../img/img_button_save02.png) top; float: right;}


  		




  713
  
  
    
section.button_area01 .btn_delete {background: url(../img/img_button_delete01.png) top; float: right;}


  		




  714
  
  
    
section.button_area01 .btn_reissue {background: url(../img/img_button_reissue01.png) top; float: right;}


  		




  715
  
  
    
section.button_area01 .btn_login {background: url(../img/img_button_login01.png) top; float: right; width: 274px;}


  		




  716
  
  
    
section.button_area01 .btn_top01 {background: url(../img/img_button_top01.png) top; margin:auto;}


  		




  717
  
  
    
section.button_area01 .btn_top02 {background: url(../img/img_button_top02.png) top; margin:auto;}


  		




  718
  
  
    
section.button_area01 .btn_top03 {background: url(../img/img_button_top03.png) top; margin:auto; width: 274px;}


  		




  719
  
  
    

  		




  720
  
  
    

  		




  721
  
  
    
/* Reminder */


  		




  722
  
  
    

  		




  723
  
  
    
section.caution {


  		




  724
  
  
    
	display: block;


  		




  
  348
  
    
#modal_coding_sound{


  		




  
  349
  
    
	position:absolute;


  		




  
  350
  
    
	right: 0;


  		




  
  351
  
    
	left: 0;


  		




  
  352
  
    
	margin: 0 auto;


  		




  
  353
  
    
	padding: 70px 30px 40px 30px;


  		




  
  354
  
    
	display:none;


  		




  
  355
  
    
	z-index:5;


  		




  
  356
  
    
	-moz-background-size:100%;


  		




  
  357
  
    
	background-size:100%;


  		




  725
  358
  
    
	text-align: center;


  		




  726
  
  
    
	border: red 4px solid;


  		




  727
  
  
    
	background-color: #FFF;


  		




  728
  
  
    
	width: 736px;


  		




  729
  
  
    
	height: auto;


  		




  730
  
  
    
	margin: 24px auto 48px;


  		




  731
  
  
    
	padding: 24px;


  		




  732
  
  
    
}


  		




  733
  
  
    

  		




  734
  
  
    
section.caution p {


  		




  735
  
  
    
	color: red;


  		




  736
  
  
    
	font-weight: bold;


  		




  737
  
  
    
	font-size: 18px;


  		




  738
  359
  
    
}


  		




  739
  360
  
    

  		




  740
  
  
    
section.image img {


  		




  741
  
  
    
	display: block;


  		




  742
  
  
    
	margin: 24px auto;


  		




  743
  
  
    
}


  		




  744
  
  
    

  		




  745
  
  
    
section span.link_reminder {


  		




  746
  
  
    
	font-weight: bold;


  		




  747
  
  
    
	font-size: 18px;


  		




  748
  
  
    
	color: red;


  		




  749
  
  
    
}


  		




  750
  
  
    

  		




  751
  
  
    
article.legacy h3 {


  		




  752
  
  
    
	font-size: 24px;


  		




  753
  
  
    
	text-align: left;


  		




  754
  
  
    
}


  		




  755
  
  
    

  		




  756
  
  
    
article.legacy section p {


  		




  757
  
  
    
	margin-left: 12px;


  		




  758
  
  
    
}


  		




  759
  
  
    

  		




  760
  
  
    
article.legacy section ol,


  		




  761
  
  
    
article.legacy section ul {


  		




  762
  
  
    
	margin-left: 24px;


  		




  763
  
  
    
	list-style-position: inside;


  		




  
  361
  
    
#modal_coding_tag{


  		




  
  362
  
    
	position:absolute;


  		




  
  363
  
    
	right: 0;


  		




  
  364
  
    
	left: 0;


  		




  
  365
  
    
	margin: 0 auto;


  		




  
  366
  
    
	padding: 60px 30px 40px 30px;


  		




  
  367
  
    
	display:none;


  		




  
  368
  
    
	z-index:5;


  		




  
  369
  
    
	-moz-background-size: 100%;


  		




  
  370
  
    
	background-size:100% ;


  		




  764
  371
  
    
}


  		




  765
  372
  
    

  		




  766
  
  
    
/* Login Top */


  		




  767
  
  
    

  		




  768
  
  
    
article.login_top {


  		




  769
  
  
    
	font-size: 18px;


  		




  770
  
  
    
	margin: 0 auto 12px;


  		




  
  373
  
    
#modal_ui_sprite{


  		




  
  374
  
    
	position:absolute;


  		




  
  375
  
    
	right: 0;


  		




  
  376
  
    
	left: 0;


  		




  
  377
  
    
	margin: 0 auto;


  		




  
  378
  
    
	padding: 50px 30px 40px 30px;


  		




  
  379
  
    
	display:none;


  		




  
  380
  
    
	z-index:5;


  		




  
  381
  
    
	-moz-background-size:100% 100%;


  		




  
  382
  
    
	background-size:100% 100%;


  		




  771
  383
  
    
}


  		




  772
  384
  
    

  		




  773
  
  
    
article.login_top section {


  		




  774
  
  
    
	display: block;


  		




  775
  
  
    
	margin: 12px auto;


  		




  
  385
  
    
#modal_ui_tag{


  		




  
  386
  
    
	position:absolute;


  		




  
  387
  
    
	right: 0;


  		




  
  388
  
    
	left: 0;


  		




  
  389
  
    
	margin: 0 auto;


  		




  
  390
  
    
	padding: 60px 30px 40px 30px;


  		




  
  391
  
    
	display:none;


  		




  
  392
  
    
	z-index:5;


  		




  
  393
  
    
	-moz-background-size: 100%;


  		




  
  394
  
    
	background-size:100% ;


  		




  776
  395
  
    
}


  		




  777
  396
  
    

  		




  778
  
  
    
article.login_top p.btn_new ,


  		




  779
  
  
    
article.login_top p.btn_continued  {


  		




  780
  
  
    
	display: block;


  		




  781
  
  
    
	overflow: hidden;


  		




  782
  
  
    
	width: 738px;


  		




  783
  
  
    
	height: 155px;


  		




  784
  
  
    
	background: no-repeat;	


  		




  
  397
  
    
#modal_ui_function{


  		




  
  398
  
    
	position:absolute;


  		




  
  399
  
    
	right: 0;


  		




  
  400
  
    
	left: 0;


  		




  
  401
  
    
	margin: 0 auto;


  		




  
  402
  
    
	padding: 60px 30px 40px 30px;


  		




  
  403
  
    
	display:none;


  		




  
  404
  
    
	z-index:5;


  		




  
  405
  
    
	-moz-background-size: 100%;


  		




  
  406
  
    
	background-size:100% ;


  		




  785
  407
  
    
}


  		




  786
  408
  
    

  		




  787
  
  
    
article.login_top section p.btn_new { background: url(../img/img_button_login_top01.png) top; margin:auto; }


  		




  788
  
  
    
article.login_top section p.btn_continued { background: url(../img/img_button_login_top02.png) top; margin:auto; }


  		




  789
  
  
    

  		




  790
  
  
    
article.login_top section p.btn_new:hover,


  		




  791
  
  
    
article.login_top p.btn_continued:hover {


  		




  792
  
  
    
	background-position: bottom;


  		




  
  409
  
    
#modal_ui_collision{


  		




  
  410
  
    
	position:absolute;


  		




  
  411
  
    
	right: 0;


  		




  
  412
  
    
	left: 0;


  		




  
  413
  
    
	margin: 0 auto;


  		




  
  414
  
    
	padding: 60px 30px 40px 30px;


  		




  
  415
  
    
	display:none;


  		




  
  416
  
    
	z-index:5;


  		




  
  417
  
    
	-moz-background-size: 100%;


  		




  
  418
  
    
	background-size:100% ;


  		




  
  419
  
    
	text-align:center


  		




  
  420
  
    
}


  		




  
  421
  
    

  		




  
  422
  
    
#modal-overlay{


  		




  
  423
  
    
	z-index:20;


  		




  
  424
  
    
	display:none;


  		




  
  425
  
    
	position:fixed;


  		




  
  426
  
    
	top:0;


  		




  
  427
  
    
	left:0;


  		




  
  428
  
    
	width:100%;


  		




  
  429
  
    
	height:120%;


  		




  
  430
  
    
	/*background-color:rgba(0,0,0,0.75);*/


  		




  
  431
  
    
}


  		




  
  432
  
    

  		




  
  433
  
    
#modal_back_button{


  		




  
  434
  
    
	position:absolute;


  		




  
  435
  
    
	bottom: 10px;


  		




  
  436
  
    
	padding: 0px;


  		




  
  437
  
    
	background: transparent;


  		




  
  438
  
    
	border:0px;


  		




  793
  439
  
    
}


  		




  794
  440
  
    

  		




  795
  
  
    
article.login_top section.howto {


  		




  796
  
  
    
	display: block;


  		




  797
  
  
    
	width: 620px;


  		




  798
  
  
    
	height: 200px;


  		




  799
  
  
    
	margin: 12px auto;


  		




  800
  
  
    
	background: url(../img/img_bg_login_top01.png) no-repeat;


  		




  
  441
  
    
#modal_coding_vector_ok, #modal_coding_vector_cancel, #modal_coding_scalar_ok, #modal_coding_scalar_cancel, #modal_coding_scalar_x1, #modal_coding_scalar_x10, #modal_coding_scalar_x100, #modal_ui_collision_ok, #modal_ui_collision_cancel, #modal_coding_scalar_input_button, #modal_coding_scalar_random_button, #modal_coding_scalar_variable_button{


  		




  
  442
  
    
	padding: 5px;


  		




  
  443
  
    
	background: transparent;


  		




  
  444
  
    
	border:0px;


  		




  801
  445
  
    
}


  		




  802
  446
  
    

  		




  803
  
  
    
section.howto p.howto_btn{


  		




  804
  
  
    
	display:inline-block;


  		




  
  447
  
    
.sound_select_button{


  		




  805
  448
  
    
	width: 280px;


  		




  806
  449
  
    
	height: 40px;


  		




  807
  
  
    
	margin:110px 0 0 272px;


  		




  808
  
  
    
	text-align: center;


  		




  809
  
  
    
	background-color: #FFF;


  		




  810
  
  
    
	border-radius: 5px;


  		




  811
  
  
    
	box-shadow:0 3px rgba(22,53,20,0.5);


  		




  812
  
  
    
	}


  		




  813
  
  
    

  		




  814
  
  
    
section.howto p.howto_btn a{


  		




  815
  
  
    
	display:block;


  		




  816
  
  
    
	height:40px;


  		




  817
  
  
    
	padding-top:8px;


  		




  818
  
  
    
	font-size: 18px;


  		




  819
  
  
    
	color: #00B26A !important;


  		




  820
  
  
    
	font-weight: bold;


  		




  821
  
  
    
}


  		




  822
  
  
    

  		




  823
  
  
    
section.howto p.howto_btn a img{


  		




  824
  
  
    
	margin: -5px 10px 0 0;


  		




  825
  
  
    
}


  		




  826
  
  
    

  		




  827
  
  
    
section.howto p.howto_btn:hover{


  		




  828
  
  
    
	margin:113px 0 0 272px;


  		




  829
  
  
    
	box-shadow:none;


  		




  830
  
  
    
}


  		




  831
  
  
    

  		




  832
  
  
    
/* Program Delete */


  		




  833
  
  
    

  		




  834
  
  
    
section.delete img {


  		




  835
  
  
    
	display: block;


  		




  836
  
  
    
	margin: 24px auto


  		




  837
  
  
    
}


  		




  838
  
  
    
section.delete p {


  		




  839
  
  
    
	display: block;


  		




  840
  
  
    
	background-color: white;


  		




  841
  
  
    
	border-radius: 12px;


  		




  842
  
  
    
	width: 524px;


  		




  843
  
  
    
	height: auto;


  		




  844
  
  
    
	margin: 0 auto 12px;


  		




  845
  
  
    
	padding: 12px;


  		




  846
  
  
    
}


  		




  847
  
  
    

  		




  848
  
  
    
/* Program Login */


  		




  849
  
  
    

  		




  850
  
  
    
section.login_top01 {


  		




  851
  
  
    
	display: block;


  		




  852
  
  
    
	overflow: hidden;


  		




  853
  
  
    
	margin: 12px auto;


  		




  854
  
  
    
	width: 738px;


  		




  855
  
  
    
	height: 300px;


  		




  856
  
  
    
	background: url(../img/img_contents_top03.png) no-repeat;


  		




  857
  
  
    
}


  		




  858
  
  
    

  		




  859
  
  
    
section.login_top01 p.register_btn01{


  		




  860
  
  
    
	display:inline-block;


  		




  861
  
  
    
	width: 420px;


  		




  862
  
  
    
	height: 80px;


  		




  863
  
  
    
	margin:120px 0 0 60px;


  		




  864
  
  
    
	text-align: center;


  		




  865
  
  
    
	background-color: #FFF;


  		




  866
  
  
    
	border-radius: 5px;


  		




  867
  
  
    
	box-shadow:0 5px rgba(58,20,20,0.65);


  		




  868
  
  
    
	}


  		




  869
  
  
    

  		




  870
  
  
    
section.login_top01 a p.register_btn01{


  		




  871
  
  
    
	display:block;


  		




  872
  
  
    
	padding-top:18px;


  		




  873
  
  
    
	height:80px;


  		




  874
  
  
    
	font-size: 32px !important;


  		




  875
  
  
    
	font-weight: bold;


  		




  876
  
  
    
	color: #EA7575 !important;


  		




  877
  
  
    
}


  		




  878
  
  
    

  		




  879
  
  
    
section.login_top01 p.register_btn01 img {


  		




  880
  
  
    
	margin-right: 20px;


  		




  881
  
  
    
	margin-top: -5px;


  		




  882
  
  
    
}


  		




  883
  
  
    

  		




  884
  
  
    
section.login_top01 p.register_btn01:hover{


  		




  885
  
  
    
	margin:125px 0 0 60px;


  		




  886
  
  
    
	box-shadow:none;


  		




  887
  
  
    
}


  		




  888
  
  
    

  		




  889
  
  
    

  		




  890
  
  
    
/* Admin Top */


  		




  891
  
  
    

  		




  892
  
  
    
article.admin p {


  		




  893
  
  
    
	font-size: 18px;


  		




  894
  
  
    
}


  		




  895
  
  
    

  		




  896
  
  
    

  		




  897
  
  
    
article.admin section.save_data {


  		




  898
  
  
    
	display: block;


  		




  899
  
  
    
	overflow: hidden;


  		




  900
  
  
    
	background-color: rgba(255,255,255,0.5);


  		




  901
  
  
    
	border-radius: 10px;


  		




  902
  
  
    
	width: 744px;


  		




  903
  
  
    
	height: auto;


  		




  904
  
  
    
	margin: 12px auto;


  		




  905
  
  
    
	padding: 12px;


  		




  906
  
  
    
}


  		




  907
  
  
    

  		




  908
  
  
    
article.admin section.saved {


  		




  909
  
  
    
	background-color: #F39800;


  		




  910
  
  
    
	color: #FFF !important;


  		




  911
  
  
    
}


  		




  912
  
  
    

  		




  913
  
  
    
article.admin section.save_data a,


  		




  914
  
  
    
article.admin section.save_data a:hover,


  		




  915
  
  
    
article.admin section.save_data a:visited,


  		




  916
  
  
    
article.admin section.save_data a:link {


  		




  917
  
  
    
	color: #40220F;


  		




  918
  
  
    
	text-decoration: none;


  		




  919
  
  
    
}


  		




  920
  
  
    

  		




  921
  
  
    
article.admin section.save_data h3 {


  		




  922
  
  
    
	text-align: left;


  		




  923
  
  
    
	margin: 6px auto 12px;


  		




  924
  
  
    
}


  		




  925
  
  
    

  		




  926
  
  
    
article.admin section.save_data img {


  		




  927
  
  
    
	float: left;


  		




  928
  
  
    
	margin: 0 12px auto 0;


  		




  929
  
  
    
}


  		




  930
  
  
    

  		




  931
  
  
    
article.admin section.save_data p {


  		




  932
  
  
    
	width: auto;


  		




  933
  
  
    
	font-size: 14px;


  		




  934
  
  
    
	margin: 12px 0  12px 24px;


  		




  935
  
  
    
}


  		




  936
  
  
    

  		




  937
  
  
    
article.admin section.save_data ul {


  		




  938
  
  
    
	display: inline-block;


  		




  939
  
  
    
	float: right;


  		




  940
  
  
    
	height: 45px;


  		




  941
  
  
    
	margin: 0 0 0 auto;


  		




  
  450
  
    
	border: 0px;


  		




  
  451
  
    
	background-color: transparent;


  		




  
  452
  
    
	background-image: url("../image/ui/sound_003.png");


  		




  
  453
  
    
	margin: 5px;


  		




  
  454
  
    
	-moz-background-size: 100%;


  		




  
  455
  
    
	background-size:100% ;


  		




  
  456
  
    
	text-align:center;


  		




  
  457
  
    
	vertical-align: middle;


  		




  942
  458
  
    
}


  		




  943
  459
  
    

  		




  944
  
  
    
/*


  		




  945
  
  
    
article.admin section.save_data ul li{


  		




  946
  
  
    
	display: inline-block;


  		




  947
  
  
    
	float: right;


  		




  948
  
  
    
	background-color: #FFF;


  		




  949
  
  
    
	border-radius: 6px;


  		




  950
  
  
    
	margin: 0 0 0 72px;


  		




  951
  
  
    
	text-align: center;


  		




  952
  
  
    
	font-weight: bold;


  		




  953
  
  
    
	list-style-type: none;


  		




  
  460
  
    
.sound_play_button{


  		




  
  461
  
    
	width: 48px;


  		




  
  462
  
    
	height: 36px;


  		




  
  463
  
    
	border: 0px;


  		




  
  464
  
    
	background-color: transparent;


  		




  
  465
  
    
	background-image: url("../image/ui/sound_004.png");


  		




  
  466
  
    
	margin: 2px;


  		




  
  467
  
    
	-moz-background-size: 100%;


  		




  
  468
  
    
	background-size:100% ;


  		




  
  469
  
    
	text-align:center;


  		




  
  470
  
    
	vertical-align: middle;


  		




  954
  471
  
    
}


  		




  955
  472
  
    

  		




  956
  
  
    
article.admin section.save_data ul li a {


  		




  957
  
  
    
	display: block;


  		




  
  473
  
    
.sound_stop_button{


  		




  
  474
  
    
	width: 48px;


  		




  958
  475
  
    
	height: 36px;


  		




  959
  
  
    
	font-size: 18px !important;


  		




  960
  
  
    
	padding: 6px 24px;


  		




  961
  
  
    
	border-radius: 6px;


  		




  962
  
  
    
	box-shadow:0 5px rgba(58,20,20,0.65);


  		




  
  476
  
    
	border: 0px;


  		




  
  477
  
    
	background-color: transparent;


  		




  
  478
  
    
	background-image: url("../image/ui/sound_005.png");


  		




  
  479
  
    
	margin: 2px;


  		




  
  480
  
    
	-moz-background-size: 100%;


  		




  
  481
  
    
	background-size:100% ;


  		




  
  482
  
    
	text-align:center;


  		




  
  483
  
    
	vertical-align: middle;


  		




  963
  484
  
    
}


  		




  964
  485
  
    

  		




  965
  
  
    
article.admin section.save_data ul li a:hover {


  		




  966
  
  
    
	height: 31px;


  		




  967
  
  
    
	margin-top: 5px;


  		




  968
  
  
    
	box-shadow: none;


  		




  
  486
  
    
#modal_coding_sound_container{


  		




  
  487
  
    
	border: 1px solid #8b4513;  


  		




  
  488
  
    
	width: 95%;


  		




  
  489
  
    
	height: 90%;


  		




  
  490
  
    
	text-align: center;


  		




  
  491
  
    
	overflow-y: scroll;


  		




  
  492
  
    
	-webkit-overflow-scrolling: touch;


  		




  
  493
  
    
	z-index: 100;


  		




  969
  494
  
    
}


  		




  970
  
  
    
*/


  		




  971
  
  
    

  		




  972
  495
  
    

  		




  973
  
  
    

  		




  974
  
  
    
article.admin section.save_data ul li{


  		




  975
  
  
    
	display:inline-block;


  		




  976
  
  
    
	height: 40px;


  		




  977
  
  
    
	margin:0 0 0 75px;


  		




  978
  
  
    
	text-align: center;


  		




  979
  
  
    
	background-color: #FFF;


  		




  980
  
  
    
	border-radius: 5px;


  		




  981
  
  
    
	box-shadow:0 3px rgba(58,20,20,0.65);


  		




  982
  
  
    
	}


  		




  983
  
  
    

  		




  984
  
  
    
article.admin section.save_data ul li a{


  		




  985
  
  
    
	display:block;


  		




  986
  
  
    
	padding:6px 21px;


  		




  987
  
  
    
	height:40px;


  		




  988
  
  
    
	font-size: 18px;


  		




  989
  
  
    
	font-weight: bold;


  		




  990
  
  
    
}


  		




  991
  
  
    

  		




  992
  
  
    
article.admin section.save_data ul li:hover{


  		




  993
  
  
    
	margin:3px 0 0 75px;


  		




  994
  
  
    
	box-shadow:none;


  		




  995
  
  
    
}


  		












  

    
      app/webroot/js/pictcode/app.js
    
  





  1
  1
  
    
define(function(require, exports, module) {


  		




  2
  
  
    
  


  		




  3
  
  
    
  //This is a test 3


  		




  4
  2
  
    

  		




  5
  3
  
    
	//require.jsの設定


  		




  6
  4
  
    
	var jquery = require('jquery');


  		




  ......




  65
  63
  
    
      playManager.didQuitPlayTab


  		




  66
  64
  
    
    );


  		




  67
  65
  
    

  		




  68
  
  
    
    //最初に開くタブ


  		




  69
  
  
    
    switcher.openCodingTab();


  		




  70
  
  
    

  		




  71
  66
  
    
    //Coding


  		




  72
  67
  
    
    (function () {


  		




  73
  68
  
    
      codingManager.initialize(dataObj.blocks, uIManager.removeFunctionFromSprite);


  		




  ......




  82
  77
  
    
    (function () {


  		




  83
  78
  
    
      playManager.initialize(uIManager.sprites, codingManager.findFunctionWithId);


  		




  84
  79
  
    
    }());


  		




  
  80
  
    

  		




  
  81
  
    
    //最初に開くタブ


  		




  
  82
  
    
    switcher.openPlayTab();


  		




  85
  83
  
    
  }


  		




  86
  84
  
    
});


  		




  
  85
  
    

  		












  

    
      app/webroot/js/pictcode/block_action.js
    
  





  55
  55
  
    
    };


  		




  56
  56
  
    
    //各valueが入力値の場合と変数の場合で場合分け


  		




  57
  57
  
    
    var value1;


  		




  58
  
  
    
    if (!block.value1.isVariable) {


  		




  59
  
  
    
      value1 = block.value1.value;


  		




  60
  
  
    
    }else{


  		




  
  58
  
    
    if (block.value1.isVariable) {


  		




  61
  59
  
    
      value1 = _.find(currentVariables, function (varBlock) {return varBlock.value1.value == block.value1.value;}).value2.value; 


  		




  
  60
  
    
    }else if (block.value1.isRandom) {


  		




  
  61
  
    
      value1 = block.value1.value.min + (block.value1.value.max - block.value1.value.min)*Math.random();


  		




  
  62
  
    
    }else{


  		




  
  63
  
    
      value1 = block.value1.value;


  		




  62
  64
  
    
    };


  		




  63
  65
  
    
    var value2;


  		




  64
  
  
    
    if (!block.value2.isVariable) {


  		




  65
  
  
    
      value2 = block.value2.value;


  		




  66
  
  
    
    }else{


  		




  
  66
  
    
    if (block.value2.isVariable) {


  		




  67
  67
  
    
      value2 = _.find(currentVariables, function (varBlock) {return varBlock.value1.value == block.value2.value;}).value2.value; 


  		




  
  68
  
    
    }else if (block.value2.isRandom) {


  		




  
  69
  
    
        value2 = block.value2.value.min + (block.value2.value.max - block.value2.value.min)*Math.random();


  		




  
  70
  
    
    }else{


  		




  
  71
  
    
        value2 = block.value2.value;


  		




  68
  72
  
    
    };


  		




  69
  73
  
    
    //カテゴリ、ブロック別の初期化


  		




  70
  74
  
    
    switch(block.category){


  		




  ......




  131
  135
  
    
        sprite.mirrored = !sprite.mirrored;


  		




  132
  136
  
    
        goNextBlock(sprite, trigger);          


  		




  133
  137
  
    
        break;


  		




  134
  
  
    

  		




  
  138
  
    
        case "gravity":


  		




  
  139
  
    
        if (value1) {


  		




  
  140
  
    
          sprite.isWithGravity = true;


  		




  
  141
  
    
          sprite.speed = 0;


  		




  
  142
  
    
        }else{


  		




  
  143
  
    
          sprite.isWithGravity = false;


  		




  
  144
  
    
          sprite.speed = 0;


  		




  
  145
  
    
        };  


  		




  
  146
  
    
        goNextBlock(sprite, trigger);     


  		




  
  147
  
    
        break;


  		




  135
  148
  
    
      }


  		




  136
  149
  
    
      break;


  		




  137
  150
  
    

  		




  ......




  344
  357
  
    
      var behave = function(sprite, trigger){


  		




  345
  358
  
    
        sprite.position.x += dx;


  		




  346
  359
  
    
        sprite.position.y += dy;


  		




  
  360
  
    
        sprite.speed = 0;


  		




  347
  361
  
    
        passedTime += dt;


  		




  348
  362
  
    
        if (passedTime >= duration) {


  		




  349
  363
  
    
          goNextBlock(sprite, trigger);


  		












  

    
      app/webroot/js/pictcode/block_data.js
    
  





  66
  66
  
    
      valuePosition: {x:2.514, y:0.386},


  		




  67
  67
  
    
      canInput: true,


  		




  68
  68
  
    
      isVariable: false,


  		




  
  69
  
    
      isRandom:false,


  		




  
  70
  
    
      canBeRandom: false,


  		




  69
  71
  
    
      canBeVariable: false,


  		




  70
  72
  
    
    },


  		




  71
  73
  
    

  		




  ......




  81
  83
  
    
      valuePosition: {x:3.743, y:0.386},


  		




  82
  84
  
    
      canInput: true,


  		




  83
  85
  
    
      isVariable:false,


  		




  
  86
  
    
      isRandom:false,


  		




  
  87
  
    
      canBeRandom: false,


  		




  84
  88
  
    
      canBeVariable:false,


  		




  85
  89
  
    
    },


  		




  86
  90
  
    
  }


  		




  ......




  142
  146
  
    
      iconImageKey: "icon_blk_002",


  		




  143
  147
  
    
      value: 1.2, //秒


  		




  144
  148
  
    
      canBeVariable: true,


  		




  
  149
  
    
      canBeRandom: true,


  		




  145
  150
  
    
    },


  		




  146
  151
  
    
    value2:{


  		




  147
  152
  
    
      iconImageKey: "icon_blk_001",


  		




  ......




  255
  260
  
    
    },


  		




  256
  261
  
    
  },


  		




  257
  262
  
    

  		




  
  263
  
    
  {


  		




  
  264
  
    
    category: "movement",


  		




  
  265
  
    
    name: "gravity",


  		




  
  266
  
    
    imageKey: "blk_gmctrl_004",


  		




  
  267
  
    
    size: {width:3.057, height:1.0},


  		




  
  268
  
    

  		




  
  269
  
    
    value1:{


  		




  
  270
  
    
      iconImageKey: "icon_blk_006",


  		




  
  271
  
    
      valueType: VALUETYPE.CHECK,


  		




  
  272
  
    
      value: true,


  		




  
  273
  
    
    },


  		




  
  274
  
    
    value2:{


  		




  
  275
  
    
      available: false,


  		




  
  276
  
    
    },


  		




  
  277
  
    
  },


  		




  
  278
  
    

  		




  258
  279
  
    
  //分岐


  		




  259
  280
  
    
  {


  		








... 差分の行数が表示可能な上限を超えました。超過分は表示しません。



他の形式にエクスポート:  Unified diff