X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;ds=sidebyside;f=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Fcomponents%2Fcontent%2Ffull%2Fnode-full.css;fp=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Fcomponents%2Fcontent%2Ffull%2Fnode-full.css;h=30263ec756cecd65231ef07f03c4a9b920c00e33;hb=af6d1fb995500ae68849458ee10d66abbdcfb252;hp=0000000000000000000000000000000000000000;hpb=680c79a86e3ed402f263faeac92e89fb6d9edcc0;p=yaffs-website

diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/content/full/node-full.css b/web/core/profiles/demo_umami/themes/umami/css/components/content/full/node-full.css
new file mode 100644
index 000000000..30263ec75
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/components/content/full/node-full.css
@@ -0,0 +1,72 @@
+/**
+ * @file
+ * This file is used to style the 'full' view mode.
+ */
+.node--view-mode-full {
+  background-color: #fff;
+  border-bottom: 1px solid #fcece7;
+  border-left: none;
+  border-right: none;
+  border-top: 1px solid #fcece7;
+  margin: 0 auto 2.37rem;
+  padding: 1.266rem;
+}
+/* Large */
+@media screen and (min-width: 60rem) { /* 960px */
+  .node--view-mode-full {
+    border-left: 1px solid #fcece7;
+    border-right: 1px solid #fcece7;
+    padding: 2.37rem;
+  }
+}
+
+.node--view-mode-full > .node__header {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.node--view-mode-full .page-title {
+  flex: 0 0 100%;
+}
+
+.node--view-mode-full .node__submitted {
+  flex: 0 0 100%;
+  font-size: 0.889em;
+  margin-bottom: 1.2em;
+}
+/* Large */
+@media screen and (min-width: 60rem) { /* 960px */
+  .node--view-mode-full .node__submitted {
+    flex: 0 1 auto;
+    margin-right: 2rem;
+  }
+}
+.node--view-mode-full .by-author::after {
+  content: "•";
+  font-size: 2em;
+  vertical-align: middle;
+  display: inline-block;
+  margin: 0 0.25ex;
+  color: #7cbe8c;
+}
+
+.node--view-mode-full .field--name-field-tags {
+  flex: 0 0 100%;
+}
+/* Large */
+@media screen and (min-width: 60rem) { /* 960px */
+  .node--view-mode-full .field--name-field-tags {
+    flex: 0 1 auto;
+    margin-left: auto;
+  }
+}
+
+.node--view-mode-full .field--name-field-image {
+  margin-bottom: 1.184rem;
+}
+/* Large */
+@media screen and (min-width: 60rem) { /* 960px */
+  .node--view-mode-full .field--name-field-image {
+    margin-bottom: 2.369rem;
+  }
+}