Well, I purchased it - I couldn't resist the B&W interface - and then I remade the ICONS and I really enjoy being able to customize the interface in Moi.CSS lots. Still - what I am interested in is PARAMETRICS & ORGANIC design - you know, symmetry - golden ratio - fibonacci - chaos theory designing - being able to use sunflower seed heads - double matrix, as well as TERRAZZO layouts - patterns. I've tried a few programs like Armadillo ArrayPlus & Parametric plugins - however, for me, they're not that intuitive, at least not as much as Moi3d. I find Moi3d commands much more sensible when it comes to aligning, arrays and pattern making. If I had my druthers it would be steering Moi3d empowering it more towards where t-Splines left off. Now that t-Splines has quit Rhino, I have no use for Rhino anymore, because I can't think how to do the organic shapes without t-Splines in Rhino (5). So now I'm pinning my hopes on Moi3d - perhaps Moi3d will compensate for the loss of t-Splines (to some extent) as it evolves, and add more PARAMETRIC tools - which - in my opinion - would make it a god-send. Cheers! I think this is the best software I've seen in 10 years~! Here are some ICONS, attached, plus the Moi.css file in TXT format - and a screenShot of my favorite GUI:
The Moi3D txt file (Moi.css in text format which I've customized) didn't upload - doesn't open - so I've pasted it below:
html, body {
color:#dddddd;
width:100%;
height:100%;
margin:0;
-webkit-box-sizing:border-box;
}
img {
-webkit-user-drag:none;
vertical-align:bottom;
}
.CommandBarBody, .SidePaneBody {
background-color:#535353;
}
.MenuBody {
background-color:#666666;
flyoutBorderImage:url(FlyoutBorder.png);
}
.MenuBodyDark {
background-color:#666666;
flyoutBorderImage:url(FlyoutBorder2.png);
}
.DialogBody {
padding:5px 10px;
background-color:#535353;
}
.OptionsBody {
background-color:#535353;
}
.ViewControlsBody {
background-color:#666666;
opacity:64;
}
/*** Command buttons ***/
moi\:CommandButton, moi\:CommandMenuButton, moi\:CommandSplitButton {
display:inline-block;
text-align:center;
border:0px solid transparent;
border-radius:4px;
padding:1px 0.1em 2px 0.1em;
font-size:75%;
white-space:nowrap;
}
moi\:CommandButton > img, moi\:CommandMenuButton > img, moi\:CommandSplitButton > img {
width:3.25em;
height:3.25em;
}
moi\:CommandMenuButton {
border-radius:0 0 4px 4px;
}
moi\:CommandButton:hover, moi\:CommandSplitButton:hover {
border-color:#999EA1;
background:#C0C0C0;
}
moi\:CommandButton:active, moi\:CommandSplitButton:active, moi\:CommandButton.active, moi\:CommandSplitButton.active {
border-color:#999EA1;
background:#686868;
}
moi\:CommandMenuButton:hover {
border-color:rgb(153,158,161);
background:rgb(255,255,255);
}
.CommandSetContainer {
border:0px solid #282828;
background-color:#303030;
border-radius:5px;
width:100%;
height:5px;
-webkit-box-sizing:border-box;
text-align:left;
padding:0.25em;
}
.CommandSetBody {
background-color:transparent;
text-align:left;
}
moi\:CommandButton.CommandSetOpen {
background:#303030;
border:0px solid #282828;
border-top-color:#303030;
border-radius:0 0 5px 5px;
position:relative;
top:-2px;
z-index:1;
}
body.CommandSetBody moi\:CommandButton {
vertical-align:top;
}
/*******/
moi\:WindowControlButton {
display:inline-block;
vertical-align:top;
}
moi\:WindowControlButton span {
display:inline-block;
vertical-align:bottom;
padding:0.05em;
}
moi\:WindowControlButton img {
width:1.85em;
height:1.85em;
border:1px solid transparent;
border-radius:6px;
}
moi\:WindowControlButton:hover img {
border-color:rgb(160,160,160);
background:rgb(188,188,188);
}
moi\:WindowControlButton:active img {
background:rgb(165,165,165);
}
/* The one with class="CloseWindow" gets a red colored background */
moi\:WindowControlButton#CloseWindow:hover img {
background-color:#808080;
}
moi\:WindowControlButton#CloseWindow:active img {
background-color:rgb(235,9,9);
}
moi\:WindowControlButton:focus {
outline:dotted 1px;
}
/*******/
moi\:FlyoutHeader {
display:-webkit-box;
-webkit-box-align:center;
}
moi\:SmallCloseWindowButton {
display:inline-block;
vertical-align:top;
border:1px solid transparent;
border-radius:5px;
margin:0.1em;
}
moi\:SmallCloseWindowButton > img {
width:1.5em;
height:1.5em;
}
moi\:SmallCloseWindowButton:hover {
background-color:rgb(250,96,96);
border-color:rgb(124,124,124);
}
moi\:SmallCloseWindowButton:active {
background-color:rgb(235,9,9);
}
moi\:SmallCloseWindowButton:focus {
outline:dotted 1px;
}
/*******/
moi\:MenuItem {
display:block;
padding:0.15em 0.6em 0.15em 0.05em;
white-space:nowrap;
border:1px solid transparent;
text-overflow:ellipsis;
}
moi\:MenuItem > img {
width:0.95em;
height:0.95em;
vertical-align:baseline;
padding-right:0.1em;
visibility:hidden;
}
/* When the menu item has class="checked", show the check img */
moi\:MenuItem.checked > img {
visibility:inherit;
}
moi\:MenuItem:hover {
border-color:#666666;
border-radius:4px;
background:#414141;
}
moi\:MenuItem:active {
background:rgb(149,211,255);
}
moi\:MenuItem:disabled {
color:gray;
}
moi\:MenuSeparator {
display:block;
height:1px;
overflow:hidden;
background-color:gray;
margin:2px 0;
}
/*******/
moi\:TabContainer {
display:inline-block;
white-space:nowrap;
}
moi\:TabButton {
display:inline-block;
padding:0.3em 0.5em 0.35em 0.5em;
white-space:nowrap;
font-size:90%;
text-align:center;
border:1px solid #2C2C2C;
border-left-color:#414141;
border-right-color:#414141;
background:#666666;
}
moi\:TabButton:first-child:not([no_end_styles]) {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
border-left-color:#2C2C2C;
}
moi\:TabButton:last-child:not([no_end_styles]) {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-right-color:#2C2C2C;
}
moi\:TabButton:hover {
color:#C0C0C0;
}
moi\:TabButton.active {
background:#414141 !important;
}
/*******/
input, moi\:TextInput, moi\:NumericInput, moi\:DistanceInput, moi\:IntegerInput, moi\:UnsignedIntegerInput,
moi\:PointInput, moi\:CoordinateXYZInput, moi\:CoordinateDistanceInput, moi\:CoordinateAngleInput {
border:1px solid #666666;
padding:1px 1px 1px 0.35em;
color:#000000;
background-color:#808080;
display:inline-block;
-webkit-box-sizing:border-box;
-webkit-user-select:text;
-webkit-user-drag:none;
width:5em;
/*allowdblclick:false;*/
cursor:auto;
}
moi\:IntegerInput, moi\:UnsignedIntegerInput, .unsignedintegerdisplay {
width:3em;
}
moi\:UnitsLabel {
font-size:80%;
padding-left:0.2em;
display:inline;
}
/*******/
moi\:PushButton {
display:inline-block;
text-align:-webkit-center;
padding:0.3em 0.2em;
}
moi\:PushButton > div {
padding:0.35em 0.55em;
border:1px solid #0FFFFFF;
border-radius:4px;
background:#686868;
}
moi\:PushButton:hover > div {
-webkit-box-shadow:inset 0 0 0 2px #FFFFFF;
}
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);
}
moi\:PushButton:focus > div {
outline:dotted 1px;
outline-offset:-5px;
}
moi\:PushButton:disabled > div {
color:#7B1D1F;
border-color:#DE4641;
opacity:0.9;
}
/* use class="SlimBtn" for buttons in a dense grid to reduce padding a bit */
moi\:PushButton.SlimBtn {
display:block;
padding-top:0.15em;
padding-bottom:0.15em;
}
moi\:PushButton.SlimBtn > div {
padding-top:0.2em;
padding-bottom:0.2em;
}
/*******/
moi\:StateButton {
display:inline-block;
padding:0.3em 0.15em;
margin:0.15em;
text-align:-webkit-center;
font-size:90%;
border:1px solid transparent;
border-radius:4px;
}
moi\:StateButton:hover {
border-color:#C0C0C0;
}
moi\:StateButton.on {
border-color:#C0C0C0;
background-color:#808080;
}
moi\:StateButton:hover.on {
background-color:#C0C0C0;
}
moi\:StateButton:focus {
outline:dotted 1px;
outline-offset:-5px;
}
/*******/
moi\:ShowHideStateButton {
display:inline-block;
padding:0.3em;
text-align:-webkit-center;
}
moi\:ShowHideStateButton > div {
padding:0.25em 0.5em;
border:1px solid #2E2E2E;
border-radius:5px;
background:#414141;
}
moi\:ShowHideStateButton:hover {
color:#FFFFFF;
}
moi\:ShowHideStateButton:hover:not(.on) > div {
background:rgb(203,231,241);
}
moi\:ShowHideStateButton.on > div {
background:#414141;
}
/*******/
moi\:ListItem {
display:block;
white-space:nowrap;
word-wrap:break-word;
padding:0.1em 0.25em;
border:1px solid transparent;
border-radius:4px;
noautotoggle:true;
}
moi\:ListItem:hover {
border-color:rgb(153,158,161);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(237, 246, 249)), color-stop(30%, rgb(178, 223, 249)), color-stop(100%, rgb(237, 246, 249)));
}
moi\:ListItem.on {
border-color:rgb(153,158,161);
background:rgb(149,211,255);
}
moi\:ListItem:disabled {
color:#C0C0C0;
}
/*******/
moi\:CheckButton {
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-align:start;
padding:0.1em 0.2em;
}
moi\:CheckButton .checkbutton_box {
border:0px solid #555555;
border-radius:4px;
background:#737373;
width:1em;
height:1em;
display:inline-block;
vertical-align:text-bottom;
position:relative;
}
moi\:CheckButton .checkbutton_box img {
visibility:hidden;
width:1.15em;
height:1.15em;
position:absolute;
left:0.05em;
bottom:0.2em;
}
/* When the button has class="on", show the check img */
moi\:CheckButton.on .checkbutton_box img {
visibility:inherit;
}
moi\:CheckButton:hover {
color:#FFFFFF;
}
moi\:CheckButton:hover .checkbutton_box {
background:#C0C0C0;
}
moi\:CheckButton:focus .checkbutton_content {
outline:dotted 1px;
outline-offset:1px;
}
/*******/
moi\:LabelButton {
display:inline-block;
}
moi\:LabelButton:hover, .label_button:hover {
background-color:#BBBBBB;
}
moi\:LabelButton:active, .label_button:active {
background-color:#999999;
}
/*******/
moi\:Spacer {
display:inline-block;
width:0.5em;
}
moi\:SmallSpacer {
display:inline-block;
width:0.2em;
}
moi\:SmallBr {
display:block;
height:0.25em;
}
/*******/
hbox, flex_hbox, .hbox {
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-align:stretch;
}
vbox, flex_vbox, .vbox {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-box-align:stretch;
}
flex_hbox, flex_vbox, flex, .flex {
-webkit-box-flex:1;
}
flex, .flex {
display:block;
}
vcenter {
height:100%;
display:-webkit-inline-box;
-webkit-box-orient:horizontal;
-webkit-box-align:center;
}
/*******/
.dialogokcancelbtn {
min-width:6em;
font-size:120%;
}
moi\:DialogOKCancel, moi\:DialogClose, moi\:DialogOK, moi\:DialogCancel {
display:block;
text-align:right;
white-space:nowrap;
}
moi\:LogoDialog {
display:block;
}
moi\:LogoDialogOKCancel {
display:block;
}
/*******/
moi\:Text {
display:inline;
}
moi\:Title {
display:none;
}
/*******/
/*
::-webkit-scrollbar {
width: 18pt;
height: 18pt;
}
*/
/*******/
moi\:Select, select {
-webkit-appearance:none;
-webkit-box-sizing:border-box;
-webkit-box-align:center;
white-space:pre;
background-color:#2F2F2F;
margin:0;
display:inline-block;
border:1px solid #686868;
border-radius:2px;
font-size:90%;
}
moi\:Select:focus, select:focus {
outline: dotted 1px;
outline-offset:-2px;
}
.select_text {
-webkit-box-flex:1;
padding:0 0.4em;
display:block;
}
.select_button {
-webkit-box-sizing:border-box;
width:1.35em;
line-height:1.65em;
display:block;
text-align:center;
border-left:1px solid #7F9DB9;
background:#FFFFFF;
}
.select_button_hover {
-webkit-box-shadow:inset 0 0 0 2px #FBCA6A;
}
.select_button_active {
background:#CDD7E3;
-webkit-box-shadow:inset 0px -1px rgb(255,255,255), inset 2px 2px rgb(180,180,180);
}
.select_button_img {
width:0.75em;
height:0.75em;
display:inline;
}
.select_listitem_highlight {
color:#FFFFFF;
background-color:#4972CD;
}
/*******/
moi\:Binder {
display:none;
}
/*******/
fieldset {
display:block;
margin-left:0.3em;
margin-right:0.3em;
padding:0.1em 0.5em 0.5em 0.5em;
border:1px solid #686868;
border-radius:4px;
}
legend {
color:#7B7B7B;
padding:0 0.3em;
}
/*******/
moi\:Slider {
width:7em;
height:1.5em;
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-align:center;
position:relative;
margin:0 0.2em;
}
moi\:Slider div {
width:100%;
border-color:#AAA;
-webkit-box-sizing:border-box;
}
/* Outer div has border on the left/right sides, making the vertical end posts */
moi\:Slider > div {
border-width:2px;
border-left-style:solid;
border-right-style:solid;
padding:2px 0;
}
/* Inner div makes the track line */
moi\:Slider > div > div {
border-width:1px;
border-top-style:solid;
border-bottom-style:solid;
background:#DDD;
height:3px;
}
/* Slider control uses images SliderKnob.png and SliderKnob_highlighted.png */
moi\:Slider .SliderKnob, moi\:Slider .SliderKnob_highlighted {
width:0.75em;
height:1.5em;
position:absolute;
left:0;
top:45%;
margin-top:-0.75em;
}
/* Highlighted knob is hidden normally, and when hovered the regular knob is hidden */
moi\:Slider .SliderKnob_highlighted, moi\:Slider:hover .SliderKnob {
visibility:hidden;
}
/* When hovered SliderKnob_highlighted is shown */
moi\:Slider:hover .SliderKnob_highlighted {
visibility:inherit;
}
/*******/
moi\:ProgressBar {
display:block;
position:relative;
padding:0.15em 0.2em;
margin:0.1em;
text-align:center;
border:1px solid rgb(129,129,129);
border-radius:3px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(186, 203, 212)), color-stop(45%, rgb(221, 238, 245)), color-stop(100%, rgb(218, 234, 242)));
}
moi\:ProgressBar .progressbar_bar {
position:absolute;
z-index:1;
left:0;
top:0;
width:0%;
height:100%;
-webkit-box-sizing:border-box;
border-right:2px solid rgba(167,167,167,0.2);
border-radius:2px 0px 0px 2px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(255, 255, 255)), color-stop(53%, rgb(52, 248, 42)), color-stop(83%, rgb(146, 251, 141)));
}
moi\:ProgressBar .progressbar_text {
position:relative;
z-index:2;
}
/*******/
moi\:ColorButton {
display:inline-block;
width:4em;
border:2px solid gray;
margin-bottom:-0.25em;
}
moi\:ColorButton:hover {
border-color:yellow;
}
moi\:Colorbutton:focus {
outline:dotted 1px;
outline-offset:-5px;
}
/*******/
.Palette {
border:1px solid #2D2D2D;
border-radius:4px;
background-color:#464646;
}
moi\:PaletteHeader {
margin:0.35em 0 0 0;
padding:0 0.35em;
text-align:-webkit-center;
white-space:nowrap;
display:block;
min-height:8px;
position:relative;
z-index:5;
}
moi\:PaletteHeader > .PaletteHeaderBackground {
width:100%;
height:50%;
left:0;
bottom:0;
position:absolute;
z-index:-1;
-webkit-box-sizing:border-box;
background-color:#464646;
border:1px solid #2D2D2D;
border-bottom-style:none;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
moi\:PaletteBody {
text-align:center;
display:block;
min-height:4px;
padding:2px 2px 0 2px;
background-color:#464646;
border:1px solid #2D2D2D;
border-top-style:none;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
/*******/
.commandbody {
background-color:transparent;
text-align:left;
}
.commandheader {
padding:0.1em 0.5em 0 0.5em;
text-align:center;
}
.commandoptions {
padding:0.15em 0 0 0;
}
.hiddencommandoptions {
padding:0.15em 0 0 0;
display:none;
}
.commandprompt {
}
.hiddencommandprompt {
display:none;
}
.commanddonecancelbtn {
display:block;
}
.hiddencommanddonecancelbtn {
display:none;
}
moi\:CommandCancel, moi\:CommandDoneCancel, moi\:CommandHiddenDoneCancel {
display:block;
}
moi\:CommandOptionsSeparatorLine {
display:block;
width:100%;
text-align:-webkit-center;
}
moi\:CommandOptionsSeparatorLine > div {
width:90%;
margin:0.35em 0;
border-bottom:1px solid #AAA;
}
/*******/
moi\:SceneBrowser {
padding:0.1em 0;
display:block;
text-align:left;
}
.SceneBrowserSection {
display:block;
padding:0.28em 0;
margin:0.4em 0 0.15em 0;
border:1px solid #686868;
border-radius:6px 6px 0 0;
background:#333333;
}
.SceneBrowserItem {
padding:0.15em 0;
display:block;
highlightcolor:#C0C0C0;
noobjectscolor:#9A9A9A;
oddrowbackgroundcolor:#666666;
evenrowbackgroundcolor:#606060;
highlightrowbackgroundcolor:#CAD5F0;
connectorlinecolor:rgb(132,132,132);
border:0px solid #999999;
border-radius:4px;
background:#808080;
}
.SceneBrowserContent {
padding-left:1.5em;
}
.SceneBrowserSwatchActive {
border:1px solid rgb(80,80,80);
border-radius:2px;
}
.SceneBrowserSwatchHover {
-webkit-box-shadow:inset 0 0 0 4px rgb(255,255,161);
}
.SceneBrowserLabelActive {
background:rgb(255,255,161);
}
.SceneBrowserSectionHeaderMenuButton {
border:0px solid #999999;
border-radius:4px;
background:#FC685A;
}
.SceneBrowserSectionHeaderMenuButtonHover {
border:0px solid #6CA2FF;
border-radius:4px;
background:#6CA2FF;
}
.SceneBrowserExpanderBox {
border:0px solid #999999;
border-radius:4px;
background:#FC685A;
}
.SceneBrowserExpanderBoxHover {
border:0px solid #999999;
border-radius:4px;
background:#6CA2FF;
}
/*******/
.warning {
display:block;
text-align:center;
font-size:110%;
font-weight:bold;
color:Red;
background-color:Yellow;
border:1px solid #AAA;
padding:0.1em;
}
/*******/
/* The <moi:MacOnly> tag only shows up when running on Mac OSX, it gets display:none otherwise */
moi\:MacOnly {
display:inline-block;
}
.MacOnlyDialogCloseButtonSpacer {
width:7px;
}
iframe {
padding:5px 10px;
max-height:5em;
border:1px solid #686868 !important;
}
moi\:TabButton.active {
border-right-color:#535353 !important;
}
|
