General Settings

Base Font Size

Theme Settings

Default
Material
Material Design Soon

Documentation and SyntaxHighlighter

  • Home
  • UI Elements
  • Documentation and SyntaxHighlighter

Documentation

Basic

Default documentation container for describing, explaining and documenting your code.
Bordered documentation container.
Colored text documentation container.

Individual text coloring

You can change the main container color or set individually the color of the elements.

Border Options

Styled documentation container.
Styled documentation container.
Styled documentation container.
Styled documentation container.
Styled documentation container.
Styled documentation container.
Styled documentation container.
Styled documentation container.

Colors v1

Some color variations.
Some color variations.
Some color variations.
Some color variations.
Some color variations.
Some color variations.
Some color variations.

Colors v2

Some color variations.
Some color variations.
Some color variations.
Some color variations.
Some color variations.
Some color variations.

SyntaxHighlighter

Css

	body {
		font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;
		position: relative;
		height: 100%;
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	img {
		max-width: 100%;
	}
	* {
		outline: none !important;
	}
	h1, .h1 {
		font-size: 36px;
		font-size: 2.57143rem;
	}
	a:hover {
		text-decoration: none;
	}

Html

JavaScript

namespace( 'media' );
media.Podcast = ( function() {
  var podcastConstructor = function Podcast( name ) {
      if ( false === ( this instanceof Podcast ) ) {
        return new Podcast();
      }
      this.getName = function() {
         return name;
      }
  }
  podcastConstructor.prototype.download = function ( episode ) {
    console.log( 'Downloading ' + episode + ' of ' + this.getName() );
  }
  return podcastConstructor;
}());
var astronomyCast = new media.Podcast( 'Astronomy podcast' );
astronomyCast.download( 'the first episode' );

Php

	class AboutController extends BaseController{
		public function showAbout(){
			return View::make('about');
		}
		public function showPage($thePage){
			return $thePage .' content';
		}
		public function showContact(){
			$contactUrl = URL::route('contact');
			return "Contact URL: $contactUrl";
		}
	}