refinerycms-wymeditor 0.0.1

data/app/assets/stylesheets/theme.css.scss

@@ -0,0 +1,36 @@
+/* alignment styles */
+.text-align-left  {
+  text-align: left;
+}
+.text-align-center {
+  text-align: center;
+}
+.text-align-right {
+  text-align: right;
+}
+.text-align-justify {
+  text-align: justify;
+}
+
+/* block alignment styles */
+.image-align-left {
+  float: left;
+  margin-right: 6px;
+  margin-bottom: 6px;
+}
+.image-align-right {
+  float: right;
+  margin-left: 6px;
+  margin-bottom: 6px;
+}
+
+/* font sizes */
+.font-size-small {
+  font-size: 0.75em;
+}
+.font-size-normal {
+  font-size: 1em;
+}
+.font-size-large {
+  font-size: 1.25em;
+}

data/app/assets/stylesheets/wymeditor/skins/refinery/skin.css.scss

@@ -0,0 +1,530 @@
+/*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
+.wym_skin_refinery p, .wym_skin_refinery h2, .wym_skin_refinery h3,
+.wym_skin_refinery ul, .wym_skin_refinery li {
+  background: transparent;
+  margin: 0;
+  padding: 0;
+  border-width: 0;
+  list-style: none;
+}
+
+
+/*HIDDEN BY DEFAULT*/
+.wym_skin_refinery .wym_area_left {
+  display: none;
+}
+.wym_skin_refinery .wym_area_right {
+  display: block;
+}
+
+
+/*TYPO*/
+.wym_skin_refinery {
+  font-size: 62.5%;
+  font-family: Verdana, Arial, sans-serif;
+}
+.wym_skin_refinery h2 {
+  font-size: 110%; /* = 11px */
+}
+.wym_skin_refinery h3 {
+  font-size: 100%; /* = 10px */
+}
+.wym_skin_refinery li {
+  font-size: 100%; /* = 10px */
+}
+
+
+/*WYM_BOX*/
+.wym_skin_refinery {
+  border: 1px solid #CCCCCC;
+  background: #F2F2F2;
+  padding: 5px 5px 0px 5px
+}
+
+/*auto-clear the wym_box*/
+.wym_skin_refinery:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+* html .wym_skin_refinery {
+  height: 1%;
+}
+
+
+/*WYM_HTML*/
+.wym_skin_refinery .wym_html {
+  width: 100%;
+}
+.wym_skin_refinery .wym_html textarea {
+  width: 100% !important;
+  height: 400px;
+  border: 1px solid gray;
+  background: white;
+}
+
+/*WYM_IFRAME*/
+.wym_skin_refinery .wym_iframe {
+  width: 100%;
+}
+.wym_skin_refinery .wym_iframe iframe {
+  border: 1px solid #CCCCCC;
+}
+.wym_skin_refinery .wym_iframe iframe {
+  width: 100%;
+  background: white
+}
+textarea.wymeditor, .wym_skin_refinery .wym_iframe iframe {
+  height: 400px;
+}
+
+/*AREAS*/
+.wym_skin_refinery .wym_area_left {
+  width: 150px;
+  float: left;
+}
+.wym_skin_refinery .wym_area_right {
+  width: 150px;
+  float: right;
+}
+.wym_skin_refinery .wym_area_bottom {
+  height: 1%;
+  clear: both;
+}
+* html .wym_skin_refinery .wym_area_main {
+  height: 1%;
+}
+* html .wym_skin_refinery .wym_area_top {
+  height: 1%;
+}
+* html .wym_skin_refinery .wym_area_top {
+  height: 1%;
+}
+.ie6 .wym_skin_refinery .wym_area_top, .ie7 .wym_skin_refinery .wym_area_top, .ie8 .wym_skin_refinery .wym_area_top {
+  padding-bottom: 5px;
+}
+
+/*SECTIONS SYSTEM*/
+
+/*common defaults for all sections*/
+.wym_skin_refinery .wym_section {
+  margin-bottom: 5px;
+}
+.wym_skin_refinery .wym_section h2,
+.wym_skin_refinery .wym_section h3 {
+  padding: 1px 3px;
+  margin: 0;
+}
+.wym_skin_refinery .wym_section a {
+  padding: 0 3px;
+  display: block;
+  text-decoration: none;
+  color: black;
+}
+.wym_skin_refinery .wym_section a:hover, .wym_skin_refinery .wym_section a.selected {
+  background-color: #22A7F2;
+  color: white;
+}
+/*hide section titles by default*/
+.wym_skin_refinery .wym_section h2 {
+  display: none;
+}
+/*disable any margin-collapse*/
+.wym_skin_refinery .wym_section {
+  padding: 0px;
+}
+/*auto-clear sections*/
+.wym_skin_refinery .wym_section ul:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+* html .wym_skin_refinery .wym_section ul {
+  height: 1%;
+}
+
+/*option: add this class to a section to make it render as a panel*/
+.wym_skin_refinery .wym_panel {
+}
+.wym_skin_refinery .wym_panel h2 {
+  display: block;
+}
+
+/*option: add this class to a section to make it render as a dropdown menu*/
+.wym_skin_refinery .wym_dropdown h2 {
+  display: block;
+}
+.wym_skin_refinery .wym_dropdown ul {
+  display: none;
+  position: absolute;
+  background: white;
+}
+.wym_skin_refinery .wym_dropdown:hover ul,
+.wym_skin_refinery .wym_dropdown.hover ul {
+  display: block;
+}
+
+/*option: add this class to a section to make its elements render buttons (icons are only available for the wym_tools section for now)*/
+.wym_skin_refinery .wym_buttons li {
+  float: left;
+}
+.wym_skin_refinery .wym_buttons a {
+  width: auto;
+  height: 24px;
+  overflow: hidden;
+}
+
+.wym_skin_refinery .wym_section li a {
+  background-color: #F2F2F2;
+  background-repeat: no-repeat;
+  background-position: 4px 3px;
+  color: #41403C;
+  font-family: Arial;
+  font-size: 11px;
+  line-height: 24px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/* spacing */
+.wym_skin_refinery .wym_section li.wym_containers_p
+, .wym_skin_refinery .wym_section li.wym_containers_h2
+, .wym_skin_refinery .wym_section li.wym_tools_strong
+, .wym_skin_refinery .wym_section li.wym_tools_unordered_list
+, .wym_skin_refinery .wym_section li.wym_tools_link
+, .wym_skin_refinery .wym_section li.wym_tools_image {
+  margin-right: 1px;
+}
+.wym_skin_refinery .wym_section li.wym_tools_unordered_list
+, .wym_skin_refinery .wym_section li.wym_tools_link
+, .wym_skin_refinery .wym_section li.wym_tools_image
+, .wym_skin_refinery .wym_section li.wym_tools_html {
+  margin-left: 10px;
+  padding-left: 10px;
+  border-left: 1px solid #CCC;
+}
+
+/* image replacements */
+.wym_skin_refinery {
+  .wym_section {
+    li {
+      &.wym_tools_ordered_list, &.wym_tools_unordered_list, &.wym_tools_link, &.wym_tools_unlink, &.wym_tools_image, &.wym_tools_table, &.wym_tools_html, &.wym_tools_class {
+        a {
+          padding-left: 24px;
+        }
+      }
+    }
+    li.wym_tools_ordered_list a {
+      background-image: image_url('wymeditor/skins/refinery/text_list_numbers.png');
+    }
+    li.wym_tools_unordered_list a {
+      background-image: image_url('wymeditor/skins/refinery/text_list_bullets.png');
+    }
+    li.wym_tools_link a {
+      background-image: image_url('wymeditor/skins/refinery/link_add.png');
+    }
+    li.wym_tools_unlink a {
+      background-image: image_url('wymeditor/skins/refinery/link_break.png');
+    }
+    li.wym_tools_image a {
+      background-image: image_url('wymeditor/skins/refinery/photo_add.png');
+    }
+    li.wym_tools_table a {
+      background-image: image_url('wymeditor/skins/refinery/table_add.png');
+    }
+    li.wym_tools_html a {
+      background-image: image_url('wymeditor/skins/refinery/page_code.png');
+    }
+  }
+}
+
+/*image replacements
+.wym_skin_refinery .wym_buttons li a {
+text-indent: -9999px;
+background-repeat: no-repeat;
+background-position: 4px 4px;
+} */
+.wym_skin_refinery .wym_buttons li.wym_tools_strong a, .wym_skin_refinery .wym_buttons li.wym_tools_emphasis a {
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  padding: 2px;
+  text-indent: -9999px;
+  background-repeat: no-repeat;
+  background-position: 4px 4px;
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_strong a {
+  background-image: image_url('wymeditor/skins/refinery/text_bold.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_emphasis a {
+  background-image: image_url('wymeditor/skins/refinery/text_italic.png');
+}
+/*
+.wym_skin_refinery .wym_buttons li.wym_tools_superscript a {
+background-image: image_url('wymeditor/skins/refinery/text_superscript.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_subscript a {
+background-image: image_url('wymeditor/skins/refinery/text_subscript.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_ordered_list a {
+background-image: image_url('wymeditor/skins/refinery/text_list_numbers.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_unordered_list a {
+background-image: image_url('wymeditor/skins/refinery/text_list_bullets.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_indent a {
+background-image: image_url('wymeditor/skins/refinery/text_indent.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_outdent a {
+background-image: image_url('wymeditor/skins/refinery/text_indent_remove.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_undo a {
+background-image: image_url('wymeditor/skins/refinery/arrow_undo.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_redo a {
+background-image: image_url('wymeditor/skins/refinery/arrow_redo.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_link a {
+background-image: image_url('wymeditor/skins/refinery/link_add.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_unlink a {
+background-image: image_url('wymeditor/skins/refinery/link_break.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_image a {
+background-image: image_url('wymeditor/skins/refinery/photo_add.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_table a {
+background-image: image_url('wymeditor/skins/refinery/table_add.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_paste a {
+background-image: image_url('wymeditor/skins/refinery/page_paste.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_html a {
+background-image: image_url('wymeditor/skins/refinery/page_code.png');
+}
+.wym_skin_refinery .wym_buttons li.wym_tools_preview a {
+background-image: image_url('wymeditor/skins/refinery/eye.png');
+}
+*/
+/* make tools and containers play nicely next to eachother */
+
+.wym_skin_refinery .wym_tools, .wym_skin_refinery .wym_containers,
+.wym_skin_refinery .wym_classes_container {
+  float: left;
+  margin: 0px 0px 5px 0px;
+}
+
+/* image replacements for containers */
+.wym_skin_refinery .wym_containers li {
+  float: left;
+}
+.wym_skin_refinery .wym_containers li a, .wym_skin_refinery li.wym_tools_class a {
+  background-repeat: no-repeat;
+  width: auto;
+  height: 24px;
+  overflow: hidden;
+  border: 0px none;
+}
+.wym_skin_refinery .wym_containers li a {
+  background-repeat: no-repeat;
+  background-position: center center;
+  width: 20px; height: 20px;
+  overflow: hidden;
+  padding: 2px;
+  border: 0px none;
+}
+.wym_skin_refinery li.wym_containers_h1 a {
+background-image: image_url('wymeditor/skins/refinery/text_heading_1.png');
+}
+.wym_skin_refinery li.wym_containers_h2 a {
+background-image: image_url('wymeditor/skins/refinery/text_heading_2.png');
+}
+.wym_skin_refinery li.wym_containers_h3 a {
+background-image: image_url('wymeditor/skins/refinery/text_heading_3.png');
+}
+.wym_skin_refinery li.wym_containers_h4 a {
+background-image: image_url('wymeditor/skins/refinery/text_heading_4.png');
+}
+.wym_skin_refinery li.wym_containers_h5 a {
+background-image: image_url('wymeditor/skins/refinery/text_heading_5.png');
+}
+.wym_skin_refinery li.wym_containers_h6 a {
+background-image: image_url('wymeditor/skins/refinery/text_heading_6.png');
+}
+.wym_skin_refinery li.wym_containers_p a {
+background-image: image_url('wymeditor/skins/refinery/text_paragraph.png');
+}
+.wym_skin_refinery li.wym_tools_class a {
+background-image: image_url('wymeditor/skins/refinery/style.png');
+}
+
+
+/*DECORATION*/
+.wym_skin_refinery .wym_section h2 {
+  background: #DDD;
+  border: solid gray;
+  border-width: 0 0 1px;
+}
+.wym_skin_refinery .wym_section h2 span {
+  color: gray;
+}
+.wym_skin_refinery .wym_panel {
+  padding: 0;
+  border: solid gray;
+  border-width: 1px;
+  background: white;
+}
+.wym_skin_refinery .wym_panel ul {
+  margin: 2px 0 5px;
+}
+.wym_skin_refinery .wym_dropdown {
+  padding: 0;
+  border: solid gray;
+  border-width: 1px 1px 0 1px;
+}
+.wym_skin_refinery .wym_dropdown ul {
+  border: solid gray;
+  border-width: 0 1px 1px 1px;
+  margin-left: -1px;
+  padding: 5px 10px 5px 3px;
+}
+
+/*DIALOGS*/
+.wym_dialog div.row {
+  margin-bottom: 5px;
+}
+.wym_dialog div.row input {
+  margin-right: 5px;
+}
+.wym_dialog div.row label {
+  float: left;
+  width: 150px;
+  display: block;
+  text-align: right;
+  margin-right: 10px;
+}
+.wym_dialog div.row-indent {
+  padding-left: 160px;
+}
+/*autoclearing*/
+.wym_dialog div.row:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.wym_dialog div.row {
+  display: inline-block;
+}
+/* Hides from IE-mac \*/
+* html .wym_dialog div.row {
+  height: 1%;
+}
+.wym_dialog div.row {
+  display: block;
+}
+/* End hide from IE-mac */
+
+/*WYMEDITOR_LINK*/
+a.wym_wymeditor_link {
+  text-indent: -9999px;
+  float: right;
+  display: block;
+  width: 50px;
+  height: 15px;
+  background: url(../wymeditor_icon.png);
+  overflow: hidden;
+  text-decoration: none;
+}
+
+
+/* hide containers and classes */
+.wym_skin_refinery .wym_area_right, .wym_skin_refinery .wym_area_bottom {
+  display: none !important;
+}
+.wym_skin_refinery .wym_area_main {
+  margin-right: 0px !important;
+}
+
+.wym_skin_refinery .wym_buttons ul, .wym_buttons ul li {
+  margin: 0px;
+}
+
+.wym_skin_refinery .wym_buttons li a {
+  border-bottom: 0px !important;
+}
+
+#dialog_frame {
+  width: 928px;
+  height: 500px;
+  padding: 0px;
+  border: 0px solid #F2F1ED;
+}
+.wym_hideables {
+  display: none;
+}
+
+.wym_classes {
+  display: block;
+  position: absolute;
+  left: 0px;
+  top: 23px;
+  padding-top: 6px !important;
+  width: 200px;
+}
+.wym_classes_hidden {
+  display: none;
+}
+.wym_tools_class.activated {
+  position: relative;
+}
+.wym_skin_refinery .wym_buttons .wym_tools_class .wym_classes li {
+  float: left;
+  width: 200px;
+  cursor: pointer;
+  background-color: #F6F5F4;
+}
+.wym_skin_refinery .wym_buttons .wym_tools_class .wym_classes li a {
+  text-indent: 0px;
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: 0px 0px;
+  width: auto;
+}
+.wym_skin_refinery .wym_tools_class .wym_classes .wym_tools_class_multiple_rules span {
+  display: block;
+  cursor: auto;
+  font-size: 13px;
+  font-weight: bold;
+  font-style: italic;
+  margin: 3px 0px 0px 6px;
+  background: #EDEEDE;
+}
+.wym_skin_refinery .wym_tools_class .wym_tools_class_multiple_rules ul li {
+}
+.wym_skin_refinery .wym_tools_class .wym_classes .wym_tools_class_multiple_rules ul li a {
+  width: 167px;
+  padding-left: 12px;
+  padding-right: 21px;
+  height: 20px;
+  line-height: 20px;
+}
+
+.wym_skin_refinery .wym_tools_class .wym_classes li.enabled a {
+  background-image: image_url('refinery/icons/star.png');
+  background-repeat: no-repeat;
+  background-position: 181px 2px;
+}
+
+.wym_skin_refinery .wym_status.wym_section {
+  display: none;
+}
+
+.wym_skin_refinery {
+  opacity: 0;
+}

data/app/assets/stylesheets/wymeditor/skins/refinery/wymiframe.css.scss

@@ -0,0 +1,156 @@
+/*
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2008 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *    http://www.wymeditor.org/
+ *
+ * File Name:
+ *    wymeditor.css
+ *    Main editor css file.
+ *    See the documentation for more info.
+ *
+ * File Authors:
+ *    Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ *    Daniel Reszka (d.reszka a-t wymeditor dotorg)
+*/
+
+/* VISUAL FEEDBACK */
+
+/* basic */
+  body  { background: #fff;}
+
+/* make HTML blocks visible */
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ul,
+  ol,
+  table,
+  blockquote,
+  pre,
+  article,
+  aside,
+  command,
+  details,
+  summary,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  mark,
+  meter,
+  nav,
+  progress,
+  ruby,
+  rt,
+  rp,
+  section,
+  time { background: transparent no-repeat 2px 2px;
+          padding:8px 5px 5px;
+          margin:6px 0px;
+          border: 1px dotted #cccccc;
+          }
+  td      { background: #F0F4F8; }
+  th      { background: #ffffcc; }
+  ul,
+  ol      { border-left:20px solid #B9C4D0; padding:0px 5px; }
+  caption     { background: #E4E4B0; padding: 5px; font-weight: bold; }
+  table     { font-size: 12px; width: 500px; }
+  td      { width: 25%; }
+  blockquote  { margin-left: 30px; }
+  pre       { background-color:transparent; border: 1px solid white; }
+
+/* Gecko min height fix */
+  p       { min-height: 1em; } /*min-height is needed under Firefox, because empty parargraphs */
+  html.ie p    { min-height: auto; } /* but we have to remove it under IE7 because it triggers the 'haslayout' mode */
+  td      { height: 1.6em; }
+
+/* labels */
+  p           { background-image: asset_url('wymeditor/skins/refinery/html5/p.png', image); }
+  h1          { background-image: asset_url('wymeditor/skins/refinery/html5/h1.png', image); }
+  h2          { background-image: asset_url('wymeditor/skins/refinery/html5/h2.png', image); }
+  h3          { background-image: asset_url('wymeditor/skins/refinery/html5/h3.png', image); }
+  h4          { background-image: asset_url('wymeditor/skins/refinery/html5/h4.png', image); }
+  h5          { background-image: asset_url('wymeditor/skins/refinery/html5/h5.png', image); }
+  h6          { background-image: asset_url('wymeditor/skins/refinery/html5/h6.png', image); }
+  blockquote  { background-image: asset_url('wymeditor/skins/refinery/html5/blockquote.png', image); }
+  pre         { background-image: asset_url('wymeditor/skins/refinery/html5/pre.png', image); }
+  meter       { background-image: asset_url('wymeditor/skins/refinery/html5/meter.png', image); }
+  nav         { background-image: asset_url('wymeditor/skins/refinery/html5/nav.png', image); }
+  ruby        { background-image: asset_url('wymeditor/skins/refinery/html5/ruby.png', image); }
+  rt          { background-image: asset_url('wymeditor/skins/refinery/html5/rt.png', image); }
+  rp          { background-image: asset_url('wymeditor/skins/refinery/html5/rp.png', image); }
+  article     { background-image: asset_url('wymeditor/skins/refinery/html5/article.png', image); }
+  aside       { background-image: asset_url('wymeditor/skins/refinery/html5/aside.png', image); }
+  command     { background-image: asset_url('wymeditor/skins/refinery/html5/command.png', image); }
+  details     { background-image: asset_url('wymeditor/skins/refinery/html5/details.png', image); }  
+  summary     { background-image: asset_url('wymeditor/skins/refinery/html5/summary.png', image); }
+  figure      { background-image: asset_url('wymeditor/skins/refinery/html5/figure.png', image); }
+  figcaption  { background-image: asset_url('wymeditor/skins/refinery/html5/figcaption.png', image); }
+  footer      { background-image: asset_url('wymeditor/skins/refinery/html5/footer.png', image); }
+  header      { background-image: asset_url('wymeditor/skins/refinery/html5/header.png', image); }
+  hgroup      { background-image: asset_url('wymeditor/skins/refinery/html5/hgroup.png', image); }
+  mark        { background-image: asset_url('wymeditor/skins/refinery/html5/mark.png', image); }
+  progress    { background-image: asset_url('wymeditor/skins/refinery/html5/progress.png', image); }
+  section     { background-image: asset_url('wymeditor/skins/refinery/html5/section.png', image); }
+  time        { background-image: asset_url('wymeditor/skins/refinery/html5/time.png', image); }
+
+/* specific HTML elements */
+	caption	 { text-align: left; }
+	img		 { margin-right: 5px;
+				border: 1px solid transparent; }
+	a img	 { border: 1px dotted blue !important; }
+	acronym	 { border: 1px solid gray; }
+
+/* visual feedback for non-valid nesting of elements*/
+  h1 h1, h1 h2, h1 h3, h1 h4, h1 h5, h1 h6, h1 p, h1 pre, h1 address,
+  h2 h1, h2 h2, h2 h3, h2 h4, h2 h5, h2 h6, h2 p, h2 pre, h2 address,
+  h3 h1, h3 h2, h3 h3, h3 h4, h3 h5, h3 h6, h3 p, h3 pre, h3 address,
+  h4 h1, h4 h2, h4 h3, h4 h4, h4 h5, h4 h6, h4 p, h4 pre, h4 address,
+  h5 h1, h5 h2, h5 h3, h5 h4, h5 h5, h5 h6, h5 p, h5 pre, h5 address,
+  h6 h1, h6 h2, h6 h3, h6 h4, h6 h4, h6 h6, h6 p, h6 pre, h6 address,
+  p h1, p h2, p h3, p h4, p h5, p h6, p pre, p address,
+  pre h1, pre h2, pre h3, pre h4, pre h5, pre h6, pre p, pre pre, pre address,
+  address h1, address h2, address h3, address h4, address h5, address h6,
+  address p, address pre, address address
+  { background-color: #ff9999 !important;
+  border: 1px solid red !important;
+  font-size: 12px !important;
+  font-weight: normal; }
+
+/* indicate invalid text area fields */
+  body.fieldWithErrors { background-color: #ffecf0 !important; }
+
+  img.selected_by_wym {
+    border: 1px dashed #22a7f2;
+  }
+  
+  article,
+  aside,
+  command,
+  details,
+  summary,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  mark,
+  meter,
+  nav,
+  progress,
+  ruby,
+  rt,
+  rp,
+  section,
+  time {
+    display: block;
+  }