externalize CSS

phpcontrols · phpcontrols · commit affb4999eea5 · 2017-01-17T12:41:59.000+08:00
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,47 @@
+@import url('https://fonts.googleapis.com/css?family=Lato');
+
+body {
+   padding: 0 15px;
+   margin: 0 15px;
+   font-family: lato, sans-serif, arial;
+}
+.ui-jqgrid-htable th,
+.ui-jqgrid tr.jqgrow td{ 
+    text-transform: capitalize; 
+}
+.ui-jqgrid-htable th div{
+    font-weight: bold;
+}
+#menu ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #4CB6EA;
+}
+
+#menu ul li {
+    float: left;
+}
+
+#menu  ul li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+#menu  ul li a:hover,
+#menu .active {
+    background-color: #ddd;
+    color:black;
+}
+.footer {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1rem;
+  background-color: #efefef;
+  text-align: center;
+}
diff --git a/inc/head.php b/inc/head.php
@@ -1,55 +1,8 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
+<title>My Custom CRM</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
-<title> | Custom CRM</title>
-<style>
-body {
-   padding: 0 15px;
-   margin: 0 15px;
-   font-family: lato, sans-serif, arial;
-}
-.ui-jqgrid-htable th,
-.ui-jqgrid tr.jqgrow td{ 
-    text-transform: capitalize; 
-}
-.ui-jqgrid-htable th div{
-    font-weight: bold;
-}
-#menu ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    background-color: #333;
-}
-
-#menu ul li {
-    float: left;
-}
-
-#menu  ul li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 14px 16px;
-    text-decoration: none;
-}
-#menu  ul li a:hover,
-#menu .active {
-    background-color: #ddd;
-    color:black;
-}
-.footer {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 1rem;
-  background-color: #efefef;
-  text-align: center;
-}
-</style>
+<link type="text/css" rel="Stylesheet" href="../css/style.css" />
 </head>
 <body>
