#78656 by m3avrck. Drupal Core's first CSS hack.

4 files changed, 31 insertions, 10 deletions

diff --git a/modules/help/help.module b/modules/help/help.module
index c4ae90256..8f6edcbc5 100644
--- a/modules/help/help.module
+++ b/modules/help/help.module
@@ -80,14 +80,14 @@ function help_links_as_list() {
 
   // Output pretty four-column list
   $break = ceil(count($modules) / 4);
-  $output = '<div class="help-items"><ul>';
+  $output = '<div class="help-items clear-block"><ul>';
   foreach ($modules as $i => $module) {
     $output .= '<li>'. l(t($module), 'admin/help/'. $module) .'</li>';
     if (($i + 1) % $break == 0) {
       $output .= '</ul></div><div class="help-items'. ($i + 1 == $break * 3 ? ' help-items-last' : '') .'"><ul>';
     }
   }
-  $output .= '</ul></div><br class="clear" />';
+  $output .= '</ul></div>';
 
   return $output;
 }
diff --git a/modules/node/node.module b/modules/node/node.module
index 488cde59c..216e89a8c 100644
--- a/modules/node/node.module
+++ b/modules/node/node.module
@@ -1334,7 +1334,7 @@ function theme_node_filter_form($form) {
  * Theme node administraton filter selector.
  */
 function theme_node_filters($form) {
-  $output .= '<ul>';
+  $output .= '<ul class="clear-block">';
   if (sizeof($form['current'])) {
     foreach (element_children($form['current']) as $key) {
       $output .= '<li>' . drupal_render($form['current'][$key]) . '</li>';
@@ -1356,7 +1356,7 @@ function theme_node_filters($form) {
 
   $output .= '</dl>';
   $output .= '<div class="container-inline" id="node-admin-buttons">'. drupal_render($form['buttons']) .'</div>';
-  $output .= '</li></ul><br class="clear" />';
+  $output .= '</li></ul>';
 
   return $output;
 }
@@ -2440,8 +2440,8 @@ function node_form_alter($form_id, &$form) {
     $form['advanced']['submit'] = array(
       '#type' => 'submit',
       '#value' => t('Advanced search'),
-      '#prefix' => '<div class="action">',
-      '#suffix' => '</div><br class="clear" />',
+      '#prefix' => '<div class="action clear-block">',
+      '#suffix' => '</div>',
     );
 
     $form['#validate']['node_search_validate'] = array();
diff --git a/modules/system/defaults.css b/modules/system/defaults.css
index 58f17d7b7..87b45d74c 100644
--- a/modules/system/defaults.css
+++ b/modules/system/defaults.css
@@ -26,7 +26,28 @@ th {
   padding-right: 1em;
   border-bottom: 3px solid #ccc;
 }
-br.clear {
-  clear: both;
+
+/*
+** Markup free clearing
+** Details: http://www.positioniseverything.net/easyclearing.html
+*/
+.clear-block:after {
+  content: ".";
+  display: block;
   height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clear-block {
+  display: inline-block;
+}
+
+/* Hides from IE-mac \*/
+* html .clear-block {
+  height: 1%;
+}
+.clear-block {
+  display: block;
 }
+/* End hide from IE-mac */
diff --git a/modules/user/user.module b/modules/user/user.module
index 7ef97b1cd..ad9322446 100644
--- a/modules/user/user.module
+++ b/modules/user/user.module
@@ -2504,7 +2504,7 @@ function theme_user_filter_form($form) {
  * Theme user administraton filter selector.
  */
 function theme_user_filters($form) {
-  $output .= '<ul>';
+  $output .= '<ul class="clear-block">';
   if (sizeof($form['current'])) {
     foreach (element_children($form['current']) as $key) {
       $output .= '<li>'. drupal_render($form['current'][$key]) .'</li>';
@@ -2526,7 +2526,7 @@ function theme_user_filters($form) {
 
   $output .= '</dl>';
   $output .= '<div class="container-inline" id="user-admin-buttons">'. drupal_render($form['buttons']) .'</div>';
-  $output .= '</li></ul><br class="clear" />';
+  $output .= '</li></ul>';
 
   return $output;
 }