Skip to content
GitLab
Commit b82db5ce authored by Daniel Sattler's avatar Daniel Sattler Committed by Andreas Fernandez
Browse files

[TASK] t3skin LESS Cleanup 

Cleanup the t3skin LESS files:
* order and group LESS statements
* remove duplicate stuff

Resolves: #65990
Releases: master
Change-Id: I1c498e11d9daa7ee8913d0f1fb16d1b16a9f7aeb
Reviewed-on: http://review.typo3.org/38131


Reviewed-by: Benni Mack's avatarBenjamin Mack <benni@typo3.org>
Tested-by: Benni Mack's avatarBenjamin Mack <benni@typo3.org>
Reviewed-by: default avatarAndreas Fernandez <andreas.fernandez@aspedia.de>
Tested-by: default avatarAndreas Fernandez <andreas.fernandez@aspedia.de>
parent b2c0d418
Hide whitespace changes
Inline Side-by-side
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csh.less
View file @ b82db5ce
......@@ -14,12 +14,11 @@
}
table.typo3-csh-inline {
margin: 5px 4px 20px 0px;
}
table.typo3-csh-inline a.typo3-csh-link {
float: none;
margin-right: 0;
margin: 5px 4px 20px 0;
a.typo3-csh-link {
float: none;
margin-right: 0;
}
}
a.typo3-csh-link .typo3-csh-inline {
......@@ -49,14 +48,16 @@ a.typo3-csh-link:hover .typo3-csh-inline {
height: auto;
}
table.typo3-csh-inline a.typo3-csh-link {
height: 16px;
table.typo3-csh-inline {
a.typo3-csh-link {
height: 16px;
}
tr td h4 {
margin-top: 0;
margin-bottom: 0;
}
}
table.typo3-csh-inline tr td h4 {
margin-top: 0px;
margin-bottom: 0px;
}
table.typo3-csh-inline span.paragraph,
a.typo3-csh-link span.typo3-csh-inline span.paragraph {
......@@ -68,49 +69,62 @@ img.typo3-csh-icon {
vertical-align: middle;
}
div.typo3-view-help h1 {
margin-bottom: 0px;
padding: 10px;
}
div.typo3-view-help h2 {
margin-top: 0;
padding: 4px 2px 4px 10px;
}
div.typo3-view-help h3 {
padding: 5px 10px;
}
div.typo3-view-help h4 {
padding: 2px 10px;
}
div.typo3-view-help {
margin: 0;
width: 100%;
h1 {
background: none;
margin-bottom: 0;
padding: 10px;
color: #000;
text-align: left;
}
h2 {
margin-top: 0;
padding: 4px 2px 4px 10px;
}
h3 {
padding: 5px 10px;
}
h4 {
padding: 2px 10px;
}
p {
margin: 4px 4px 12px 10px;
&.c-nav a {
background-color: transparent;
}
}
div.c-toc {
padding-left: 6px;
p {
margin: 0;
}
}
.manual-title,
.introduction {
padding: 0 12px 6px;
}
img.c-inlineimg {
margin-left: 10px;
}
//
// EXT:cshmanual
//
p
div.c-toc {
background: none;
border: none;
}
a {
text-decoration: underline;
}
}
div.typo3-view-help p {
margin: 4px 4px 12px 10px;
}
div.typo3-view-help div.c-toc {
padding-left: 6px;
}
div.typo3-view-help div.c-toc p {
margin: 0;
}
div.typo3-view-help .manual-title,
div.typo3-view-help .introduction {
padding: 0 12px 6px;
}
div.typo3-view-help img.c-inlineimg {
margin-left: 10px;
}
//
// new help code
......@@ -121,12 +135,27 @@ div.typo3-view-help img.c-inlineimg {
}
table.t3-help-inline {
margin: 3px 4px 20px 0px;
margin: 3px 4px 20px 0;
background-color: #ffffc7;
border: 1px solid #cccccc;
a.t3-help-link {
float: none;
margin-right: 0;
height: 16px;
}
tr td h4 {
margin-top: 0;
margin-bottom: 0;
}
}
table.t3-help-inline a.t3-help-link {
float: none;
margin-right: 0;
table.t3-help-inline a.t3-help-link,
table.t3-help-inline span.t3-row-header,
span.t3-help-inline span.t3-row-header,
a.t3-help-link span.t3-help-inline span.t3-row-header {
display: block;
}
a.t3-help-link .t3-help-inline {
......@@ -134,18 +163,16 @@ a.t3-help-link .t3-help-inline {
position: absolute;
width: 200px;
z-index: 100;
}
background: #ffffc7;
color: #000000;
font-weight: normal;
a.t3-help-link .t3-help-inline.show-right {
right: 10px;
&.show-right {
right: 10px;
}
}
table.t3-help-inline a.t3-help-link,
table.t3-help-inline span.t3-row-header,
span.t3-help-inline span.t3-row-header,
a.t3-help-link span.t3-help-inline span.t3-row-header {
display: block;
}
a.t3-help-link:hover .t3-help-inline {
display: block;
......@@ -156,15 +183,6 @@ a.t3-help-link:hover .t3-help-inline {
height: auto;
}
table.t3-help-inline a.t3-help-link {
height: 16px;
}
table.t3-help-inline tr td h4 {
margin-top: 0px;
margin-bottom: 0px;
}
table.t3-help-inline span.paragraph,
a.t3-help-link span.t3-help-inline span.paragraph {
display: block;
......@@ -175,49 +193,49 @@ img.t3-help-icon {
vertical-align: middle;
}
div.t3-view-help h1 {
margin-bottom: 0px;
padding: 10px;
}
div.t3-view-help {
margin: 0;
width: 100%;
div.t3-view-help h2 {
margin-top: 0;
padding: 4px 2px 4px 10px;
}
h1 {
margin-bottom: 0;
padding: 10px;
}
div.t3-view-help h3 {
padding: 5px 10px;
}
h2 {
margin-top: 0;
padding: 4px 2px 4px 10px;
}
div.t3-view-help h4 {
padding: 2px 10px;
}
h3 {
padding: 5px 10px;
}
div.t3-view-help {
margin: 0;
width: 100%;
}
h4 {
padding: 2px 10px;
}
div.t3-view-help p {
margin: 4px 4px 12px 10px;
}
p {
margin: 4px 4px 12px 10px;
}
div.t3-view-help div.c-toc {
padding-left: 6px;
}
.c-toc {
padding-left: 6px;
p {
margin: 0;
}
}
div.t3-view-help div.c-toc p {
margin: 0;
}
.manual-title,
.introduction {
padding: 0 12px 6px;
}
div.t3-view-help .manual-title,
div.t3-view-help .introduction {
padding: 0 12px 6px;
img.c-inlineimg {
margin-left: 10px;
}
}
div.t3-view-help img.c-inlineimg {
margin-left: 10px;
}
//
// ExtJS based CSH tooltips
......@@ -237,16 +255,16 @@ div.t3-view-help img.c-inlineimg {
// Context Sensitive Help (CSH)
//
.typo3-csh-inline {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
line-height: 16px;
}
table.typo3-csh-inline {
background-color: #ffffc7;
border: 1px solid #cccccc;
}
.typo3-csh-inline {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
line-height: 16px;
}
a.typo3-csh-link .typo3-csh-inline {
background-color: #ffffc7;
border: 1px solid #cccccc;
......@@ -266,64 +284,22 @@ a.typo3-csh-link {
// new CSH code
//
table.t3-help-inline {
background-color: #ffffc7;
border: 1px solid #cccccc;
}
.t3-help-inline {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
line-height: 16px;
}
a.t3-help-link .t3-help-inline {
background: #ffffc7;
color: #000000;
font-weight: normal;
}
p.t3-help-short.tipIsLinked {
cursor: pointer;
}
.t3-help-teaser,
.t3-help-teaser label,
.t3-help-teaser-icon {
cursor: help;
}
.t3-help-teaser-icon,
img.t3-help-icon {
cursor: help;
}
a.t3-help-link {
white-space: normal;
}
//
// EXT:cshmanual
//
div.typo3-view-help h1 {
background: none;
color: #000;
text-align: left;
}
div.typo3-view-help p {
}
div.typo3-view-help p.c-nav a {
background-color: transparent;
}
div.typo3-view-help div.c-toc {
background: none;
border: none;
}
div.typo3-view-help .manual-title a,
div.typo3-view-help div.c-toc a,
div.typo3-view-help p a {
text-decoration: underline;
}
}
\ No newline at end of file
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less
View file @ b82db5ce
......@@ -62,7 +62,7 @@ body#typo3-alt-clickmenu-php {
//
#contentMenu0 {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
div#contentMenu0 {
......
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
View file @ b82db5ce
......@@ -19,76 +19,65 @@
margin-bottom: 3px;
}
// left col
.left {
float: left;
//
// Extra margin 6px added to it-icon margin, doubled spacing = 12px
//
.buttongroup {
.pull-left;
margin-right: 6px;
.c-inputButton {
color: inherit;
}
}
select {
margin-right: 12px;
}
&:extend(.pull-left);
.t3-icon {
margin-right: 6px;
}
}
// right col
.right {
.pull-right;
&:extend(.pull-right);
.t3-icon {
margin-left: 6px;
}
}
// Extra margin 6px added to it-icon margin, doubled spacing = 12px
.buttongroup {
margin-right: 6px;
.c-inputButton {
color: inherit;
}
}
.typo3-docheader-functions {
select {
margin-right: 12px;
}
a {
color: @docheader-text;
&:hover {
color: #000;
}
}
.typo3-docheader-functions,
.typo3-docheader-buttons {
color: @docheader-text;
border-bottom: 1px solid @docheader-border;
height: 27px;
line-height: 27px;
padding: 0 24px;
overflow: hidden;
padding: 0 24px;
}
a {
color: @docheader-text;
&:hover {
color: #000;
}
}
// first row
.typo3-docheader-functions {
height: 27px;
line-height: 27px;
//
// overwrite defaults from normalize.css
//
select {
color: @docheader-text;
}
}
// second row
.typo3-docheader-buttons {
color: @docheader-text;
border-bottom: 1px solid @docheader-border;
height: 22px;
padding: 3px 24px;
overflow: hidden;
a {
color: @docheader-text;
&:hover {
color: #000;
}
}
padding-top: 3px;
padding-bottom: 3px;
}
}
......
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_history.less
View file @ b82db5ce
......@@ -4,7 +4,6 @@
table#typo3-history,
table#typo3-history-item {
tr.c-head td,
tr.c-head td {
font-weight: bold;
}
......@@ -16,8 +15,7 @@ table#typo3-history-item {
}
}
img,
img {
margin: 1px 1px 1px 1px;
margin: 1px;
}
}
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_message.less
View file @ b82db5ce
......@@ -37,51 +37,53 @@ td .alert:last-child {
margin-bottom: 0;
}
.alert-notice {
color: @state-notice-text;
background-color: @state-notice-bg;
border-color: @state-notice-border;
a {
color: darken(@state-notice-text, 5%);
&:hover {
color: darken(@state-notice-text, 10%);
// alert styling
// -------------------------
.alert {
&-notice {
color: @state-notice-text;
background-color: @state-notice-bg;
border-color: @state-notice-border;
a {
color: darken(@state-notice-text, 5%);
&:hover {
color: darken(@state-notice-text, 10%);
}
}
}
}
.alert-success {
a {
color: darken(@brand-success, 10%);
&:hover {
color: darken(@brand-success, 15%);
&-success {
a {
color: darken(@brand-success, 10%);
&:hover {
color: darken(@brand-success, 15%);
}
}
}
}
.alert-info {
a {
color: darken(@brand-info, 5%);
&:hover {
color: darken(@brand-info, 10%);
&-info {
a {
color: darken(@brand-info, 5%);
&:hover {
color: darken(@brand-info, 10%);
}
}
}
}
.alert-warning {
a {
color: @brand-warning;
&:hover {
color: darken(@brand-warning, 5%)
&-warning {
a {
color: @brand-warning;
&:hover {
color: darken(@brand-warning, 5%)
}
}
}
}
.alert-danger {
a {
color: @brand-danger;
&:hover {
color: darken(@brand-danger, 10%);
&-danger {
a {
color: @brand-danger;
&:hover {
color: darken(@brand-danger, 10%);
}
}
}
}