Demo

Default

                    

//Change the text on success copy
	copyCode.on('success', function(e) {
		 $(e.trigger).text("Copied!");
		 e.clearSelection();
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

//Change the text on error
	 copyCode.on('error', function(e) {
		 $(e.trigger).text("Use a different Browser");
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

                    

if ( 'yes' == $atts['slim'] ) {

Slim Version

                    

if ( 'yes' == $atts['slim'] ) {

                    

# Python program to display all the prime numbers within an interval

lower = 900
upper = 1000

print("Prime numbers between", lower, "and", upper, "are:")

for num in range(lower, upper + 1):
   # all prime numbers are greater than 1
   if num > 1:
       for i in range(2, num):
           if (num % i) == 0:
               break
       else:
           print(num)

Max Height Version

                    

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}

Light version with different background color

                    

/**
 * The code that runs during plugin deactivation.
 * This action is documented in includes/class-code-snippet-dm-deactivator.php
 */
function deactivate_code_snippet_dm() {
	require_once plugin_dir_path( __FILE__ ) . 'includes/class-code-snippet-dm-deactivator.php';
	Code_Snippet_Dm_Deactivator::deactivate();
}

register_activation_hook( __FILE__, 'activate_code_snippet_dm' );
register_deactivation_hook( __FILE__, 'deactivate_code_snippet_dm' );

Dark Version with different background color

                    

//Change the text on success copy
	copyCode.on('success', function(e) {
		 $(e.trigger).text("Copied!");
		 e.clearSelection();
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

//Change the text on error
	 copyCode.on('error', function(e) {
		 $(e.trigger).text("Use a different Browser");
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

No Background

                    

.display-posts-listing .listing-item .dm-wrap-content-category-display {
  width: 65%;
}

.display-posts-listing .listing-item a.title {
  display: block;
  width: auto;
  overflow: hidden;
  color: #373a41;
  font-size: 22px;
  font-family: 'Open Sans';
}

Light with no background

                    

.display-posts-listing .listing-item .dm-wrap-content-category-display {
  width: 65%;
}

.display-posts-listing .listing-item a.title {
  display: block;
  width: auto;
  overflow: hidden;
  color: #373a41;
  font-size: 22px;
  font-family: 'Open Sans';
}