#Copyright eLearning Brothers LLC 2012 All Rights Reserved [-----------------------General Dragger Style/Design Information-----------------------] #Use this design.ini file to change visual elements of the draggers. #Using colors #You can use HTML colors names or HEX codes. #Here is a link that has a lot of html colors that you can use: http://en.wikipedia.org/wiki/HTML_color_names#HTML_color_names #If you want to use a HEX code for colors then make sure you put a "#" in front of it. You don't need the "#" when using html color names. #Images and sounds that are specific to this file are found in the config/images and config/sounds folders. #IMPORTANT - Don't change any line that has something=@something. [-----------------------Page Background-----------------------] #You can change the page design that is outside of the dragger. #Uncomment the next line to use an image as the page background. (Place the file in the config/images folder. #body_texture=YourFile #Uncomment the next line to use a color in the page background. (Don't forget to comment out the line above also.) body_color=#ffffff [---------------------------Dragger Fonts-------------------------] font=@Game font #Usage: "font_fontFamily= font url". Example: font_testName=test.woff,test.ttf. Then add font with fontFamily to the game element. Example: game_fontFamily=test Name [-----------------------Dragger Background-----------------------] dragger=@Game container #The default background file is a partially transparent .png. This allows you to overlay a color. #You can use a custom image(s) for the background. #Copy the file into the config/images folder and then change the file name on the dragger_background_image line of code. To stack images just list them in order, comma-separated. dragger_background_image=noise.png #You can change the dragger background color on the next line. You can also use left/right and top/bottom gradients. dragger_background_gradient_center=#003f7f dragger_background_gradient_edge=#7C7C7C #dragger_background_gradient_center=#FDFDFD #dragger_background_gradient_edge=#7C7C7C [-----------------Dragger Description Panel -----------------] description_panel=@Dragger Description Panel description_panel_background_color=white; description_panel_border= 10px solid rgba(0,0,0,0.3); description_panel_padding=0 description_panel_shadow=false description_panel_width=670 description_panel_height=60 description_panel_Y=10 description_panel_X=15 description_panel_style=background-clip: padding-box; [----------------Main Dragger Buttons {i.e. Continue, Start, Replay}----------------] button_up=@Declaring default button button_up_gradient_top=#3787e0 button_up_gradient_bottom=#04389e button_up_gloss=true button_up_shadow=true #Note Over & Pressed & states are inherited from Default button_over=@ button_over_gradient_top=#3787e0 button_over_gradient_bottom=#3787e0 button_down=@ button_down_gradient_top=#04389e button_down_gradient_bottom=#3787e0 #Per button additional rule overrides. Useful for customizing separate button position. question_submitbutton=@Button Submit selection question_submitbutton_X=510 question_submitbutton_Y=33 results_replaybutton=@Button Replay on last screen results_replaybutton_X=481 results_replaybutton_Y=33 [------------------------Answers Blocks -----------------------] answer_block=@Answer block first_answer_block=@First Answer Block answer_block_X=317 first_answer_block_Y=90 answer_block_width=388 answer_block_height=60 answer_block_marginY=12 answer_block_text_color=#fff answer_block_background_color=rgba(0,0,0,0.7) answer_block_centerText=true dragger_placeholder=@Placeholder for dragger dragger_placeholder_border=1px dashed rgba(0,0,0,0.35) dragger_placeholder_height=14 dragger_placeholder_width=14 #Move dragger placeholder left from answers board: move_left_dragger_placeholder=-30 [------------------------Answer Feedback Blocks ----------------------] question_answer_correct=@Correct answer question_answer_correct_width=25 question_answer_correct_background_image=correct.png question_answer_incorrect=@Correct answer question_answer_incorrect_width=25 question_answer_incorrect_background_image=incorrect.png #Move question answer left from answers board: question_answer_left=20 [-----------------------Dragger Button Styles-----------------------] dragger_button_up=@Default dragger state dragger_button_up_gradient_top=#646464 dragger_button_up_gradient_bottom=#414141 dragger_button_up_text_color=#fff dragger_button_up_gloss=true dragger_button_up_shadow=true dragger_button_up_width=104 dragger_button_up_height=48 dragger_button_up_border=3px solid #3a3a3a dragger_button_up_Y=105 dragger_button_up_padding_left=4 dragger_button_up_padding_top=0 dragger_button_up_centerText=true dragger_button_over=@Mouse overed dragger state dragger_button_over_border=3px solid #737373 dragger_button_over_gradient_top=#969696 dragger_button_over_gradient_bottom=#737373 dragger_button_down=@Pressed dragger state dragger_button_down_border=3px solid #a0a0a0 dragger_button_down_gradient_top=#c3c3c3 dragger_button_down_gradient_bottom=#a0a0a0 dragger_button_down_opacity=0.5