* @copyright 2011 WoltLab GmbH
*/
+
+
+/* ############## LESS Definitions ############## */
+
+/* -- -- -- LESS: Posts -- -- -- */
+
+/* Back Image */
+
+/* Back Image (header.png) */
+@backImagePost: url('../images/header.png');
+
+/* Orientations */
+
+/* Post Orientation (left|top|right|bottom) */
+@postOrientation: left;
+
+/* Post Sidebar Orientation (left|center|right) */
+@postSidebarOrientation: center;
+
+
+
/* ############## Article ############## */
/* Globals */
.wcf-message {
- border: 1px solid #bcd;
+ border-color: @borderColor22;
background-color: #d8e7f5;
- margin-top: 15px;
position: relative;
+}
+
+.wbb-threadStarter .wcf-message {
+ .mxStripes1;
- -webkit-box-shadow: 0 3px 7px #eee;
- -moz-box-shadow: 0 3px 7px #eee;
- -ms-box-shadow: 0 3px 7px #eee;
- -o-box-shadow: 0 3px 7px #eee;
- box-shadow: 0 3px 7px #eee;
+ background-position: @postOrientation top, @postOrientation top;
+ background-repeat: repeat, repeat;
}
.wcf-message:after {
/* Globals */
.wcf-message .wcf-messageContent {
- border-radius: 5px;
+ .mxBorderRadius;
+
background-color: #fcfdfe;
}
@media screen and (min-width: 480px) {
.wcf-message.left .wcf-messageContent {
- border-left: 1px solid #bcd;
+ border-left: 1px solid @borderColor22;
margin: 0 0 0 211px;
}
.wcf-message.right .wcf-messageContent {
- border-right: 1px solid #bcd;
+ border-right: 1px solid @borderColor22;
margin: 0 211px 0 0;
}
@media screen and (max-width: 480px) {
.wcf-message .wcf-messageContent {
- border-top: 1px solid #bcd;
+ border-top: 1px solid @borderColor22;
margin: 0;
}
.wcf-message .wcf-messageContent header time {
font-size: 85%;
- color: #999;
+ color: @fontColor53;
margin-top: 7px;
}
}
.wcf-message .wcf-messageContent header .wcf-likesDisplay .wcf-badge {
- font-size: 76%;
+ font-size: 75%;
margin-left: 0;
top: 0;
}
.wcf-message .wcf-messageContent header .wcf-messageTitle {
font-weight: bold;
- color: #999;
+ color: @fontColor53;
text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
}
.wcf-message.left header > .pointer {
border-style: solid solid solid none;
- border-color: transparent #bcd transparent transparent;
+ border-color: transparent @borderColor22 transparent transparent;
left: -20px;
}
.wcf-message.right header > .pointer {
border-style: solid none solid solid;
- border-color: transparent transparent transparent #bcd;
+ border-color: transparent transparent transparent @borderColor22;
right: -20px;
}
.wcf-message header > .pointer {
border-style: none solid solid solid;
- border-color: transparent transparent #bcd transparent;
+ border-color: transparent transparent @borderColor22 transparent;
left: 47%;
}
/* Message Body */
.wcf-message .wcf-messageBody {
- color: #666;
+ color: @fontColor52;
display: block;
position: relative;
}
clear: both;
}
-.wcf-message .wcf-messageBody > div {
- border-top: 1px dotted #ccc;
+.wcf-message .wcf-messageBody > div,
+.wcf-message .wcf-messageBody > wcf-signature {
+ border-top: @borderWidthSeparator @borderStyleSeparator @borderColor11;
padding: 10px 0;
display: block;
overflow: hidden;
}
.wcf-message .wcf-messageBody .wcf-signature {
+ color: @fontColor53;
overflow: hidden;
}
font-size: 90%;
line-height: 1.3;
position: relative;
+ box-sizing: border-box;
}
@media screen and (min-width: 480px) {
margin-bottom: -1px;
padding: 10px 20px 20px;
/* Width toggle */
- width: 170px;
+ width: 210px;
}
}
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
- color: #369;
+ color: @fontColor3;
padding: 1px 3px;
}
/* Message Sidebar Contents */
.wcf-message .wcf-messageSidebar a {
- color: #369;
+ color: @fontColor3;
}
.wcf-message .wcf-messageSidebar a:hover {
- color: #036;
+ color: @fontColor3;
}
.wcf-message .wcf-messageSidebar .userTitle .wcf-badge {
font-size: 95%;
- color: rgba(255, 255, 255, 1);
- border-radius: 13px;
- background-color: #369;
+ color: @fontColor1;
+ /* border-radius: 13px; obsolete? */
+ background-color: @backColor3;
margin-top: 3px;
padding: 0 10px;
display: inline-block;
.wcf-message .wcf-messageSidebar .userRank {
font-size: 95%;
- color: rgba(255, 255, 255, 1);
+ color: @fontColor1;
margin: 3px 0 0;
padding: 0 0 7px;
display: block;
.wcf-message .wcf-messageSidebar .userCredits {
font-size: 95%;
- color: #369;
+ color: @fontColor3;
margin: 7px 0 0;
padding: 0 0 7px;
display: block;
.wcf-message .wcf-messageSidebar .userCredits p,
.wcf-message .wcf-messageSidebar .userCredits a {
- color: #369;
+ color: @fontColor3;
}
.wcf-message .wcf-messageSidebar .userStatus,
.wcf-message .wcf-messageSidebar .userContacts {
- color: #369;
+ color: @fontColor3;
margin: 7px 0 0;
display: block;
}
padding: 1px 3px 0;
display: inline-block;
- -webkit-transition: background-color .2s linear;
- -moz-transition: background-color .2s linear;
- -ms-transition: background-color .2s linear;
- -o-transition: background-color .2s linear;
- transition: background-color .2s linear;
+ .mxTransition1 (background-color, .2s);
}
.wcf-message .wcf-messageSidebar .userStatus ul li a:hover,
.wcf-message .wcf-messageSidebar .userContacts ul li a:hover {
- border-radius: 7px;
+ .mxBorderRadius (7px);
+
background-color: #bcd;
-webkit-box-shadow: 0 1px 7px #eee;
.wcf-message.dividers .userRank,
.wcf-message.dividers .userCredits,
.wcf-message.dividers .userStatus {
- border-bottom: 1px dotted #bcd;
+ border-bottom: @borderWidthSeparator @borderStyleSeparator @borderColor22;
}
.wcf-message.dividers .wcf-messageSidebar div:last-child {
.wcf-message .wcf-messageSidebar .userStatus .wbb-threadStarter {
border: 1px solid #ccc;
- background-color: rgba(255, 255, 255, 1);
+ background-color: @backColor1;
display: block !important;
position: absolute;
}
clear: both;
}
-/* Message Footer Signature */
-
-.wcf-message .wcf-messageSignature {
- color: #999;
- border-top: 1px dotted #ccc;
- display: block;
-}
-
/* Message Footer Navi */
.wcf-message .wcf-messageFooter nav {
bottom: -1px;
opacity: 0;
- -webkit-transition: opacity .1s linear;
- -moz-transition: opacity .1s linear;
- -ms-transition: opacity .1s linear;
- -o-transition: opacity .1s linear;
- transition: opacity .1s linear;
+ .mxTransition1 (opacity, .2s);
}
.wcf-message:hover .wcf-messageFooter nav {
-@import "user.less";
-@import "message.less";
-@import "label.less";
-@import "bbcodes.less";
-
-
-
/**
* WCF Styles
*
/* Border Styles (solid) */
@borderStyle: solid;
-@borderStyleSeparator: solid;
+@borderStyleSeparator: dotted;
@borderStyleBadge: solid;
/* Border Colors */
@borderColor11: lighten(@borderColor1, 20%);
@borderColor12: lighten(@borderColor11, 10%);
+/* Border Color (Middle Blue) */
+@borderColor2: rgba(51, 102, 153, 1);
+@borderColor21: lighten(@borderColor2, 20%);
+@borderColor22: lighten(@borderColor21, 10%);
+
/* Rounded Corners */
.mxBorderRadius (@radius: 5px) {
/* Back Images */
-/* Back Color1 (White) */
-@backImage: url('../images/header.png');
+/* Back Image (header.png) */
+@backImage: url('../images/header.png');
/* Back Colors */
/* Transitions 1 */
-.mxTransition1(@object: color, @time: 1ms, @type: linear) {
+.mxTransition1 (@object: color, @time: 1ms, @type: linear) {
-webkit-transition: @arguments;
-khtml-transition: @arguments;
-moz-transition: @arguments;
transition: @arguments;
}
+/* Stripes 1 */
-
-
+.mxStripes1 {
+ background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(255, 255, 255, .3) 15px, rgba(255, 255, 255, .3) 30px), @backImagePost;
+ background-image: -khtml-repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(255, 255, 255, .3) 15px, rgba(255, 255, 255, .3) 30px), @backImagePost;
+ background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(255, 255, 255, .3) 15px, rgba(255, 255, 255, .3) 30px), @backImagePost;
+ background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(255, 255, 255, .3) 15px, rgba(255, 255, 255, .3) 30px), @backImagePost;
+ background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(255, 255, 255, .3) 15px, rgba(255, 255, 255, .3) 30px), @backImagePost;
+ background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(255, 255, 255, .3) 15px, rgba(255, 255, 255, .3) 30px), @backImagePost;
+}
font-weight: bold;
text-shadow: none;
text-decoration: none;
- .mxBorderRadius(30px);
+ .mxBorderRadius (30px);
background-color: @backColor1;
margin-right: -3px;
margin-left: 3px;
.wcf-badgeButton {
cursor: pointer;
- .mxBorderRadius(30px);
+ .mxBorderRadius (30px);
margin-right: 0;
margin-left: 0;
padding: 3px 10px 5px;
color: #eee;
text-shadow: none;
text-decoration: none;
- .mxBorderRadius(30px);
+ .mxBorderRadius (30px);
background-color: rgba(102, 102, 102, 1);
margin-right: 3px;
padding: 3px 8px 4px;
-o-box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
box-shadow: 0 1px 7px rgba(0, 0, 0, .5);
- .mxTransition1(color background, .1s, ease); /* This multiple shorthand format seems to be deprecated! */
+ .mxTransition1 (color background, .1s, ease); /* This multiple shorthand format seems to be deprecated! */
}
.wcf-dropdown.open {
color: #ccc;
cursor: pointer;
- .mxTransition1(color background, .2s); /* This multiple shorthand format seems to be deprecated! */
+ .mxTransition1 (color background, .2s); /* This multiple shorthand format seems to be deprecated! */
}
.wcf-dropdown > div {
-o-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
- .mxTransition1(background, .2s);
+ .mxTransition1 (background, .2s);
-webkit-animation-name: showTopMenu;
-webkit-animation-duration: .3s;
}
.wcf-mainMenu > ul > li.activeMenuItem > a:after {
- .mxBorderRadiusBL(6px);
+ .mxBorderRadiusBL (6px);
border-width: 0 0 1px 1px;
position: absolute;
right: -7px;
.wcf-footerNavigation {
background-color: @backColor21;
border-style: @borderStyle;
- border-color: @backColor22;
+ border-color: @borderColor22;
margin: 0 23px;
padding: 2px 0;
display: block;
.wcf-headerNavigation {
border-width: 0 0 @borderWidth 0;
- .mxBorderRadiusTL(3px);
- .mxBorderRadiusTR(3px);
+ .mxBorderRadiusTL (3px);
+ .mxBorderRadiusTR (3px);
}
.wcf-footerNavigation {
border-width: @borderWidth 0 0 0;
- .mxBorderRadiusBR(3px);
- .mxBorderRadiusBL(3px);
+ .mxBorderRadiusBR (3px);
+ .mxBorderRadiusBL (3px);
}
@media screen and (min-width: 480px), screen and (min-device-width: 480px) {
.wcf-headerNavigation > ul > li.separator,
.wcf-footerNavigation > ul > li.separator {
- border-right: 1px dotted @backColor22;
+ border-right: @borderWidthSeparator @borderStyleSeparator @borderColor22;
}
.wcf-headerNavigation > ul > li a,
-o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
- .mxTransition1(margin, .1s, ease);
+ .mxTransition1 (margin, .1s, ease);
}
section.wcf-content:after {
overflow: hidden;
z-index: 10;
- .mxTransition1(width, .1s, ease)
+ .mxTransition1 (width, .1s, ease)
}
/* Toggle for sidebar orientation (options: left|right|top|bottom) */
background-image: url('../icon/arrowLeft1.svg'), url('../icon/arrowLeft1.svg');
left: 250px;
- .mxTransition1(left, .1s, ease)
+ .mxTransition1 (left, .1s, ease)
}
.left .wcf-collapsibleSidebarButton span {
background-image: url('../icon/arrowRight1.svg'), url('../icon/arrowRight1.svg');
right: 250px;
- .mxTransition1(wight, .1s, ease)
+ .mxTransition1 (wight, .1s, ease)
}
.right .wcf-collapsibleSidebarButton span {
.wcf-mainHeading > hgroup h1 a .wcf-badge {
font-size: 75%;
text-decoration: none;
- background-color: rgba(102, 102, 102, 1);
+ background-color: @fontColor52; /* This shows the badge in the font-color */
color: @fontColor1;
}
font-weight: bold;
text-shadow: 0 1px 0 @textShadowColor2;
color: @fontColor53;
- border-bottom: @borderWidth @borderStyle @borderColor11;
+ border-bottom: @borderWidthSeparator @borderStyleSeparator @borderColor11;
margin: 10px 0;
padding: 10px 0;
box-sizing: border-box;
fieldset {
border: @borderWidth @borderStyle @borderColor11;
- .mxBorderRadius(7px);
+ .mxBorderRadius (7px);
background-color: @backColor10; /* we should remove that asap! */
margin: 15px 0 0;
padding: 5px 15px 15px;
border-width: @borderWidthInput;
border-style: @borderStyleInput;
border-color: @borderColorInputTop1 @borderColorInputSide1 @borderColorInputBottom1;
- .mxBorderRadius(3px);
+ .mxBorderRadius (3px);
background-color: @backColorInput1;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
-o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
- .mxTransition1(background-color border, 2s); /* This multiple shorthand format seems to be deprecated! */
+ .mxTransition1 (background-color border, 2s); /* This multiple shorthand format seems to be deprecated! */
}
/* Hover State */
/* Special -> Search Input WebKit */
input[type=search] {
- .mxBorderRadius(30px);
+ .mxBorderRadius (30px);
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
.wcf-smallButtons > li.separator > a {
- border-right: @borderWidthButton @borderStyleButton2 @borderColorButtonTop3;
+ border-right: @borderWidthSeparator @borderStyleSeparator @borderColorButtonTop3;
}
.wcf-smallButtons > li:first-child > a {
- .mxBorderRadiusTL(13px);
+ .mxBorderRadiusTL (13px);
}
.wcf-smallButtons > li:last-child > a {
- .mxBorderRadiusBR(7px);
+ .mxBorderRadiusBR (7px);
}
/* ToDo: Separators */
.wcf-smallButtonBar li.separator > a {
- border-right: @borderWidthButton @borderStyleButton2 @borderColorButtonTop3;
+ border-right: @borderWidthSeparator @borderStyleSeparator @borderColorButtonTop3;
}
.wcf-largeButtons > li > a {
font-size: 100%;
font-weight: bold;
- .mxBorderRadius(30px);
+ .mxBorderRadius (30px);
margin: 3px 2px;
padding: 5px 13px;
display: inline-block;
}
.wcf-boxTitle {
- .mxBorderRadius(7px);
+ .mxBorderRadius (7px);
background-color: @backColor3;
background-image: @backImage;
background-position: left top;
}
.wcf-listBox .wcf-listBox {
+ border-style: @borderStyleSeparator;
border-color: @borderColor12;
+ background-color: transparent;
}
.wcf-listBox:first-child {
background-color: transparent;
}
-.wcf-listBox:hover {
+.wcf-listBox:hover,
+.wcf-listBox .wcf-listBox:hover {
background-color: darken(@backColor10, 2%);
}
border-width: 1px 1px 0 1px;
border-style: @borderStyle;
border-color: fade(@borderColor11, 50%);
- .mxBorderRadiusTL(3px);
- .mxBorderRadiusTR(3px);
+ .mxBorderRadiusTL (3px);
+ .mxBorderRadiusTR (3px);
background-color: fade(@backColor5, 5%);
padding: 0 5px 3px 5px;
display: inline-block;
color: @fontColor52 !important;
border-width: @borderWidth;
border-style: @borderStyle;
- .mxBorderRadiusTL(6px);
- .mxBorderRadiusTR(6px);
+ .mxBorderRadiusTL (6px);
+ .mxBorderRadiusTR (6px);
border-color: @borderColor11 @borderColor11 @backColor1;
background-color: @backColor1; /* ToDo: Less: make grey! */
padding: 10px 15px 5px;
content: "";
border: @borderWidth @borderStyle @borderColor11;
left: -(5px + @borderWidth);
- .mxBorderRadiusBR(6px);
+ .mxBorderRadiusBR (6px);
border-width: 0 @borderWidth @borderWidth 0;
-webkit-box-shadow: 2px 2px 0 @backColor1;
content: "";
border: @borderWidth @borderStyle @borderColor11;
right: -(5px + @borderWidth);
- .mxBorderRadiusBL(6px);
+ .mxBorderRadiusBL (6px);
border-width: 0 0 @borderWidth @borderWidth;
-webkit-box-shadow: -2px 2px 0 @backColor1;
text-shadow: 0 1px 0 @textShadowColor2;
text-decoration: none;
color: @fontColor53;
- border: 1px @borderStyle rgba(0, 0, 0, .2);
- .mxBorderRadius(13px);
+ border: @borderWidthButton @borderStyle fade(@backColor5, 20%);
+
+ .mxBorderRadius (13px);
+
background-color: @backColor1;
padding: 2px 10px;
.wcf-menu ul li:not(.ui-state-active) a:hover {
color: @fontColor52;
- border-width: @borderWidth;
- border-style: @borderStyle;
+ border-width: @borderWidthButton;
+ border-style: @borderStyleButton;
border-color: #fa2;
background-color: rgba(255, 249, 244, 1);
}
text-shadow: 0 1px 0 @textShadowColor1;
color: @fontColor1;
cursor: default;
- border: 1px @borderStyle rgba(0, 0, 0, .2);
+ border: @borderWidthButton @borderStyleButton fade(@backColor5, 20%);
background-color: fade(@backColor5, 50%);
}
.wcf-boxTitle > .wcf-menu ul li a:hover {
color: @fontColor1 !important;
- border: 1px @borderStyle rgba(0, 0, 0, .3);
+ border: @borderWidthButton @borderStyleButton fade(@backColor5, 30%);
background-color: fade(@backColor5, 20%);
}
.wcf-boxTitle > .wcf-menu ul li a:active,
.wcf-boxTitle > .wcf-menu ul li a:focus,
.wcf-boxTitle > .wcf-menu ul li.ui-state-active a {
- border: 1px @borderStyle rgba(0, 0, 0, .5);
+ border: @borderWidthButton @borderStyleButton fade(@backColor5, 50%);
-webkit-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
-khtml-box-shadow: inset 0 2px 15px rgba(0, 0, 0, .5);
/* Special: Menu below tab-menu */
.wcf-tabMenuContainer > .wcf-menu {
- border-bottom: 1px @borderStyle #ccc;
+ border-bottom: @borderWidthSeparator @borderStyle @borderColor11;
margin: -15px -23px 0;
padding: 0 7px 10px;
}
position: relative;
max-width: 30%;
- .mxTransition1(max-width, .2s);
+ .mxTransition1 (max-width, .2s);
}
.wcf-breadcrumbs > ul > li:hover {
padding: 7px;
- .mxTransition1(background, .2s);
+ .mxTransition1 (background, .2s);
}
thead th a {
border-right: 1px @borderStyle rgba(255, 255, 255, .3);
padding: 5px;
- .mxTransition1(background);
+ .mxTransition1 (background);
}
tbody td:last-child {
/* -- -- -- Special -> Table Header -- -- -- */
.wcf-menu ~ .wcf-box thead th:first-child { /* ToDo: Does this case really exist any more? */
- .mxBorderRadiusTL(0) !important;
+ .mxBorderRadiusTL (0) !important;
}
.wcf-menu ~ .wcf-box thead th:last-child { /* ToDo: Does this case really exist any more? */
- .mxBorderRadiusTR(0) !important;
+ .mxBorderRadiusTR (0) !important;
}
.wcf-boxTitle > hgroup + table th:first-child, /* Boxes with a title bar */
.wcf-boxTitle > nav + table th:first-child { /* Boxes with a menu in the title bar */
- .mxBorderRadiusTL(0) !important;
+ .mxBorderRadiusTL (0) !important;
}
.wcf-boxTitle > hgroup + table th:last-child, /* Boxes with a title bar */
.wcf-boxTitle > .wcf-menu + table th:last-child { /* Boxes with a menu in the title bar */
- .mxBorderRadiusTR(0) !important;
+ .mxBorderRadiusTR (0) !important;
}
.wcf-pageNavigation ul li {
font-weight: bold;
text-align: center;
- .mxBorderRadius(3px);
+ .mxBorderRadius (3px);
margin: 1px;
float: left;
min-width: 19px;
.wcf-pageNavigation ul li.children .wcf-dropdown {
text-align: left;
border-color: transparent;
- .mxBorderRadius(3px);
+ .mxBorderRadius (3px);
background-color: fade(@backColor5, 70%);
margin-top: 28px;
margin-left: -2px;
max-width: 250px;
opacity: 0;
- .mxTransition1(opacity, .2s);
+ .mxTransition1 (opacity, .2s);
}
.wcf-pageNavigation ul li.children:hover .wcf-dropdown {
.wcf-warning {
text-shadow: 0 1px 0 @textShadowColor2;
line-height: 1.5;
- .mxBorderRadius(7px);
+ .mxBorderRadius (7px);
margin-top: 15px;
padding: 7px 15px 7px 50px;
box-sizing: border-box;
line-height: 1.5;
color: #c00;
border: 1px @borderStyle #f99;
- .mxBorderRadius(7px);
+ .mxBorderRadius (7px);
background-color: rgba(255, 238, 238, 1);
background-image: url('../icon/systemError.svg');
background-size: 16px;
width: auto;
z-index: 500;
- .mxTransition1(top, .5s);
+ .mxTransition1 (top, .5s);
}
.wcf-systemNotification.open {
.wcf-dialogContainer {
border: 23px @borderStyle transparent;
- .mxBorderRadius(15px);
+ .mxBorderRadius (15px);
background-color: fade(@backColor5, 40%);
margin-right: auto !important;
margin-left: auto !important;
.wcf-dialogTitlebar {
border-bottom: @borderWidth @borderStyle #036;
- .mxBorderRadiusTL(7px);
- .mxBorderRadiusTR(7px);
+ .mxBorderRadiusTL (7px);
+ .mxBorderRadiusTR (7px);
background-color: @backColor3;
background-image: @backImage;
background-position: left top;
}
.wcf-dialogContainer > .wcf-dialogContent {
- .mxBorderRadius(7px);
+ .mxBorderRadius (7px);
padding: 0;
/*width: auto !important;*/
}
.wcf-dialogTitlebar ~ .wcf-dialogContent {
- .mxBorderRadiusTL(0);
- .mxBorderRadiusTR(0);
- .mxBorderRadiusBL(7px);
- .mxBorderRadiusBR(7px);
+ .mxBorderRadiusTL (0);
+ .mxBorderRadiusTR (0);
+ .mxBorderRadiusBL (7px);
+ .mxBorderRadiusBR (7px);
padding: 10px 20px 20px;
}
.wcf-clipboardEditor > ul > li {
font-size: .85em;
- .mxBorderRadius(30px);
+ .mxBorderRadius (30px);
margin-top: 7px;
margin-right: 3px;
margin-left: 3px;
height: 150px;
overflow: hidden;
- .mxTransition1(background border color); /* This multiple shorthand format seems to be deprecated! */
+ .mxTransition1 (background border color); /* This multiple shorthand format seems to be deprecated! */
}
.wcf-infoPackagePlugin a {
font-size: 85%;
font-weight: normal;
text-shadow: none;
- .mxBorderRadius(7px);
+ .mxBorderRadius (7px);
padding: 40px 5px;
display: block;
position: absolute;
width: 139px;
opacity: 0;
- .mxTransition1(opacity);
+ .mxTransition1 (opacity);
}
.wcf-infoPackagePlugin:hover > div > a > small {
.wcf-infoPackagePlugin footer nav {
opacity: 0;
- .mxTransition1(opacity);
+ .mxTransition1 (opacity);
}
.wcf-infoPackageApplication:hover footer nav,