/modules/mod_base/lib/css/zp-dialog.css
https://code.google.com/p/zotonic/ · CSS · 287 lines · 230 code · 34 blank · 23 comment · 0 complexity · a4f6aed0792fa49d07504c57ad614a1b MD5 · raw file
- /* Dialog styesheet.
- ----------------------------------------------------------
- @package: Zotonic 2009
- @Author: Tim Benniks <tim@timbenniks.nl>
- Copyright 2009 Tim Benniks
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- ---------------------------------------------------------- */
- .dialog {
- position: absolute !important;
- color: #f9f9f9;
- top: 200px;
- width: 450px;
- height: auto;
- z-index: 998;
- }
- .dialog-top {
- background: transparent url(/lib/images/dialog_top_middle.png) repeat-x;
- height: auto;
- left: 0;
- margin: 0 25px;
- padding: 25px 0 0 0;
- position: relative;
- top: 0;
- width: 100%;
- cursor: move;
- }
- .dialog-top-left {
- background: transparent url(/lib/images/dialog_top_left.png) no-repeat;
- height: 100%;
- left: -25px;
- position: absolute;
- top: 0;
- width: 25px;
- height: 25px;
- }
- .dialog-top-right {
- background: transparent url(/lib/images/dialog_top_right.png) no-repeat;
- height: 100%;
- right: -25px;
- position: absolute;
- top: 0;
- width: 25px;
- height: 25px;
- }
- .dialog-content {
- background: transparent url(/lib/images/dialog_content_left.png) repeat-y;
- height: auto;
- padding: 0 25px;
- position: relative;
- width: 100%;
- overflow: hidden;
- }
- .dialog-inner-content {
- background: transparent url(/lib/images/dialog_content.png) repeat;
- float: left;
- padding: 10px 0 0 0;
- width: 100%;
- overflow: hidden;
- }
- .dialog-content-right {
- background: transparent url(/lib/images/dialog_content_right.png) repeat-y;
- height: 100%;
- position: absolute;
- right: 0;
- top: 0;
- width: 25px;
- }
- .dialog-bottom {
- background: transparent url(/lib/images/dialog_bottom_middle.png) repeat-x;
- height: auto;
- left: 0;
- margin: 0 25px;
- padding: 41px 0 0 0;
- position: relative;
- top: 0;
- width: 100%;
- z-index: 999;
- }
- .dialog-bottom-left {
- background: transparent url(/lib/images/dialog_bottom_left.png) no-repeat;
- height: 100%;
- left: -25px;
- position: absolute;
- top: 0;
- width: 25px;
- height: 41px;
- }
- .dialog-bottom-right {
- background: transparent url(/lib/images/dialog_bottom_right.png) no-repeat;
- height: 100%;
- right: -25px;
- position: absolute;
- top: 0;
- width: 25px;
- height: 41px;
- }
- .dialog-close {
- background: transparent url(/lib/images/close.png) no-repeat top;
- height: 15px;
- width: 15px;
- left: -17px;
- top: 7px;
- position: absolute;
- cursor: pointer;
- }
- .dialog-close:hover,
- .dialog-close:focus,
- .dialog-close:active {
- background-position: bottom;
- }
- h5.dialog-title {
- display: block;
- font-size: 11px;
- position: absolute;
- text-align: center;
- top: 6px;
- width: 100%;
- text-shadow: 1px 2px 2px #444;
- font-weight: bold;
- }
- .dialog .ui-resizable-se {
- bottom: -34px;
- cursor: se-resize;
- height: 17px;
- right: 6px;
- width: 23px;
- }
- .dialog .ui-resizable-handle {
- display: block;
- font-size: 0.1px;
- position: absolute;
- z-index: 99999;
- }
- .dialog input, .dialog textarea, .dialog select {
- background: #333;
- color: #eee;
- border-color: #666;
- padding: 4px;
- width: 300px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-width: 1px;
- }
- .dialog select {
- width: 310px;
- }
-
- .dialog option {
- background: #333;
- color: #eee;
- border: none;
- }
- .dialog input:focus, .dialog textarea:focus {
- background: #444;
- }
-
- .dialog label {
- margin: 2px 12px 0 0;
- width: 90px;
- }
-
- .dialog button,
- .dialog a.button {
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- background: #333;
- border-color: #666;
- color: #eee;
- text-transform: lowercase;
- }
- .dialog button:hover,
- .dialog a.button:hover {
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- color: #fff;
- background: #444;
- border-color: #111;
- }
-
- .dialog label, .dialog p, .dialog h3, .dialog h4, .dialog h5 {
- color: #eee;
- }
- .dialog input.form-field-error,
- .dialog textarea.form-field-error {
- background: #603d3d;
- color: #fff;
- margin-right: 3px;
- border-color: #be2727;
- }
- .dialog .z_invalid {
- color: #ff0000;
- font-size: 18px;
- }
-
- /* tabs in dialog
- ------------------------------------------------------- */
- .dialog .ui-tabs-nav {
- margin: 0;
- }
- .dialog .ui-tabs-nav li {
- display: block;
- float: left;
- background-color: transparent;
- margin: 0 1px 0 0;
- border: 0;
- padding: 0;
- }
- .dialog .ui-tabs-nav li a {
- color: #fff;
- padding: 4px 8px;
- -moz-border-radius-topright: 6px;
- -moz-border-radius-topleft: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- text-decoration: none;
- background: #555 url(/lib/images/dialog_top_middle.png) repeat-x left -5px;
- color: #b6b6b6;
- font-size: 11px;
- }
-
- .dialog li.ui-state-active a {
- text-shadow: 1px 2px 2px #000;
- color: #fff;
- }
-
- .dialog .ui-tabs-panel {
- padding: 9px;
- -moz-border-radius-bottomleft: 6px;
- -moz-border-radius-bottomright: 6px;
- -moz-border-radius-topright: 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- background: none;
- border: solid #555;
- border-width: 2px 1px 1px;
- color: #eee;
- margin: 0 0 16px 0;
- min-height: 40px;
- }
- .dialog .ui-tabs-hide {
- display: none !important;
- }
- .dialog .ui-tabs .ui-tabs-selected {
- font-weight: normal;
- }