Browse Source

Code consistency

Aigars Silkalns 9 years ago
parent
commit
28b9c466e2
2 changed files with 583 additions and 614 deletions
  1. 523 530
      production/calender.html
  2. 60 84
      production/css/datatables/css/demo_page.css

+ 523 - 530
production/calender.html

@@ -1,594 +1,587 @@
 <!DOCTYPE html>
 <html lang="en">
 
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <!-- Meta, title, CSS, favicons, etc. -->
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <!-- Meta, title, CSS, favicons, etc. -->
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
-        <title>Gentallela Alela! | </title>
+  <title>Gentallela Alela! | </title>
 
-        <!-- Bootstrap core CSS -->
+  <!-- Bootstrap core CSS -->
 
-        <link href="css/bootstrap.min.css" rel="stylesheet">
+  <link href="css/bootstrap.min.css" rel="stylesheet">
 
-        <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
-        <link href="css/animate.min.css" rel="stylesheet">
+  <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
+  <link href="css/animate.min.css" rel="stylesheet">
 
-        <!-- Custom styling plus plugins -->
-        <link href="css/custom.css" rel="stylesheet">
-        <link href="css/icheck/flat/green.css" rel="stylesheet">
+  <!-- Custom styling plus plugins -->
+  <link href="css/custom.css" rel="stylesheet">
+  <link href="css/icheck/flat/green.css" rel="stylesheet">
 
-        <link href="css/calendar/fullcalendar.css" rel="stylesheet">
-        <link href="css/calendar/fullcalendar.print.css" rel="stylesheet" media="print">
+  <link href="css/calendar/fullcalendar.css" rel="stylesheet">
+  <link href="css/calendar/fullcalendar.print.css" rel="stylesheet" media="print">
 
-        <script src="js/jquery.min.js"></script>
+  <script src="js/jquery.min.js"></script>
 
-        <!--[if lt IE 9]>
+  <!--[if lt IE 9]>
             <script src="../assets/js/ie8-responsive-file-warning.js"></script>
             <![endif]-->
 
-        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-        <!--[if lt IE 9]>
+  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+  <!--[if lt IE 9]>
               <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
               <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
             <![endif]-->
 
-    </head>
-
-
-    <body class="nav-md">
-
-        <div class="container body">
-
-
-            <div class="main_container">
-
-                <div class="col-md-3 left_col">
-                    <div class="left_col scroll-view">
-
-                        <div class="navbar nav_title" style="border: 0;">
-                            <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
-                        </div>
-                        <div class="clearfix"></div>
-
-
-                        <!-- menu prile quick info -->
-                        <div class="profile">
-                            <div class="profile_pic">
-                                <img src="images/img.jpg" alt="..." class="img-circle profile_img">
-                            </div>
-                            <div class="profile_info">
-                                <span>Welcome,</span>
-                                <h2>John Doe</h2>
-                            </div>
-                        </div>
-                        <!-- /menu prile quick info -->
-
-                        <br />
-
-                        <!-- sidebar menu -->
-                        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
-
-                            <div class="menu_section">
-                                <h3>General</h3>
-                                <ul class="nav side-menu">
-                                    <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="index.html">Dashboard</a>
-                                            </li>
-                                            <li><a href="index2.html">Dashboard2</a>
-                                            </li>
-                                            <li><a href="index3.html">Dashboard3</a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="form.html">General Form</a>
-                                            </li>
-                                            <li><a href="form_advanced.html">Advanced Components</a>
-                                            </li>
-                                            <li><a href="form_validation.html">Form Validation</a>
-                                            </li>
-                                            <li><a href="form_wizards.html">Form Wizard</a>
-                                            </li>
-                                            <li><a href="form_upload.html">Form Upload</a>
-                                            </li>
-                                            <li><a href="form_buttons.html">Form Buttons</a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="general_elements.html">General Elements</a>
-                                            </li>
-                                            <li><a href="media_gallery.html">Media Gallery</a>
-                                            </li>
-                                            <li><a href="typography.html">Typography</a>
-                                            </li>
-                                            <li><a href="icons.html">Icons</a>
-                                            </li>
-                                            <li><a href="glyphicons.html">Glyphicons</a>
-                                            </li>
-                                            <li><a href="widgets.html">Widgets</a>
-                                            </li>
-                                            <li><a href="invoice.html">Invoice</a>
-                                            </li>
-                                            <li><a href="inbox.html">Inbox</a>
-                                            </li>
-                                            <li><a href="calender.html">Calender</a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="tables.html">Tables</a></li>
-                                            <li><a href="tables_dynamic.html">Table Dynamic</a></li>
-                                        </ul>
-                                    </li>
-                                    <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="chartjs.html">Chart JS</a></li>
-                                            <li><a href="chartjs2.html">Chart JS2</a></li>
-                                            <li><a href="morisjs.html">Moris JS</a></li>
-                                            <li><a href="echarts.html">ECharts </a></li>
-                                            <li><a href="other_charts.html">Other Charts </a></li>
-                                        </ul>
-                                    </li>
-                                </ul>
-                            </div>
-                            <div class="menu_section">
-                                <h3>Live On</h3>
-                                <ul class="nav side-menu">
-                                    <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="e_commerce.html">E-commerce</a>
-                                            </li>
-                                            <li><a href="projects.html">Projects</a>
-                                            </li>
-                                            <li><a href="project_detail.html">Project Detail</a>
-                                            </li>
-                                            <li><a href="contacts.html">Contacts</a>
-                                            </li>
-                                            <li><a href="profile.html">Profile</a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
-                                        <ul class="nav child_menu" style="display: none">
-                                            <li><a href="page_404.html">404 Error</a>
-                                            </li>
-                                            <li><a href="page_500.html">500 Error</a>
-                                            </li>
-                                            <li><a href="plain_page.html">Plain Page</a>
-                                            </li>
-                                            <li><a href="login.html">Login Page</a>
-                                            </li>
-                                            <li><a href="pricing_tables.html">Pricing Tables</a>
-                                            </li>
-
-                                        </ul>
-                                    </li>
-                                    <li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
-                                    </li>
-                                </ul>
-                            </div>
-
-                        </div>
-                        <!-- /sidebar menu -->
-
-                        <!-- /menu footer buttons -->
-                        <div class="sidebar-footer hidden-small">
-                            <a data-toggle="tooltip" data-placement="top" title="Settings">
-                                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-                            </a>
-                            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
-                                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
-                            </a>
-                            <a data-toggle="tooltip" data-placement="top" title="Lock">
-                                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
-                            </a>
-                            <a data-toggle="tooltip" data-placement="top" title="Logout">
-                                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
-                            </a>
-                        </div>
-                        <!-- /menu footer buttons -->
-                    </div>
-                </div>
+</head>
+
+
+<body class="nav-md">
+
+  <div class="container body">
+
+
+    <div class="main_container">
+
+      <div class="col-md-3 left_col">
+        <div class="left_col scroll-view">
+
+          <div class="navbar nav_title" style="border: 0;">
+            <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
+          </div>
+          <div class="clearfix"></div>
+
+
+          <!-- menu prile quick info -->
+          <div class="profile">
+            <div class="profile_pic">
+              <img src="images/img.jpg" alt="..." class="img-circle profile_img">
+            </div>
+            <div class="profile_info">
+              <span>Welcome,</span>
+              <h2>John Doe</h2>
+            </div>
+          </div>
+          <!-- /menu prile quick info -->
+
+          <br />
+
+          <!-- sidebar menu -->
+          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
+
+            <div class="menu_section">
+              <h3>General</h3>
+              <ul class="nav side-menu">
+                <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="index.html">Dashboard</a>
+                    </li>
+                    <li><a href="index2.html">Dashboard2</a>
+                    </li>
+                    <li><a href="index3.html">Dashboard3</a>
+                    </li>
+                  </ul>
+                </li>
+                <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="form.html">General Form</a>
+                    </li>
+                    <li><a href="form_advanced.html">Advanced Components</a>
+                    </li>
+                    <li><a href="form_validation.html">Form Validation</a>
+                    </li>
+                    <li><a href="form_wizards.html">Form Wizard</a>
+                    </li>
+                    <li><a href="form_upload.html">Form Upload</a>
+                    </li>
+                    <li><a href="form_buttons.html">Form Buttons</a>
+                    </li>
+                  </ul>
+                </li>
+                <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="general_elements.html">General Elements</a>
+                    </li>
+                    <li><a href="media_gallery.html">Media Gallery</a>
+                    </li>
+                    <li><a href="typography.html">Typography</a>
+                    </li>
+                    <li><a href="icons.html">Icons</a>
+                    </li>
+                    <li><a href="glyphicons.html">Glyphicons</a>
+                    </li>
+                    <li><a href="widgets.html">Widgets</a>
+                    </li>
+                    <li><a href="invoice.html">Invoice</a>
+                    </li>
+                    <li><a href="inbox.html">Inbox</a>
+                    </li>
+                    <li><a href="calender.html">Calender</a>
+                    </li>
+                  </ul>
+                </li>
+                <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="tables.html">Tables</a></li>
+                    <li><a href="tables_dynamic.html">Table Dynamic</a></li>
+                  </ul>
+                </li>
+                <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="chartjs.html">Chart JS</a></li>
+                    <li><a href="chartjs2.html">Chart JS2</a></li>
+                    <li><a href="morisjs.html">Moris JS</a></li>
+                    <li><a href="echarts.html">ECharts </a></li>
+                    <li><a href="other_charts.html">Other Charts </a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div>
+            <div class="menu_section">
+              <h3>Live On</h3>
+              <ul class="nav side-menu">
+                <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="e_commerce.html">E-commerce</a>
+                    </li>
+                    <li><a href="projects.html">Projects</a>
+                    </li>
+                    <li><a href="project_detail.html">Project Detail</a>
+                    </li>
+                    <li><a href="contacts.html">Contacts</a>
+                    </li>
+                    <li><a href="profile.html">Profile</a>
+                    </li>
+                  </ul>
+                </li>
+                <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
+                  <ul class="nav child_menu" style="display: none">
+                    <li><a href="page_404.html">404 Error</a>
+                    </li>
+                    <li><a href="page_500.html">500 Error</a>
+                    </li>
+                    <li><a href="plain_page.html">Plain Page</a>
+                    </li>
+                    <li><a href="login.html">Login Page</a>
+                    </li>
+                    <li><a href="pricing_tables.html">Pricing Tables</a>
+                    </li>
+
+                  </ul>
+                </li>
+                <li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
+                </li>
+              </ul>
+            </div>
+
+          </div>
+          <!-- /sidebar menu -->
+
+          <!-- /menu footer buttons -->
+          <div class="sidebar-footer hidden-small">
+            <a data-toggle="tooltip" data-placement="top" title="Settings">
+              <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
+            </a>
+            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
+              <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
+            </a>
+            <a data-toggle="tooltip" data-placement="top" title="Lock">
+              <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
+            </a>
+            <a data-toggle="tooltip" data-placement="top" title="Logout">
+              <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
+            </a>
+          </div>
+          <!-- /menu footer buttons -->
+        </div>
+      </div>
+
+      <!-- top navigation -->
+      <div class="top_nav">
+
+        <div class="nav_menu">
+          <nav class="" role="navigation">
+            <div class="nav toggle">
+              <a id="menu_toggle"><i class="fa fa-bars"></i></a>
+            </div>
 
-                <!-- top navigation -->
-                <div class="top_nav">
-
-                    <div class="nav_menu">
-                        <nav class="" role="navigation">
-                            <div class="nav toggle">
-                                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
-                            </div>
-
-                            <ul class="nav navbar-nav navbar-right">
-                                <li class="">
-                                    <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-                                        <img src="images/img.jpg" alt="">John Doe
-                                        <span class=" fa fa-angle-down"></span>
-                                    </a>
-                                    <ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
-                                        <li><a href="javascript:;">  Profile</a>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">
-                                                <span class="badge bg-red pull-right">50%</span>
-                                                <span>Settings</span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="javascript:;">Help</a>
-                                        </li>
-                                        <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
-                                        </li>
-                                    </ul>
-                                </li>
-
-                                <li role="presentation" class="dropdown">
-                                    <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
-                                        <i class="fa fa-envelope-o"></i>
-                                        <span class="badge bg-green">6</span>
-                                    </a>
-                                    <ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
-                                        <li>
-                                            <a>
-                                                <span class="image">
+            <ul class="nav navbar-nav navbar-right">
+              <li class="">
+                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+                  <img src="images/img.jpg" alt="">John Doe
+                  <span class=" fa fa-angle-down"></span>
+                </a>
+                <ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
+                  <li><a href="javascript:;">  Profile</a>
+                  </li>
+                  <li>
+                    <a href="javascript:;">
+                      <span class="badge bg-red pull-right">50%</span>
+                      <span>Settings</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="javascript:;">Help</a>
+                  </li>
+                  <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
+                  </li>
+                </ul>
+              </li>
+
+              <li role="presentation" class="dropdown">
+                <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
+                  <i class="fa fa-envelope-o"></i>
+                  <span class="badge bg-green">6</span>
+                </a>
+                <ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
+                  <li>
+                    <a>
+                      <span class="image">
                                                     <img src="images/img.jpg" alt="Profile Image" />
                                                 </span>
-                                                <span>
+                      <span>
                                                     <span>John Smith</span>
-                                                    <span class="time">3 mins ago</span>
-                                                </span>
-                                                <span class="message">
+                      <span class="time">3 mins ago</span>
+                      </span>
+                      <span class="message">
                                                     Film festivals used to be do-or-die moments for movie makers. They were where...
                                                 </span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a>
-                                                <span class="image">
+                    </a>
+                  </li>
+                  <li>
+                    <a>
+                      <span class="image">
                                                     <img src="images/img.jpg" alt="Profile Image" />
                                                 </span>
-                                                <span>
+                      <span>
                                                     <span>John Smith</span>
-                                                    <span class="time">3 mins ago</span>
-                                                </span>
-                                                <span class="message">
+                      <span class="time">3 mins ago</span>
+                      </span>
+                      <span class="message">
                                                     Film festivals used to be do-or-die moments for movie makers. They were where...
                                                 </span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a>
-                                                <span class="image">
+                    </a>
+                  </li>
+                  <li>
+                    <a>
+                      <span class="image">
                                                     <img src="images/img.jpg" alt="Profile Image" />
                                                 </span>
-                                                <span>
+                      <span>
                                                     <span>John Smith</span>
-                                                    <span class="time">3 mins ago</span>
-                                                </span>
-                                                <span class="message">
+                      <span class="time">3 mins ago</span>
+                      </span>
+                      <span class="message">
                                                     Film festivals used to be do-or-die moments for movie makers. They were where...
                                                 </span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a>
-                                                <span class="image">
+                    </a>
+                  </li>
+                  <li>
+                    <a>
+                      <span class="image">
                                                     <img src="images/img.jpg" alt="Profile Image" />
                                                 </span>
-                                                <span>
+                      <span>
                                                     <span>John Smith</span>
-                                                    <span class="time">3 mins ago</span>
-                                                </span>
-                                                <span class="message">
+                      <span class="time">3 mins ago</span>
+                      </span>
+                      <span class="message">
                                                     Film festivals used to be do-or-die moments for movie makers. They were where...
                                                 </span>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <div class="text-center">
-                                                <a>
-                                                    <strong>See All Alerts</strong>
-                                                    <i class="fa fa-angle-right"></i>
-                                                </a>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </li>
-
-                            </ul>
-                        </nav>
+                    </a>
+                  </li>
+                  <li>
+                    <div class="text-center">
+                      <a>
+                        <strong>See All Alerts</strong>
+                        <i class="fa fa-angle-right"></i>
+                      </a>
                     </div>
+                  </li>
+                </ul>
+              </li>
 
-                </div>
-                <!-- /top navigation -->
+            </ul>
+          </nav>
+        </div>
+
+      </div>
+      <!-- /top navigation -->
 
-                <!-- page content -->
-                <div class="right_col" role="main">
-                    <div class="">
+      <!-- page content -->
+      <div class="right_col" role="main">
+        <div class="">
 
-                        <div class="page-title">
-                            <div class="title_left">
-                                <h3>
+          <div class="page-title">
+            <div class="title_left">
+              <h3>
                                     Calender
                                     <small>
                                         Click to add/edit events
                                     </small>
                                 </h3>
-                            </div>
+            </div>
 
-                            <div class="title_right">
-                                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
-                                    <div class="input-group">
-                                        <input type="text" class="form-control" placeholder="Search for...">
-                                        <span class="input-group-btn">
+            <div class="title_right">
+              <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+                <div class="input-group">
+                  <input type="text" class="form-control" placeholder="Search for...">
+                  <span class="input-group-btn">
                                             <button class="btn btn-default" type="button">Go!</button>
                                         </span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="clearfix"></div>
-
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="x_panel">
-                                    <div class="x_title">
-                                        <h2>Calender Events <small>Sessions</small></h2>
-                                        <ul class="nav navbar-right panel_toolbox">
-                                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
-                                            </li>
-                                            <li class="dropdown">
-                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
-                                                <ul class="dropdown-menu" role="menu">
-                                                    <li><a href="#">Settings 1</a>
-                                                    </li>
-                                                    <li><a href="#">Settings 2</a>
-                                                    </li>
-                                                </ul>
-                                            </li>
-                                            <li><a class="close-link"><i class="fa fa-close"></i></a>
-                                            </li>
-                                        </ul>
-                                        <div class="clearfix"></div>
-                                    </div>
-                                    <div class="x_content">
-
-                                        <div id='calendar'></div>
-
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="clearfix"></div>
+
+          <div class="row">
+            <div class="col-md-12">
+              <div class="x_panel">
+                <div class="x_title">
+                  <h2>Calender Events <small>Sessions</small></h2>
+                  <ul class="nav navbar-right panel_toolbox">
+                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                    </li>
+                    <li class="dropdown">
+                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                      <ul class="dropdown-menu" role="menu">
+                        <li><a href="#">Settings 1</a>
+                        </li>
+                        <li><a href="#">Settings 2</a>
+                        </li>
+                      </ul>
+                    </li>
+                    <li><a class="close-link"><i class="fa fa-close"></i></a>
+                    </li>
+                  </ul>
+                  <div class="clearfix"></div>
+                </div>
+                <div class="x_content">
 
-                    <!-- footer content -->
-                    <footer>
-                        <div class="">
-                            <p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
-                                <span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
-                            </p>
-                        </div>
-                        <div class="clearfix"></div>
-                    </footer>
-                    <!-- /footer content -->
+                  <div id='calendar'></div>
 
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
 
+        <!-- footer content -->
+        <footer>
+          <div class="">
+            <p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
+              <span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
+            </p>
+          </div>
+          <div class="clearfix"></div>
+        </footer>
+        <!-- /footer content -->
 
-                <!-- Start Calender modal -->
-                <div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-                    <div class="modal-dialog">
-                        <div class="modal-content">
-
-                            <div class="modal-header">
-                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                <h4 class="modal-title" id="myModalLabel">New Calender Entry</h4>
-                            </div>
-                            <div class="modal-body">
-                                <div id="testmodal" style="padding: 5px 20px;">
-                                    <form id="antoform" class="form-horizontal calender" role="form">
-                                        <div class="form-group">
-                                            <label class="col-sm-3 control-label">Title</label>
-                                            <div class="col-sm-9">
-                                                <input type="text" class="form-control" id="title" name="title">
-                                            </div>
-                                        </div>
-                                        <div class="form-group">
-                                            <label class="col-sm-3 control-label">Description</label>
-                                            <div class="col-sm-9">
-                                                <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
-                                            </div>
-                                        </div>
-                                    </form>
-                                </div>
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
-                                <button type="button" class="btn btn-primary antosubmit">Save changes</button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-                    <div class="modal-dialog">
-                        <div class="modal-content">
-
-                            <div class="modal-header">
-                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                <h4 class="modal-title" id="myModalLabel2">Edit Calender Entry</h4>
-                            </div>
-                            <div class="modal-body">
-
-                                <div id="testmodal2" style="padding: 5px 20px;">
-                                    <form id="antoform2" class="form-horizontal calender" role="form">
-                                        <div class="form-group">
-                                            <label class="col-sm-3 control-label">Title</label>
-                                            <div class="col-sm-9">
-                                                <input type="text" class="form-control" id="title2" name="title2">
-                                            </div>
-                                        </div>
-                                        <div class="form-group">
-                                            <label class="col-sm-3 control-label">Description</label>
-                                            <div class="col-sm-9">
-                                                <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
-                                            </div>
-                                        </div>
-
-                                    </form>
-                                </div>
-                            </div>
-                            <div class="modal-footer">
-                                <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
-                                <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+      </div>
 
-                <div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
-                <div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
 
-                <!-- End Calender modal -->
-                <!-- /page content -->
-            </div>
+      <!-- Start Calender modal -->
+      <div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+        <div class="modal-dialog">
+          <div class="modal-content">
 
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+              <h4 class="modal-title" id="myModalLabel">New Calender Entry</h4>
+            </div>
+            <div class="modal-body">
+              <div id="testmodal" style="padding: 5px 20px;">
+                <form id="antoform" class="form-horizontal calender" role="form">
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">Title</label>
+                    <div class="col-sm-9">
+                      <input type="text" class="form-control" id="title" name="title">
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">Description</label>
+                    <div class="col-sm-9">
+                      <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
+              <button type="button" class="btn btn-primary antosubmit">Save changes</button>
+            </div>
+          </div>
         </div>
+      </div>
+      <div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+        <div class="modal-dialog">
+          <div class="modal-content">
+
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+              <h4 class="modal-title" id="myModalLabel2">Edit Calender Entry</h4>
+            </div>
+            <div class="modal-body">
+
+              <div id="testmodal2" style="padding: 5px 20px;">
+                <form id="antoform2" class="form-horizontal calender" role="form">
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">Title</label>
+                    <div class="col-sm-9">
+                      <input type="text" class="form-control" id="title2" name="title2">
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <label class="col-sm-3 control-label">Description</label>
+                    <div class="col-sm-9">
+                      <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
+                    </div>
+                  </div>
 
-        <div id="custom_notifications" class="custom-notifications dsp_none">
-            <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
-            </ul>
-            <div class="clearfix"></div>
-            <div id="notif-group" class="tabbed_notifications"></div>
+                </form>
+              </div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
+              <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
+            </div>
+          </div>
         </div>
-
-        <script src="js/bootstrap.min.js"></script>
-
-        <script src="js/nprogress.js"></script>
-        <!-- chart js -->
-        <script src="js/chartjs/chart.min.js"></script>
-        <!-- bootstrap progress js -->
-        <script src="js/progressbar/bootstrap-progressbar.min.js"></script>
-        <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
-        <!-- icheck -->
-        <script src="js/icheck/icheck.min.js"></script>
-
-        <script src="js/custom.js"></script>
-
-        <script src="js/moment/moment.min.js"></script>
-        <script src="js/calendar/fullcalendar.min.js"></script>
-        <!-- pace -->
-        <script src="js/pace/pace.min.js"></script>
-        <script>
-            $(window).load(function () {
-
-                var date = new Date();
-                var d = date.getDate();
-                var m = date.getMonth();
-                var y = date.getFullYear();
-                var started;
-                var categoryClass;
-
-                var calendar = $('#calendar').fullCalendar({
-                    header: {
-                        left: 'prev,next today',
-                        center: 'title',
-                        right: 'month,agendaWeek,agendaDay'
-                    },
-                    selectable: true,
-                    selectHelper: true,
-                    select: function (start, end, allDay) {
-                        $('#fc_create').click();
-
-                        started = start;
-                        ended = end
-
-                        $(".antosubmit").on("click", function () {
-                            var title = $("#title").val();
-                            if (end) {
-                                ended = end
-                            }
-                            categoryClass = $("#event_type").val();
-
-                            if (title) {
-                                calendar.fullCalendar('renderEvent', {
-                                        title: title,
-                                        start: started,
-                                        end: end,
-                                        allDay: allDay
-                                    },
-                                    true // make the event "stick"
-                                );
-                            }
-                            $('#title').val('');
-                            calendar.fullCalendar('unselect');
-
-                            $('.antoclose').click();
-
-                            return false;
-                        });
-                    },
-                    eventClick: function (calEvent, jsEvent, view) {
-                        //alert(calEvent.title, jsEvent, view);
-
-                        $('#fc_edit').click();
-                        $('#title2').val(calEvent.title);
-                        categoryClass = $("#event_type").val();
-
-                        $(".antosubmit2").on("click", function () {
-                            calEvent.title = $("#title2").val();
-
-                            calendar.fullCalendar('updateEvent', calEvent);
-                            $('.antoclose2').click();
-                        });
-                        calendar.fullCalendar('unselect');
-                    },
-                    editable: true,
-                    events: [
-                        {
-                            title: 'All Day Event',
-                            start: new Date(y, m, 1)
-                    },
-                        {
-                            title: 'Long Event',
-                            start: new Date(y, m, d - 5),
-                            end: new Date(y, m, d - 2)
-                    },
-                        {
-                            title: 'Meeting',
-                            start: new Date(y, m, d, 10, 30),
-                            allDay: false
-                    },
-                        {
-                            title: 'Lunch',
-                            start: new Date(y, m, d + 14, 12, 0),
-                            end: new Date(y, m, d, 14, 0),
-                            allDay: false
-                    },
-                        {
-                            title: 'Birthday Party',
-                            start: new Date(y, m, d + 1, 19, 0),
-                            end: new Date(y, m, d + 1, 22, 30),
-                            allDay: false
-                    },
-                        {
-                            title: 'Click for Google',
-                            start: new Date(y, m, 28),
-                            end: new Date(y, m, 29),
-                            url: 'http://google.com/'
-                    }
-                ]
-                });
-            });
-        </script>
-    </body>
+      </div>
+
+      <div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
+      <div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
+
+      <!-- End Calender modal -->
+      <!-- /page content -->
+    </div>
+
+  </div>
+
+  <div id="custom_notifications" class="custom-notifications dsp_none">
+    <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
+    </ul>
+    <div class="clearfix"></div>
+    <div id="notif-group" class="tabbed_notifications"></div>
+  </div>
+
+  <script src="js/bootstrap.min.js"></script>
+
+  <script src="js/nprogress.js"></script>
+  <!-- chart js -->
+  <script src="js/chartjs/chart.min.js"></script>
+  <!-- bootstrap progress js -->
+  <script src="js/progressbar/bootstrap-progressbar.min.js"></script>
+  <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
+  <!-- icheck -->
+  <script src="js/icheck/icheck.min.js"></script>
+
+  <script src="js/custom.js"></script>
+
+  <script src="js/moment/moment.min.js"></script>
+  <script src="js/calendar/fullcalendar.min.js"></script>
+  <!-- pace -->
+  <script src="js/pace/pace.min.js"></script>
+  <script>
+    $(window).load(function() {
+
+      var date = new Date();
+      var d = date.getDate();
+      var m = date.getMonth();
+      var y = date.getFullYear();
+      var started;
+      var categoryClass;
+
+      var calendar = $('#calendar').fullCalendar({
+        header: {
+          left: 'prev,next today',
+          center: 'title',
+          right: 'month,agendaWeek,agendaDay'
+        },
+        selectable: true,
+        selectHelper: true,
+        select: function(start, end, allDay) {
+          $('#fc_create').click();
+
+          started = start;
+          ended = end
+
+          $(".antosubmit").on("click", function() {
+            var title = $("#title").val();
+            if (end) {
+              ended = end
+            }
+            categoryClass = $("#event_type").val();
+
+            if (title) {
+              calendar.fullCalendar('renderEvent', {
+                  title: title,
+                  start: started,
+                  end: end,
+                  allDay: allDay
+                },
+                true // make the event "stick"
+              );
+            }
+            $('#title').val('');
+            calendar.fullCalendar('unselect');
+
+            $('.antoclose').click();
+
+            return false;
+          });
+        },
+        eventClick: function(calEvent, jsEvent, view) {
+          //alert(calEvent.title, jsEvent, view);
+
+          $('#fc_edit').click();
+          $('#title2').val(calEvent.title);
+          categoryClass = $("#event_type").val();
+
+          $(".antosubmit2").on("click", function() {
+            calEvent.title = $("#title2").val();
+
+            calendar.fullCalendar('updateEvent', calEvent);
+            $('.antoclose2').click();
+          });
+          calendar.fullCalendar('unselect');
+        },
+        editable: true,
+        events: [{
+          title: 'All Day Event',
+          start: new Date(y, m, 1)
+        }, {
+          title: 'Long Event',
+          start: new Date(y, m, d - 5),
+          end: new Date(y, m, d - 2)
+        }, {
+          title: 'Meeting',
+          start: new Date(y, m, d, 10, 30),
+          allDay: false
+        }, {
+          title: 'Lunch',
+          start: new Date(y, m, d + 14, 12, 0),
+          end: new Date(y, m, d, 14, 0),
+          allDay: false
+        }, {
+          title: 'Birthday Party',
+          start: new Date(y, m, d + 1, 19, 0),
+          end: new Date(y, m, d + 1, 22, 30),
+          allDay: false
+        }, {
+          title: 'Click for Google',
+          start: new Date(y, m, 28),
+          end: new Date(y, m, 29),
+          url: 'http://google.com/'
+        }]
+      });
+    });
+  </script>
+</body>
 
 </html>

+ 60 - 84
production/css/datatables/css/demo_page.css

@@ -1,127 +1,103 @@
-
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * General page setup
  */
+
 #dt_example {
-	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
-	margin: 0;
-	padding: 0;
-	color: #333;
-	background-color: #fff;
+  font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
+  margin: 0;
+  padding: 0;
+  color: #333;
+  background-color: #fff;
 }
-
-
 #dt_example #container {
-	width: 800px;
-	margin: 30px auto;
-	padding: 0;
+  width: 800px;
+  margin: 30px auto;
+  padding: 0;
 }
-
-
 #dt_example #footer {
-	margin: 50px auto 0 auto;
-	padding: 0;
+  margin: 50px auto 0 auto;
+  padding: 0;
 }
-
 #dt_example #demo {
-	margin: 30px auto 0 auto;
+  margin: 30px auto 0 auto;
 }
-
 #dt_example .demo_jui {
-	margin: 30px auto 0 auto;
+  margin: 30px auto 0 auto;
 }
-
 #dt_example .big {
-	font-size: 1.3em;
-	font-weight: bold;
-	line-height: 1.6em;
-	color: #4E6CA3;
+  font-size: 1.3em;
+  font-weight: bold;
+  line-height: 1.6em;
+  color: #4E6CA3;
 }
-
 #dt_example .spacer {
-	height: 20px;
-	clear: both;
+  height: 20px;
+  clear: both;
 }
-
 #dt_example .clear {
-	clear: both;
+  clear: both;
 }
-
 #dt_example pre {
-	padding: 15px;
-	background-color: #F5F5F5;
-	border: 1px solid #CCCCCC;
+  padding: 15px;
+  background-color: #F5F5F5;
+  border: 1px solid #CCCCCC;
 }
-
 #dt_example h1 {
-	margin-top: 2em;
-	font-size: 1.3em;
-	font-weight: normal;
-	line-height: 1.6em;
-	color: #4E6CA3;
-	border-bottom: 1px solid #B0BED9;
-	clear: both;
+  margin-top: 2em;
+  font-size: 1.3em;
+  font-weight: normal;
+  line-height: 1.6em;
+  color: #4E6CA3;
+  border-bottom: 1px solid #B0BED9;
+  clear: both;
 }
-
 #dt_example h2 {
-	font-size: 1.2em;
-	font-weight: normal;
-	line-height: 1.6em;
-	color: #4E6CA3;
-	clear: both;
+  font-size: 1.2em;
+  font-weight: normal;
+  line-height: 1.6em;
+  color: #4E6CA3;
+  clear: both;
 }
-
 #dt_example a {
-	color: #0063DC;
-	text-decoration: none;
+  color: #0063DC;
+  text-decoration: none;
 }
-
 #dt_example a:hover {
-	text-decoration: underline;
+  text-decoration: underline;
 }
-
 #dt_example ul {
-	color: #4E6CA3;
+  color: #4E6CA3;
 }
-
 .css_right {
-	float: right;
+  float: right;
 }
-
 .css_left {
-	float: left;
+  float: left;
 }
-
 .demo_links {
-	float: left;
-	width: 50%;
-	margin-bottom: 1em;
+  float: left;
+  width: 50%;
+  margin-bottom: 1em;
 }
-
 #demo_info {
-	padding: 5px;
-	border: 1px solid #B0BED9;
-	height: 100px;
-	width: 100%;
-	overflow: auto;
+  padding: 5px;
+  border: 1px solid #B0BED9;
+  height: 100px;
+  width: 100%;
+  overflow: auto;
 }
-
 #dt_example code {
-	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-	padding: 2px 4px !important;
-	white-space: nowrap;
-	font-size: 0.9em;
-
-	color: #D14;
-	background-color: #F7F7F9;
-
-	border: 1px solid #E1E1E8;
-	-webkit-border-radius: 3px;
-	   -moz-border-radius: 3px;
-	        border-radius: 3px;
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  padding: 2px 4px !important;
+  white-space: nowrap;
+  font-size: 0.9em;
+  color: #D14;
+  background-color: #F7F7F9;
+  border: 1px solid #E1E1E8;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 }
-
 #dt_example div.syntaxhighlighter code {
-	padding: 0 !important;
+  padding: 0 !important;
 }
-