+

Create a separeted CSS file

Benjamin Renard [2017-09-17 17:50:59]
Create a separeted CSS file
Filename
public_html/cache.manifest
public_html/inc/main.css
public_html/index.html
diff --git a/public_html/cache.manifest b/public_html/cache.manifest
index 0777547..b6e7e31 100644
--- a/public_html/cache.manifest
+++ b/public_html/cache.manifest
@@ -7,6 +7,8 @@ favicon.png
 icon-196x196.png
 icon-128x128.png

+inc/main.css
+
 inc/main.js
 inc/mysc_objects.js

diff --git a/public_html/inc/main.css b/public_html/inc/main.css
new file mode 100644
index 0000000..21c519b
--- /dev/null
+++ b/public_html/inc/main.css
@@ -0,0 +1,43 @@
+body{
+  margin-top: 4em;
+}
+
+div.panel-heading, li.list-group-item, a {
+  cursor: pointer;
+}
+
+.collapsing {
+    -webkit-transition: none;
+    transition: none;
+    display: none;
+}
+
+.count-tag {
+  display: inline-block;
+  width: 6em;
+  text-align: center;
+}
+
+.done {
+	font-style: italic;
+	color: #999;
+	text-decoration: line-through;
+}
+
+.center {
+	text-align: center;
+}
+
+.scase-name {
+	font-size: 1.5em;
+}
+
+.add_thing_label, #edit_thing_label {
+	width: 80%;
+	display: inline-block;
+}
+
+.add_thing_nb, #edit_thing_nb {
+	width: 18%;
+	display: inline-block;
+}
diff --git a/public_html/index.html b/public_html/index.html
index a8594f9..86fff7c 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -11,57 +11,15 @@
     <link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png">
     <link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png">
     <!-- Bootstrap -->
-<!-- Latest compiled and minified CSS -->
-<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">

-<!-- Optional theme -->
-<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
-  </head>
-<style>
-body{
-  margin-top: 4em;
-}
-
-div.panel-heading, li.list-group-item, a {
-  cursor: pointer;
-}
-
-.collapsing {
-    -webkit-transition: none;
-    transition: none;
-    display: none;
-}
-
-.count-tag {
-  display: inline-block;
-  width: 6em;
-  text-align: center;
-}
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">

-.done {
-	font-style: italic;
-	color: #999;
-	text-decoration: line-through;
-}
+    <!-- Optional theme -->
+    <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">

-.center {
-	text-align: center;
-}
-
-.scase-name {
-	font-size: 1.5em;
-}
-
-.add_thing_label, #edit_thing_label {
-	width: 80%;
-	display: inline-block;
-}
-
-.add_thing_nb, #edit_thing_nb {
-	width: 18%;
-	display: inline-block;
-}
-</style>
+    <link rel="stylesheet" href="inc/main.css">
+  </head>

   <body>
     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
ViewGit