Show messages:
1-8
9-28
29-48
49-68
69-88
89-102
From: chippwalters
Use the
save template to save the customized moi.css template for MGB. Use the
load template to load the template you just saved. This way you can continue to tweak your design.
MGB program does not parse the moi.css file directly, which would be called 'round-trip' CSS editing. Writing a full blown WYSIWYG round-trip CSS editor which correctly parses *any old CSS* is a full-time job for a team of programmers as it would necessarily need to handle all sorts of flavors (and mistakes) of CSS. I enjoy MoI but don't have that kind of time to spend.
If you save the template, you can reload it. The background screen settings are set in the Options panel and are not stored with the MoI.css file so you shouldn't have any problems reloading the "newly generated from your old template" moi.css file.
Changing Icons could be done. I'm not sure about changing fonts as I suspect there are limitations to the GUI framework Michael uses-- especially considering WINE.
From: Max Smirnov (SMIRNOV)
Thank you! Great app.
From: chippwalters
Thanks Max to you, too, for all the great work you do for this community!
Let me know if I missed any selectors.
From: Michael Gibson
The UI font is automatically set onto the <body> element as part of the processing that happens when an HTML document is loaded, the setting for it is in moi.ini, under:
[UI]
UIFontName=Century Gothic
The font size is also set in the same way and it can be adjusted in the Options dialog under the "General" section with the slider for "UI size".
- Michael
From: Jay (JAYGEE)
This is really fantastic, Chipp! Thank you very much!
How can I change this grey text color?
Image Attachments:
UI_01.png
From: Michael Gibson
Hi Jay & Chipp,
re: How can I change this grey text color?
See here for a description of where the CSS that controls that color is located:
http://moi3d.com/forum/index.php?webtag=MOI&msg=7132.2
- Michael
From: chippwalters
Okay. I'll trying get that fixed tonight. Is there anything else that's missing?
From: Jay (JAYGEE)
I'm not sure if changing the "CloseWindowButton" Backgroundcolor Change is working...
Image Attachments:
UI_02.png
From: Michael Gibson
Hi Jay & Chipp,
re: I'm not sure if changing the "CloseWindowButton" Backgroundcolor Change is working...
There are 2 different window close buttons, the first one is a <moi:WindowControlButton> with id="Close" - that one is one that you will only see on the Windows version when it is a maximized window, it will be a close button in the upper right corner of the main window. That one is controlled in moi.css by:
moi\:WindowControlButton#CloseWindow:hover img {
background-color:rgb(250,96,96);
}
moi\:WindowControlButton#CloseWindow:active img {
background-color:rgb(235,9,9);
}
The one that Jay shows below is in flyout menus, that one is a <moi:SmallCloseWindowButton>, it's controlled in moi.css by:
moi\:SmallCloseWindowButton:hover {
background-color:rgb(250,96,96);
border-color:rgb(124,124,124);
}
moi\:SmallCloseWindowButton:active {
background-color:rgb(235,9,9);
}
- Michael
From: chippwalters
Hey guys,
Sorry..been in meetings all day with lawyers. As I mentioned, I still don't have a windows image for my VMware here at home, so it will be awhile before I can get to Windows specific changes.
I'll try and see what I can get to this evening.
From: chippwalters
Update
Fixed the aforementioned issues. Press button check for update (dot 1) to load the new version. No need to restart.
The (dot 4) close button now has more properties and works correctly. The (dot 3) properties field now had a custom text-color property you can set which overides the CSS in the SidePaneContextArea.htm for the text-color.
Please NOTE: If you've previously *saved* a template from MGB, and then load it, you will now need to press the (2) RESET button for any individual item which has been updated since last saved. In this case, all you need to do is reset the two shown areas (4 & 3).
Michael,
On another note, is there any sort of CSS which I can access to define the text input highlight text and background color (5)? FWIW I tried variants of:
code:
::-webkit-selection {
background: green;
color: yellow;
}
From: Frenchy Pilou (PILOU)
Does the dowloading address of the new version is always the same ?
From: chippwalters
Hi Frenchy,
The URL for the application will stay the same. But, (and this is important) when newly downloaded from the web it will ONLY run the older version. You **MUST** press the check update button to download the latest version.
So, once it is installed, you never have to install again (unless I make changes to the core engine). Just press the check for update button and you will always have the latest version.
From: Frenchy Pilou (PILOU)
Thx for the Infos!
From: Jay (JAYGEE)
Don't want to niggle, just two things:
Would be nice changing
the hover Color here:
Background here:
and here:
Color of the pressed PushButton:
Thanks a lot. Rest should be fine! :-)
Image Attachments:
UI_03.png
UI_04.png
UI_05.png
UI_06.png
From: chippwalters
I'll look into where I can find the CSS. Thanks for sharing. Probably get to it this weekend.
From: Michael Gibson
Hi Jay & Chipp, just some quick notes on the location of the CSS for those:
> the hover Color here:
That's a <moi:LabelButton>, the css for its background colors for hovered and active (when clicked down) are in moi.css:
code:
moi\:LabelButton:hover, .label_button:hover {
background-color:#BBBBBB;
}
moi\:LabelButton:active, .label_button:active {
background-color:#999999;
}
------------------
> Background here:
That one is in StyleMenu.htm, in a stylesheet in the <head> element, the one for id="Container":
code:
#Container {
...
background-color:white;
...
}
------------------
> and here:
That one is in EditStylesDialog.htm, in a stylesheet in the <head> element, the one for id="StylesContainer":
code:
#StylesContainer {
...
border:1px solid #CCC;
background-color:#FFF;
...
}
------------------
> Color of the pressed PushButton:
That one is in moi.css, the one that controls the active state of a moi:PushButton :
code:
moi\:PushButton:active > div {
background:rgb(205,215,227);
-webkit-box-shadow:inset 0px -1px rgb(255,255,255), inset 2px 2px rgb(180,180,180);
}
- Michael
Message 7245.26 was deleted
From: Yuan
Hi Michael,
There are three places don't know where to change the color, please help to solve. Thank you very much!
Background here:
and here:
Color of input
-Yuan
Image Attachments:
1
2
3
From: Michael Gibson
Hi Yuan,
> Background here: (Shortcut key editor sections of Options command):
Unfortunately the shortcut key editor uses an unusual non-HTML based control not used anywhere else and the colors it uses are not settable using CSS. So currently there isn't any way to modify those particular colors.
> and here: (List control at top of the View > Image command):
That's in the Image.htm file, which you'll find in the commands sub-folder (commands folder, not the ui folder), it's in the top of the file here:
code:
#FilenameContainer {
...
border:1px solid #AAA;
background:white;
}
> Color of input (color for selected text in an input control):
Sorry it does not look like it is currently possible to modify these colors. There is a ::selection selector in CSS which is supposed to do it, it does not seem to be working in the version of WebKit that MoI uses though.
- Michael
Show messages:
1-8
9-28
29-48
49-68
69-88
89-102
