[TASK] EXT: t3skin: Extract form styling into own file 96/21196/2
authorFelix Kopp <felix-source@phorax.com>
Mon, 3 Jun 2013 08:28:45 +0000 (10:28 +0200)
committerMarkus Klein <klein.t3@mfc-linz.at>
Tue, 4 Jun 2013 22:29:18 +0000 (00:29 +0200)
File main_content.css currently includes styles definitions
for <form> and corresponding fields.

Extract CSS styling definitions from main_content.css into an
own file "main_form.css" (for /structure + /visual directory).

Change-Id: I77fb16fb32d28a1e946e5f6093ee4389289e0ca1
Resolves: #48783
Releases: 6.2
Reviewed-on: https://review.typo3.org/21196
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Markus Klein
Tested-by: Markus Klein
typo3/sysext/t3skin/stylesheets/structure/main_content.css
typo3/sysext/t3skin/stylesheets/structure/main_form.css [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/visual/main_content.css
typo3/sysext/t3skin/stylesheets/visual/main_form.css [new file with mode: 0644]

index 6ddc1ad..a4d8fec 100644 (file)
@@ -3,7 +3,7 @@ TYPO3 styles for basic elements
 - - - - - - - - - - - - - - - - - - - - - */
 
 html {
-       height: 100%;
+       height: 100%;
 }
 
 select,
@@ -79,33 +79,6 @@ td {
 a span {
        cursor: pointer;
 }
-/* Forms */
-
-/* Reformatting of the submit buttons */
-form {
-       margin: 0;
-}
-
-#typo3-docbody form { margin-bottom: 1.25em; }
-
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-       padding: 2px 4px 2px 4px;
-}
-
-label {
-       vertical-align: middle;
-}
-
-.checkbox,
-.radio,
-.checkbox:hover {
-       height: 13px;
-       margin-right: 5px;
-       vertical-align: middle;
-       width: 13px;
-}
 
 /* - - - - - - - - - - - - - - - - - - - - -
 Various classes
diff --git a/typo3/sysext/t3skin/stylesheets/structure/main_form.css b/typo3/sysext/t3skin/stylesheets/structure/main_form.css
new file mode 100644 (file)
index 0000000..45a5445
--- /dev/null
@@ -0,0 +1,28 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+Form
+- - - - - - - - - - - - - - - - - - - - - */
+
+form {
+       margin: 0;
+}
+
+#typo3-docbody form { margin-bottom: 1.25em; }
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+       padding: 2px 4px 2px 4px;
+}
+
+label {
+       vertical-align: middle;
+}
+
+.checkbox,
+.radio,
+.checkbox:hover {
+       height: 13px;
+       margin-right: 5px;
+       vertical-align: middle;
+       width: 13px;
+}
\ No newline at end of file
index 9401f00..f192f4c 100644 (file)
@@ -203,11 +203,6 @@ div.diff-g {
        color: black;
 }
 
-textarea.fixed-font {
-       font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
-       font-size: 11px;
-}
-
 /** .uppercase is kept for backwards-compatibility, use .divider */
 .divider,
 .uppercase {
@@ -239,11 +234,8 @@ Dimmed span tag color (disabled)
        color: #cccccc;
 }
 
-
 /* - - - - - - - - - - - - - - - - - - - - -
-
 Red span tag color (warning, notice)
-
 - - - - - - - - - - - - - - - - - - - - - */
 
 .typo3-red {
@@ -279,79 +271,4 @@ div.warningbox {
 
 span.warningboxheader {
        margin-left: 5px;
-}
-
-/* - - - - - - - - - - - - - - - - - - - - -
-input elements
-- - - - - - - - - - - - - - - - - - - - - */
-
-input,
-textarea,
-select,
-button {
-       font-family: Verdana, Arial, Helvetica, sans-serif;
-       font-size: 11px;
-       line-height: 16px;
-}
-
-textarea {
-       background-color: #fefefe;
-       border: 1px solid #7c7c7c;
-}
-
-textarea:hover {
-       border: 1px solid #737f91;
-}
-
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-input[type="submit"][disabled="disabled"]:hover,
-input[type="reset"][disabled="disabled"]:hover,
-input[type="button"][disabled="disabled"]:hover {
-       background-color: #f6f6f6;
-       background-image: url('../../images/backgrounds/button.png');
-       background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
-       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
-       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
-       background-position: bottom;
-       background-repeat: repeat-x;
-       border: 1px solid #7c7c7c;
-       border-radius: 1px;
-       -moz-border-radius: 1px;
-       color: #434343;
-       cursor: pointer;
-}
-
-input[type="submit"]:hover,
-input[type="reset"]:hover,
-input[type="button"]:hover {
-       background-color: #c8c8c8;
-       background-image: url('../../images/backgrounds/button-hover.png');
-       background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
-       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
-       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #c8c8c8));
-       background-position: bottom;
-       background-repeat: repeat-x;
-       border: 1px solid #737f91;
-       color: #1e1e1e;
-       cursor: pointer;
-}
-
-input[type="submit"][disabled="disabled"],
-input[type="reset"][disabled="disabled"],
-input[type="button"][disabled="disabled"],
-input[type="submit"][disabled="disabled"]:hover,
-input[type="reset"][disabled="disabled"]:hover,
-input[type="button"][disabled="disabled"]:hover {
-       cursor: default;
-       opacity: 0.5;
-}
-
-.checkbox,
-.checkbox:hover,
-input[type="checkbox"] {
-       background: none;
-       border: none;
-       cursor: pointer;
 }
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/stylesheets/visual/main_form.css b/typo3/sysext/t3skin/stylesheets/visual/main_form.css
new file mode 100644 (file)
index 0000000..f56ad11
--- /dev/null
@@ -0,0 +1,79 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+Form
+- - - - - - - - - - - - - - - - - - - - - */
+
+textarea.fixed-font {
+       font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
+       font-size: 11px;
+}
+
+input,
+textarea,
+select,
+button {
+       font-family: Verdana, Arial, Helvetica, sans-serif;
+       font-size: 11px;
+       line-height: 16px;
+}
+
+textarea {
+       background-color: #fefefe;
+       border: 1px solid #7c7c7c;
+}
+
+textarea:hover {
+       border: 1px solid #737f91;
+}
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="submit"][disabled="disabled"]:hover,
+input[type="reset"][disabled="disabled"]:hover,
+input[type="button"][disabled="disabled"]:hover {
+       background-color: #f6f6f6;
+       background-image: url('../../images/backgrounds/button.png');
+       background-image: linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
+       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #d5d5d5 90%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #d5d5d5));
+       background-position: bottom;
+       background-repeat: repeat-x;
+       border: 1px solid #7c7c7c;
+       border-radius: 1px;
+       -moz-border-radius: 1px;
+       color: #434343;
+       cursor: pointer;
+}
+
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover {
+       background-color: #c8c8c8;
+       background-image: url('../../images/backgrounds/button-hover.png');
+       background-image: linear-gradient(center top, #f6f6f6 10%, #c8c8c8 90%);
+       background-image: -moz-linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
+       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, #f6f6f6), color-stop(0.9, #c8c8c8));
+       background-position: bottom;
+       background-repeat: repeat-x;
+       border: 1px solid #737f91;
+       color: #1e1e1e;
+       cursor: pointer;
+}
+
+input[type="submit"][disabled="disabled"],
+input[type="reset"][disabled="disabled"],
+input[type="button"][disabled="disabled"],
+input[type="submit"][disabled="disabled"]:hover,
+input[type="reset"][disabled="disabled"]:hover,
+input[type="button"][disabled="disabled"]:hover {
+       cursor: default;
+       opacity: 0.5;
+}
+
+.checkbox,
+.checkbox:hover,
+input[type="checkbox"] {
+       background: none;
+       border: none;
+       cursor: pointer;
+}
\ No newline at end of file