CDN Js used for demostration on Raw Git

index.html

@@ -56,3 +56,122 @@
 
 </body>
 </html>
+<!--
+@charset "utf-8";
+/* CSS Document */
+
+/* MEDIA QUERY FOR DESKTOP VIEW  ONLY */
+@media (min-width: 979px) {
+}
+ 
+/* GENERAL MEDIA QUERY FOR IPAD LANDSCAPE AND PORTRAIT VIEW ********/
+@media (min-width: 768px) and (max-width: 1025px) {
+}
+
+/* MEDIA QUERY FOR IPAD LANDSCAPTE */
+@media (min-width: 980px) and (max-width: 1025px) {	
+}
+
+/* MEDIA QUERY FOR IPAD PORTRAIT AS WELL AS ALL THE SMALL PHONE DEVICES AND VERY SMALL PHONE DEVICES */
+@media (max-width: 980px) {
+}
+
+/* MEDIA QUERY FOR IPAD PORTRAIT ONLY */
+@media (min-width: 768px) and (max-width: 980px) {
+}
+
+/* ALL THE SMALL PHONE DEVICES AND VERY SMALL PHONE DEVICES */
+@media (max-width: 767px) {
+}
+
+/* VERY SMALL PHONE DEVICES */
+@media (max-width: 360px) {
+}
+
+@charset "utf-8";
+/* CSS Document */
+/********** METAS ****************/
+<meta name="viewport" content="width=device-width, initial-scale=1">    
+<meta name="format-detection" content="telephone=no">
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
+/*********************************/
+
+body { font-family: 'Titillium Web', sans-serif; font-weight:400; background:#fafafa; font-size:12px; -webkit-text-size-adjust: none; }
+input,textarea,select { font-family: 'Titillium Web', sans-serif; font-weight:400; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius: 0px;  }
+*,ul,li { margin:0px; padding:0px; }
+li { list-style:none; }
+:focus {outline:none;}
+:focus, :active {  outline: 0; }
+a, a:visited, a:focus, a:active, a:hover{ outline:0 none !important; }
+input[type="submit"] { -webkit-appearance: none; }
+
+/******** PLACE HOLDER *****************/
+::-webkit-input-placeholder { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; zoom: 1; }
+:-moz-placeholder { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; zoom: 1; }
+::-moz-placeholder { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; zoom: 1; }
+:-ms-input-placeholder { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; zoom: 1; }
+
+/********* COMMON MARGINS *************/
+.margin-top-10 { margin-top: 10px; }
+.margin-top-15 { margin-top: 15px; }
+.margin-top-20 { margin-top: 20px; }
+.margin-top-25 { margin-top: 25px; }
+.margin-top-30 { margin-top: 30px; }
+.margin-top-40 { margin-top: 40px; }
+.margin-top-50 { margin-top: 50px; }
+
+.customize-table tbody tr:nth-child(2n+1) { }
+.box-sizing { 
+box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
+}
+
+.opacity { 
+-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; zoom: 1; 
+}
+
+[class*="icn-"] { background-image:; }
+[class*="icn-"]:after { position:absolute; content:''; }
+.icn-calender { background-position:; height:; width:;}
+.border-radius { 
+border-radius: px; -moz-border-radius: px; -webkit-border-radius: px;
+}
+
+.box-shadow { 
+box-shadow:-1px -1px 0 rgba(21, 21, 21, 0.75); -moz-box-shadow:-1px -1px 0 rgba(21, 21, 21, 0.75); -webkit-box-shadow:-1px -1px 0 rgba(21, 21, 21, 0.75); 
+box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; 
+box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
+}
+
+.transition { 
+-webkit-transition: all 0.5s  ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
+-webkit-transition: all 0.2s  ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
+-webkit-transition: all 0.3s  ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
+}
+
+.font-style { 
+color:#; font-size:px; 
+}
+.font-style { 
+color:#; font-size:px; font-weight:;  
+}
+.font-style { color:#; font-size:px; font-weight:; line-height:; }
+.text-shadow { text-shadow:1px 0px 0px rgba(0,0,0,0.5); }
+.dashboard-header .select-actived .select-face:after { 
+content:''; position:absolute; right:0px; top:0px; width:9px; height:5px; background:url("../images/dashboard-menu-icons.png") no-repeat; background-position:-86px 0px;  }
+/* MEDIA QUERY FOR IPAD PORTRAIT */
+@media (min-width: 768px) and (max-width: 979px) {
+}
+
+/* MEDIA QUERY FOR ALL MOBILE HAVING LESS THAN 767 RESOLUTION SMALL DEVICES */
+@media (max-width: 767px) {
+/********** MOST IMPORTANT WHEN STARTING CODING FOR RESPONSIVE **************/
+* { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select: none; }
+a,input { -webkit-tap-highlight-color:rgba(0,0,0,0); }
+input{ -webkit-user-modify: read-write-plaintext-only; -webkit-user-select: text; }
+}
+
+/******** COVER ***********/
+html { background:#000000 url(../images/main-bg.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
+
+
+-->