I am just trying to create a plugin that will add some JS to the header and custom CSs. I have this below but it adds the css wrong and shows as JS. This is first plugin i have attempted.


	<?php
	/**
	 * Plugin Name: mmoore5553 Simple Range Slider
	 * Plugin URI: mailto:[email protected]
	 * Description: Simple Range Slider
	 * Version:  1.0
	 * Author: [email protected]
	 * Author URI: 
	 * License:GPL2
	 */
	 
	 
	function SimpleRangeSlider() {
	wp_register_script('SimpleRangeSlider', plugins_url('/js/simple-slider.js', __FILE__), array('jquery'),'1.1', true);
	wp_enqueue_script('SimpleRangeSlider');
	}

	add_action( 'wp_enqueue_scripts', 'SimpleRangeSlider' ); 



	function SimpleRangeSlider1() {
	wp_register_script('stylesheet1', plugins_url('/css/simple-slider.css', __FILE__));
	wp_enqueue_script('stylesheet1');
	}

	add_action( 'wp_enqueue_scripts', 'SimpleRangeSlider1' );  

	function SimpleRangeSlider2() {
	wp_register_script('stylesheet2', plugins_url('/css/simple-slider-volume.css', __FILE__));
	wp_enqueue_script('stylesheet2');
	}

	add_action( 'wp_enqueue_scripts', 'SimpleRangeSlider2' );  
	?>