&:not(:last-child) {
margin-right: 5px;
}
-
- > a {
- // @todo: still necessary?
- /*display: inline-flex;*/
- }
}
/* adds a comma after each list item */
}
.icon144 {
- font-size: 130px; // TODO
+ font-size: 130px;
height: 144px;
line-height: 144px;
width: 144px;
// spinner animation
.fa-spinner {
animation: wcfSpinner .6s linear infinite;
- // TODO: these colors shouldn't be hard-coded
border: 2px solid rgb(204, 204, 204);
border-top-color: rgb(79, 129, 189);
border-radius: 50%;
/* content header */
.contentHeader,
.boxHeadline { // deprecated
- color: $wcfContentHeadlineText; // todo: rename variable
+ color: $wcfContentHeadlineText;
.contentTitle,
> h1 { // deprecated
}
a {
- color: $wcfContentHeadlineLink; // todo: rename variable
+ color: $wcfContentHeadlineLink;
&:hover {
- color: $wcfContentHeadlineLinkActive; // todo: rename variable
+ color: $wcfContentHeadlineLinkActive;
}
}
}
margin-bottom: 20px;
> h2 {
- color: $wcfContentHeadlineText; // todo: rename variable
+ color: $wcfContentHeadlineText;
@include wcfFontSection;
a {
- color: $wcfContentHeadlineLink; // todo: rename variable
+ color: $wcfContentHeadlineLink;
&:hover {
- color: $wcfContentHeadlineLinkActive; // todo: rename variable
+ color: $wcfContentHeadlineLinkActive;
}
}
}
.sectionTitle {
- color: $wcfContentHeadlineText; // todo: rename variable
+ color: $wcfContentHeadlineText;
@include wcfFontSection;
a {
- color: $wcfContentHeadlineLink; // todo: rename variable
+ color: $wcfContentHeadlineLink;
&:hover {
- color: $wcfContentHeadlineLinkActive; // todo: rename variable
+ color: $wcfContentHeadlineLinkActive;
}
}
> legend {
border-bottom: 1px solid $wcfContentBorderInner;
- color: $wcfContentHeadlineText; // todo: rename variable
+ color: $wcfContentHeadlineText;
float: left;
margin-bottom: 20px;
padding-bottom: 10px;
@include wcfFontSection;
a {
- color: $wcfContentHeadlineLink; // todo: rename variable
+ color: $wcfContentHeadlineLink;
&:hover {
- color: $wcfContentHeadlineLinkActive; // todo: rename variable
+ color: $wcfContentHeadlineLinkActive;
}
}
}
/* inline infos */
-/* TODO: use other colors */
.innerInfo {
background-color: $wcfStatusInfoBackground;
color: $wcfStatusInfoText;
display: inline-block;
padding: 2px 6px;
position: relative;
- text-shadow: none !important; /* necessary to avoid ugly text shadows in comment lists; @todo: better solution without "!important" */
vertical-align: middle;
white-space: nowrap;
word-wrap: normal;
padding: 10px 20px 0 20px;
}
}
-
-/*
-.commentContent {
- > .containerHeadline {
- margin-bottom: 5px;
- }
-
- & + .commentOptionContainer {
- margin-top: 10px;
- }
-}
-
-.commentResponseList {
- margin-top: 10px;
-}
-
-.commentResponse {
- // TODO: border-top: 1px solid $wcfContentBorder;
- padding: 10px 0;
-}
-
-.commentOptionContainer {
- // TODO: border-top: 1px solid $wcfContentBorder;
- padding-top: 10px;
-}
-*/
\ No newline at end of file
display: none;
}
-/* package (un-)installation (todo: obsolete?) */
-#packageInstallationDialogContainer > .boxHeadline {
- margin-top: 0;
-}
-
.spinner {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(204, 204, 204);
padding: 4px 7px;
> span.active:after {
- content: "\f0d7"; // @TODO: use a variable instead
+ content: $fa-var-caret-down;
font-family: FontAwesome;
font-size: 14px;
margin-left: 7px;
word-wrap: normal;
&.active::after {
- content: "\f0d7"; // TODO: use a variable instead
+ content: $fa-var-caret-down;
font-family: FontAwesome;
font-size: 14px;
margin-left: 7px;
word-wrap: normal;
&.active::after {
- content: "\f0d7"; // @TODO: use a variable instead
+ content: $fa-var-caret-down;
font-family: FontAwesome;
font-size: 14px;
margin-left: 7px;
}
&.dropdownOpen {
- .dropdownToggle {
- //color: @wcfPageLinkHoverColor;
- }
-
.dropdownMenu {
display: block;
}
vertical-align: top;
}
}
-
- .TODO_codeBox {
- overflow: hidden;
- position: relative;
-
- .redactorEditCodeBox {
- background-color: rgba(255, 255, 255, .8);
- bottom: 0;
- left: 0;
- opacity: 0;
- position: absolute;
- right: 0;
- text-align: center;
- top: 0;
- transition: opacity .12s linear;
- z-index: 200;
-
- > div {
- cursor: pointer;
- left: 50%;
- padding: 1em 3em;
- position: absolute;
- top: 50%;
- transform: translate(-50%, -50%);
- }
- }
-
- &:hover .redactorEditCodeBox {
- opacity: 1;
- }
-
- ol {
- margin-bottom: 0;
- margin-top: 0;
- }
- }
-
- &.TODO_msie .quoteBox {
- /* resets 'hasLayout' causing IE to display resize handle and wonky editing behavior */
- min-height: 0;
- }
}
.redactor-dropdown {