Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Hintergrundfarbe von tabs ändern

Eingetragen von mein-web24 (9)
am 06.08.2014 - 15:01 Uhr in
  • Themes & Theming
  • Drupal 6.x

Hallo ihr lieben,
ich habe eine theme nach meinen wünschen umcoloriert. hat auch alles prima geklappt bis auf die Tab und listenhintergrundfarbe.
problem 1
wenn ich in mein profil gehe sind oben die reiter für "ansicht, bearbeiten, nachrichten usw" diese sind standartmässig grau. ich brauche sie aber in schwarz. leider finde ich die passende stelle im style.css nicht. ist die vielleicht woanders oder bin ich einfach nur blind?
style.css

body {
  color: #000;
  background: #fff;
  font-family: Corbel, Verdana, Helvetica, Arial, Lucida, sans-serif;
  font-size: 84%;
  padding: 0;
  margin: 0;
  }

h1 {
  font-size: 1.3em;
  }

h2 {
  font-size: 1.1em;
  }

h3 {
  font-size: 1em;
  font-weight: bold;
  }

h4, h5, h6 {
  font-size: 0.9em;
  font-weight: bold;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
  }

p, .book .body {
  padding: 0 0 0.5em 0;
  margin: 0;
  text-indent: 1.6em;
  font-size: 1em;
  line-height: 1.6em;
  }

pre {
  background: #ddd;
  border: 1px solid #aaa;
  padding: 0.75em 1.5em;
  font-size: 12px;
  }

a {
  text-decoration: none;
  }

a, a:link {
  color: #05b;
  }

a:visited {
  color: #67b;
  }

a:hover, a:focus {
  color: #fff;
  background: #05b;
  }

a:active {
  color: #05b;
  }

form {
  padding: 0;
  margin: 0;
  }

blockquote {
  border: 1px #ddd solid;
  margin: 0.5em 1em;
  padding: 0.3em;
  font-style: italic;
  }

code {
  font-size: 1em;
  font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
  }

img {
  border: 0;
  }

ol, ul, dl {
  position: relative;
  }

dl {
  margin: 0.5em 0 1em 1.5em;
  }

dl dd {
  margin: 0 0 .5em 1.5em;
  }

#header {
  position: relative;
  padding: 1em 0 0 0;
  margin: 0;
  }

#header img {
  margin: 0 0.75em 0 1em;
  float: left;
  }

#site-name, #header a {
  color: #46c325;
  }

#header a:visited {
  color: #46c325;
  }

#header a:hover {
  background: transparent;
  }

#site-name {
  font-size: 2.5em;
  padding: 25px 0 0.2em 0;
  margin: 0;
  }

#site-slogan {
  color: #bbb;
  font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
  display: inline;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0 0 0 1.2em;
  margin: 0;
  }

table#content {
  border-top: dotted 1px #ddd;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  }

table#content tbody {
  border-top: 0 none;
  }

td.main-content {
  vertical-align: top;
  padding: 0em 1em 1em 1em;
  }

td.sidebar {
  vertical-align: top;
  padding: 0;
  width: 200px;
  }

#sidebar-left {
  border-right: 1px dotted #ddd;
  }

#sidebar-right {
  border-left: 1px dotted #ddd;
  }

.sidebar .block {
  background: #fff;
  border-bottom: 1px dotted #ddd;
  margin: 0 5px 5px 5px;
  padding: 0 5px 5px 5px;
  }

.sidebar .block h2 {
  padding: 3px 0 0 0;
  margin: 0;
  font-size: 1em;
  }

.sidebar .block h3 {
  margin: 0 0 0.3em 0;
  }

.sidebar .block .feed-icon {
  text-align: center;
  }

.sidebar .block-search input.form-text {
  width: 100px;
  padding: 1px;
  margin-right: 5px;
  }

.sidebar .block-search button.form-submit {
  width: 60px;
  font-size: 12px;
  }

.sidebar .block a, .sidebar .block {
  color: #05b;
  }

.sidebar .block a:visited {
  color: #67b;
  }

.sidebar .block h2, .sidebar .block h3 {
  color: #aaa;
  }

.sidebar .block a:hover {
  color: #fff;
  background: #05b;
  }

.more-link {
  float: none;
  text-align: right;
  font-style: italic;
  }

.block .more-link a, .block .more-link a:visited {
  color: #46c325;
  }

.block .more-link a:hover {
  color: #fff;
  background: #05b;
  }

.item-list {
  margin: 0.25em 0 0 0;
  font-size: 0.9em;
  }

.item-list ul {
  list-style: none;
  margin: 0 0 0.5em 0;
  padding: 0;
  }

.item-list ul li {
  margin: 0 0 0.25em 0;
  padding: 0 0 0 1em;
  line-height: 1.3em;
  list-style: none;
  }

#search {
  color: #000;
  background: #fff;
  margin: 0;
  padding: 0;
  float: right;
  width: 200px;
  }

#search .form-text {
  margin-right: 3px;
  padding: 3px;
  }

#search .form-submit {
  padding: 2px;
  }

#top-nav {
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
  }

#top-nav ul {
  margin: 0;
  padding: 2px 0 2px 0;
  }

#primary {
  font-size: 1.2em;
  line-height: 1.6em;
  border-top: dotted 1px #ddd;
  }

#secondary {
  text-align: right;
  font-size: 1.1em;
  }

#primary li {
  margin-left: 2px;
  padding: 0;
  display: inline;
  list-style-type: none;
  }

#secondary li {
  margin-right: 5px;
  padding: 0;
  display: inline;
  list-style-type: none;
  }

#primary a {
  color: #05b;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0 3px;
  }

#primary a:hover {
  color: #fff;
  background: #05b;
  }

#secondary a {
  color: #05b;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  }

#secondary a:hover {
  color: #03f;
  }

#primary a.active, #primary a.active:hover, #secondary a.active, #secondary a.active:hover {
  color: #ddd;
  background: #fff;
  }

.breadcrumb {
  color: #46c325;
  border-top: dotted 1px #ddd;
  padding: 0.5em 1em;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  height: 1em;
  }

.main-content .node .content, .comment .content, .book .body {
  line-height: 1.5em;
  }

.main-content .node .content a, .comment .content a, .book .body a {
  border-bottom: 1px dotted;
  }

.main-content .node, .book {
  margin: 0 1em 2em 1em;
  }

.main-content .content-title {
  font-size: 2em;
  margin: 0 0 1.6em 0;
  }

.main-content .node h2, .main-content h2 {
  padding: 0;
  margin: 0 0 0.25em 0;
  font-size: 1.8em;
  }

.main-content .node .info {
  color: #999;
  padding: 0 0 0.2em 0;
  margin: 0;
  font-size: 0.9em;
  }

.main-content .node .links, .main-content .node .terms {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
  }

.main-content .node .terms {
  color: #999;
  font-weight: normal;
  text-align: right;
  }

.main-content .sticky {
  color: #fff;
  background-color: #67b;
  border: solid 3px #eee;
  padding: 0.5em;
  }

.main-content .sticky .info, .main-content .sticky .links, .main-content .sticky .terms {
  color: #000480;
  }

.main-content .sticky a, .main-content .sticky a:link {
  color: #fff;
  }

.main-content .sticky a:visited {
  color: #eee;
  }

.main-content .sticky a:hover, .main-content .sticky a:focus {
  color: #3F0;
  background: #67b;
  }

.main-content .sticky a:active {
  color: #05b;
  }

.links a.read-more {
  font-style: italic;
  font-size: 1.2em;
  }

.main-content .node .content {
  padding: 0;
  margin: 0;
  }

.main-content .node .info, .main-content .node .links, #mission {
  font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
  }

#mission {
  color: #fff;
  background: #67b;
  border: solid 3px #eee;
  padding: 5px 10px;
  margin: 0.6em 0 1.6em 0;
  font-size: 1.1em;
  text-indent: 0;
  width: auto;
  }

.main-content .box {
  border: 1px solid #eee;
  margin-bottom: 0.5em;
  }

.main-content .box .content {
  padding: 0.5em;
  }

.main-content .box h2 {
  padding: 0.5em;
  margin: 0;
  font-size: 1.2em;
  text-align: left;
  }

.comment {
  border: solid 1px #eee;
  padding: 1em;
  margin: 1.5em 0;
  }

.comment-new {
  border: solid 1px #b06;
  }

.comment-folded {
  padding: 0.5em;
  margin: 1.5em 0;
  }

.comment-new .new {
  color: #b06;
  text-align: right;
  font-size: 1.1em;
  display: block;
  padding-bottom: 0.5em;
  width: 100%;
  }

.comment .content, .comment .content p {
  padding: 0;
  margin: 0;
  line-height: 1.6em;
  text-indent: 0;
  }

.comment .title, .comment .author, .comment .links {
  font-family: Helvetica, Arial, Lucida, Verdana, sans-serif;
  }

.comment .title {
  font-weight: bold;
  font-size: 1.1em;
  padding: 0;
  margin-bottom: 0.5em;
  }

.comment .title, .comment .title a.active {
  color: #444;
  background: #fff;
  }

.comment .author {
  color: #999;
  font-size: 0.9em;
  padding: 0.1em 0 0.3em 0.75em;
  }

.comment .links {
  color: #999;
  padding: 0.75em 0 0 0;
  margin: 0;
  }

#footer {
  color: #aaa;
  background: #fff;
  border-top: dotted 1px #ddd;
  padding: 1em 1em 1em 1em;
  font-size: 0.9em;
  text-align: center;
  }

#footer p {
  text-indent: 0;
  margin-bottom: 1em;
  }

.feed-icon {
  text-align: center;
  }

fieldset {
  border: 1px solid #ddd;
  }

.form-item {
  margin: 3px 0;
  padding: 0.3em 0;
  }

form .form-item .title {
  border: 0;
  border-bottom: #ddd solid 1px;
  color: #777;
  background: transparent;
  }

.form-radio, .form-checkbox {
  background: transparent;
  border: 0;
  }

.main-content .box .content .form-item textarea {
  width: auto;
  }

input.form-text, input.form-password {
  border: solid 1px #ddd;
  margin: 0;
  padding: 0 5px;
  font-size: 12px;
  }

textarea {
  border: 1px solid #ddd;
  }

input:focus, textarea:focus {
  border: 1px solid #48d;
  }

h3.form-title {
  text-align: left;
  }

form .form-item .title {
  border: 0;
  border-bottom: #ddd solid 1px;
  color: #777;
  background: transparent;
  margin-bottom: 0.5em;
  padding: 0.3em 0;
  text-align: left;
  }

select {
  background: #eee;
  color: #000;
  margin: 1px 5px;
  }

.container-inline {
  margin: 0 0 1.6em 0;
  }

.container-inline div {
  display: inline;
  }

.pager {
  text-align: center;
  }

.pager div {
  padding: 0.5em;
  }

.main-content li {
  padding-bottom: 0.25em;
  }

#message {
  background: #eee;
  border: 2px solid #ddd;
  padding: 2em;
  margin: 1em 2em;
  }

li.leaf {
  list-style-type: square;
  }

div.picture {
  border: 1px solid #ddd;
  float: left;
  margin: 0 1em 0.3em 0;
  }

br.clear {
  clear: both;
  }

.main-content .content-title, .links a.read-more {
  color: #46c325;
  }

.links a.read-more:hover {
  color: #fff;
  background: #05b;
  }

.box {
  border: 1px solid #eee;
  }

.box h2 {
  color: #46c325;
  }

.marker, .error {
  color: #f00;
  }

.ok {
  color: #080;
  }

.path a, .path a:visited {
  color: #777;
  }

.tabs a, .tabs a:visited, .tabs a:hover {
  color: #05b;
  }

.tabs li .active, .tabs li .active:hover {
  color: #ccc;
  background: #fff;
  }

.calendar td, .calendar th {
  border-color: #eee;
  }

.calendar .day-normal {
  background: #fff;
  }

.calendar .day-future {
  background: #fff;
  }

.calendar .day-today {
  background: #333;
  color: #fff;
  }

.calendar .day-today a {
  color: #fff;
  }

.calendar .day-selected {
  background: #555;
  color: #fff;
  }

.calendar .day-link {
  background: #ddd;
  color: #fff;
  }
 
a.feed-icon {
  display: block;
  padding: 0 0 1em 1em;
  margin: 0;
}
 

Das selbe problem habe ich bei listen zum beispiel bei Module, Inhalte etc.
vielen dank für eure hilfe

‹ Webform komplett mit <div> wrappen theme copyright? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutze doch einfach mal den

Eingetragen von wla (9461)
am 06.08.2014 - 15:15 Uhr

Benutze doch einfach mal den Firebug um heraus zu finden, wie die Hintergrundfarbe derzeit ist und über welchen Selektor das läuft. Dann bindest Du in Deinem Theme einen eigenen CSS-File ein, der diesen Selektor überschreibt. Damit das aber keine generellen Auswirkungen hat, solltest Du in der HTML-Struktur nach oben wandern und nach einer ID oder nach einer eindeutigen Abfolge von Klassen suchen, die Du noch vor den Selektor packst, damit die Ansprache des Elementes eindeutig wird. Wenn Dir das nichts sagt einfach mal nach CSS und Selektor googlen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

vielen dank aber das hilft mir nicht weiter

Eingetragen von mein-web24 (9)
am 06.08.2014 - 15:42 Uhr

deine idee ist sicher toll für jemanden der weis was er suchen mus und wie es geht, aber leider nicht für mich.
trotzdem schönen dank

  • Anmelden oder Registrieren um Kommentare zu schreiben

Problem gelöst

Eingetragen von mein-web24 (9)
am 06.08.2014 - 16:17 Uhr

die einstellung befindet sich in module/system/system.css
blindes herumstochern führt halt doch manchmal zum erfolg :)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das ist genau die

Eingetragen von wla (9461)
am 06.08.2014 - 18:27 Uhr

Das ist genau die Vorgehensweise, die absolut falsch ist. In den Systemdateien wird nie geändert. Man legt eine eigene CSS-Datei im eigenen Theme an und überschreibt die System-Einstellungen dort. Mit dem nächsten Drupal-Update werden Deine Änderungen an den System-Dateien alle überschrieben und Du fängst wieder von vorne an. Es tut mir leid, aber wenn Du nicht bereit bist Dich in diese Dinge einzuarbeiten, solltest Du die Finger von Drupal lassen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Jetzt hast Du aber ehrlich meine Bewunderung!

Eingetragen von maen (547)
am 06.08.2014 - 22:05 Uhr

Wie hast Du denn die Stelle ohne Firebug et al gefunden? Werner hat zwar recht, also Du solltest das in Deinem genutzten Theme machen, aber wie findet man das ohne die Instrumente? Das ist irgendwie schon wieder genial!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Stimmt.

Eingetragen von reggaefish (190)
am 07.08.2014 - 09:55 Uhr

...muss da wla absolut recht geben.
In den System Dateien was ändern ist keine so gute idee...

Lieber etwas mit CSS, Firebug und Firefox beschäftigen, dann klappt das schon.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Rolle erstellen nicht zu finden
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
Weiter

Neue Kommentare

  • Rollen
    vor 3 Tagen 22 Stunden
  • Inzwischen sind wir bei
    vor 2 Wochen 15 Stunden
  • Migrieren von D7 auf D8/ D10/ D11
    vor 2 Wochen 1 Tag
  • melde mich mal wieder, da ich
    vor 9 Wochen 5 Tagen
  • Hey danke
    vor 9 Wochen 6 Tagen
  • Update: jetzt gibt's ein
    vor 10 Wochen 3 Minuten
  • Hallo, im Prinzip habe ich
    vor 10 Wochen 4 Tagen
  • Da scheint die Terminologie
    vor 10 Wochen 4 Tagen
  • Kannst doch auch alles direkt
    vor 11 Wochen 1 Tag
  • In der entsprechenden View
    vor 11 Wochen 1 Tag

Statistik

Beiträge im Forum: 250237
Registrierte User: 20466

Neue User:

  • StevenEness
  • ocvk2810
  • marouane.blel

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 35 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association