Kezdőlap Felfedezés Súgó
Bejelentkezés
py
/
react-python-tdd-tutorial
másolva bh/react-web-tutorial
1
0
Másolás 0
Fájlok
Forráskód Böngészése

Styles: inline => styles.css

Benoît Hubert 7 éve
szülő
a75de02eac
commit
31eb059dc8
2 módosított fájl, 83 hozzáadás és 83 törlés
Egyesített Nézet Diff Statisztika Mutatása
  1. 83 14
      css/style.css
  2. 0 69
      index.html

+ 83 - 14
css/style.css
Fájl Megtekintése 

@@ -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
Fájl Megtekintése 

@@ -10,75 +10,6 @@
 
   <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
 
   <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/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
 
   <link href="css/prism.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>
 
 </head>
 
 <body>
 
 <body>