Farbe von Benutzername "angemeldet als" ändern

[skynetworks]

Hallo zusammen,

ich habe kürzlich auf OTRS 3.0.5 upgedated von 2.4.7, soweit so gut!

Ich bin nun dabei das Theme CI-konform anzupassen. Ich finde einfach die Stelle nicht, an der ich die Schriftfarbe ändere vom Benutzernamen, welcher oben rechts im Agent-Header steht. Die Farbe von "angemeldet als" konnte ich bereits ändern, jedoch nicht die des Benutzernamens.

Wäre schön wenn jemand einen kleinen Tip für mich hätte.

Danke & Gruss
Thomas

[garwen]

Das ist ein Link.
Müsste eigentlich in der CSS über die Farbe der Links gesteuert sein.

[skynetworks]

Stimmt, in Core.Default.css ist es zu finden unter @subsection Links. Danke!

[haschmich]

Hallo wo genau kann ich das ändérn ? -Ich hab efolgenden Code:

/**
* @project OTRS (http://www.otrs.org) - Agent Frontend
* @version $Revision: 1.2 $
* @author Felix Niklas
* @copyright xxx
* @license AGPL (http://www.gnu.org/licenses/agpl.txt)
*/

/**
* @package Skin "Ivory"
*/

@media screen,projection,tv,handheld {

/**
* @subsection Highlight color
*/
a,
#Footer a:hover,
.Tabs .Selected,
.Tabs .Selected:hover {
color: #3F8DCA;
}

a:hover {
color: #4BA7EF;
}

/**
* @subsection Main background color
*/

body {
background: #DDD;
}

/**
* @subsection Dark color (A)
*/

#Navigation {
background: black;
}

#Navigation .Selected a,
#Navigation .Selected a:focus,
#Navigation .Selected a:active {
color: black;
}

#Navigation a:hover,
#Navigation li:focus a,
#Navigation li:active a {
background: #222;
}

/**
* @subsection Light color (B)
*/

#Navigation a,
#Navigation a:hover
#Navigation li:focus a,
#Navigation li:active a {
color: white;
}

#Navigation .Selected,
#Body {
background: white;
}

/**
* @subsection Structure
*/

#Header {
display: none;
}

#Navigation {
margin: 50px auto 10px;
padding: 8px 6px;
width: 615px;
height: 27px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

#Navigation ul,
#Navigation .Individual {
float: none;
position: absolute;
}

#Navigation .Individual {
right: 8px;
}

#Navigation li {
margin: 0 2px;
}

#Navigation .Selected + li {
margin-left: 2px;
}

#Navigation .Selected + li a {
padding-left: 8px;
}

#Navigation li:focus,
#Navigation li:active {
margin-top: 0;
background: none;
}

#Navigation a,
#Navigation li:focus a,
#Navigation li:active a {
padding: 7px 8px;
font-size: 10px;
text-shadow: none;
text-transform: uppercase;
background: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#Navigation .Selected {
margin-top: 0;
height: 45px;
border-bottom: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

#Navigation .Selected a,
#Navigation .Selected a:focus,
#Navigation .Selected a:active {
margin: 0;
padding: 7px 11px;
background: none;
text-shadow: none;
}

#Body {
margin: 0 auto;
padding: 3px 0;
width: 627px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#Body.TicketView {
padding: 24px 0;
}

#Body.Login {
margin: 50px auto 0;
padding: 73px 0 13px;
}

.Content {
padding: 0 10px;
background: none;
border: none;
overflow: hidden;
}

.TicketZoom .Content {
overflow: visible;
}

.TicketCompose .Content,
.Preferences .Content,
.Search .Content {
display: block;
}

#Slider {
margin-bottom: 0;
width: 619px;
}

#SlideArea > div {
padding-left: 89px;
}

.RTL #SliderArea > div {
padding: 0 100px 0 0;
}

.ErrorBox {
margin: -13px 90px 20px;
}

.ActionRow {
background: none;
border: none;
}

.ActionRow a {
background: none;
text-shadow: none;
}

.Tabs.Filter {
padding: 0 16px;
}

.Tabs li a {
padding: 6px 3px 4px;
color: #B2B2B2;
}

.Tabs li a:hover {
color: #666;
}

.Tabs .Selected,
.Tabs .Selected:hover {
font-weight: normal;
}

.Pagination {
padding: 5px 16px;
color: #B2B2B2;
}

.Pagination a {
text-decoration: none !important;
}

.TicketView .Content {
padding: 16px 10px;
}

.Preferences .Content {
padding: 0 5px;
}

table.Overview {
color: #BBB;
}

.Overview thead {
background: #E9E9E9;
}

.Overview thead th {
padding: 2px 0 1px;
border: none;
}

.Overview tbody tr {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.Overview tbody tr:active {
background-color: #444;
}

.Overview tbody a {
color: #BBB;
font-weight: normal;
}

.Ticket {
display: none;
}

.Title div {
color: #BBB;
}

.Title h2 a {
color: #363636;
font-size: 14px;
}

.Overview tbody tr:hover .Title h2 a {
color: #333;
}

.Age {
width: 7em;
}

/**
* @subsection Table Style Hovered
*/
.Overview tbody tr:hover {
color: #BBB;
border-color: #E9E9E9;
}
.Overview tbody tr:hover td {
background: #E9E9E9;
}
.Overview tbody tr:hover td,
.Overview tbody tr:hover a {
color: #BBB;
text-shadow: none;
}
.Overview tbody tr:hover .Title div {
color: #BBB;
text-shadow: none;
}

/**
* @subsection Table Style Active
*/
.Overview tbody tr:focus td,
.Overview tbody tr:active td {
background-image: none;
padding: 7px 8px 2px;
}

/**
* @subsection Forms
*/

.Box label {
width: 86px;
}

.Box button {
margin: 4px 0 0 108px;
}

form span.cke_skin_kama {
width: 595px !important;
}

/**
* @subsection TicketZoom
*/

.TicketHeader {
margin-top: 5px;
}

.Metadata {
margin: 0 8px;
top: -28px;
right: -5px;
}

.RTL .Metadata {
right: auto;
left: -5px;
}

#FollowUp {
margin: 0 5px 8px;
border-bottom: 1px solid #D6D6D6;
}

.JavaScriptAvailable #FollowUp {
margin-bottom: 24px;
}

#Messenger #RichText {
width: 574px;
}

#Body.TicketZoom form span.cke_skin_kama {
width: 570px !important;
}

#RichText {
width: 574px;
margin: 0 13px;
border-color: #CCC;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

/**
* @subsection MessageBox
*/

.MessageBox {
margin: 0 auto;
padding: 0;
width: 578px;
height: 16px;
background: none;
border: none;
position: relative;
}

.MessageBox p {
padding: 24px 21px 2px;
color: #777777;
text-decoration: underline;
}

.MessageBox.Notice p,
.MessageBox.Error p {
background-position: 0 23px;
}

.MessageBox + #Body {
margin-top: -16px;
padding: 24px 0 3px;
}

/**
* @subsection Footer
*/

#Footer {
margin: 0 auto 20px;
width: 627px;
font-size: 11px;
color: #B2B2B2;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#Footer > * {
margin: 16px 16px 11px;
}

#Footer ul {
margin-left: 0;
}

[fossil]

Hi,

das kannst du unter OTRS/var/httpd/htdocs/skins/customer/default/css/ ----> Core.Default.css anpassen und zwar hier meine ich - hier die Backgroundfarbe als HEX umwandeln, da gibt es viele Seiten die dir den Wert zur Farbe nennen können und fertig, aber nicht vergessen bei der Änderung beim Firefox z.B. STRG + F5 zur Aktualisierung verwenden

Code: Select all

/**
 * @subsection  Header
 */

#Header {
    padding: 21px 34px 18px;
    background: #c4e4e3 url(../img/GradientSmall.png) repeat-x 0 0;
    border-bottom: 1px solid #999;
    text-shadow: 0 1px 0 #EEE;

VG, Fossil