[TASK] Simplify Font-Size inheritance (CSS) 99/24299/5
authorFelix Kopp <felix-source@phorax.com>
Sun, 6 Oct 2013 19:28:43 +0000 (21:28 +0200)
committerErnesto Baschny <ernst@cron-it.de>
Wed, 22 Jan 2014 10:59:04 +0000 (11:59 +0100)
Font-sizes are defined in t3skin at various places multiple times.
In order to reduce complexity font-size & line-height should be
defined centrally and inherited by containers and elements.

Removes few definitions to unify font-sizes and line-heights.
Also fixed ExtJS CSS theme.

Change-Id: I6493aca9c2dd0fe36c19a65b1e6076b6a181419a
Resolves: #52497
Related: #52501
Related: #49592
Releases: 6.2
Reviewed-on: https://review.typo3.org/24299
Reviewed-by: Marcin Sągol
Tested-by: Marcin Sągol
Reviewed-by: Stefan Neufeind
Reviewed-by: Ernesto Baschny
Tested-by: Ernesto Baschny
27 files changed:
typo3/sysext/backend/Classes/Form/FormEngine.php
typo3/sysext/backend/Resources/Public/Css/visual/main_content.css
typo3/sysext/form/Resources/Public/CSS/Wizard/Wizard.css
typo3/sysext/lang/Resources/Public/StyleSheet/LangModule.css
typo3/sysext/opendocs/Resources/Public/Css/opendocs.css
typo3/sysext/recycler/res/css/customExtJs.css
typo3/sysext/scheduler/res/tx_scheduler_be.css
typo3/sysext/sys_action/toolbarmenu/tx_sysactions.css
typo3/sysext/t3skin/Resources/Public/Css/structure/main_content.css
typo3/sysext/t3skin/Resources/Public/Css/structure/module_menu.css
typo3/sysext/t3skin/Resources/Public/Css/visual/element_csh.css
typo3/sysext/t3skin/Resources/Public/Css/visual/element_message.css
typo3/sysext/t3skin/Resources/Public/Css/visual/element_tree.css
typo3/sysext/t3skin/Resources/Public/Css/visual/element_typoscript.css
typo3/sysext/t3skin/Resources/Public/Css/visual/main_content.css
typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css
typo3/sysext/t3skin/Resources/Public/Css/visual/module_help_about.css
typo3/sysext/t3skin/Resources/Public/Css/visual/module_help_manual.css
typo3/sysext/t3skin/Resources/Public/Css/visual/module_menu.css
typo3/sysext/t3skin/Resources/Public/Css/visual/module_web_page.css
typo3/sysext/t3skin/Resources/Public/Css/visual/module_web_template.css
typo3/sysext/t3skin/Resources/Public/Css/visual/toolbar_caching.css
typo3/sysext/t3skin/Resources/Public/Css/visual/toolbar_workspace.css
typo3/sysext/t3skin/extjs/xtheme-t3skin.css
typo3/sysext/taskcenter/res/mod_styles.css
typo3/sysext/workspaces/Resources/Public/StyleSheet/module.css
typo3/sysext/workspaces/Resources/Public/StyleSheet/preview.css

index aa3b8ef..e2a3512 100644 (file)
@@ -65,7 +65,6 @@ class FormEngine {
         */
        public $paletteMargin = 1;
 
-       // 'font-family:Verdana;font-size:10px;';
        /**
         * @todo Define visibility
         */
index 4f958d5..ccfac75 100644 (file)
@@ -18,7 +18,7 @@ span.t3-icon {
        background-repeat:no-repeat;
        width: 16px;
        height: 16px;
-       font-size:1px;
+       font-size: 1px;
        line-height:0;
 }
 
@@ -37,4 +37,4 @@ span.t3-icon {
 
 #typo3-newRecord tr {
        line-height: 13px;
-}
\ No newline at end of file
+}
index a877b94..a6dd1f2 100644 (file)
@@ -84,10 +84,6 @@ div.overflow-hidden {
        margin-top: 10px;
 }
 
-#formwizard-left .x-form .x-form-item {
-       font-size: 11px;
-}
-
 #formwizard-left .x-panel-accordion:last-child {
        border-bottom: medium none;
 }
@@ -95,7 +91,6 @@ div.overflow-hidden {
 #formwizard-left .x-accordion-hd .x-panel-header-text {
        font-weight: bold;
        text-transform: uppercase;
-       font-size: 11px;
 }
 
 #formwizard-left .x-fieldset-noborder {
@@ -104,7 +99,6 @@ div.overflow-hidden {
 }
 
 #formwizard-left .x-form fieldset legend {
-       font-size: 11px;
        margin-left: -2px;
 }
 
index b91b2e1..6f7183b 100644 (file)
@@ -61,9 +61,6 @@ div.dataTables_wrapper div.dataTables_scroll {
 div.dataTables_wrapper div.dataTables_scrollHead {
        background-color: #666;
        color: white;
-       font-size: 10px;
-       line-height: 19px;
-       height: 20px;
        font-weight: bold;
 }
 
@@ -140,9 +137,7 @@ div.dataTables_wrapper td.waiting label {
 
 div.dataTables_wrapper td label {
        display: block;
-       height: 24px;
        width: 100%;
-       line-height: 24px;
 }
 
 div.dataTables_wrapper tbody td {
index d45ac80..2e6d02d 100644 (file)
@@ -18,6 +18,7 @@ Description : styles the Open Documents toolbar item
        background-image: url('../Images/toolbar_item_active_bg.png');
 }
 
+/* Small counter box in topbar / toolbar icon */
 #tx-opendocs-menu input {
        font-size: 9px;
        height: 12px;
index 8efe08c..dfad426 100644 (file)
@@ -4,7 +4,6 @@
 
 .recycler-messagebox {
        padding: 10px;
-       font-size: 12px;
 }
 
 ul.recycler-table-list {
index e8dc4db..9cb388a 100644 (file)
@@ -48,7 +48,6 @@
 
 .tx_scheduler_mod1 input.button {
        padding: 1px 4px 1px 4px;
-       line-height: 14px;
        margin: 5px 0px;
 }
 
index be638e7..b91707f 100644 (file)
 
 #tx-sys-action-menu li a {
        text-decoration: none;
-       line-height: 12px;
        vertical-align: middle;
        display: block;
        padding-bottom: 2px;
        padding-left: 3px;
-       font-size: 11px;
 }
\ No newline at end of file
index a63849b..7f5f0c3 100644 (file)
@@ -22,7 +22,6 @@ div {
        margin: 0px;
 }
 
-/* Occasionally used, eg. in About Modules: */
 h1 {
        font-size: 2.3em;
        margin: 0 0 30px 0;
@@ -34,13 +33,11 @@ h2 {
        margin: 24px 0 12px 0;
 }
 
-/* Normal section headers */
 h3 {
        font-size: 1.3em;
        margin: 24px 0 12px 0;
 }
 
-/* Discrete section headers (no background) */
 h4 {
        font-size: 1.2em;
        margin: 12px 0 12px 0;
index 26e2670..05a8bb4 100644 (file)
@@ -25,6 +25,7 @@ Module menu
 }
 
 #typo3-menu li div.modgroup {
+       font-size: 0.9em;
        padding-left: 24px;
        margin-bottom: 3px;
 }
index 8887ca6..203ad01 100644 (file)
@@ -99,12 +99,6 @@ div.typo3-view-help div.c-toc ul li ul {
        list-style: disc;
 }
 
-div.typo3-view-help .manual-title,
-div.typo3-view-help .introduction {
-       font-size: 12px;
-       line-height: 1.4;
-}
-
 div.typo3-view-help .manual-title a,
 div.typo3-view-help div.c-toc a,
 div.typo3-view-help p a {
index 9a8ad1e..28f0544 100644 (file)
@@ -142,7 +142,6 @@ ul.tree ul li.active ul span a {
 #treeFilter {
        background: transparent;
        border: 0px;
-       font-size: 11px;
 }
 
 #treeFilterReset {
index ec285ba..4f752ee 100644 (file)
@@ -4,7 +4,6 @@ TypoScript Highlighting
 
 pre.ts-hl {
        font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitsream Vera Sans Mono", monospace;
-       font-size: 11px;
 }
 
 pre.ts-hl .ts-operator {
index 2131ffd..04cf5b8 100644 (file)
@@ -26,7 +26,6 @@ body {
 /* Preformatted text - not used so much in TYPO3 */
 pre {
        font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
-       font-size: 11px;
 }
 
 /* Links in general */
index d371563..344fc2c 100644 (file)
@@ -4,16 +4,6 @@ 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 {
index 9b3cc6b..d0db5fd 100644 (file)
@@ -26,7 +26,6 @@ Help > About
 }
 
 #typo3-mod-help-about-index-php-outer .typo3-mod-help-about-index-php-inner h3 {
-       font-size: 14px;
        text-align: left;
 }
 
index 70f9d10..850f659 100644 (file)
@@ -11,13 +11,11 @@ div.typo3-view-help div.c-toc {
 }
 
 div.typo3-view-help div.c-toc ul li {
-       font-size: 11px;
        font-weight: bold;
 }
 
 div.typo3-view-help div.c-toc ul li ul li {
        font-weight: normal;
-       font-size: 12px;
 }
 
 div.typo3-view-help p.c-nav a {
index 8e39ab4..52b2b06 100644 (file)
@@ -73,7 +73,6 @@ Module menu
 #typo3-menu li div.modgroup {
        color: #252524;
        cursor: pointer;
-       font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
 }
@@ -106,7 +105,6 @@ Module menu
 #typo3-menu li ul li {
        cursor: pointer;
        font-weight: normal;
-       font-size: 11px;
        line-height: 15px;
 }
 
index 0b368ca..049df00 100644 (file)
@@ -15,7 +15,6 @@ Web > Page
        background: none;
        color: #999999;
        font-family: Verdana, sans-serif;
-       font-size: 13px;
        text-align: left;
 }
 
@@ -62,7 +61,6 @@ Web > Page
        background-color: #ffffff;
        border: 1px solid #ffffff;
        border-top: none;
-       font-size: 10px;
 }
 
 .t3-page-ce.active .t3-page-ce-body {
@@ -168,6 +166,7 @@ td.t3-gridCell-unassigned {
 .t3-page-ce-wrapper .t3-row-header {
        background-image: none;
        background-color: #cacaca;
+       min-height: 20px;
 }
 
 td.t3-gridCell-restricted div.t3-row-header {
index 517e100..d367972 100644 (file)
@@ -7,6 +7,5 @@ Web > Template
 }
 
 dt.typo3-tstemplate-ceditor-label {
-       font-size: 11px;
        font-weight: bold;
 }
\ No newline at end of file
index 25fbe81..db57cd0 100644 (file)
@@ -7,7 +7,5 @@ Clear-Cache menu inside the toolbar
 }
 
 #clear-cache-actions-menu li a {
-       font-size: 11px;
-       line-height: 12px;
        text-decoration: none;
 }
\ No newline at end of file
index 23d191a..666a642 100644 (file)
@@ -18,8 +18,6 @@ Workspace Selector
 }
 
 #workspace-selector-menu li a {
-       font-size: 11px;
-       line-height: 19px;
        text-decoration: none;
 }
 
index 245f8cb..c4364e6 100644 (file)
@@ -674,9 +674,6 @@ ul.x-tab-strip-bottom{
 .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
        border-color:#A2AAB8;
 }
-.x-form-field{
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
 
 .x-form-text, textarea.x-form-field{
        background-color:#fff;
@@ -747,17 +744,8 @@ ul.x-tab-strip-bottom{
        background-image:url(images/grid/invalid_line.gif);
 }
 
-.x-form-grow-sizer {
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
-
-.x-form-item {
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
-
 .x-form-invalid-msg {
        color:#c0272b;
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
        background-image:url(images/shared/warning.gif);
 }
 
@@ -765,14 +753,6 @@ ul.x-tab-strip-bottom{
        color:gray;
 }
 
-.x-small-editor .x-form-field {
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
-
-.ext-safari .x-small-editor .x-form-field {
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
-
 .x-form-invalid-icon {
        background-image:url(images/form/exclamation.gif);
 }
@@ -782,12 +762,11 @@ ul.x-tab-strip-bottom{
 }
 
 .x-fieldset legend {
-       font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
+       font-weight: bold;
        color:#55545E;
 }
 
 .x-btn button {
-       font-size: 11px;
 }
 
 .x-btn em {
@@ -898,10 +877,6 @@ ul.x-tab-strip-bottom{
        background-image:url(images/toolbar/bg.gif);
 }
 
-.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
-       font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
-}
-
 .x-toolbar .x-item-disabled {
        color:gray;
 }
@@ -1029,7 +1004,6 @@ ul.x-tab-strip-bottom{
 
 .x-grid3 {
        background-color:#fff;
-       font-size: 11px;
 }
 
 .x-grid3-hd-row td {
@@ -1177,10 +1151,6 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
        background-image:url(images/grid/dirty.gif);
 }
 
-.x-grid3-topbar, .x-grid3-bottombar{
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
-
 .x-grid3-bottombar .x-toolbar{
        border-top-color:#bcbcbc;
 }
@@ -1256,7 +1226,7 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
        background-image:url("images/grid/row-expand-sprite.png");
        background-position: 4px -38px;
        color:#606060;
-       font:bold 11px verdana, arial, tahoma, helvetica, sans-serif;
+       font-weight: bold;
        padding: 5px 4px 4px 27px;
 }
 
@@ -1279,7 +1249,6 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
 
 .x-grid-empty {
        color:gray;
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
@@ -1295,7 +1264,6 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
 }
 .x-dd-drag-ghost{
        color:#000;
-       font: normal 10px verdana, arial, helvetica, sans-serif;
        border-color: #ddd #bbb #bbb #ddd;
        background-color:#fff;
 }
@@ -1435,13 +1403,11 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
 
 .x-tree-node{
        color:#000;
-       font: normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-tree-node a, .x-dd-drag-ghost a {
        color: #000;
        vertical-align: -1px;
-       font-size: 11px;
        display: inline-block;
 }
 
@@ -1505,7 +1471,7 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
 .x-date-middle,.x-date-left,.x-date-right {
        background-image: url(images/shared/hd-sprite.gif);
        color:#fff;
-       font:bold 10px verdana, arial, "sans serif", tahoma, verdana, helvetica;
+       font-weight: bold;
 }
 
 .x-date-left,.x-date-right {
@@ -1532,7 +1498,6 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
        background-color:#EFEFF4;
        background-image:url(images/shared/glass-bg.gif);
        border-bottom-color:#A2AAB8;
-       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
        color:#3d3d3d;
 }
 
@@ -1541,7 +1506,6 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
 }
 
 .x-date-inner a {
-       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
        color:#000;
 }
 
@@ -1588,7 +1552,6 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
 }
 
 .x-date-mmenu .x-menu-item {
-       font-size:10px;
        color:#000;
 }
 
@@ -1596,15 +1559,10 @@ td.x-grid3-hd-over, td.x-grid3-hd-menu-open {
        background-color:#fff;
 }
 
-.x-date-mp td {
-       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
-}
-
 .x-date-mp-btns button {
        background-color:#A2AAB8;
        color:#fff;
        border-color: #686868 #101010 #101010 #686868;
-       font:normal 10px verdana, arial, helvetica,tahoma,sans-serif;
 }
 
 .x-date-mp-btns {
@@ -1649,7 +1607,6 @@ td.x-date-mp-sep {
 }
 
 .x-tip .x-tip-header-text {
-       font-size: 11px;
        font-weight: bold;
        line-height: 14px;
        margin-bottom: 4px;
@@ -1774,7 +1731,6 @@ a.x-menu-item {
 .x-box-mc {
        background-color: #EFEFF4;
        background-image: url(images/box/tb.gif);
-       font-family: verdana, "Arial", "Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
        color: #393939;
        font-size: 10px;
        font-weight: bold;
@@ -1826,7 +1782,6 @@ a.x-menu-item {
 }
 #x-debug-browser .x-tree .x-tree-node a span {
        color:#333333;
-       font-size:10px;
        font-family:"monotype","courier new",sans-serif;
 }
 
@@ -1845,7 +1800,6 @@ a.x-menu-item {
 .x-combo-list {
        border-color:#bcbcbc;
        background-color:#eaeaea;
-       font:normal 12px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-combo-list-inner {
@@ -1853,7 +1807,6 @@ a.x-menu-item {
 }
 
 .x-combo-list-hd {
-       font:bold 10px verdana, arial, tahoma, helvetica, sans-serif;
        color:#55545E;
        background-image: url(images/layout/panel-title-light-bg.gif);
        border-bottom-color:#bcbcbc;
@@ -1877,7 +1830,6 @@ a.x-menu-item {
 }
 
 .x-combo-list-small {
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 .x-panel {
        border-color: #A2AAB8;
@@ -1886,8 +1838,6 @@ a.x-menu-item {
 .x-panel-header {
        color: #fff;
        font-weight:bold;
-       font-size: 10px;
-       font-family: verdana, arial,tahoma,verdana,sans-serif;
        border-color:#A2AAB8;
        background-image: url(images/panel/white-top-bottom.gif);
 }
@@ -1902,7 +1852,6 @@ a.x-menu-item {
 
 .x-panel-tl .x-panel-header {
        color:#55545E;
-       font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
 }
 
 .x-panel-tc {
@@ -1919,7 +1868,6 @@ a.x-menu-item {
 }
 
 .x-panel-mc {
-       font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
        background-color:#efefef;
 }
 
@@ -1949,7 +1897,6 @@ a.x-menu-item {
 }
 
 .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
-       font:normal 10px verdana, arial,tahoma, helvetica, sans-serif;
 }
 
 .x-window-proxy {
@@ -1960,7 +1907,7 @@ a.x-menu-item {
 /* Modal dialog title/header bar */
 .x-window-tl .x-window-header {
        color:#fff;
-       font:bold 10px verdana, arial,tahoma,verdana,sans-serif;
+       font-weight: bold;
        padding:4px 0 4px 0;
 }
 
@@ -1990,7 +1937,6 @@ a.x-menu-item {
 
 .x-window-mc {
        border-color:#A2AAB8;
-       font: normal 10px verdana, arial,tahoma,helvetica,sans-serif;
        background-color:#e7e7e7;
 }
 
@@ -2132,7 +2078,6 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 
 .x-progress-text {
-       font-size:10px;
        font-weight:bold;
        color:#fff;
 }
@@ -2147,11 +2092,6 @@ body.x-body-masked .x-window-plain .x-window-mc {
 
 .x-list-header-inner div em {
        border-left-color:#ddd;
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
-}
-
-.x-list-body dt em {
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
 }
 
 .x-list-over {
@@ -2188,7 +2128,6 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 .x-window-dlg .ext-mb-text,
 .x-window-dlg .x-window-header-text {
-       font-size:12px;
 }
 /* defines the header text in the draggable area of a modal window */
 .x-window-dlg .x-window-header-text {
@@ -2196,7 +2135,6 @@ body.x-body-masked .x-window-plain .x-window-mc {
 }
 
 .x-window-dlg .ext-mb-textarea {
-       font:normal 12px verdana, arial,tahoma,helvetica,sans-serif;
 }
 
 .x-window-dlg .x-msg-box-wait {
@@ -2225,7 +2163,7 @@ body.x-body-masked .x-window-plain .x-window-mc {
        border:1px solid #dedede;
 }
 .x-form fieldset legend {
-       font: bold 10px verdana, arial, verdana, tahoma, helvetica, sans-serif;
+       font-weight: bold;
        color: #606060;
 }
 
index ba2c8f8..7828d8f 100644 (file)
@@ -15,7 +15,6 @@ body#ext-taskcenter-task-index-php div#typo3-inner-docbody {
 }
 
 #typo3-inner-docbody p.help {
-       font-size: 12px;
        margin-bottom: 10px;
 }
 
index 04a51cf..7e3df91 100644 (file)
@@ -29,8 +29,6 @@ span.item-state-deleted {
 }
 .legend dd, .legend dt {
        display: inline;
-       font-size: 11px;
-       line-height: 13px;
        overflow: hidden;
 }
 .legend dd span {
index 2ecc4d8..c1947b1 100644 (file)
@@ -140,8 +140,6 @@ ul.x-tab-strip-top {
 }
 
 #visual-mode-selector td button {
-       font-size: 11px;
-       line-height: 12px;
        text-decoration: none;
 }
 
@@ -159,9 +157,6 @@ ul.x-tab-strip-top {
        padding-right: 2px;
 }
 
-#visual-mode-options .x-btn-text {
-       font-size: 11px;
-}
 #visual-mode-options.x-btn-menu-active .x-btn-text {
        color: black;
 }
@@ -285,15 +280,11 @@ ul.x-tab-strip-top {
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
-       height: 13px;
-       line-height: 8px;
        margin-right: 10px;
-       font-size: 13px;
        margin-top:0px;
 }
 #feToolbarButtonNextStage.x-btn .x-btn-text, #feToolbarButtonPreviousStage.x-btn .x-btn-text, #feToolbarButtonDiscardStage.x-btn .x-btn-text {
        color: #FFF;
-       font-size: 11px;
        line-height: 8px;
        height: 13px;
        padding: 0 3px 0 3px;