Im Rahmen eines Redesigns einer SharePoint Anwendung musste ich auch das Layout des Site Actions Menüs anpassen.
Wie sollte ich herausfinden welche CSS-Klassen für dieses Menü verantwortlich sind?
Nachdem ich mit der Standardseite zu Sharepoint und CSS (CSS Reference Chart for SharePoint 2007) http://www.heathersolomon.com/content/sp07cssreference.htm nicht weiter kam und mir die Entwicklertools des Internet Explorers auch nicht weiterhalfen, versuchte ich mein Glück mit Firefox und dem Add-on „Firebug“.
Damit konnte ich schnell die Klasse „ms-MenuUIPopupBody“ identifizieren. Ein Blick in die Datei core.css zeigte anschließend, dass die Klassen welche mit „.ms-Menu*“ beginnen für das Menü der „Site Actions“ verwendet werden.
Rahmen:
.ms-MenuUIPopupBody
{
border:1px solid #e6e6e7;
margin:0px;
padding:0px;
}
Überschrift der Beschreibung:
.ms-MenuUIPopupBody TABLE
{
color:#003399;
font-size:100%;
margin:0px;
padding:0px;
}
Text der Beschreibung:
.ms-menuitemdescription
{
color:#58585a;
}
Hover-Effekt:
.ms-MenuUIItemTableHover
{
background-color:#ffe6a0;
border:1px solid #d2b47a;
}
Die anderen Styles für das Menü der Site Actions beginnen alle mit „.ms-Menu*“ over-Effect und können in der Datei core.css gefunden werden.