diff options
Diffstat (limited to 'apps/system/style/themes/default/core.css')
-rw-r--r-- | apps/system/style/themes/default/core.css | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/apps/system/style/themes/default/core.css b/apps/system/style/themes/default/core.css new file mode 100644 index 0000000..c3a3170 --- /dev/null +++ b/apps/system/style/themes/default/core.css @@ -0,0 +1,101 @@ +/* ---------------------------------- + * CORE STYLES FOR DIALOGS AND MENUS + * Is required for all the subcomponents (except banner) + * ---------------------------------- */ + +[role="dialog"] { + background: url(images/ui/pattern.png) repeat left top, url(images/ui/gradient.png) no-repeat left top; + background-size: auto auto, 100% 100%; + overflow: hidden; + position: absolute; + z-index: 100; + top: 0; + left: 0; + right: 0; + bottom: 0; + white-space: nowrap; + padding: 1.5rem 0 7rem; + font-family: "MozTT", Sans-serif; + color: #fff; +} + +[role="dialog"]:before { + content: ""; + display: inline-block; + vertical-align: middle; + width: 1px; + height: 100%; +} + +[role="dialog"] .inner { + padding: 0 2.5rem 0 2rem; + -moz-box-sizing: padding-box; + width: 100%; + display: inline-block; + vertical-align: middle; + white-space: normal; +} + +[role="dialog"] h3 { + font-family: 'MozTT', Sans-serif; + font-weight: normal; + font-size: 1.6rem; + line-height: 1em; + color: #fff; + border-bottom: 0.1rem solid #686868; + margin: 0 0 1rem; + padding-bottom: 1rem; +} + +[role="dialog"] menu:not([type="toolbar"]) { + white-space: nowrap; + margin: 0; + padding: 1.5rem; + border-top: solid 1px rgba(255, 255, 255, 0.1); + background: #2d2d2d url(images/ui/pattern.png) repeat left top; + display: block; + overflow: hidden; + position: absolute; + left: 0; + right: 0; + bottom: 0; +} + +[role="dialog"] menu:not([type="toolbar"]) button:last-child, +[role="dialog"] menu:not([type="toolbar"]) a[role="button"]:last-child { + margin-left: 1rem; +} + +[role="dialog"] menu:not([type="toolbar"]) button, +[role="dialog"] menu:not([type="toolbar"]) a[role="button"], +[role="dialog"] menu:not([type="toolbar"]) button:first-child, +[role="dialog"] menu:not([type="toolbar"]) a[role="button"]:first-child { + margin: 0; +} + +[role="dialog"] menu:not([type="toolbar"])[data-items="2"] button, +[role="dialog"] menu:not([type="toolbar"])[data-items="2"] a[role="button"] { + width: -moz-calc((100% - 1rem) / 2); +} + + +/* ---------------------------------- + * INLINE BANNER + * ---------------------------------- */ + +[role="dialog"].inline { + position: relative; + margin: -0.4rem 0 0 0; + padding: 1rem 0 0 0; + background: rgba(0,0,0,0.83); +} + +[role="dialog"].inline p { + border: 0; + padding: 1rem 1.5rem; +} + +[role="dialog"].inline menu { + position: relative; + background: none; +} |