chem-mrl-demo / src /static /chemwriter /chemwriter-user.css
eacortes's picture
push new db or demo version
2ca94d3
/*
* ChemWriter (R)
* Copyright (C) 2007-2019 Metamolecular, LLC
*
* Use this stylesheet as a template for customizing Editor
* and Image appearance.
*
* Contact: http://metamolecular.com <info@metamolecular.com>
*/
/*
* Main Editor window
*/
.chemwriter-editor {
width: 100%;
height: 100%;
position: relative;
border: 2px solid gray;
border-radius: 5px;
background-color: #dcdcdc;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/*
* Editor button
*/
.chemwriter-button {
position: relative;
font-size: 20px;
border-radius: 3px;
cursor: default;
display: inline-block;
text-align: center;
color: #444444;
text-shadow: 0 1px #ffffff;
}
/*
* Hovering over an enabled button
*/
.chemwriter-button-enabled:hover {
background-color: #bbbbbb;
}
/*
* Disabled Editor button
*/
.chemwriter-button-disabled {
color: #b0b0b0;
}
/*
* Pressed button
*/
.chemwriter-button-pressed {
background: #bbbbbb;
}
/*
* About button
*/
.chemwriter-button-about {
position: absolute;
bottom: 0; left: 0;
}
/*
* Editor button icon. Font "ChemWriter Symbols" is defined in
* chemwriter.css. To change button icons, use a different font.
*/
.chemwriter-icon {
font-family: "Chemwriter Symbols";
font-size: 26px;
}
/*
* The small triangle that appears to the lower-left of button icons.
*/
.chemwriter-detail-disclosure {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
font-family: "Chemwriter Symbols";
font-size: 30px;
}
/*
* Use a small triangle shape
*/
.chemwriter-detail-disclosure:after {
content: 'y';
}
/*
* The main structure display area.
*/
.chemwriter-document-view {
height: 100%;
width: 100%;
}
/*
* Override Gradio color
*/
.chemwriter-code-editor-front,
.chemwriter-code-editor-back,
.chemwriter-text-button,
.chemwriter-button,
.chemwriter-icon,
.chemwriter-select,
.chemwriter-select select,
.chemwriter-select option {
color: #444444 !important;
}
/*
* RIP Richard. It was a pleasure working with you. /Steve
*/
div.chemwriter-editor,
div.chemwriter-image {
svg.chemwriter-graphics > g.chemwriter-group:first-child {
display: none;
}
a[href="http://chemwriter.com/plans/"] {
display: none;
}
}