Hey Thomas,
I had the same problem and so I "overloaded" the Magnolia Css with a
CSS - file I called magnoliaControls.css. You have to import it or
reference it in the HEAD - section of the html.
Try it. (the transparent is a 1px transparent Gif.)
Hartmut
table.mgnlControlBarSmall
{
background-image: url(/scientificobjectsAuthor/docroot/mpiwg/images/
transparent.gif);
background-color: transparent;
margin: 0px;
padding: 0px;
border-color: #333;
border-style: dotted dotted solid solid;
}
.mgnlBtnsLeft
{
font-weight: bold;
font-size: 30%;
margin: 0px;
padding: 0px;
}
span.mgnlControlButtonSmall
{
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0 5px 0 5px;
border-color: #333;
border-style: none dotted none solid;
}
table.mgnlControlBar
{
font-size: 30%;
margin: 0px;
padding: 0px;
background-color: transparent;
border-color: #333;
border-style: dotted dotted solid solid;
}
span.mgnlControlButton {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: transparent;
margin: 5px;
padding: 0px;
border-color: #333;
border-style: dotted dotted solid solid;
}
.mgnlMainbar {
font-size: 20%;
background-color: transparent;
margin: 0px;
padding: 0px;
}
.mgnlBtnsRight
{
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30%;
font-weight: bold;
background-color: transparent;
margin: 0px;
padding: 0px;
border-color: #333;
border-style: none dotted none none;
border-width: 1px 1px 1px 0;
}
Am 03.05.2007 um 13:56 schrieb David Smith:
Simply add your own css after the admin css imports and override
the css you want. No need to directly alter the css provided by
magnolia.
--David
Thomas Billich wrote:
hello everyone,
I like to change the css of the green bars (mainbar, Edit, Delete,
Move and New).
My First step was to look at the source code of a html-page in the
authoring environment (Website ->right klick -> open page).
What I found was:
- a CSS link: <link rel="stylesheet" type="text/css" href="/
magnoliaAuthor/.resources/admin-css/admin-all.css" />
- all CSS class-names which I want to change like
class="mgnlMainbar" and so on.
Second I searched in the magnoliaAuthor.war (file system) for the
admin-all.css file. I was no able to find it. After a while I
found a lot other things like images which are not in the file
systems
The Next step was to search in the Magnolia sources-files for the
admin-all.css and found it in: magnolia-3.0.2\magnolia-module-
admininterface\src\main\resources\mgnl-resources\admin-css
this files includes other css-files:
@import url(list.css);
@import url(general.css);
@import url(controls.css);
@import url(tree.css);
@import url(functionbar.css);
@import url(dialogs.css);
@import url(adminCentral.css);
@import url(navigation.css);
@import url(pages.css);
@import url(table.css);
The CSS classes for the bars are in the "controls.css"
I think that everything which is linked to /.resources/........ is
binary saved in the embedded Derby database (Repositories) and in
the file system under magnoliaAuthor.war\repositories.
(see http://www.magnolia.info/wiki/Wiki.jsp?
page=UsingMysqlWithMagnolia2.1.5)
How can I change the CSS of the green bars?
- One Solution would be to change the CSS in the source code and
compile magnolia new. But I want to avoid this.
Is there any other way?
Regards,
Thomas
----------------------------------------------------------------
for list details see
http://documentation.magnolia.info/docs/en/editor/stayupdated.html
----------------------------------------------------------------
----------------------------------------------------------------
for list details see
http://documentation.magnolia.info/docs/en/editor/stayupdated.html
----------------------------------------------------------------
----------------------------------------------------------------
for list details see
http://documentation.magnolia.info/docs/en/editor/stayupdated.html
----------------------------------------------------------------
