[TASK] EXT: t3skin - extract table styling 97/21197/3
authorFelix Kopp <felix-source@phorax.com>
Mon, 3 Jun 2013 09:04:55 +0000 (11:04 +0200)
committerMarkus Klein <klein.t3@mfc-linz.at>
Tue, 4 Jun 2013 22:53:14 +0000 (00:53 +0200)
In order to be able to introduce common table css definition,
CSS must be concentrated in a common file "main_table.css".

Change-Id: I3b051577bd0549be074347ce20a41cbeeb3b4b8f
Resolves: #48786
Releases: 6.2
Reviewed-on: https://review.typo3.org/21197
Reviewed-by: Susanne Moog
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Markus Klein
Tested-by: Markus Klein
typo3/sysext/t3skin/stylesheets/structure/element_table.css [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/structure/main_content.css
typo3/sysext/t3skin/stylesheets/visual/element_table.css
typo3/sysext/t3skin/stylesheets/visual/main_content.css
typo3/sysext/t3skin/stylesheets/visual/module_web_list.css

diff --git a/typo3/sysext/t3skin/stylesheets/structure/element_table.css b/typo3/sysext/t3skin/stylesheets/structure/element_table.css
new file mode 100644 (file)
index 0000000..84d748a
--- /dev/null
@@ -0,0 +1,52 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+Table
+- - - - - - - - - - - - - - - - - - - - - */
+
+table {
+}
+
+th,
+td {
+       vertical-align: top;
+}
+
+.t3-col-header {
+       padding: 0 10px 0 3px;
+}
+
+.t3-row-header {
+       padding: 1px 4px;
+}
+
+.t3-row-header span.t3-icon {
+       margin-right: 3px;
+}
+
+.tableheader td {
+       padding-left: 2px;
+       padding-right: 2px;
+}
+
+.lrPadding td {
+       padding-left: 2px;
+       padding-right: 2px;
+}
+
+table.t3-table-info td {
+       padding: 2px 4px;
+}
+
+/** used in the admin tools => DB check **/
+.t3-overview-list dt {
+       padding: 0px 0px 2px 20px;
+}
+
+.t3-overview-list dt img {
+       vertical-align: middle;
+       margin-right: 5px;
+}
+
+.t3-overview-list dd {
+       margin: 2px 0 15px 20px;
+       padding-left: 22px;
+}
index a4d8fec..82b17d1 100644 (file)
@@ -57,19 +57,6 @@ div.hr {
        height: 1px;
 }
 
-th,
-td {
-       vertical-align: top;
-}
-
-.t3-row-header {
-       padding: 1px 4px;
-}
-
-.t3-row-header span.t3-icon {
-       margin-right: 3px;
-}
-
 /** .uppercase is kept for backwards-compatibility, use .divider */
 .divider,
 .uppercase {
@@ -102,41 +89,9 @@ img.absmiddle {
        width: 12px;
 }
 
-.tableheader td {
-       padding-left: 2px;
-       padding-right: 2px;
-}
-
-.lrPadding td {
-       padding-left: 2px;
-       padding-right: 2px;
-}
-
 .alignToInputText, .alignToInputText:hover {
        margin-top: 5px;
        margin-right: 2px;
        vertical-align: top;
 }
 
-table.t3-table-info td {
-       padding: 2px 4px;
-}
-
-.t3-col-header {
-       padding: 0 10px 0 3px;
-}
-
-/** used in the admin tools => DB check **/
-.t3-overview-list dt {
-       padding: 0px 0px 2px 20px;
-}
-
-.t3-overview-list dt img {
-       vertical-align: middle;
-       margin-right: 5px;
-}
-
-.t3-overview-list dd {
-       margin: 2px 0 15px 20px;
-       padding-left: 22px; 
-}
index e7f006a..785afa7 100644 (file)
@@ -1,8 +1,40 @@
 /* - - - - - - - - - - - - - - - - - - - - -
-Default tables
-
+Table
 - - - - - - - - - - - - - - - - - - - - - */
 
+th {
+       font-weight: bold;
+}
+
+.t3-row-header {
+       background-color: #666;
+       color: #fff;
+       font-size: 10px;
+       line-height: 19px;
+       height: 20px;
+}
+
+tr.t3-row-header td {
+       color: #fff;
+       font-size: 10px;
+       font-weight: bold;
+       line-height: 16px;
+}
+
+.t3-row-header a {
+       color: #fff;
+       float: left;
+}
+
+.t3-col-header {
+       background-color: #585858;
+       color: #fff;
+       font-size: 10px;
+       line-height: 19px;
+       height: 20px;
+       font-weight: bold;
+}
+
 table.t3-table {
        background: #fff;
        border: 1px solid #a2aab8;
@@ -31,3 +63,16 @@ table.t3-table tr.t3-row-header td {
        font-weight: bold;
        line-height: 16px;
 }
+
+
+
+/** used for any table where a table is used for displaying information (and thus, there is air to breathe) **/
+table.t3-table-info {
+       background: #ffffff;
+       border: 1px solid #cccccc;
+       border-collapse: collapse;
+}
+
+.tableheader td {
+       font-weight: bold;
+}
index f192f4c..9a2e201 100644 (file)
@@ -80,7 +80,6 @@ em {
        font-style: italic;
 }
 
-th,
 strong {
        font-weight: bold;
 }
@@ -148,35 +147,6 @@ Background color classes
 Various classes
 - - - - - - - - - - - - - - - - - - - - - */
 
-/** used for any table where a table is used for displaying information (and thus, there is air to breathe) **/
-table.t3-table-info {
-       background: #ffffff;
-       border: 1px solid #cccccc;
-       border-collapse: collapse;
-}
-
-.t3-row-header {
-       background-color: #666;
-       color: #fff;
-       font-size: 10px;
-       line-height: 19px;
-       height: 20px;
-}
-
-.t3-row-header a {
-       color: #fff;
-       float: left;
-}
-
-.t3-col-header {
-       background-color: #585858;
-       color: #fff;
-       font-size: 10px;
-       line-height: 19px;
-       height: 20px;
-       font-weight: bold;
-}
-
 .section {
        margin-bottom: 15px;
 }
@@ -208,9 +178,6 @@ div.diff-g {
 .uppercase {
        border-bottom: 1px solid #cdcdcd;
 }
-.tableheader td {
-       font-weight: bold;
-}
 
 /** used in the admin tools => DB check **/
 .t3-overview-list dt {
@@ -271,4 +238,4 @@ div.warningbox {
 
 span.warningboxheader {
        margin-left: 5px;
-}
\ No newline at end of file
+}
index 4c886c4..6ba96a3 100644 (file)
@@ -1,6 +1,5 @@
 /* - - - - - - - - - - - - - - - - - - - - -
 Web > List
-
 - - - - - - - - - - - - - - - - - - - - - */
 
 table.typo3-dblist {
@@ -16,13 +15,6 @@ table.typo3-dblist tr.db_list_alt td {
        background-color: #e4e5f0;
 }
 
-tr.t3-row-header td {
-       color: #fff;
-       font-size: 10px;
-       font-weight: bold;
-       line-height: 16px;
-}
-
 table#typo3-dblist-top table.bgColor4 {
        background-color: #efeff4;
 }