.breadcrumbs {
background-color: @wcfContentBackgroundColor;
border: 1px solid @wcfContainerBorderColor;
- .borderRadius();
+ border-radius: 6px;
> ul {
> li {
}
&:first-child > a {
+ border-radius: @wcfContainerBorderRadius - 2 0 0 @wcfContainerBorderRadius - 2;
padding-left: 9px;
-
- .borderRadius(@wcfContainerBorderRadius - 2, 0, 0, @wcfContainerBorderRadius - 2);
}
}
}
.dropdownMenu,
.attachmentThumbnail,
.attachmentThumbnail > img,
- .attachmentThumbnail > a > img {
- .borderRadius();
+ .attachmentThumbnail > a > img,
+ .box48 .attachmentTinyThumbnail {
+ border-radius: @wcfContainerBorderRadius;
}
.containerList {
}
.message.messageSidebarOrientationLeft .messageContent {
- .borderRadius(0, @wcfContainerBorderRadius - 1, @wcfContainerBorderRadius - 1, 0);
+ border-radius: 0 @wcfContainerBorderRadius - 1 @wcfContainerBorderRadius - 1 0;
}
.message.messageSidebarOrientationRight .messageContent {
- .borderRadius(@wcfContainerBorderRadius - 1, 0, 0, @wcfContainerBorderRadius - 1);
+ border-radius: @wcfContainerBorderRadius - 1 0 0 @wcfContainerBorderRadius - 1;
}
.message.messageReduced .messageContent {
- .borderRadius(@wcfContainerBorderRadius - 1);
+ border-radius: @wcfContainerBorderRadius - 1;
}
.messageOptions {
}
.tabularBox {
- .borderRadius();
+ border-radius: @wcfContainerBorderRadius;
}
.tabularBox:not(.tabularBoxTitle) .table {
}
.attachmentThumbnail > div {
- .borderRadius(0, 0, @wcfContainerBorderRadius - 2, @wcfContainerBorderRadius - 2);
+ border-radius: 0 0 @wcfContainerBorderRadius - 2 @wcfContainerBorderRadius - 2;
}
.wbbBoardList:not(.wbbBoardListReduced) {
> li.wbbBoardNodeTop:not(.wbbBoardNodeTopEmpty) > div {
- .borderRadius(@wcfContainerBorderRadius - 2, 0);
+ border-radius: @wcfContainerBorderRadius - 2 @wcfContainerBorderRadius - 2 0 0;
}
> li > ul > li:last-child div.wbbBoard:last-child, > li > ul > li.tabularBox:last-child {
- .borderRadius(0, @wcfContainerBorderRadius - 2);
+ border-radius: 0 0 @wcfContainerBorderRadius - 2 @wcfContainerBorderRadius - 2;
}
.tabularBox:not(.wbbBoardNodeTop) {
}
.wbbBoardNodeTopEmpty div.wbbBoard {
- .borderRadius(@wcfContainerBorderRadius - 2);
+ border-radius: @wcfContainerBorderRadius - 2;
}
}
.wbbBoardListReduced .tabularBox {
- .borderRadius(0);
+ border-radius: 0;
}
.tabMenuContainer > .menu {
- .borderRadius(@wcfContainerBorderRadius - 1, @wcfContainerBorderRadius - 1, 0, 0);
+ border-radius: @wcfContainerBorderRadius - 1 @wcfContainerBorderRadius - 1 0 0;
}
.pollContainer {
> .formSubmit {
- .borderRadius(0, 0, 5px, 5px);
+ border-radius: 0 0 5px 5px;
}
}
.codeBox > div {
- .borderRadius(@wcfContainerBorderRadius, 0, 0, @wcfContainerBorderRadius);
+ border-radius: @wcfContainerBorderRadius 0 0 @wcfContainerBorderRadius;
}
}
textarea,
select[multiple] {
border-color: darken(@wcfInputBorderColor, 20%) @wcfInputBorderColor lighten(@wcfInputBorderColor, 10%);
- border-radius: 3px;
.boxShadowInset(0, 1px, rgba(0, 0, 0, .1));
.transition(~"background-color, border, box-shadow", .2s);
}
-.preInput {
- > input[type='text'] {
- border-radius: 0 3px 3px 0;
- }
-
- > textarea {
- border-radius: 0 3px 3px;
- }
-}
-
/* active / focus */
input[type='text']:active,
input[type='search']:active,
.error,
.success,
.warning {
+ border-radius: 7px;
border-width: 0;
+
font-weight: bold;
.boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)");
}
.innerError {
+ border-radius: 7px;
border-width: 0;
.boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)");
> div {
background-color: @wcfContentBackgroundColor;
+ border-radius: @wcfContainerBorderRadius;
padding: @wcfGapSmall;
margin-right: @wcfGapSmall;
- .borderRadius();
.boxShadowNative(~"inset 0 1px 1px rgba(0, 0, 0, .1)");
}
}
.messageList {
.messageGroupStarter {
> .message.messageSidebarOrientationLeft:before {
+ border-top-left-radius: @wcfContainerBorderRadius;
content: "";
display: block;
height: 128px;
top: 0;
width: 128px;
- .borderRadius(@wcfContainerBorderRadius, 0, 0, 0);
.linearGradientNative(~"left top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
}
> .message.messageSidebarOrientationRight:before {
+ border-top-right-radius: @wcfContainerBorderRadius;
content: "";
display: block;
height: 128px;
top: 0;
width: 128px;
- .borderRadius(0, @wcfContainerBorderRadius, 0, 0);
.linearGradientNative(~"right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
}
}
-/**
- * Blue Temptation
- * Style for WoltLab Community Framework 2
- *
- * @copyright 2001-2013 WoltLab GmbH
- * @license WoltLab Burning Board License <http://www.woltlab.com/products/burning_board/license.php>
- */
-
@wcfSidebarBackgroundColor: @wcfContainerHoverBackgroundColor;
@wcfDropdownHoverBackgroundColor: @wcfSidebarBackgroundColor;
@wcfNavigationHeaderBackgroundColor: lighten(@wcfSidebarBackgroundColor, 3%);
@wcfInfoBorderColor: rgba(48, 77, 119, 1);
@wcfWarningColor: rgba(0, 0, 0, 1);
@wcfWarningBackgroundColor: rgba(239, 203, 80, 1);
-@wcfWarningBorderColor: rgba(233, 191, 43, 1);
\ No newline at end of file
+@wcfWarningBorderColor: rgba(233, 191, 43, 1);
+@wcfInputBorderRadius: 3px;
\ No newline at end of file
padding: @wcfGapSmall+@wcfGapTiny @wcfGapMedium @wcfGapSmall+@wcfGapTiny 48px;
position: relative;
- .borderRadius(7px);
-
&:after {
font-family: FontAwesome;
font-size: 28px;
padding: 2px 10px;
position: relative; /* Firefox support (from version 10 on) is buggy */
- .borderRadius(7px);
-
/* pointer */
&:after {
border: 7px solid transparent;
}
.box48 .attachmentTinyThumbnail {
- border-radius: 6px;
max-height: 48px;
max-width: 48px;
}
.inlineCode {
background-color: @wcfContentBackgroundColor;
border: 1px solid @wcfContainerBorderColor;
+ border-radius: 3px;
display: inline-block;
font-family: Consolas, 'Courier New', monospace;
margin: 0 2px;
padding: 0 5px;
-
- .borderRadius(3px);
}
/* smiley list */
.boxShadowNative(@parameters) {
box-shadow: @parameters;
}
-
-.borderRadius(@borderRadius: @wcfContainerBorderRadius) {
- .borderRadius(@borderRadius, @borderRadius, @borderRadius, @borderRadius);
-}
-
-.borderRadius(@borderTopRadius, @borderBottomRadius) {
- .borderRadius(@borderTopRadius, @borderTopRadius, @borderBottomRadius, @borderBottomRadius);
-}
-
-.borderRadius(@borderTopLeftRadius, @borderTopRightRadius, @borderBottomRightRadius, @borderBottomLeftRadius) {
- border-radius: @arguments;
-}
\ No newline at end of file
input[type='submit'],
input[type='button'],
.button {
+ border-radius: @wcfButtonBorderRadius;
border-style: solid;
border-width: 1px;
cursor: pointer;
margin: 0 2px;
padding: 5px 13px;
position: relative;
-
- .borderRadius(15px);
}
/* normal state */
display: inline-block;
> .button {
+ border-radius: 0;
margin: 0 0 0 -1px;
-
- .borderRadius(0);
}
&:first-child {
> .button {
- border-top-left-radius: 15px;
- border-bottom-left-radius: 15px;
+ border-top-left-radius: @wcfButtonBorderRadius;
+ border-bottom-left-radius: @wcfButtonBorderRadius;
}
}
&:last-child {
> .button {
- border-top-right-radius: 15px;
- border-bottom-right-radius: 15px;
+ border-top-right-radius: @wcfButtonBorderRadius;
+ border-bottom-right-radius: @wcfButtonBorderRadius;
}
}
}
/* small buttons */
button.small,
.button.small {
+ border-radius: @wcfSmallButtonBorderRadius;
font-size: @wcfSmallFontSize;
min-height: 13px;
padding: 5px 11px;
-
- .borderRadius(3px);
}
/* button icons */
.dialogContainer {
background: rgba(0, 0, 0, .4);
border: 14px solid transparent;
+ border-radius: 15px;
margin-left: auto;
margin-right: auto;
max-width: 90%;
min-width: 500px;
position: fixed;
- .borderRadius(15px);
.boxShadow(0, 1px, rgba(0, 0, 0, .3), 23px);
}
@media only screen and (max-width: 800px) {
.dialogContainer {
border: 0;
+ border-radius: 0;
left: 0 !important;
max-width: none;
min-width: 0;
position: absolute;
top: 0 !important;
width: 100%;
-
- .borderRadius(0);
}
}
.dialogTitlebar {
background-color: @wcfTabularBoxBackgroundColor;
border-bottom: 1px solid rgba(0, 0, 0, .1);
+ border-top-left-radius: 7px;
+ border-top-right-radius: 7px;
display: block;
padding: 10px 20px;
min-height: 27px;
position: relative;
- .borderRadius(7px, 0);
-
.dialogTitle {
color: @wcfTabularBoxColor;
display: block;
@media only screen and (max-width: 800px) {
.dialogTitlebar {
- .borderRadius(0);
+ border-radius: 0;
}
}
padding: 10px 20px 20px;
&:not(.dialogForm) {
- .borderRadius(0, 7px);
+ border-bottom-left-radius: 7px;
+ border-bottom-right-radius: 7px;
}
> .icon-spinner {
.formSubmit {
background-color: @wcfContainerAccentBackgroundColor;
+ border-bottom-left-radius: 7px;
+ border-bottom-right-radius: 7px;
border-top: 1px solid @wcfContainerBorderColor;
bottom: 0;
left: 0;
padding: 10px 0;
position: absolute;
width: 100%;
-
- .borderRadius(0, 0, 7px, 7px);
}
}
max-width: none !important;
&:not(.dialogForm) {
- .borderRadius(0);
+ border-radius: 0;
}
.formSubmit {
- .borderRadius(0);
+ border-radius: 0;
}
}
}
.spinner {
border: 1px solid rgba(0, 0, 0, .3);
+ border-radius: 6px;
color: #fff;
left: 46%;
padding: 7px 0;
width: 70px;
z-index: 401;
- .borderRadius(6px);
.boxShadow(0, 1px, rgba(0, 0, 0, .5), 7px);
.linearGradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
display: table;
width: 100%;
- /*input,
- textarea {
- min-width: 300px;
- }*/
-
input {
+ border-radius: 0 @wcfInputBorderRadius @wcfInputBorderRadius 0;
display: table-cell;
margin: 0;
width: 99%;
}
textarea {
+ border-radius: 0 @wcfInputBorderRadius @wcfInputBorderRadius;
display: block;
margin-top: 0;
}
&.button {
border-right-width: 0;
-
- .borderRadius(3px, 0, 0, 3px);
+ border-radius: @wcfInputBorderRadius 0 0 @wcfInputBorderRadius;
}
span {
padding-right: @wcfGapSmall;
&.button {
- .borderRadius(3px, 0);
+ border-radius: @wcfInputBorderRadius @wcfInputBorderRadius 0 0;
}
&~ .dropdownMenu {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
+ border-radius: @wcfInputBorderRadius;
font-family: @wcfBaseFontFamily;
padding: 4px 3px;
margin: 0;
/* Fixes weird firefox bug */
select > option {
display: block !important;
-}
\ No newline at end of file
+}
+
+/* reCaptcha */
+.reCaptcha {
+ input.marginTop {
+ margin-top: 14px;
+ }
+}
/* balloon tooltips */
.balloonTooltip {
background-color: @wcfTooltipBackgroundColor;
+ border-radius: 6px;
color: @wcfTooltipColor;
font-size: .85em;
max-width: 300px;
position: absolute;
z-index: 800;
- .borderRadius(6px);
-
.pointer {
border-color: @wcfTooltipBackgroundColor transparent;
border-style: solid;
/* popover */
.popover {
background-color: rgba(0, 0, 0, .4);
+ border-radius: 6px;
padding: @wcfGapSmall;
position: absolute;
vertical-align: middle;
width: 400px !important;
z-index: 500;
- .borderRadius(6px);
.boxShadow(0, 1px, rgba(0, 0, 0, .3), 7px);
> .icon-spinner {
> .popoverContent {
background-color: @wcfContainerBackgroundColor;
+ border-radius: 6px;
color: @wcfColor;
max-height: 300px;
min-height: 32px;
opacity: 0;
overflow: hidden;
padding: @wcfGapSmall @wcfGapMedium;
-
- .borderRadius(6px);
}
&:after {
/* default values */
.badge {
background-color: @wcfColor;
+ border-radius: 9px;
color: @wcfContentBackgroundColor;
display: inline-block;
font-size: 11px;
vertical-align: middle;
white-space: nowrap;
- .borderRadius(9px);
-
&.label {
+ border-radius: 4px;
font-weight: normal;
-
- .borderRadius(4px);
}
/* colors */
left: 0;
> span {
+ border-radius: 0 30px 30px 0;
left: 0;
padding-right: @wcfGapMedium;
-
- .borderRadius(0, 30px, 30px, 0);
}
}
right: 0;
> span {
+ border-radius: 30px 0 0 30px;
padding-left: @wcfGapMedium;
right: 0;
-
- .borderRadius(30px, 0, 0, 30px);
}
}
}
> a {
+ border-radius: 6px;
display: block;
- .borderRadius(6px);
.transition(background-color, .1s);
&:hover {
.content > .breadcrumbs {
background-color: @wcfContentBackgroundColor;
border: 1px solid @wcfContainerBorderColor;
+ border-radius: 6px;
display: inline-block;
margin-left: @wcfGapSmall;
margin-right: @wcfGapSmall;
max-width: 90%;
- .borderRadius(6px);
-
> ul {
> li {
float: none;
a {
background-color: @wcfContainerBackgroundColor;
border: 1px solid @wcfContainerBorderColor;
+ border-radius: @wcfButtonBorderRadius;
color: @wcfButtonColor;
display: block;
font-size: @wcfSmallFontSize;
outline: 0;
padding: @wcfGapTiny @wcfGapSmall;
- .borderRadius(15px);
-
&:hover {
background-color: @wcfButtonHoverBackgroundColor;
border-color: @wcfButtonHoverBorderColor;
.pageNavigation {
ul {
li {
+ border-radius: @wcfSmallButtonBorderRadius;
float: left;
font-weight: bold;
margin: 0 1px;
padding: 0;
text-align: center;
- .borderRadius(3px);
-
&:not(.active):not(.disabled) {
cursor: pointer;
}
+++ /dev/null
-.likeButton.active {
- .icon {
- color: rgba(0, 153, 0, 1);
- }
-}
-
-.dislikeButton.active {
- .icon {
- color: rgba(204, 0, 0, 1);
- }
-}
\ No newline at end of file
ul.smallButtons {
> li {
a.button {
- .borderRadius(0);
+ border-radius: 0;
}
}
}
}
.message.messageSidebarOrientationLeft .newMessageBadge {
+ border-radius: 0 5px 5px 0;
left: -219px;
- .borderRadius(0, 5px, 5px, 0);
-
&:before {
border-left: 6px solid transparent;
left: 0;
.message.messageSidebarOrientationRight,
.message.messageReduced {
.newMessageBadge {
- .borderRadius(5px, 0, 0, 5px);
+ border-radius: 5px 0 0 5px;
&:before {
border-right: 6px solid transparent;
text-align: left;
> .badgeOnline {
+ border-radius: 0 5px 5px 0;
color: rgba(238, 255, 238, 1);
bottom: 7px;
left: -5px;
position: absolute;
text-transform: uppercase;
- .borderRadius(0, 5px, 5px, 0);
.boxShadow(1px, 1px, rgba(0, 0, 0, .2), 3px);
.linearGradient(darken(rgba(0, 153, 0, 1), 10%), rgba(0, 153, 0, 1), darken(rgba(0, 153, 0, 1), 10%));
.textShadow(darken(rgba(0, 153, 0, 1), 10%));
> .badge {
background-color: @wcfContainerBackgroundColor;
border: 1px solid @wcfContainerBorderColor;
+ border-radius: 3px;
color: @wcfColor;
line-height: 23px;
padding: 0 7px;
position: relative;
vertical-align: 1px;
- .borderRadius(3px);
-
&:before {
border: 6px solid @wcfContainerBorderColor;
border-color: transparent @wcfContainerBorderColor transparent transparent;
margin-top: 0;
}
+.messageSearchResultList {
+ > li > .box48 > div > .containerHeadline > h3 {
+ padding-right: 100px;
+ }
+}
+
+.likeButton.active {
+ .icon {
+ color: rgba(0, 153, 0, 1);
+ }
+}
+
+.dislikeButton.active {
+ .icon {
+ color: rgba(204, 0, 0, 1);
+ }
+}
+
/* ckeditor fixes */
.cke_editor_text {
border-style: solid !important;
right: @wcfGapMedium;
}
}
+
&:hover {
background-color: @wcfContainerAccentBackgroundColor;
-
- .borderRadius(0, 5px, 5px, 0);
+ border-radius: 0 5px 5px 0;
}
.pollMeter {
background-color: @wcfContainerHoverBackgroundColor;
+ border-radius: 0 5px 5px 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
-
- .borderRadius(0, 5px, 5px, 0);
}
.caption {
+++ /dev/null
-.reCaptcha {
- input.marginTop {
- margin-top: 14px;
- }
-}
\ No newline at end of file
+++ /dev/null
-.messageSearchResultList {
- > li > .box48 > div > .containerHeadline > h3 {
- padding-right: 100px;
- }
-}
\ No newline at end of file
}
.tag {
+ border-radius: 0 4px 4px 0;
font-weight: normal;
height: 13px;
margin-left: 6px;
padding-bottom: 2px;
padding-left: 10px;
-
- .borderRadius(0, 4px, 4px, 0);
&:before{
border-color: transparent @wcfColor transparent transparent;
&:after{
background: @wcfContentBackgroundColor;
+ border-radius: 2px;
content: "";
height: 4px;
left: -2px;
top: 6px;
width: 4px;
- .borderRadius(2px);
.boxShadow(0, -1px, rgba(0, 0, 0, .2), 2px);
}
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfUserPanelHoverColor', 'rgba(255, 255, 255, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBackgroundColor', 'rgba(249, 249, 249, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBorderColor', 'rgba(221, 221, 221, 1)');
+INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBorderRadius', '15px');
+INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSmallButtonBorderRadius', '3px');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonColor', 'rgba(102, 102, 102, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBackgroundColor', 'rgba(211, 232, 254, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBorderColor', 'rgba(136, 194, 255, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBorderColor', 'rgba(204, 204, 204, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputHoverBackgroundColor', 'rgba(239, 247, 255, 1)');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputHoverBorderColor', 'rgba(198, 222, 248, 1)');
+INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBorderRadius', '0');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfBaseFontSize', '13px');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfBaseFontFamily', '"Trebuchet MS", Arial, sans-serif');
INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfLayoutFluidGap', '30px');