Allgemeine Fragen und Antworten zum persönlichen Seitenlayout und dem Einsatz von CSS + SASS

Hier kannst Du Vorschläge für Grafikänderungen sowie alternative Layouts machen.
  • Themen-
  • Beiträge-
  • Abonnements-
  • Lesezeichen-
  • Ausgeblendet-

Allgemeine Fragen und Antworten zum persönlichen Seitenlayout und dem Einsatz von CSS + SASS

  • Ablehnend
  • Traurig
  • Überrascht
  • Lustig
  • Liebhaben
  • Zustimmen
Avatar: Mahou Shounen
Freischalter
#136
Ich habe immer noch 3 Probleme:


Bei dem hier ist der Rahmen nicht schwarz wie bei den anderen Menüs.

Das aniSearch Logo hatte ich eigentlich Blau, aber der Link ist nicht einmal mehr in meinem Code.

Bei den Listen ist der Suchfilter auch nicht mehr in der richtigen Farbe, der ist Orange.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: SkyFief
V.I.P.
#137
Bei dem hier ist der Rahmen nicht schwarz wie bei den anderen Menüs.
-> fehler in deinem code fixed
Das aniSearch Logo hatte ich eigentlich Blau, aber der Link ist nicht einmal mehr in meinem Code.
-> EXTERNAL_URL_NOT_ALLOWED//i.imgur.com/skDtMiS.png ersetzen durch internal link (source: http://i.imgur.com/skDtMiS.png)
Bei den Listen ist der Suchfilter auch nicht mehr in der richtigen Farbe, der ist Orange.
-> siehe code am ende fixed (ist jetzt ganz anderes)


habs nicht getestet sollte aber funktionieren
#topnav > li:first-child > a {
background-color:rgba(20, 70, 120, 0.39)
}
#header:before {
background-image:url("/images/member/upload/21/21227/images/OVhcJu2.jpg");
opacity:1
}
#header {
border-bottom:2px solid #000
}
#content {
background-color:#fff
}
a {
color:#000
}
#avatar .menuitem {
background-color:#144678;
outline:1px solid #000;
}
#avatar .menuitem > li:hover {
background-color:#285a8c
}
#avatar .logout {
background-color:#144678
}
#usercp.hover {
background-color:#285a8c;
outline:1px solid #000
}
#usercp.hover .menuitem {
background-color:#144678;
outline:1px solid #000
}
#usercp .menuitem > li:hover {
background-color:#285a8c
}
.menuitem > li span {
color:#fff
}
#mainnav {
background-color:rgba(20, 70, 120, 0.5)
}
#mainnav .menu > li.active {
background-color:rgba(40, 90, 140, 0.75)
}
#mainnav .menu > li.hover .menuitem {
background-color:rgba(20, 70, 120, 0.99);
outline:1px solid #000
}
#mainnav .menu > li .menuitem > li:hover {
background-color:rgba(40, 90, 140, 0.99)
}
#mainnav .menu > li .menuitem > li:hover span {
color:#000
}
#searchbox {
background-color:rgba(20, 70, 120, 0.99);
border-bottom:2px solid #000
}
#searchbox #searchbar {
border:2px solid #000
}
#searchbox #searchbar > li:last-child:before {
color:#000
}
#start {
border:1px solid #000
}
#start #details-subs,#start #details-subsB {
background-color:#285a8c
}
#start #details-subs > li > a,#start #details-subsB > li > a {
border:none
}
#details-outer #details-inner > section > h2 {
background-color:#285a8c;
border-top:3px solid #285a8c;
color:#fff
}
#details-outer #details-inner > section > h2 > a {
color:#fff
}
#details-outer #details-inner > section.accordion > h2:after {
background-color:#285a8c
}
#details-right > section > h2 {
background-color:#285a8c
}
#details-right > section {
background-color:#fff;
border:1px solid #000
}
article.comment > h2:first-of-type {
background-color:#285a8c
}
#footer {
border-top:2px solid #000;
background-color:rgba(20, 70, 120, 0.99)
}
#footer h4 {
border-bottom:1px solid #000;
color:#000
}
#footer a {
color:#000
}
.responsive-table thead th {
background-color:#285a8c;
border-right:1px solid #000;
border-top:none;
border-left:none;
border-bottom:none
}
.responsive-table thead th:last-of-type {
border:none
}
#page-action > li {
border:1px solid #000;
color:#000
}
#page-action > li:hover {
background-color:#000;
}
#page-action > li {
background-color:transparent;
}
.sbuttonA,.sbuttonB {
background-color:#285a8c
}
.sbuttonA:hover,.sbuttonB:hover {
background-color:#144678
}
#logo > a {
background-image:url('EXTERNAL_URL_NOT_ALLOWED//i.imgur.com/skDtMiS.png');
}
#mainnav .menu > li.hover {
background-color:#285a8c
}
#mainnav .menu > li.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
.responsive-table tbody tr {
border:1px solid #000
}
.responsive-table tbody td {
border-bottom:1px solid #000
}
.responsive-table tbody tr:nth-child(even) {
background-color:transparent
}
a.gc,li.gc {
background-color:#285a8c !important
}
.tooltip-c {
background-color:#285a8c;
color:#fff
}
section#description {
background-color:rgba(255, 255, 255, 0.4);
border-left:solid 1px #000;
border-bottom:solid 1px #000;
border-right:solid 1px #000
}
#usercp:after {
color:#fff
}
.pagenav > a {
border-color:#285a8c;
background-color:#285a8c
}
.pagenav > .pagenav-current {
background-color:#144678;
border-color:#144678
}
.pagenav > a:hover {
background-color:#144678;
border-color:#144678
}
.pbutton {
background-color:#285a8c
}
.tabs {
background-color:#285a8c
}
.pbutton-container {
border:1px solid #285a8c
}
#tabs-content-filters {
background-color:#285a8c
}
#filters-items > li {
background-color:#285a8c
}
.tabs > li {
border:none
}
#table-menu > li.hover {
border-color:#144678;
background-color:#144678
}
#table-menu > li {
background-color:#285a8c;
color:#fff
}
#table-menu-content > div {
background-color:#144678
}
#indexABC > li.active {
background-color:#285a8c
}
#indexABC > li {
background-color:#285a8c
}
#indexABC > li:hover {
background-color:#144678
}
.f10g {
font-size:12px;
color:#000
}
.msgBox > div.notice {
border:1px solid #fff;
background-color:#fff
}
.responsive-table tbody th[scope="row"] {
border-bottom:1px solid #000
}
.responsive-table tbody th[scope="row"] > a {
color:#000
}
.responsive-table {
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000
}
#details-right {
background-color:transparent
}
section#description {
background-color:transparent
}
.tooltip-o {
background-color:#fff;
border-color:#000
}
.tooltip-o.top > .tooltip-arrow:before {
border-bottom-color:#000
}
.tooltip-o.top > .tooltip-arrow:after {
border-bottom-color:#000
}
table.dbstats > thead > tr > th,#infodetails > thead > tr > th {
color:#fff;
background-color:#285a8c
}
table.dbstats > tbody tr > td > a:hover,#infodetails > tbody tr > td > a:hover {
background-color:#285a8c
}
table.dbstats > tbody tr > td,#infodetails > tbody tr > td {
border-color:#000
}
table.dbstats > tbody tr > td > a {
margin:-3px
}
#start.start_details,#start.start_page {
border-color:#fff
}
#details-subs > li,#details-subsB > li {
background-color:#285a8c;
border-color:#285a8c
}
#details-subs > li:hover,#details-subsB > li:hover {
background-color:#144678
}
#details-subs > li > a,#details-subsB > li > a {
color:#fff
}
#details-subs > li > a:hover,#details-subsB > li > a:hover {
color:#fff !important
}
#details-subs > li.active > a,#details-subsB > li.active > a {
background-color:inherit;
color:#fff !important
}
#details-subs > li.empty:hover,#details-subsB > li.empty:hover {
border-color:#144678;
background-color:#144678
}
#details-subs > li.active,#details-subsB > li.active {
border-color:#144678 !important;
background-color:#144678 !important
}
#details-subsB {
background-color:transparent
}
#details-subsB > li {
border:1px solid #285a8c
}
#details-subsB > li.active {
border:1px solid #144678 !important
}
#details-subsB > li.empty {
background-color:#285a8c;
border:1px solid #285a8c
}
#details-subsB > li.empty > a {
color:gray
}
#start {
background-color:#fff
}
#navrightside {
display:none
}
#usercp {
box-shadow:none;
background-color:transparent
}
.pagenav > li > a:hover,.pagenav > li > a.pagenav-current {
background-color:#144678
}
.pagenav > li > a {
background-color:#285a8c
}
#mainmenu > li.active {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px
}
#mainmenu > li.hover {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu > li.hover .menuitem {
display:block;
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu .menuitem > li:hover,#mainmenu .menuitem > li.hover,#avatar .menuitem > li:hover,#avatar .menuitem > li.hover,#mylists .menuitem > li:hover,#mylists .menuitem > li.hover {
background-color:rgba(40, 90, 140, 0.5)
}
#avatar.hover,#mylists.hover {
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover .menuitem,#mylists.hover .menuitem {
display:block;
background-color:#144678;
outline:1px solid #000 ;
}
#breadcrumb li a:hover:after {
border-left-color:#144678
}
#breadcrumb li a:hover {
background-color:#144678
}
#breadcrumb li a:hover:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li a:after {
border-left-color:#285a8c
}
#breadcrumb li a {
background-color:#285a8c
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#infodetails {
display:none
}
#breadcrumb li a {
background-color:#285a8c
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#breadcrumb li a:after {
border-color:transparent;
border-left-color:#285a8c
}
#breadcrumb li:nth-child(2n) a {
background-color:#144678
}
#breadcrumb li:nth-child(2n) a:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li:nth-child(2n) a:after {
border-color:transparent;
border-left-color:#144678
}
#search-button {
background-color: #144678;
}
#search-filters {
background-color: #DC9E55;
}
#search-container {
border: 1px solid #000;
}
#search-tabs {
background-color: #DC9E55;
> li.hover {
background-color: white;
}
}
#search-tabs-content {
background-color: rgba(255,255,255,0.9);
}
Beitrag wurde zuletzt am 02.06.2018 um 00:40 geändert.
    • ×0
    • ×1
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Mahou Shounen
Freischalter
#138
Durch das Update stimmen jetzt einige Sachen wieder nicht:

Text von Breadcrumb und auch Editieren ist nicht mehr weiß:


Hover Farbe von Gästebuch/Freunde/Clubs/Aktivität/Kontaktieren und Statistik sind auf einmal orange:




Mein Code:
#topnav > li:first-child > a {
background-color:rgba(20, 70, 120, 0.39)
}
#header:before {
background-image:url("/images/member/upload/21/21227/images/OVhcJu2.jpg");
opacity:1
}
#header {
border-bottom:2px solid #000
}
#content {
background-color:#fff
}
a {
color:#000
}
#avatar .menuitem {
background-color:#144678;
outline:1px solid #000;
}
#avatar .menuitem > li:hover {
background-color:#285a8c
}
#avatar .logout {
background-color:#144678
}
#usercp.hover {
background-color:#285a8c;
outline:1px solid #000
}
#usercp.hover .menuitem {
background-color:#144678;
outline:1px solid #000
}
#usercp .menuitem > li:hover {
background-color:#285a8c
}
.menuitem > li span {
color:#fff
}
#mainnav {
background-color:rgba(20, 70, 120, 0.5)
}
#mainnav .menu > li.active {
background-color:rgba(40, 90, 140, 0.75)
}
#mainnav .menu > li.hover .menuitem {
background-color:rgba(20, 70, 120, 0.99);
outline:1px solid #000
}
#mainnav .menu > li .menuitem > li:hover {
background-color:rgba(40, 90, 140, 0.99)
}
#mainnav .menu > li .menuitem > li:hover span {
color:#000
}
#searchbox {
background-color:rgba(20, 70, 120, 0.99);
border-bottom:2px solid #000
}
#searchbox #searchbar {
border:2px solid #000
}
#searchbox #searchbar > li:last-child:before {
color:#000
}
#start {
border:1px solid #000
}
#start #details-subs,#start #details-subsB {
background-color:#285a8c
}
#start #details-subs > li > a,#start #details-subsB > li > a {
border:none
}
#details-outer #details-inner > section > h2 {
background-color:#285a8c;
border-top:3px solid #285a8c;
color:#fff
}
#details-outer #details-inner > section > h2 > a {
color:#fff
}
#details-outer #details-inner > section.accordion > h2:after {
background-color:#285a8c
}
#details-right > section > h2 {
background-color:#285a8c
}
#details-right > section {
background-color:#fff;
border:1px solid #000
}
article.comment > h2:first-of-type {
background-color:#285a8c
}
#footer {
border-top:2px solid #000;
background-color:rgba(20, 70, 120, 0.99)
}
#footer h4 {
border-bottom:1px solid #000;
color:#000
}
#footer a {
color:#000
}
.responsive-table thead th {
background-color:#285a8c;
border-right:1px solid #000;
border-top:none;
border-left:none;
border-bottom:none
}
.responsive-table thead th:last-of-type {
border:none
}
#page-action > li {
border:1px solid #000;
color:#000
}
#page-action > li:hover {
background-color:#000;
}
#page-action > li {
background-color:transparent;
}
.sbuttonA,.sbuttonB {
background-color:#285a8c
}
.sbuttonA:hover,.sbuttonB:hover {
background-color:#144678
}
#logo > a {
background-image:url('https://cdn.anisearch.de/images/member/upload/21/21227/images/skDtMiS.png');
}
#mainnav .menu > li.hover {
background-color:#285a8c
}
#mainnav .menu > li.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
.responsive-table tbody tr {
border:1px solid #000
}
.responsive-table tbody td {
border-bottom:1px solid #000
}
.responsive-table tbody tr:nth-child(even) {
background-color:transparent
}
a.gc,li.gc {
background-color:#285a8c !important
}
.tooltip-c {
background-color:#285a8c;
color:#fff
}
section#description {
background-color:rgba(255, 255, 255, 0.4);
border-left:solid 1px #000;
border-bottom:solid 1px #000;
border-right:solid 1px #000
}
#usercp:after {
color:#fff
}
.pagenav > a {
border-color:#285a8c;
background-color:#285a8c
}
.pagenav > .pagenav-current {
background-color:#144678;
border-color:#144678
}
.pagenav > a:hover {
background-color:#144678;
border-color:#144678
}
.pbutton {
background-color:#285a8c
}
.tabs {
background-color:#285a8c
}
.pbutton-container {
border:1px solid #285a8c
}
#tabs-content-filters {
background-color:#285a8c
}
#filters-items > li {
background-color:#285a8c
}
.tabs > li {
border:none
}
#table-menu > li.hover {
border-color:#144678;
background-color:#144678
}
#table-menu > li {
background-color:#285a8c;
color:#fff
}
#table-menu-content > div {
background-color:#144678
}
#indexABC > li.active {
background-color:#285a8c
}
#indexABC > li {
background-color:#285a8c
}
#indexABC > li:hover {
background-color:#144678
}
.f10g {
font-size:12px;
color:#000
}
.msgBox > div.notice {
border:1px solid #fff;
background-color:#fff
}
.responsive-table tbody th[scope="row"] {
border-bottom:1px solid #000
}
.responsive-table tbody th[scope="row"] > a {
color:#000
}
.responsive-table {
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000
}
#details-right {
background-color:transparent
}
section#description {
background-color:transparent
}
.tooltip-o {
background-color:#fff;
border-color:#000
}
.tooltip-o.top > .tooltip-arrow:before {
border-bottom-color:#000
}
.tooltip-o.top > .tooltip-arrow:after {
border-bottom-color:#000
}
table.dbstats > thead > tr > th,#infodetails > thead > tr > th {
color:#fff;
background-color:#285a8c
}
table.dbstats > tbody tr > td > a:hover,#infodetails > tbody tr > td > a:hover {
background-color:#285a8c
}
table.dbstats > tbody tr > td,#infodetails > tbody tr > td {
border-color:#000
}
table.dbstats > tbody tr > td > a {
margin:-3px
}
#start.start_details,#start.start_page {
border-color:#fff
}
#details-subs > li,#details-subsB > li {
background-color:#285a8c;
border-color:#285a8c
}
#details-subs > li:hover,#details-subsB > li:hover {
background-color:#144678
}
#details-subs > li > a,#details-subsB > li > a {
color:#fff
}
#details-subs > li > a:hover,#details-subsB > li > a:hover {
color:#fff !important
}
#details-subs > li.active > a,#details-subsB > li.active > a {
background-color:inherit;
color:#fff !important
}
#details-subs > li.empty:hover,#details-subsB > li.empty:hover {
border-color:#144678;
background-color:#144678
}
#details-subs > li.active,#details-subsB > li.active {
border-color:#144678 !important;
background-color:#144678 !important
}
#details-subsB {
background-color:transparent
}
#details-subsB > li {
border:1px solid #285a8c
}
#details-subsB > li.active {
border:1px solid #144678 !important
}
#details-subsB > li.empty {
background-color:#285a8c;
border:1px solid #285a8c
}
#details-subsB > li.empty > a {
color:gray
}
#start {
background-color:#fff
}
#navrightside {
display:none
}
#usercp {
box-shadow:none;
background-color:transparent
}
.pagenav > li > a:hover,.pagenav > li > a.pagenav-current {
background-color:#144678
}
.pagenav > li > a {
background-color:#285a8c
}
#mainmenu > li.active {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px
}
#mainmenu > li.hover {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu > li.hover .menuitem {
display:block;
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu .menuitem > li:hover,#mainmenu .menuitem > li.hover,#avatar .menuitem > li:hover,#avatar .menuitem > li.hover,#mylists .menuitem > li:hover,#mylists .menuitem > li.hover {
background-color:rgba(40, 90, 140, 0.5)
}
#avatar.hover,#mylists.hover {
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover .menuitem,#mylists.hover .menuitem {
display:block;
background-color:#144678;
outline:1px solid #000 ;
}
#breadcrumb li a:hover:after {
border-left-color:#144678
}
#breadcrumb li a:hover {
background-color:#144678
}
#breadcrumb li a:hover:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li a:after {
border-left-color:#285a8c
}
#breadcrumb li a {
background-color:#285a8c
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#infodetails {
display:none
}
#breadcrumb li a {
background-color:#285a8c
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#breadcrumb li a:after {
border-color:transparent;
border-left-color:#285a8c
}
#breadcrumb li:nth-child(2n) a {
background-color:#144678
}
#breadcrumb li:nth-child(2n) a:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li:nth-child(2n) a:after {
border-color:transparent;
border-left-color:#144678
}
#search-button {
background-color: #285a8c;
}
#search-filters {
background-color: #285a8c;
}
#search-container {
border: 1px solid #000;
}
#search-tabs {
background-color: #285a8c;
> li.hover {
background-color: white;
}
}
#search-tabs-content {
background-color: rgba(255,255,255,0.9);
}


@SkyFief vielleicht kannst du mir wieder weiterhelfen?
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: SkyFief
V.I.P.
#139
Durch das Update stimmen jetzt einige Sachen wieder nicht:

Text von Breadcrumb und auch Editieren ist nicht mehr weiß:
#breadcrumb li a {
color: white;
}

Hover Farbe von Gästebuch/Freunde/Clubs/Aktivität/Kontaktieren und Statistik sind auf einmal orange:
(Das war gar nicht so offensichtlich zu finden.^^)
#details-subsB > li > a::hover {
background-color: transparent;
border-bottom-color: transparent;
}

Dein Code:
#topnav > li:first-child > a {
background-color:rgba(20, 70, 120, 0.39)
}
#header:before {
background-image:url("/images/member/upload/21/21227/images/OVhcJu2.jpg");
opacity:1
}
#header {
border-bottom:2px solid #000
}
#content {
background-color:#fff
}
a {
color:#000
}
#avatar .menuitem {
background-color:#144678;
outline:1px solid #000;
}
#avatar .menuitem > li:hover {
background-color:#285a8c
}
#avatar .logout {
background-color:#144678
}
#usercp.hover {
background-color:#285a8c;
outline:1px solid #000
}
#usercp.hover .menuitem {
background-color:#144678;
outline:1px solid #000
}
#usercp .menuitem > li:hover {
background-color:#285a8c
}
.menuitem > li span {
color:#fff
}
#mainnav {
background-color:rgba(20, 70, 120, 0.5)
}
#mainnav .menu > li.active {
background-color:rgba(40, 90, 140, 0.75)
}
#mainnav .menu > li.hover .menuitem {
background-color:rgba(20, 70, 120, 0.99);
outline:1px solid #000
}
#mainnav .menu > li .menuitem > li:hover {
background-color:rgba(40, 90, 140, 0.99)
}
#mainnav .menu > li .menuitem > li:hover span {
color:#000
}
#searchbox {
background-color:rgba(20, 70, 120, 0.99);
border-bottom:2px solid #000
}
#searchbox #searchbar {
border:2px solid #000
}
#searchbox #searchbar > li:last-child:before {
color:#000
}
#start {
border:1px solid #000
}
#start #details-subs,#start #details-subsB {
background-color:#285a8c
}
#start #details-subs > li > a,#start #details-subsB > li > a {
border:none
}
#details-outer #details-inner > section > h2 {
background-color:#285a8c;
border-top:3px solid #285a8c;
color:#fff
}
#details-outer #details-inner > section > h2 > a {
color:#fff
}
#details-outer #details-inner > section.accordion > h2:after {
background-color:#285a8c
}
#details-right > section > h2 {
background-color:#285a8c
}
#details-right > section {
background-color:#fff;
border:1px solid #000
}
article.comment > h2:first-of-type {
background-color:#285a8c
}
#footer {
border-top:2px solid #000;
background-color:rgba(20, 70, 120, 0.99)
}
#footer h4 {
border-bottom:1px solid #000;
color:#000
}
#footer a {
color:#000
}
.responsive-table thead th {
background-color:#285a8c;
border-right:1px solid #000;
border-top:none;
border-left:none;
border-bottom:none
}
.responsive-table thead th:last-of-type {
border:none
}
#page-action > li {
border:1px solid #000;
color:#000
}
#page-action > li:hover {
background-color:#000;
}
#page-action > li {
background-color:transparent;
}
.sbuttonA,.sbuttonB {
background-color:#285a8c
}
.sbuttonA:hover,.sbuttonB:hover {
background-color:#144678
}
#logo > a {
background-image:url('https://cdn.anisearch.de/images/member/upload/21/21227/images/skDtMiS.png');
}
#mainnav .menu > li.hover {
background-color:#285a8c
}
#mainnav .menu > li.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
.responsive-table tbody tr {
border:1px solid #000
}
.responsive-table tbody td {
border-bottom:1px solid #000
}
.responsive-table tbody tr:nth-child(even) {
background-color:transparent
}
a.gc,li.gc {
background-color:#285a8c !important
}
.tooltip-c {
background-color:#285a8c;
color:#fff
}
section#description {
background-color:rgba(255, 255, 255, 0.4);
border-left:solid 1px #000;
border-bottom:solid 1px #000;
border-right:solid 1px #000
}
#usercp:after {
color:#fff
}
.pagenav > a {
border-color:#285a8c;
background-color:#285a8c
}
.pagenav > .pagenav-current {
background-color:#144678;
border-color:#144678
}
.pagenav > a:hover {
background-color:#144678;
border-color:#144678
}
.pbutton {
background-color:#285a8c
}
.tabs {
background-color:#285a8c
}
.pbutton-container {
border:1px solid #285a8c
}
#tabs-content-filters {
background-color:#285a8c
}
#filters-items > li {
background-color:#285a8c
}
.tabs > li {
border:none
}
#table-menu > li.hover {
border-color:#144678;
background-color:#144678
}
#table-menu > li {
background-color:#285a8c;
color:#fff
}
#table-menu-content > div {
background-color:#144678
}
#indexABC > li.active {
background-color:#285a8c
}
#indexABC > li {
background-color:#285a8c
}
#indexABC > li:hover {
background-color:#144678
}
.f10g {
font-size:12px;
color:#000
}
.msgBox > div.notice {
border:1px solid #fff;
background-color:#fff
}
.responsive-table tbody th[scope="row"] {
border-bottom:1px solid #000
}
.responsive-table tbody th[scope="row"] > a {
color:#000
}
.responsive-table {
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000
}
#details-right {
background-color:transparent
}
section#description {
background-color:transparent
}
.tooltip-o {
background-color:#fff;
border-color:#000
}
.tooltip-o.top > .tooltip-arrow:before {
border-bottom-color:#000
}
.tooltip-o.top > .tooltip-arrow:after {
border-bottom-color:#000
}
table.dbstats > thead > tr > th,#infodetails > thead > tr > th {
color:#fff;
background-color:#285a8c
}
table.dbstats > tbody tr > td > a:hover,#infodetails > tbody tr > td > a:hover {
background-color:#285a8c
}
table.dbstats > tbody tr > td,#infodetails > tbody tr > td {
border-color:#000
}
table.dbstats > tbody tr > td > a {
margin:-3px
}
#start.start_details,#start.start_page {
border-color:#fff
}
#details-subs > li,#details-subsB > li {
background-color:#285a8c;
border-color:#285a8c
}
#details-subs > li:hover,#details-subsB > li:hover {
background-color:#144678
}
#details-subs > li > a,#details-subsB > li > a {
color:#fff
}
#details-subs > li > a:hover,#details-subsB > li > a:hover {
color:#fff !important
}
#details-subs > li.active > a,#details-subsB > li.active > a {
background-color:inherit;
color:#fff !important
}
#details-subs > li.empty:hover,#details-subsB > li.empty:hover {
border-color:#144678;
background-color:#144678
}
#details-subs > li.active,#details-subsB > li.active {
border-color:#144678 !important;
background-color:#144678 !important
}
#details-subsB {
background-color:transparent
}
#details-subsB > li {
border:1px solid #285a8c
> a::hover {
background-color: transparent;
border-bottom-color: transparent;
}
}
#details-subsB > li.active {
border:1px solid #144678 !important
}
#details-subsB > li.empty {
background-color:#285a8c;
border:1px solid #285a8c;
}
#details-subsB > li.empty > a {
color:gray
}
#start {
background-color:#fff
}
#navrightside {
display:none
}
#usercp {
box-shadow:none;
background-color:transparent
}
.pagenav > li > a:hover,.pagenav > li > a.pagenav-current {
background-color:#144678
}
.pagenav > li > a {
background-color:#285a8c
}
#mainmenu > li.active {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px
}
#mainmenu > li.hover {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu > li.hover .menuitem {
display:block;
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu .menuitem > li:hover,#mainmenu .menuitem > li.hover,#avatar .menuitem > li:hover,#avatar .menuitem > li.hover,#mylists .menuitem > li:hover,#mylists .menuitem > li.hover {
background-color:rgba(40, 90, 140, 0.5)
}
#avatar.hover,#mylists.hover {
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover .menuitem,#mylists.hover .menuitem {
display:block;
background-color:#144678;
outline:1px solid #000 ;
}
#breadcrumb li a:hover:after {
border-left-color:#144678
}
#breadcrumb li a:hover {
background-color:#144678
}
#breadcrumb li a:hover:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li a:after {
border-left-color:#285a8c
}
#breadcrumb li a {
background-color:#285a8c;
color: white;
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#infodetails {
display:none
}
#breadcrumb li a {
background-color:#285a8c
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#breadcrumb li a:after {
border-color:transparent;
border-left-color:#285a8c
}
#breadcrumb li:nth-child(2n) a {
background-color:#144678
}
#breadcrumb li:nth-child(2n) a:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li:nth-child(2n) a:after {
border-color:transparent;
border-left-color:#144678
}
#search-button {
background-color: #285a8c;
}
#search-filters {
background-color: #285a8c;
}
#search-container {
border: 1px solid #000;
}
#search-tabs {
background-color: #285a8c;
> li.hover {
background-color: white;
}
}
#search-tabs-content {
background-color: rgba(255,255,255,0.9);
}
    • ×0
    • ×1
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (2)

Zeige alle Kommentare
Avatar: SkyFief
V.I.P.
#140
#topnav > li:first-child > a {
background-color:rgba(20, 70, 120, 0.39)
}
#header:before {
background-image:url("/images/member/upload/21/21227/images/OVhcJu2.jpg");
opacity:1
}
#header {
border-bottom:2px solid #000
}
#content {
background-color:#fff
}
a {
color:#000
}
#avatar .menuitem {
background-color:#144678;
outline:1px solid #000;
}
#avatar .menuitem > li:hover {
background-color:#285a8c
}
#avatar .logout {
background-color:#144678
}
#usercp.hover {
background-color:#285a8c;
outline:1px solid #000
}
#usercp.hover .menuitem {
background-color:#144678;
outline:1px solid #000
}
#usercp .menuitem > li:hover {
background-color:#285a8c
}
.menuitem > li span {
color:#fff
}
#mainnav {
background-color:rgba(20, 70, 120, 0.5)
}
#mainnav .menu > li.active {
background-color:rgba(40, 90, 140, 0.75)
}
#mainnav .menu > li.hover .menuitem {
background-color:rgba(20, 70, 120, 0.99);
outline:1px solid #000
}
#mainnav .menu > li .menuitem > li:hover {
background-color:rgba(40, 90, 140, 0.99)
}
#mainnav .menu > li .menuitem > li:hover span {
color:#000
}
#searchbox {
background-color:rgba(20, 70, 120, 0.99);
border-bottom:2px solid #000
}
#searchbox #searchbar {
border:2px solid #000
}
#searchbox #searchbar > li:last-child:before {
color:#000
}
#start {
border:1px solid #000
}
#start #details-subs,#start #details-subsB {
background-color:#285a8c
}
#start #details-subs > li > a,#start #details-subsB > li > a {
border:none
}
#details-outer #details-inner > section > h2 {
background-color:#285a8c;
border-top:3px solid #285a8c;
color:#fff
}
#details-outer #details-inner > section > h2 > a {
color:#fff
}
#details-outer #details-inner > section.accordion > h2:after {
background-color:#285a8c
}
#details-right > section > h2 {
background-color:#285a8c
}
#details-right > section {
background-color:#fff;
border:1px solid #000
}
article.comment > h2:first-of-type {
background-color:#285a8c
}
#footer {
border-top:2px solid #000;
background-color:rgba(20, 70, 120, 0.99)
}
#footer h4 {
border-bottom:1px solid #000;
color:#000
}
#footer a {
color:#000
}
.responsive-table thead th {
background-color:#285a8c;
border-right:1px solid #000;
border-top:none;
border-left:none;
border-bottom:none
}
.responsive-table thead th:last-of-type {
border:none
}
#page-action > li {
border:1px solid #000;
color:#000
}
#page-action > li:hover {
background-color:#000;
}
#page-action > li {
background-color:transparent;
}
.sbuttonA,.sbuttonB {
background-color:#285a8c
}
.sbuttonA:hover,.sbuttonB:hover {
background-color:#144678
}
#logo > a {
background-image:url('https://cdn.anisearch.de/images/member/upload/21/21227/images/skDtMiS.png');
}
#mainnav .menu > li.hover {
background-color:#285a8c
}
#mainnav .menu > li.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover {
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
.responsive-table tbody tr {
border:1px solid #000
}
.responsive-table tbody td {
border-bottom:1px solid #000
}
.responsive-table tbody tr:nth-child(even) {
background-color:transparent
}
a.gc,li.gc {
background-color:#285a8c !important
}
.tooltip-c {
background-color:#285a8c;
color:#fff
}
section#description {
background-color:rgba(255, 255, 255, 0.4);
border-left:solid 1px #000;
border-bottom:solid 1px #000;
border-right:solid 1px #000
}
#usercp:after {
color:#fff
}
.pagenav > a {
border-color:#285a8c;
background-color:#285a8c
}
.pagenav > .pagenav-current {
background-color:#144678;
border-color:#144678
}
.pagenav > a:hover {
background-color:#144678;
border-color:#144678
}
.pbutton {
background-color:#285a8c
}
.tabs {
background-color:#285a8c
}
.pbutton-container {
border:1px solid #285a8c
}
#tabs-content-filters {
background-color:#285a8c
}
#filters-items > li {
background-color:#285a8c
}
.tabs > li {
border:none
}
#table-menu > li.hover {
border-color:#144678;
background-color:#144678
}
#table-menu > li {
background-color:#285a8c;
color:#fff
}
#table-menu-content > div {
background-color:#144678
}
#indexABC > li.active {
background-color:#285a8c
}
#indexABC > li {
background-color:#285a8c
}
#indexABC > li:hover {
background-color:#144678
}
.f10g {
font-size:12px;
color:#000
}
.msgBox > div.notice {
border:1px solid #fff;
background-color:#fff
}
.responsive-table tbody th[scope="row"] {
border-bottom:1px solid #000
}
.responsive-table tbody th[scope="row"] > a {
color:#000
}
.responsive-table {
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000
}
#details-right {
background-color:transparent
}
section#description {
background-color:transparent
}
.tooltip-o {
background-color:#fff;
border-color:#000
}
.tooltip-o.top > .tooltip-arrow:before {
border-bottom-color:#000
}
.tooltip-o.top > .tooltip-arrow:after {
border-bottom-color:#000
}
table.dbstats > thead > tr > th,#infodetails > thead > tr > th {
color:#fff;
background-color:#285a8c
}
table.dbstats > tbody tr > td > a:hover,#infodetails > tbody tr > td > a:hover {
background-color:#285a8c
}
table.dbstats > tbody tr > td,#infodetails > tbody tr > td {
border-color:#000
}
table.dbstats > tbody tr > td > a {
margin:-3px
}
#start.start_details,#start.start_page {
border-color:#fff
}
#details-subs > li,#details-subsB > li {
background-color:#285a8c;
border-color:#285a8c
}
#details-subs > li:hover,#details-subsB > li:hover {
background-color:#144678
}
#details-subs > li > a,#details-subsB > li > a {
color:#fff
}
#details-subs > li > a:hover,#details-subsB > li > a:hover {
color:#fff !important
}
#details-subs > li.active > a,#details-subsB > li.active > a {
background-color:inherit;
color:#fff !important
}
#details-subs > li.empty:hover,#details-subsB > li.empty:hover {
border-color:#144678;
background-color:#144678
}
#details-subs > li.active,#details-subsB > li.active {
border-color:#144678 !important;
background-color:#144678 !important
}
#details-subsB {
background-color:transparent
}
#details-subsB > li {
border:1px solid #285a8c
}
#details-subsB > li:hover > a, #details-subsB > li.active > a {
background-color: transparent;
}
#details-subsB > li.active {
border:1px solid #144678 !important
}
#details-subsB > li.empty {
background-color:#285a8c;
border:1px solid #285a8c;
}
#details-subsB > li.empty > a {
color:gray
}
#start {
background-color:#fff
}
#navrightside {
display:none
}
#usercp {
box-shadow:none;
background-color:transparent
}
.pagenav > li > a:hover,.pagenav > li > a.pagenav-current {
background-color:#144678
}
.pagenav > li > a {
background-color:#285a8c
}
#mainmenu > li.active {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px
}
#mainmenu > li.hover {
background-color:#144678;
border-radius:0px;
border-top-left-radius:2px;
border-top-right-radius:2px;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu > li.hover .menuitem {
display:block;
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#mainmenu .menuitem > li:hover,#mainmenu .menuitem > li.hover,#avatar .menuitem > li:hover,#avatar .menuitem > li.hover,#mylists .menuitem > li:hover,#mylists .menuitem > li.hover {
background-color:rgba(40, 90, 140, 0.5)
}
#avatar.hover,#mylists.hover {
background-color:#144678;
box-shadow:-1px -1px 0px 0px #000, 1px -1px 0px 0px #000, 1px 1px 0px 0px #000, -1px 1px 0px 0px #000
}
#avatar.hover .menuitem,#mylists.hover .menuitem {
display:block;
background-color:#144678;
outline:1px solid #000 ;
}
#breadcrumb li a:hover:after {
border-left-color:#144678
}
#breadcrumb li a:hover {
background-color:#144678
}
#breadcrumb li a:hover:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li a:after {
border-left-color:#285a8c
}
#breadcrumb li a {
background-color:#285a8c;
color: white;
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#infodetails {
display:none
}
#breadcrumb li a {
background-color:#285a8c
}
#breadcrumb li a:before {
border-color:#285a8c;
border-left-color:transparent
}
#breadcrumb li a:after {
border-color:transparent;
border-left-color:#285a8c
}
#breadcrumb li:nth-child(2n) a {
background-color:#144678
}
#breadcrumb li:nth-child(2n) a:before {
border-color:#144678;
border-left-color:transparent
}
#breadcrumb li:nth-child(2n) a:after {
border-color:transparent;
border-left-color:#144678
}
#search-button {
background-color: #285a8c;
}
#search-filters {
background-color: #285a8c;
}
#search-container {
border: 1px solid #000;
}
#search-tabs {
background-color: #285a8c;
> li.hover {
background-color: white;
}
}
#search-tabs-content {
background-color: rgba(255,255,255,0.9);
}
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (2)

Zeige alle Kommentare
Avatar: ~Ake~#141


Wie ändert man das hellblaue in eine andere farbe

sL6j.png
Wie ändert man die farbe

Und von dem zeug?

    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (4)

Zeige alle Kommentare
Avatar: resdayn
Freischalter
#142
Ich habe es so eingestellt, dass mein Hintergrundbild überall durchschimmert (also über die gesamte Seite Transparenz eingestellt). Leider funktioniert diese seit dem heutigen Update nicht mehr und ich blicke bei dem Code auch nicht durch, da ich ihn nicht selbst geschrieben hab. Es steht aber an verschiedenen Stellen im Code:

background-color: transparent;
ODER
background-color: none;

Was muss ich wo einfügen, damit wieder alles transparent ist?
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (2)

Zeige alle Kommentare
Avatar: Sephi-
Freischalter
#143
#content,#start{border-image-source:none;border-image-slice:100% 100% 100% 100%;border-image-width:1 1 1 1;border-image-outset:0;border-image-repeat:stretch stretch}#content{outline-width:0;outline-style:none;vertical-align:baseline;background:url(/images/member/upload/4/4870/images/Yoko_Background.jpg);margin:0;padding:0;border-width:0;border-style:none}#content-outer,#content-sidebar{background:0 0}h1,h2,h3,h4,h5,h6{position:relative;font-weight:700}h2{font-size:1.2em}#details-right>section>h2{color:#000;font-size:1em;padding:3px 10px;background-color:none}#details-outer #details-inner>section,#start{margin:5px 0 10px;padding:0}#details-right>section.accordion>h2{cursor:pointer}#details-right,#details-right>section,.responsive-table tbody tr:nth-child(even),section#description{background-color:transparent}#start{background-color:rgba(246,242,233,1);border-radius:4px;border-width:1px;border-style:solid;border-color:#f3895f}#infoline,#myname{display:block}#infodetails{display:none}

Versuch mal diesen ganzen Code. (Zu viel für 'nen Kommentar) Irgendwie hat es bei Deiner Änderung den Anfang des Codes zerschossen.
    • ×0
    • ×1
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (1)

Zeige alle Kommentare
Avatar: Mahou Shounen
Freischalter
#144
Irgendwie ist jetzt überall so ein bräunlicher Hintergrund. Wie geht der jetzt wieder weg?




    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (4)

Zeige alle Kommentare
Durch Deinen Aufenthalt auf aniSearch stimmst Du der Nutzung von Cookies für personalisierte Inhalte, Werbung und Analysen, gemäß unserer Datenschutzrichtlinien zu.