Hallo
Ich bin leider schon bisl raus aus der ganzen Sache und Frage deshalb hier mal nach
Ich würde gern die Hintergrundleiste der Buttons über die ganze Breite ziehen und dann soll sie nicht mehr abgerundend sein
Dann würde ich das gern so haben, das dies alles gleichmäßig ausschaut
und sich nix verschiebt, wenn z.b. der Button, wo neue Beiträge etc.pp
hevorgehoben wird.
Am liebsten würde den Hinweis mit der Zahl mittig über oder unter den Button haben wollen.
So wie das jetzt ist, schaut das alles unschön und ungleichmäßig aus.
Damals, wo ich das erstellt hatte, habe ich leider keinen entsprechenden
Hinweiszeilen eingefügt, was sich wo im CCs-Code befindet.
Mit Firebug bekomme ich das auch nicht mehr so hin, die entsprechenden Stellen zu finden und entsprechenden abzuändern.
Ich scheiter ja schon, die Buttonleiste über die ganze breite zu ziehen :-/
Hier aber erstmal der Link zu der Seite
und hier der CSS-Code
CSS
/* ### 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;
}
/* 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 {
> div {
> .sidebar {
> span > .collapsibleButton {
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: darken(@wcfSidebarBackgroundColor, 8%);
clip: rect(-5px 25px 31px -5px);
background-image: linear-gradient(rgb(36,11,11) 0%, rgb(67,17,17) 50%);
.boxShadow(0, 0, rgba(0, 0, 0, 0.1), 2px);
}
}
}
}
&.sidebarOrientationLeft {
.sidebar {
border-right: 1px solid darken;
background-color: #100404;
> div {
width: 301px;
fieldset {
width: 301px;
}
}
}
}
&.sidebarOrientationRight {
.sidebar {
border-left: 1px solid darken;
background-color: #100404;
}
}
}
}
/* ### 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 */
@media only screen and (min-width: 801px) {
.breadcrumbs {
background-color: @wcfContentBackgroundColor;
border: 1px solid @wcfContainerBorderColor;
border-radius: 6px;
> 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 {
border-radius: @wcfContainerBorderRadius - 2 0 0 @wcfContainerBorderRadius - 2;
padding-left: 9px;
}
}
}
}
}
/* user panel */
.userPanel {
border-bottom: 1px solid rgba(0, 0, 0, .1);
.boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
background-image: linear-gradient(rgb(36,11,11) 0%, rgb(67,17,17) 50%);
border: 1px solid #777777 !important;
> 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: 1px solid #777777 !important;
border-radius: 5px 5px 5px 5px;
}
}
}
}
/* ### border radius ### */
@media all and (min-width: 801px) {
.container,
.message,
.dropdownMenu,
.attachmentThumbnail,
.attachmentThumbnail > img,
.attachmentThumbnail > a > img,
.box48 .attachmentTinyThumbnail {
border-radius: @wcfContainerBorderRadius;
}
.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 {
border-radius: 0 @wcfContainerBorderRadius - 1 @wcfContainerBorderRadius - 1 0;
}
.message.messageSidebarOrientationRight .messageContent {
border-radius: @wcfContainerBorderRadius - 1 0 0 @wcfContainerBorderRadius - 1;
}
.message.messageReduced .messageContent {
border-radius: @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 {
border-radius: @wcfContainerBorderRadius;
}
.tabularBox:not(.tabularBoxTitle) .table {
thead tr:first-child th {
&:first-child {
border-top-left-radius: @wcfContainerBorderRadius - 2;
}
&:last-child {
border-top-right-radius: @wcfContainerBorderRadius - 2;
}
}
}
.tabularBox .table {
tbody tr:last-child td {
&:first-child {
border-bottom-left-radius: @wcfContainerBorderRadius - 2;
}
&:last-child {
border-bottom-right-radius: @wcfContainerBorderRadius - 2;
}
}
}
.container > .table {
> tbody > tr {
&:first-child > td {
&:first-child {
border-top-left-radius: @wcfContainerBorderRadius - 2;
}
&:last-child {
border-top-right-radius: @wcfContainerBorderRadius - 2;
}
}
&:last-child > td {
&:first-child {
border-bottom-left-radius: @wcfContainerBorderRadius - 2;
}
&:last-child {
border-bottom-right-radius: @wcfContainerBorderRadius - 2;
}
}
}
}
.attachmentThumbnail > div {
border-radius: 0 0 @wcfContainerBorderRadius - 2 @wcfContainerBorderRadius - 2;
}
.wbbBoardList:not(.wbbBoardListReduced) {
> li.wbbDepth1 > div {
border-top-left-radius: @wcfContainerBorderRadius - 2;
border-top-right-radius: @wcfContainerBorderRadius - 2;
}
li.wbbLastBoxElement > div {
border-bottom-left-radius: @wcfContainerBorderRadius - 2;
border-bottom-right-radius: @wcfContainerBorderRadius - 2;
}
.tabularBox:not(.wbbDepth1) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.wbbBoardListReduced .tabularBox {
border-radius: 0;
}
.tabMenuContainer > .menu {
border-radius: @wcfContainerBorderRadius - 1 @wcfContainerBorderRadius - 1 0 0;
}
.pollContainer {
> .formSubmit {
border-radius: 0 0 5px 5px;
}
}
.codeBox > div {
border-radius: @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 */
@media all and (min-width: 801px) {
.tabMenu {
padding: 0 5px;
> 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%);
.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-radius: 7px;
border-width: 1;
border-color: rgb(100, 100, 100);
.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-radius: 7px;
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;
border-radius: @wcfContainerBorderRadius;
padding: @wcfGapSmall;
margin-right: @wcfGapSmall;
.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 {
border-top-left-radius: @wcfContainerBorderRadius;
content: "";
display: block;
height: 128px;
left: 0;
position: absolute;
top: 0;
width: 128px;
.linearGradientNative(~"135deg, 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;
right: 0;
position: absolute;
top: 0;
width: 128px;
.linearGradientNative(~"225deg, 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 */
.dashboardBoxSidebarButton {
> 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)));
}
}
}
.navigation {
background-color: #100404;
border-style: solid;
border-width: 1px;
border-color: rgb(68, 68, 68);
}
#main.sidebarOrientationRight .sidebar {
border-left: 1px solid rgb(153,153, 153);
border-style: solid;
border-width: 1px;
border-color: rgb(68, 68, 68);
}
.tabularBox {
background-image: linear-gradient(rgb(36,11,11) 0%, rgb(67,17,17) 50%);
background-repeat: repeat-x;
background-color:#451111;
}
.icon-folder-close-alt:before {
margin-left: -2px;
content:url('../icon/v1/boardM.png');
}
.box16 > .icon-folder-close-alt:before {
margin-left: -15px;
content:url('../icon/v1/boardS.png');
}
.box32 >.icon-folder-close:before {
margin-left: -2px;
content:url('../icon/v1/boardNewM.png');
}
.box16 > .icon-folder-close:before {
margin-left: -15px;
content:url('../icon/v1/boardNewS.png');
}
.containerHeadline {
margin-left: 10px;
}
. {
margin-left: 10px;
}
.mainMenu ul li a {
border-style: ridge;
border-width: 1px;
border-color: rgb(68, 68, 68);
}
.badge {
border: 1px solid;
border-radius: 5px 5px 5px 4px;
background-color: #4d4440;
box-shadow: 1px 1px 1px #634e3c;
color: #cccccc;
display: inline-block;
font-size: 11px;
font-weight: bold;
padding: 1px 6px;
position: relative;
text-shadow: none !important;
vertical-align: middle;
white-space: nowrap;
}
.badge.red {
.linearGradient(#300002, lighten(#850007, 10%), #300002);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.badge.green {
.linearGradient(#053100, lighten(#085300, 10%), #053100);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.badgeInverse {
.linearGradient(#053100, lighten(#085300, 10%), #053100);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.badgeUpdate {
.linearGradient(#053100, lighten(#085300, 10%), #053100);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.likesbadge {
.linearGradient(#555555, lighten(#dddddd, 10%), #555555);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.dialogTitlebar {
.linearGradient(#370008, lighten(#37000a, 10%), #370008);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.dialogContent {
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.userTitleBadge.blue {
.linearGradient(#730202, lighten(#AE0707, 10%), #730202);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.userTitleBadge.brown {
.linearGradient(#9C4002, lighten(#B04903, 10%), #9C4002);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.userTitleBadge {
.linearGradient(#373636, lighten(#676766, 10%), #373636);
border-style: solid;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.wbbBoard.box32 {
border-style: solid;
border-width: 0.5px;
border-color: rgb(50, 50, 50);
}
.box24 {
border-radius: 4px;
border-style: double;
border-width: 1px;
border-color: rgb(100, 100, 100);
}
.quoteBox {
border-radius: 8px;
border-width: 1px;
border-color: #af8a6a;
box-shadow: 1px 1px 3px #634e3c;
background-color: #4d4440;
}
.button.active, input.active[type="button"], button.active, .button.active:hover, input.active[type="button"]:hover, button.active:hover {
background-color: #634e3c;
border-color: #af8a6a;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
color: #51000C;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
#cke_1_bottom {
.linearGradient(#370008, lighten(#7A0000, 10%), #370008);
}
#cke_1_top {
.linearGradient(#7a0000, lighten(#370008, 10%), #7A0000);
}
#cke_52_bottom {
.linearGradient(#370008, lighten(#7A0000, 10%), #370008);
}
#cke_52_top {
.linearGradient(#7a0000, lighten(#370008, 10%), #7A0000);
}
.cke_toolgroup, .cke_combo_button {
.linearGradient(#af8a6a, lighten(#af8a6a, 10%), #af8a6a) !important;
}
.cke_button:hover, .cke_combo_button:hover {
.linearGradient(#8B4513, lighten(#8B4513, 10%), #8B4513) !important;
}
.cke_wysiwyg_frame, .cke_wysiwyg_div { background-color: #000000;}
.sidebar fieldset > legend {
.linearGradient(#240b0b, lighten(#431111, 10%), #240b0b);
border: 1px solid #777777 !important;
border-radius: 5px 5px 5px 5px;
box-shadow: 1px 1px 3px #af8a6a;
color: #cccccc !important;
font-size: 12px;
font-weight: italic;
min-height: 13px;
padding-bottom: 6px !important;
padding-top: 5px !important;
text-align: center;
width: 270px;
}
.statsInfoBox{
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#240b0b), to(#240bob));
background: -moz-linear-gradient(0% 25% 315deg,#100404, #240b0b);
}
.infoBoxList{
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#240b0b), to(#240bob));
background: -moz-linear-gradient(0% 25% 315deg,#100404, #240b0b);
}
.usersOnlineInfoBox{
background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#240b0b), to(#240b0b));
background: -moz-linear-gradient(0% 25% 315deg,#100404, #240b0b);
}
.footer {
padding-bottom: 35px;
}
.navigationHeader {
background-image: linear-gradient(rgb(36,11,11) 0%, rgb(67,17,17) 50%);
margin-top: 23px;
}
.navigationHeader {
overflow: hidden;
border: 1px solid #777777 !important;
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgba(255, 255, 255, 0);
border-top: 1px solid rgba(255, 255, 255, 0);
}
.navigationFooter {
background-image: linear-gradient(rgb(67, 17, 17) 0%, rgb(36, 11, 11) 50%);
}
.logo{
margin-top: 30px;
}
#mainMenu {
background-image: linear-gradient(rgb(36, 11, 11) 0%, rgb(67, 17, 17) 50%);
line-height: 0.9;
margin-top: -21px;
margin-bottom: 25px;
text-align: center;
border: 1px solid #777777 !important;
border-radius: 5px 5px 5px 5px;
/* box-shadow: 0px 0px 9px rgb(250, 250, 250); */
}
.mainMenu {
font-size: 0px;
white-space: nowrap;
-moz-user-select: none;
}
#mainMenu > ul > li:not(:last-child) > a {
border-right: 1px solid rgb(7, 9, 11);
padding: 7.5px 21px;
}
#mainMenu > ul > li:not(:first-child) > a {
border-left: 1px solid rgb(59, 66, 73);
}
#mainMenu > ul > li.active > a {
background-image: linear-gradient(rgb(80, 0, 0) 50%, rgb(70, 0, 0) 50%);
min-width: 0px;
margin-top: 1px;
margin-bottom: -1px;
padding: 7.5px 21px;
}
#mainMenu > ul > li > a {
background-image: linear-gradient(rgb(50, 0, 0) 50%, rgb(40, 0, 0) 50%);
text-shadow: 1px 1px rgb(0, 0, 0);
font-variant: small-caps;
}
.mainMenu > ul > li.active > a {
min-width: 80px;
padding: 14px 21px 8px;
}
.mainMenu > ul > li:not(:last-child) > a {
border-right: 1px solid rgb(35, 40, 45);
}
.mainMenu > ul > li.active > a, .mainMenu > ul > li.active > a:hover {
background-color: rgba(0, 0, 0, 0.3);
font-weight: bold;
text-align: center;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
}
.mainMenu > ul > li > a {
margin-top: 1px;
margin-bottom: -1px;
padding: 7px 21px;
}
.mainMenu > ul > li > a {
color: rgb(221, 221, 221);
border: 1px solid #777777 !important;
display: inline-block;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
}
a {
cursor: pointer;
text-decoration: none;
}
#search form input[type="search"] {
border: 1px solid #777777 !important;
}
.boxHeadline {
background-image: linear-gradient(rgb(36, 11, 11) 0%, rgb(67, 17, 17) 50%);
border: 1px solid #777777 !important;
border-radius: 5px 5px 5px 5px;
font-size: 0px;
text-align: center;
}
#logo {
margin: 42px 0px 21px;
position: relative;
text-align: center;
z-index: 10;
}
.content {
border-right: 1px solid #777777 !important;
border-left: 1px solid #777777 !important;
}
.message .messageSidebar > div .userCredits {
background-color: rgba(35, 31, 29, 0.3);
border: 1px solid #777777 !important;
border-radius: 5px 5px 5px 5px;
padding-left: 5px;
padding-bottom: 5px;
text-align: left;
}
.message .messageSidebar > div .userTitle {
background-color: rgba(35, 31, 29, 0.3);
border: 1px solid #777777 !important;
padding-bottom: 5px;
padding-top: 5px;
border-radius: 5px 5px 5px 5px;
}
.message .messageSidebar > div .userAvatar {
background-color: rgba(35, 31, 29, 0.3);
border: 1px solid #777777 !important;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 17px;
padding-left: 17px;
border-radius: 5px 5px 5px 5px;
}
.message .messageSidebar > div .username {
background-color: rgba(35, 31, 29, 0.3);
border: 1px solid #777777 !important;
padding-bottom: 5px;
padding-top: 5px;
border-radius: 5px 5px 5px 5px;
}
.message {
border-radius: 7px;
padding: 3px 3px 3px;
}
.message.messageSidebarOrientationLeft .messageSidebar {
float: left;
}
.message .messageSidebar {
border-radius: 7px;
line-height: 1.28;
border-top: 1px solid rgb(35, 55, 64);
padding: 14px 17px 21px;
}
.message .messageSidebar {
line-height: 1.3;
margin-bottom: -1px;
padding: 14px 21px 21px;
position: relative;
text-align: center;
width: 170px;
}
/* Rundungen für Buttons Anfang*/
.button, input[type='reset']:not([disabled]), input[type='submit']:not([disabled]), input[type='button']:not([disabled]), button:not([disabled]),.mainMenu > ul > li.active,a.cke_button {
border-radius: 5px;
}
/* Rundungen für Buttons Ende*/
/* Stilewechsler ausschalten Anfang */
.styleChooser {
display: none;
}
/* Stilewechsler ausschalten Ende */
.partnerLinkBox1 {
background-color: #1C1C1C;
border: 1px solid #313131;
color:#999999;
}
.partnerLinkBox2 {
background-color: #1C1C1C;
border: 1px solid #313131;
color:#999999;
}
.partnerLinks > legend {
border-bottom: 1px solid #999999;
color:#999999;
}
.partnerLinkUsBox1 {
background-color: #1C1C1C;
border: 1px solid #313131;
color:#999999;
}
.partnerLinkUsBox2 {
background-color: #1C1C1C;
border: 1px solid #313131;
color:#999999;
}
.partnerLinkUs > legend {
border-bottom: 1px solid #999999;
color:#999999;
}
.badge.badgeInverse {
background-color: #FFF;
color: #ffffff;
}
#tplCalendar .calendarBirthdays {
display: none;
}
.buttonList > li:not(:first-child) {
margin-left: 0px;
}
.mainMenuEffect {
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.5);
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
}
.mainMenuEffect.mainMenuEffectDrop {
-webkit-animation: ripple 0.65s linear;
animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
}
@keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
}
.mainMenu > ul > li > a {
position: relative;
overflow: hidden;
}