added elgg-output class for displaying user input with typical styling for lists...

git-svn-id: http://code.elgg.org/elgg/trunk@8332 36083f99-b078-4883-b0ff-0f9b5a30f544

diff --git a/views/default/css/elements/chrome.php b/views/default/css/elements/chrome.php
index a9b82d41d47c66c97c6147957b2f9c56ef7cdba4..157b00c6ed4745cdb5549ccac2fa9abdba6f47a6 100644 (file)
--- a/views/default/css/elements/chrome.php
+++ b/views/default/css/elements/chrome.php
@@ -81,18 +81,45 @@ h2 {
        color: #0054A7;
 }
 
+.elgg-photo {
+       border: 1px solid #ccc;
+       padding: 3px;
+       background-color: white;
+}
+
 <?php //@todo remove ?>
 .radius8 {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
 }
 
+/* ***************************************
+       USER INPUT DISPLAY RESET
+*************************************** */
+.elgg-output ul, ol {
+       margin: 0 1.5em 1.5em 0;
+       padding-left: 1.5em;
+}
+.elgg-output ul {
+       list-style-type: disc;
+}
+.elgg-output ol {
+       list-style-type: decimal;
+}
+.elgg-output table {
+       border: 1px solid #ccc;
+}
+.elgg-output table td {
+       border: 1px solid #ccc;
+       padding: 3px 5px;
+}
+
 /* ***************************************
        Borders (inspired by OOCSS)
        b<location><type>
 *************************************** */
 
-<?php //@todo style is 'a' or 'b' because I didn't want to think of something cooler ?>
+<?php //@todo remove ?>
 /* a */
 .bta, .bva, .baa {border-top: 1px solid #ccc}
 .bba, .bva, .baa {border-bottom: 1px solid #ccc}
@@ -104,27 +131,3 @@ h2 {
 .bbb, .bvb, .bab {border-bottom: 1px solid #eee}
 .blb, .bhb, .bab {border-left: 1px solid #eee}
 .brb, .bhb, .bab {border-right: 1px solid #eee}
-
-.elgg-text ul, ol {
-       margin: 0 1.5em 1.5em 0;
-       padding-left: 1.5em;
-}
-.elgg-text ul {
-       list-style-type: disc;
-}
-.elgg-text ol {
-       list-style-type: decimal;
-}
-
-.elgg-subtext {
-       color: #666666;
-       font-size: 85%;
-       line-height: 1.2em;
-       font-style: italic;
-}
-
-.elgg-photo {
-       border: 1px solid #ccc;
-       padding: 3px;
-       background-color: white;
-}

diff --git a/views/default/css/elements/typography.php b/views/default/css/elements/typography.php
index bd62363c33489b87b378af885c4ea1b679befb2f..82d55cc043dccc937d08f82dfd5ed9c13aa72766 100644 (file)
--- a/views/default/css/elements/typography.php
+++ b/views/default/css/elements/typography.php
@@ -13,10 +13,10 @@
 body {
        font-size: 80%;
        line-height: 1.4em;
-       font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
+       font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
 }
 pre, code {
-       font-family: Monaco,"Courier New",Courier,monospace;
+       font-family: Monaco, "Courier New", Courier, monospace;
        font-size: 12px;
 }
 input, textarea {
@@ -36,7 +36,7 @@ h5 { font-size: 0.9em; }
 h6 { font-size: 0.8em; }
 
 .elgg-monospace {
-       font-family: Monaco,"Courier New",Courier,monospace;
+       font-family: Monaco, "Courier New", Courier, monospace;
 }
 
 .elgg-heading-site, .elgg-heading-site:hover {
@@ -58,3 +58,10 @@ h6 { font-size: 0.8em; }
        font-size: 1.2em;
        font-weight: bold;
 }
+
+.elgg-subtext {
+       color: #666666;
+       font-size: 85%;
+       line-height: 1.2em;
+       font-style: italic;
+}

diff --git a/views/default/output/longtext.php b/views/default/output/longtext.php
index 703bb086896b572b20f110e6533d3aadb24f37d4..c188d0e16701835cf9f90423a72dca1ef020a047 100644 (file)
--- a/views/default/output/longtext.php
+++ b/views/default/output/longtext.php
@@ -11,7 +11,7 @@
  * @uses $vars['class']
  */
 
-$class = 'elgg-text';
+$class = 'elgg-output';
 $additional_class = elgg_extract('class', $vars, '');
 if ($additional_class) {
        $class = "$class $additional_class";