[TASK] page module styling
authorIvan Kartolo <ivan.kartolo@dkd.de>
Mon, 26 Nov 2012 22:53:02 +0000 (23:53 +0100)
committerHelmut Hummel <helmut.hummel@typo3.org>
Mon, 26 Nov 2012 23:43:46 +0000 (00:43 +0100)
* Styling page module for classic and grid layout

Resolves: #43208
Releases: 6.0

Change-Id: Ie0831ecf37937d0a974bbb6ed9f34cfcc1c3106e
Reviewed-on: http://review.typo3.org/16763
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Helmut Hummel
Tested-by: Helmut Hummel
typo3/sysext/t3skin/images/backgrounds/layout-not-assigned.png [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/structure/module_web_page.css
typo3/sysext/t3skin/stylesheets/visual/module_web_page.css

diff --git a/typo3/sysext/t3skin/images/backgrounds/layout-not-assigned.png b/typo3/sysext/t3skin/images/backgrounds/layout-not-assigned.png
new file mode 100644 (file)
index 0000000..6902b1d
Binary files /dev/null and b/typo3/sysext/t3skin/images/backgrounds/layout-not-assigned.png differ
index 36d80cb..73a207b 100644 (file)
@@ -6,7 +6,8 @@ Web > Page
 td.t3-page-column {
        min-width: 150px;
        max-width: 300px;
-       padding: 0 12px;
+       border-left: 12px solid #F8F8F8;
+       border-right: 12px solid #F8F8F8;
 }
 
 .t3-page-colHeader {
@@ -97,4 +98,12 @@ td.t3-gridCell div.t3-page-ce {
 
 .t3-page-ce.active .t3-page-ce-body {
        margin: 0;
-}
\ No newline at end of file
+}
+
+#ext-cms-layout-db-layout-php h2 {
+       margin-bottom: 0px;
+}
+td.t3-page-column.t3-gridCell .t3-page-colHeader {
+       padding-top: 36px;
+       background: #F8F8F8;
+}
index c0cec75..403a1c3 100644 (file)
@@ -9,6 +9,7 @@ Web > Page
 
 .t3-page-columns {
        width: 100%;
+       margin: 0px -12px;
 }
 
 .t3-page-colHeader {
@@ -154,7 +155,7 @@ td.t3-gridCell-restricted {
 }
 
 td.t3-gridCell-unassigned {
-       background-color: #e5e5e5;
+       background: url('../../images/backgrounds/layout-not-assigned.png') repeat;
 }
 
 .t3-gridContainer .t3-page-ce-wrapper .t3-row-header {
@@ -162,15 +163,13 @@ td.t3-gridCell-unassigned {
        background-color: #cacaca;
 }
 
-td.t3-gridCell-restricted div.t3-row-header,
-td.t3-gridCell-unassigned div.t3-row-header {
+td.t3-gridCell-restricted div.t3-row-header {
        -moz-opacity: 0.4;
        opacity: .40;
        filter: alpha(opacity = 40);
 }
 
-td.t3-gridCell-restricted div.t3-row-header div,
-td.t3-gridCell-unassigned div.t3-row-header div {
+td.t3-gridCell-restricted div.t3-row-header div {
        -moz-opacity: 0.6;
        opacity: .60;
        filter: alpha(opacity = 60);