Преглед изворни кода

Styles: inline => styles.css

Benoît Hubert пре 7 година
родитељ
комит
31eb059dc8
2 измењених фајлова са 83 додато и 83 уклоњено
  1. 83 14
      css/style.css
  2. 0 69
      index.html

+ 83 - 14
css/style.css

@@ -1,14 +1,83 @@
-/* Custom Stylesheet */
-/**
- * Use this file to override Materialize files so you can update
- * the core Materialize files in the future
- *
- * Made By MaterializeCSS.com
- */
-
-.icon-block {
-  padding: 0 15px;
-}
-.icon-block .material-icons {
-	font-size: inherit;
-}
+/* Custom Stylesheet */
+/**
+ * Use this file to override Materialize files so you can update
+ * the core Materialize files in the future
+ *
+ * Made By MaterializeCSS.com
+ */
+
+.icon-block {
+  padding: 0 15px;
+}
+.icon-block .material-icons {
+	font-size: inherit;
+}
+
+/* Styles for React app */
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+  overflow: hidden;
+}
+footer {
+  position: absolute;
+  bottom: 0;
+  width: 50%;
+}
+.col-1-2 {
+  width: 50%;
+  position: absolute;
+  top: 0;
+}
+.col-1-2:first-child {
+  border-right: 1px solid #ddd;
+  bottom: 50px;
+}
+.col-1-2:last-child {
+  left: 50%;
+  bottom: 0;
+}
+#logo-container img {
+  margin-top: 12px;
+  max-height: 40px;
+}
+.page-footer .footer-copyright img {
+  max-height: 30px;
+}
+#root {
+  padding: 30px;
+}
+.nav-wrapper,
+.page-footer .footer-copyright {
+  padding: 0 30px;
+}
+.pagination-wrapper {
+  position: absolute;
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.pagination {
+  display: inline-block;
+}
+.breadcrumb-wrapper .breadcrumb i {
+  font-size: 22px;
+}
+.breadcrumb {
+  font-size: 16px;
+}
+a.breadcrumb::before,
+span.breadcrumb::before {
+  color: #888;
+  margin: -4px 2px 0 2px;
+  font-size: 22px;
+}
+.page li {
+  margin-bottom: 6px;
+}
+.page blockquote {
+  border-left: 5px solid #ffb74d;
+}

+ 0 - 69
index.html

@@ -10,75 +10,6 @@
   <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
   <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
   <link href="css/prism.css" type="text/css" rel="stylesheet" media="screen,projection"/>
-  <style>
-    html {
-      height: 100%;
-    }
-    body {
-      min-height: 100%;
-      overflow: hidden;
-    }
-    footer {
-      position: absolute;
-      bottom: 0;
-      width: 50%;
-    }
-    .col-1-2 {
-      width: 50%;
-      position: absolute;
-      top: 0;
-    }
-    .col-1-2:first-child {
-      border-right: 1px solid #ddd;
-      bottom: 50px;
-    }
-    .col-1-2:last-child {
-      left: 50%;
-      bottom: 0;
-    }
-    #logo-container img {
-      margin-top: 12px;
-      max-height: 40px;
-    }
-    .page-footer .footer-copyright img {
-      max-height: 30px;
-    }
-    #root {
-      padding: 30px;
-    }
-    .nav-wrapper,
-    .page-footer .footer-copyright {
-      padding: 0 30px;
-    }
-    .pagination-wrapper {
-      position: absolute;
-      bottom: 10px;
-      left: 0;
-      width: 100%;
-      text-align: center;
-    }
-    .pagination {
-      display: inline-block;
-    }
-    .breadcrumb-wrapper .breadcrumb i {
-      font-size: 22px;
-    }
-    .breadcrumb {
-      font-size: 16px;
-    }
-    a.breadcrumb::before,
-    span.breadcrumb::before {
-      color: #888;
-      margin: -4px 2px 0 2px;
-      font-size: 22px;
-    }
-    .page li {
-      margin-bottom: 6px;
-    }
-    .page blockquote {
-      border-left: 5px solid #ffb74d;
-    }
-  </style>
 
 </head>
 <body>