Files
PyRIGS/static/scss/jq-ui-bootstrap/_dialog.scss
tjp03u 33b454684d Set up static files correctly
Working authentication
2014-10-23 23:42:53 +01:00

194 lines
4.2 KiB
SCSS

/*!
* jQuery UI Bootstrap v1.0 Alpha
*
* jQuery UI Dialog 1.10.3
* http://docs.jquery.com/UI/Dialog#theming
*
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
* Created the LESS version by @dharapvj
* Released under MIT
*/
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
width: 300px;
overflow: hidden;
outline: 0;
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: @border-radius-large;
.ui-box-shadow(0 3px 7px rgba(0, 0, 0, 0.3));
outline: medium none;
z-index: 1050;
.ui-dialog-titlebar {
/*padding: .4em 1em;*/
position: relative;
border:0px 0px 0px 1px solid;
border-color: @ui-white;
padding: 5px 15px;
font-size: 18px;
text-decoration:none;
#ui-border-radius > .bottomRight ( 0px );
#ui-border-radius > .bottomLeft ( 0px );
border-bottom:1px solid darken(@ui-gray-lighter, 14);
}
.ui-dialog-title {
float: left;
color:@ui-gray-dark; // FIXME - this needs to be #404040
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
padding:5px 0;
text-overflow: ellipsis;
overflow: hidden;
}
.ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -20px 0 0 0;
padding: 1px;
height: 18px;
font-size: 20px;
font-weight: bold;
line-height: 13.5px;
text-shadow: 0 1px 0 @ui-white;
.ui-opacity(.25);
background: none;
border-width: 0;
border: none;
.box-shadow( none);
}
.ui-dialog-titlebar-close span {
display: block;
margin: 1px;
text-indent:9999px;
}
.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
.opacity(.9);
}
.ui-dialog-content {
position: relative;
border: 0;
padding: 15px;
background: none;
overflow: auto;
}
.ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: .5em 0 0 0;
background-color: @ui-form-actions-background;
padding: 5px 15px 5px;
border-top: 1px solid darken(@ui-gray-lighter,10%);
#ui-border-radius > .border( 0, 0, 6px, 6px );
.ui-box-shadow( inset 0 1px 0 @ui-white );
margin-bottom: 0;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
}
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
&.ui-state-hover{
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
}
/***Dialog fixes**/
.ui-dialog-buttonset .ui-button:not(:first-child) {
cursor: pointer;
display: inline-block;
color: #333333;
background-color: #ffffff;
border: 1px solid #cccccc;
.ui-transition( 0.1s linear all);
overflow: visible;
&.ui-state-hover{
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
text-decoration: none;
}
}
.ui-dialog-buttonset .ui-button{
/* ui-dialog-buttonset UI info */
&.ui-button-info{
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
&.ui-state-hover{
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
}
/* ui-dialog-buttonset UI success */
&.ui-button-success{
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
&.ui-state-hover{
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
}
/* ui-dialog-buttonset UI warning */
&.ui-button-warning{
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
&.ui-state-hover{
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
}
/* ui-dialog-buttonset UI Danger */
&.ui-button-danger{
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
&.ui-state-hover{
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
}
/* ui-dialog-buttonset UI Inverse */
&.ui-button-inverse{
color: #ffffff;
background-color: #222222;
border-color: #080808;
&.ui-state-hover{
color: #ffffff;
background-color: #363636;
border-color: #000000;
}
}
}