From: Alexander Ebert Date: Sat, 4 May 2013 14:37:07 +0000 (+0200) Subject: Added "WoltLab Blue Temptation" as ACP style X-Git-Tag: 2.0.0_Beta_1~257^2~1 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=9b30ec4db5024b9b83d1efb52bdabda2c0938f05;p=GitHub%2FWoltLab%2FWCF.git Added "WoltLab Blue Temptation" as ACP style --- diff --git a/wcfsetup/install/files/acp/images/blueTemptationHeader.png b/wcfsetup/install/files/acp/images/blueTemptationHeader.png new file mode 100644 index 0000000000..dff8c315e2 Binary files /dev/null and b/wcfsetup/install/files/acp/images/blueTemptationHeader.png differ diff --git a/wcfsetup/install/files/acp/style/blueTemptation/individual.less b/wcfsetup/install/files/acp/style/blueTemptation/individual.less new file mode 100644 index 0000000000..839c095d50 --- /dev/null +++ b/wcfsetup/install/files/acp/style/blueTemptation/individual.less @@ -0,0 +1,832 @@ +/** + * Blue Temptation + * Style for WoltLab Community Framework 2 + * + * @copyright 2001-2013 WoltLab GmbH + * @license WoltLab Burning Board License + */ + +/* ### blue temptation special css ### */ +/* background-image for body, tabular boxes and dialogs */ +body, .tabularBox, .dialogTitlebar { + background-image: url(../images/blueTemptation/blueTemptationHeader.png); + background-repeat: repeat-x; +} + +/* main menu */ +@media all and (min-width: 801px) { + .mainMenu { + margin: @wcfGapMedium 9px 0; + + > ul { + background-color: rgba(0, 0, 0, .4); + border-radius: 5px 5px 0 0; + + > li { + > a { + border-width: 0 !important; + color: @wcfPageLinkColor; + position: relative; + + .transition(color, .3s, ease); + + &:hover { + color: @wcfPageLinkHoverColor; + } + } + + &.active { + > a { + border-radius: 5px 5px 0 0; + + .linearGradient(@wcfNavigationHeaderBackgroundColor, lighten(@wcfNavigationHeaderBackgroundColor, 20%), @wcfNavigationHeaderBackgroundColor); + + &:after { + border-bottom-left-radius: 6px; + border-width: 0 0 1px 1px; + bottom: 0; + content: ""; + height: 7px; + position: absolute; + right: -7px; + width: 7px; + + .boxShadow(-2px, 2px, @wcfNavigationHeaderBackgroundColor, 0); + } + + &:before { + border-bottom-right-radius: 6px; + border-width: 0 1px 1px 0; + bottom: 0; + content: ""; + height: 7px; + left: -7px; + position: absolute; + width: 7px; + + .boxShadow(2px, 2px, @wcfNavigationHeaderBackgroundColor, 0); + } + + &:hover { + color: @wcfMainMenuActiveColor; + } + } + + } + } + } + } +} + +/* navigation header / footer */ +@media all and (min-width: 801px) { + .navigation { + border-color: darken(@wcfSidebarBackgroundColor, 8%); + + > ul { + &.navigationIcons { + > li { + > a:hover { + background-color: @wcfSidebarBackgroundColor; + } + } + } + + &.navigationItems { + border-color: darken(@wcfNavigationHeaderBackgroundColor, 20%); + } + } + } + + .navigationHeader { + border-top-width: 0; + border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0; + } + + .navigationFooter { + border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius; + } +} + +/* sidebar */ +@media all and (min-width: 801px) { + .sidebar > div > fieldset:not(:last-child), .sidebar > div > div:not(:last-child) { + border-color: darken(@wcfSidebarBackgroundColor, 8%); + } + + .sidebar { + fieldset { + > nav { + ul { + > li { + &.active { + .boxShadow(0, 0, rgba(0, 0, 0, 0.1), 2px); + } + + > a { + .transition(color, .1s); + } + } + } + } + } + } + + #main { + > div { + .boxShadowInset(0, 0, rgba(0, 0, 0, .1), 2px); + + > .sidebar { + > .collapsibleButton { + border-width: 1px 0 1px 1px; + border-style: solid; + border-color: darken(@wcfSidebarBackgroundColor, 8%); + clip: rect(-5px 25px 31px -5px); + + .boxShadow(0, 0, rgba(0, 0, 0, 0.1), 2px); + } + } + } + + &.sidebarOrientationLeft { + .content { + border-left: 1px solid darken(@wcfSidebarBackgroundColor, 8%); + margin-left: 299px; + } + } + + &.sidebarOrientationRight { + .content { + border-right: 1px solid darken(@wcfSidebarBackgroundColor, 8%); + margin-right: 299px; + } + } + } + + .content { + .boxShadow(0, 0, rgba(0, 0, 0, .1), 2px); + } +} + +/* ### buttons ### */ +/* default values */ +button, +input[type='reset'], +input[type='submit'], +input[type='button'], +.button { + font-weight: bold; +} + +/* normal state */ +.button, +input[type='reset']:not([disabled]), +input[type='submit']:not([disabled]), +input[type='button']:not([disabled]), +button:not([disabled]) { + border-color: lighten(@wcfButtonBorderColor, 7%) @wcfButtonBorderColor darken(@wcfButtonBorderColor, 7%); + + .boxShadow(0, 1px, rgba(0, 0, 0, .1), 3px); + .linearGradient(lighten(@wcfButtonBackgroundColor, 5%), lighten(@wcfButtonBackgroundColor, 10%), lighten(@wcfButtonBackgroundColor, 5%) 2px, @wcfButtonBackgroundColor); + .transition(~"background-color, background-image, border, box-shadow, color", .1s); + + .icon { + .transition(color, .1s); + } +} + +/* primary */ +.button.buttonPrimary, +input[type='submit']:not([disabled]), +input[type='button']:not([disabled]).buttonPrimary, +button:not([disabled]).buttonPrimary { + border-color: lighten(@wcfButtonPrimaryBorderColor, 7%) @wcfButtonPrimaryBorderColor darken(@wcfButtonPrimaryBorderColor, 7%); + + .boxShadowNative(~"0 1px 3px rgba(0, 0, 0, .1), 0 0 10px" @wcfButtonPrimaryBorderColor); + .linearGradient(lighten(@wcfButtonPrimaryBackgroundColor, 5%), lighten(@wcfButtonPrimaryBackgroundColor, 10%), lighten(@wcfButtonPrimaryBackgroundColor, 5%) 2px, @wcfButtonPrimaryBackgroundColor); +} + +/* hover */ +.button:hover, +input[type='reset']:not([disabled]):hover, +input[type='submit']:not([disabled]):hover, +input[type='button']:not([disabled]):hover, +button:not([disabled]):hover, +.button.buttonPrimary:hover, +input[type='submit']:not([disabled]):hover, +input[type='button']:not([disabled]).buttonPrimary:hover, +button:not([disabled]).buttonPrimary:hover { + border-color: lighten(@wcfButtonHoverBorderColor, 7%) @wcfButtonHoverBorderColor darken(@wcfButtonHoverBorderColor, 7%); + color: @wcfButtonHoverColor; + + .boxShadowNative(~"0 1px 3px rgba(0, 0, 0, .1), 0 0 10px" @wcfButtonHoverBorderColor); + .linearGradient(lighten(@wcfButtonHoverBackgroundColor, 5%), lighten(@wcfButtonHoverBackgroundColor, 10%), lighten(@wcfButtonHoverBackgroundColor, 5%) 2px, @wcfButtonHoverBackgroundColor); + + .icon { + color: @wcfButtonHoverColor; + } +} + +/* active (permanently) */ +.button.active, +input[type='button'].active, +button.active, +.button.active:hover, +input[type='button'].active:hover, +button.active:hover { + border-color: darken(@wcfButtonColor, 5%); + color: lighten(@wcfButtonBackgroundColor, 5%); + + .boxShadow(0, 1px, rgba(0, 0, 0, .1), 3px); + .linearGradient(@wcfButtonColor, darken(@wcfButtonColor, 10%), @wcfButtonColor 3px); + .textShadow(darken(@wcfButtonColor, 10%)); + + .icon { + color: lighten(@wcfButtonBackgroundColor, 5%); + + .textShadow(darken(@wcfButtonColor, 10%)); + } +} + + + + + +/* bread crumbs */ +.breadcrumbs { + background-color: @wcfContentBackgroundColor; + border: 1px solid @wcfContainerBorderColor; + .borderRadius(); + + > ul { + > li { + padding-right: 0; + + .transition(max-width, .2s); + + &:hover { + max-width: 100%; + + > a { + background-color: @wcfContainerAccentBackgroundColor; + position: relative; + z-index: 10; + } + + > .pointer > span { + border-color: transparent transparent transparent @wcfContainerAccentBackgroundColor; + } + } + + > .pointer { + border-color: transparent transparent transparent @wcfContainerBorderColor; + border-style: inset none inset solid; + border-width: 15px; + display: block; + height: 0; + padding: 0; + right: -15px; + top: -3px; + width: 0; + z-index: 20; + + > span { + border-color: transparent transparent transparent @wcfContentBackgroundColor; + border-style: inset none inset solid; + border-width: 15px; + display: block; + height: 0; + left: -16px; + overflow: hidden; + position: absolute; + text-indent: -9000px; + top: -15px; + width: 0; + + .transition(border-color, .2s); + } + } + + > a { + padding-left: 20px; + + .transition(background-color, .2s); + } + + &:first-child > a { + padding-left: 9px; + + .borderRadius(@wcfContainerBorderRadius - 2, 0, 0, @wcfContainerBorderRadius - 2); + } + } + } +} + +/* user panel */ +.userPanel { + border-bottom: 1px solid rgba(0, 0, 0, .1); + + .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px); + + > div { + > .searchBar { + > form input[type="search"] { + &:focus, &:active { + .boxShadow(0, 0, transparent, 0); + } + } + } + } +} +@media only screen and (max-width: 800px) { + .userPanel { + background-color: darken(@wcfPageBackgroundColor, 10%); + + > div { + > .searchBar { + background-color: darken(@wcfPageBackgroundColor, 20%); + } + } + } +} + + +/* ### border radius ### */ +@media all and (min-width: 801px) { + .container, + .message, + .dropdownMenu, + .attachmentThumbnail, + .attachmentThumbnail > img, + .attachmentThumbnail > a > img { + .borderRadius(); + } + + .containerList { + > li { + &:first-child { + border-top-left-radius: @wcfContainerBorderRadius - 1; + border-top-right-radius: @wcfContainerBorderRadius - 1; + } + + &:last-child { + border-bottom-left-radius: @wcfContainerBorderRadius - 1; + border-bottom-right-radius: @wcfContainerBorderRadius - 1; + } + } + } + + .message.messageSidebarOrientationLeft .messageContent { + .borderRadius(0, @wcfContainerBorderRadius - 1, @wcfContainerBorderRadius - 1, 0); + } + + .message.messageSidebarOrientationRight .messageContent { + .borderRadius(@wcfContainerBorderRadius - 1, 0, 0, @wcfContainerBorderRadius - 1); + } + + .message.messageReduced .messageContent { + .borderRadius(@wcfContainerBorderRadius - 1); + } + + .messageOptions { + nav { + ul.smallButtons > li { + &:first-child a.button { + border-top-left-radius: 14px; + } + } + } + } + + .message.messageSidebarOrientationLeft, + .message.messageReduced { + .messageOptions { + nav { + ul.smallButtons > li { + &:last-child a.button { + border-bottom-right-radius: @wcfContainerBorderRadius; + } + } + } + } + } + + .tabularBox { + .borderRadius(); + } + + .tabularBox:not(.tabularBoxTitle) .table { + thead tr:first-child th { + &:first-child { + .borderRadius(@wcfContainerBorderRadius - 2, 0, 0, 0); + } + + &:last-child { + .borderRadius(0, @wcfContainerBorderRadius - 2, 0, 0); + } + } + } + + .tabularBox .table { + tbody tr:last-child td { + &:first-child { + .borderRadius(0, 0, 0, @wcfContainerBorderRadius - 2); + } + + &:last-child { + .borderRadius(0, 0, @wcfContainerBorderRadius - 2, 0); + } + } + } + + .container > .table { + > tbody > tr { + &:first-child > td { + &:first-child { + .borderRadius(@wcfContainerBorderRadius - 2, 0, 0, 0); + } + + &:last-child { + .borderRadius(0, @wcfContainerBorderRadius - 2, 0, 0); + } + } + + &:last-child > td { + &:first-child { + .borderRadius(0, 0, 0, @wcfContainerBorderRadius - 2); + } + + &:last-child { + .borderRadius(0, 0, @wcfContainerBorderRadius - 2, 0); + } + } + } + } + + .attachmentThumbnail > div { + .borderRadius(0, 0, @wcfContainerBorderRadius - 2, @wcfContainerBorderRadius - 2); + } + + .wbbBoardList:not(.wbbBoardListReduced) { + > li.wbbBoardNodeTop:not(.wbbBoardNodeTopEmpty) > div { + .borderRadius(@wcfContainerBorderRadius - 2, 0); + } + + > li > ul > li:last-child div.wbbBoard:last-child, > li > ul > li.tabularBox:last-child { + .borderRadius(0, @wcfContainerBorderRadius - 2); + } + + .tabularBox:not(.wbbBoardNodeTop) { + border-radius: 0; + } + + .wbbBoardNodeTopEmpty div.wbbBoard { + .borderRadius(@wcfContainerBorderRadius - 2); + } + } + + .wbbBoardListReduced .tabularBox { + .borderRadius(0); + } + + .tabMenuContainer > .menu { + .borderRadius(@wcfContainerBorderRadius - 1, @wcfContainerBorderRadius - 1, 0, 0); + } + + .pollContainer { + > .formSubmit { + .borderRadius(0, 0, 5px, 5px); + } + } + + .codeBox > div { + .borderRadius(@wcfContainerBorderRadius, 0, 0, @wcfContainerBorderRadius); + } +} + +@media screen and (min-width: 1240px) { + .containerList.doubleColumned { + > li { + &:last-child { + border-radius: 0; + } + + &:first-child { + border-radius: @wcfContainerBorderRadius - 1 0 0 0; + } + + &:nth-child(2) { + border-top-right-radius: @wcfContainerBorderRadius - 1; + } + + &:nth-child(even) { + &:last-child { + border-bottom-right-radius: @wcfContainerBorderRadius - 1; + } + } + + &:nth-child(odd) { + &:last-child, &:nth-last-child(2) { + border-bottom-left-radius: @wcfContainerBorderRadius - 1; + } + } + } + } +} + + +/* tab menus */ +.tabMenu { + padding: 0 10px; + + > ul { + border-top-left-radius: @wcfContainerBorderRadius; + border-top-right-radius: @wcfContainerBorderRadius; + + > li { + &.ui-state-active { + > a { + border-top-right-radius: @wcfContainerBorderRadius; + border-top-left-radius: @wcfContainerBorderRadius; + + &:before { + border: 1px solid @wcfContainerBorderColor; + border-bottom-right-radius: 6px; + border-width: 0 1px 1px 0; + bottom: -1px; + clip: rect(0, 6px, 6px, 0); + content: " "; + height: 5px; + left: -6px; + position: absolute; + width: 5px; + + .boxShadow(2px, 1px, @wcfContainerBackgroundColor, 0); + } + + &:after { + border: 1px solid @wcfContainerBorderColor; + border-bottom-left-radius: 6px; + border-width: 0 0 1px 1px; + bottom: -1px; + clip: rect(0, 6px, 6px, 0); + content: " "; + height: 5px; + position: absolute; + right: -6px; + width: 5px; + + .boxShadow(-2px, 1px, @wcfContainerBackgroundColor, 0); + } + } + } + } + } +} + + +/* ### inputs ### */ +/* normal state */ +input[type='text'], +input[type='search'], +input[type='date'], +input[type='datetime'], +input[type='email'], +input[type='number'], +input[type='url'], +input[type='password'], +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); +} + +/* active / focus */ +input[type='text']:active, +input[type='search']:active, +input[type='date']:active, +input[type='datetime']:active, +input[type='email']:active, +input[type='number']:active, +input[type='url']:active, +input[type='password']:active, +textarea:active, +select[multiple]:active, + +input[type='text']:focus, +input[type='search']:focus, +input[type='date']:focus, +input[type='datetime']:focus, +input[type='email']:focus, +input[type='number']:focus +input[type='url']:focus, +input[type='password']:focus, +textarea:focus, +select[multiple]:focus { + .boxShadowNative(~"0 0 5px" fade(@wcfInputHoverBorderColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)"); +} + +/* error state */ +.formError input[type='text'], +.formError input[type='search'], +.formError input[type='email'], +.formError input[type='number'], +.formError input[type='url'], +.formError input[type='password'], +.formError textarea { + background-color: @wcfInputBackgroundColor; + border-color: @wcfErrorBackgroundColor; + + .boxShadowNative(~"0 0 5px" fade(@wcfErrorBackgroundColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)"); + + &:hover, &:focus { + background-color: @wcfInputHoverBackgroundColor; + } +} + +/* success state */ +.formSuccess input[type='text'], +.formSuccess input[type='search'], +.formSuccess input[type='email'], +.formSuccess input[type='number'], +.formSuccess input[type='url'], +.formSuccess input[type='password'], +.formSuccess textarea { + background-color: @wcfInputBackgroundColor; + border-color: @wcfSuccessBackgroundColor; + + .boxShadowNative(~"0 0 5px" fade(@wcfSuccessBackgroundColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)"); + + &:hover, &:focus { + background-color: @wcfInputHoverBackgroundColor; + } +} + + +/* alerts */ +.info, +.error, +.success, +.warning { + border-width: 0; + font-weight: bold; + + .boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)"); +} + +.info { + .linearGradient(@wcfInfoBackgroundColor, @wcfInfoBackgroundColor, @wcfInfoBorderColor); +} + +.error { + .linearGradient(@wcfErrorBackgroundColor, @wcfErrorBackgroundColor, @wcfErrorBorderColor); +} + +.success { + .linearGradient(@wcfSuccessBackgroundColor, @wcfSuccessBackgroundColor, @wcfSuccessBorderColor); +} + +.warning { + .linearGradient(@wcfWarningBackgroundColor, @wcfWarningBackgroundColor, @wcfWarningBorderColor); +} + +.innerError { + border-width: 0; + + .boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)"); + .linearGradient(@wcfErrorBackgroundColor, @wcfErrorBackgroundColor, @wcfErrorBorderColor); + .textShadow(@wcfErrorBackgroundColor); +} + + +/* ### more eye candy ;-) ### */ +@media only screen and (min-width: 801px) { + .message .messageSidebar { + /* avatar reflection */ + .userAvatar > a > img { + -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.6, transparent), to(rgba(0, 0, 0, .3))); + } + } +} + +.message.dividers { + .userCredits { + border-top: 1px solid darken(@wcfSidebarBackgroundColor, 8%) !important; + + .boxShadowInset(0, 1px, @wcfContentBackgroundColor, 0); + } +} + +.footerContent { + .textShadow(@wcfPageBackgroundColor); +} + +/* framed last post */ +@media only screen and (min-width: 801px) { + .wbbBoardList { + .wbbLastPost { + top: @wcfGapSmall; + + > div { + background-color: @wcfContentBackgroundColor; + padding: @wcfGapSmall; + margin-right: @wcfGapSmall; + + .borderRadius(); + .boxShadowNative(~"inset 0 1px 1px rgba(0, 0, 0, .1)"); + } + } + } +} + +/* message group starter */ +@media only screen and (min-width: 801px) { + .messageList { + .messageGroupStarter { + > .message.messageSidebarOrientationLeft:before { + content: ""; + display: block; + height: 128px; + left: 0; + position: absolute; + 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 { + content: ""; + display: block; + height: 128px; + right: 0; + position: absolute; + top: 0; + width: 128px; + + .borderRadius(0, @wcfContainerBorderRadius, 0, 0); + .linearGradientNative(~"right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%"); + } + } + } +} + +/* attachments */ +.attachmentThumbnail { + .boxShadow(0, 1px, rgba(0, 0, 0, 0.2), 1px); + .transition(box-shadow, .1s); + + &:hover { + .boxShadow(0, 0, @wcfButtonHoverBorderColor, 20px); + } +} + +/* box-shadows */ +.container, +div.tabularBox, +.wbbBoardList > li.tabularBox, +.message { + .boxShadow(0, 1px, rgba(0, 0, 0, .1), 2px); +} + +.container .container, +.message .container { + .boxShadowNative(~"none"); +} + +/* dropdown transitions */ +.dropdown .dropdownMenu li { + .transition(background-color, .1s); + + > a { + .transition(color, .1s); + } +} + +/* table head transitions */ +.table { + /* headline */ + th { + > a { + .transition(~"background-color, color, box-shadow", .2s); + } + } +} + +/* user title */ +.userTitleBadge { + .boxShadowNative(~"0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2)"); +} + +/* dashboard boxes */ +.dashboardBoxRegisterButton { + > div { + > .button { + -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.5, transparent), to(rgba(0, 0, 0, .4))); + } + } +} \ No newline at end of file diff --git a/wcfsetup/install/files/acp/style/blueTemptation/override.less b/wcfsetup/install/files/acp/style/blueTemptation/override.less new file mode 100644 index 0000000000..46c72b250c --- /dev/null +++ b/wcfsetup/install/files/acp/style/blueTemptation/override.less @@ -0,0 +1,26 @@ +/** + * Blue Temptation + * Style for WoltLab Community Framework 2 + * + * @copyright 2001-2013 WoltLab GmbH + * @license WoltLab Burning Board License + */ + +@wcfSidebarBackgroundColor: @wcfContainerHoverBackgroundColor; +@wcfDropdownHoverBackgroundColor: @wcfSidebarBackgroundColor; +@wcfNavigationHeaderBackgroundColor: lighten(@wcfSidebarBackgroundColor, 3%); +@wcfNavigationFooterBackgroundColor: lighten(@wcfSidebarBackgroundColor, 3%); +@wcfContainerBorderRadius: 6px; +@wcfLabelColor: @wcfLinkColor; +@wcfErrorColor: rgba(255, 255, 255, 1); +@wcfErrorBackgroundColor: rgba(201, 81, 69, 1); +@wcfErrorBorderColor: rgba(145, 61, 55, 1); +@wcfSuccessColor: rgba(255, 255, 255, 1); +@wcfSuccessBackgroundColor: rgba(116, 164, 70, 1); +@wcfSuccessBorderColor: rgba(77, 119, 48, 1); +@wcfInfoColor: rgba(255, 255, 255, 1); +@wcfInfoBackgroundColor: rgba(70, 116, 164, 1); +@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 diff --git a/wcfsetup/install/files/acp/style/blueTemptation/variables.less b/wcfsetup/install/files/acp/style/blueTemptation/variables.less new file mode 100644 index 0000000000..fad9982033 --- /dev/null +++ b/wcfsetup/install/files/acp/style/blueTemptation/variables.less @@ -0,0 +1,49 @@ +/** + * Blue Temptation + * Style for WoltLab Community Framework 2 + * + * @copyright 2001-2013 WoltLab GmbH + * @license WoltLab Burning Board License + */ + +@wcfLinkColor: rgba(51, 102, 153, 1); +@wcfLinkHoverColor: rgba(0, 51, 102, 1); +@wcfContainerBackgroundColor: rgba(252, 253, 254, 1); +@wcfContainerAccentBackgroundColor: rgba(241, 245, 250, 1); +@wcfContainerHoverBackgroundColor: rgba(216, 231, 245, 1); +@wcfContainerBorderColor: rgba(204, 204, 204, 1); +@wcfContainerBorderRadius: 6px; +@wcfTabularBoxBackgroundColor: rgba(51, 102, 153, 1); +@wcfUserPanelBackgroundColor: rgba(0, 0, 0, 0.5); +@wcfButtonBackgroundColor: rgba(227, 227, 227, 1); +@wcfButtonBorderColor: rgba(187, 187, 187, 1); +@wcfButtonColor: rgba(153, 153, 153, 1); +@wcfButtonPrimaryBackgroundColor: rgba(216, 231, 245, 1); +@wcfButtonPrimaryBorderColor: rgba(102, 153, 204, 1); +@wcfButtonHoverBackgroundColor: rgba(255, 229, 200, 1); +@wcfButtonHoverBorderColor: rgba(255, 170, 34, 1); +@wcfInputHoverBackgroundColor: rgba(255, 249, 244, 1); +@wcfInputHoverBorderColor: rgba(255, 170, 34, 1); +@wcfLayoutFluidGap: 21px; +@wcfPageBackgroundColor: rgba(31, 64, 96, 1); +@wcfPageColor: rgba(255, 255, 255, 1); +@wcfPageLinkColor: rgba(64, 127, 191, 1); +@wcfPageLinkHoverColor: rgba(255, 255, 255, 1); +@wcfDimmedColor: rgba(128, 128, 128, 1); +@wcfLabelColor: @wcfLinkColor; +@wcfDropdownHoverBackgroundColor: @wcfSidebarBackgroundColor; +@wcfWarningColor: rgba(0, 0, 0, 1); +@wcfWarningBackgroundColor: rgba(239, 203, 80, 1); +@wcfWarningBorderColor: rgba(233, 191, 43, 1); +@wcfErrorColor: rgba(255, 255, 255, 1); +@wcfErrorBackgroundColor: rgba(201, 81, 69, 1); +@wcfErrorBorderColor: rgba(145, 61, 55, 1); +@wcfSuccessColor: rgba(255, 255, 255, 1); +@wcfSuccessBackgroundColor: rgba(116, 164, 70, 1); +@wcfSuccessBorderColor: rgba(77, 119, 48, 1); +@wcfInfoColor: rgba(255, 255, 255, 1); +@wcfInfoBackgroundColor: rgba(70, 116, 164, 1); +@wcfInfoBorderColor: rgba(48, 77, 119, 1); +@wcfNavigationHeaderBackgroundColor: lighten(@wcfSidebarBackgroundColor, 3%); +@wcfNavigationFooterBackgroundColor: lighten(@wcfSidebarBackgroundColor, 3%); +@wcfUserPanelHoverBackgroundColor: rgba(0, 0, 0, 0.4); diff --git a/wcfsetup/install/files/lib/system/style/StyleCompiler.class.php b/wcfsetup/install/files/lib/system/style/StyleCompiler.class.php index c762dc0708..4f2ec4ba30 100644 --- a/wcfsetup/install/files/lib/system/style/StyleCompiler.class.php +++ b/wcfsetup/install/files/lib/system/style/StyleCompiler.class.php @@ -98,11 +98,14 @@ class StyleCompiler extends SingletonFactory { $variables[$row['variableName']] = $value; } + // insert blue temptation files + array_unshift($files, WCF_DIR.'acp/style/blueTemptation/variables.less', WCF_DIR.'acp/style/blueTemptation/override.less'); + $this->compileStylesheet( WCF_DIR.'acp/style/style', $files, $variables, - '', + file_get_contents(WCF_DIR.'acp/style/blueTemptation/individual.less'), new Callback(function($content) { // fix relative paths $content = str_replace('../font/', '../../font/', $content);