mediacms/static/css/_commons.css

1 line
241 KiB
CSS
Raw Normal View History

@charset "UTF-8";.popup{background-color:var(--popup-bg-color)}.popup hr{background-color:var(--popup-hr-bg-color)}.popup-top{color:var(--popup-top-text-color);background-color:var(--popup-top-bg-color)}.popup-top .circle-icon-button.menu-item-icon{color:inherit}.popup-message-title{color:var(--popup-msg-title-text-color)}.popup-message-main{color:var(--popup-msg-main-text-color)}.popup{z-index:4;display:block;width:300px;text-align:initial;cursor:default;-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);-moz-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}.popup hr{display:block;width:100%;height:1px;border:0;margin:0}.popup-top{padding:4px}.popup-top>*{position:relative;display:table}.popup-top>*>*{display:table-cell;vertical-align:middle;min-width:44px}.popup-top .circle-icon-button.menu-item-icon{background:none}.popup-main{overflow:hidden}.popup-message{display:inline-block;width:100%}.popup-message-title{display:block;font-size:16px;margin-bottom:16px;margin-top:24px;padding:0 24px;line-height:20px}.popup-message-main{display:block;font-size:14px;margin-bottom:32px;margin-top:4px;padding:0 24px;line-height:21px}.popup-message-bottom{display:inline-block;width:100%;float:left;margin-bottom:16px;margin-top:16px;padding:0 24px}.popup-fullscreen{z-index:4;position:fixed;display:table;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:24px 40px;padding-top:calc(var(--header-height) + 24px);background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.popup-fullscreen .popup-main{width:100%;height:100%;max-width:1840px;max-height:940px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center}.popup-fullscreen .popup-main .popup-fullscreen-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.6}.search-field-wrap button[type=submit],.search-field-wrap input[type=text]{border-color:var(--search-field-input-border-color)}.search-field-wrap input[type=text]{color:var(--search-field-input-text-color);background-color:var(--search-field-input-bg-color)}.search-field-wrap button[type=submit]{color:var(--search-field-submit-text-color);background-color:var(--search-field-submit-bg-color);border-color:var(--search-field-submit-border-color)}.search-field-wrap button[type=submit]:focus,.search-field-wrap button[type=submit]:hover{background-color:var(--search-field-submit-bg-color);border-color:var(--search-field-submit-border-color)}.search-field-wrap{position:relative;display:table;width:480px;max-width:48%;max-width:40%;height:100%;margin:0 auto;text-align:center}.search-field-wrap>div{width:100%;display:table-cell;vertical-align:middle}.search-field-wrap form{position:relative;width:100%;text-align:right}.search-field-wrap .text-field-wrap{display:block;padding-right:64px}.search-field-wrap .text-field-wrap .popup{z-index:-1;position:absolute;top:100%;left:0;right:64px;width:auto;margin-top:12px;color:#222;border:1px solid #ccc;border-top:0 solid #ccc;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.search-field-wrap button[type=submit],.search-field-wrap input[type=text]{border-style:solid}.search-field-wrap input[type=text]{width:100%;padding:0 10px;font-size:16.52px;border-width:1px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.search-field-wrap button[type=submit]{position:absolute;top:0;bottom:0;right:0;width:64px;padding:0;border-width:1px 1px 1px 0;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.search-field-wrap button[type=submit] .material-icons{opacity:.6;margin-bottom:1px;overflow:hidden}.search-field-wrap button[type=submit]:focus,.search-field-wrap button[type=submit]:hover{outline:0}.search-field-wrap button[type=submit]:focus .materia