MAIN -- JQuery&UI&Knockout Template

by gurkavcu

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js"></script>

CSS

.form-horizontal .control-group {
	  		margin-bottom: 5px;
		}
  
    .form-horizontal .controls {  
    	margin-bottom: 5px;
    }
		.form-horizontal .control-label {
		  /*width: 50px;*/
		  /*font-size: 12 px;*/
		}

		.dividerContainer {		
		    background-color:#fafafa;		   		 		
		    white-space:nowrap;
            margin-top:10px;
		}

		.divider {
		  border: 2px coral solid;		 		  
		  display:inline-table;
  		  padding-top:10px;
		}

		.optionDiv {
		  width: 30px;
		  display : inline;
		}

		.plus {
		  width: 20px;
		  height: 20px;
		}

		.minus {
		  width: 18px;
		  height: 18px;
		}

 .pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-width: 0; margin: 0; padding: 0; background: transparent;
  font-family: inherit;
  font-size: inherit;
  padding: 0; margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
}

JavaScript

var viewModel ;

		function ViewModel() {
		  
		  var self = this; 
            
		}  

		$(document).ready(function(){
			
		  viewModel = new ViewModel();  
		  ko.applyBindings(viewModel);		  
		});