Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

265 lines (257 sloc) 5.72 kb
/*********************************************************
* DIALOGS
*/
.butter-dialog {
position: relative;
.gradient( "vertical", #a5a5a5, #727272, true );
.hbox {
display: box;
.boxOrient(horizontal);
.boxAlign(stretch);
}
.vbox {
display: box;
.boxOrient(vertical);
.boxAlign(stretch);
}
.close-button {
position: absolute;
top: 10px;
right: 10px;
width: 10px;
height: 20px;
display: inline-block;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: url("../resources/glyphicons-halflings.png"), -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: url("../resources/glyphicons-halflings.png"), -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: url("../resources/glyphicons-halflings.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: url("../resources/glyphicons-halflings.png"), -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: url("../resources/glyphicons-halflings.png"), -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: url("../resources/glyphicons-halflings.png"), linear-gradient(top, #ffffff, #e6e6e6);
background-position: -304px 8px, 0 0;
background-repeat: no-repeat;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.close-button {
&:active,
&.active,
&.disabled,
&:focus,
&[disabled] {
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
}
.error {
display: none;
position: absolute;
width: 100%;
bottom: 42px;
height: 20px;
text-align: center;
color: #900;
z-index: 0;
}
&[data-error] {
.error {
display: block;
}
.container {
margin-bottom: 65px;
}
}
.center {
-webkit-box-pack: center;
-ms-box-pack: center;
-moz-box-pack: center;
box-pack: center;
}
.container {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
margin: 45px;
.transition(margin-bottom 0.5s);
z-index: 1;
}
.content {
width: 100%;
height: 100%;
}
.buttons {
position: absolute;
width: 100%;
bottom: 2px;
height: 35px;
text-align: center;
}
.main-textarea {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
resize: none;
}
h1 {
color: #fff;
line-height: 40px;
height: 40px;
width: 100%;
text-align: center;
}
> h1 {
position: absolute;
margin: 0;
}
.content {
> h1{
}
}
button {
margin: 0 5px 5px 5px;
height: 30px;
display: inline-block;
text-align: center;
text-decoration: none;
border-radius: 5px;
border: none;
cursor: pointer;
font-size: 18px;
min-width: 100px;
}
.json-export {
display: none;
}
.better {
display: none;
color: #fb1121;
}
.name-input {
width: 100%;
}
.project-list {
width: 100%;
}
&.share {
.url {
width: 100%;
text-align: center;
color: #fff;
font: 15px 'MetaBold';
}
}
}
.butter-dialog-button {
display: inline-block;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
.gradient( "vertical", #FFF, #E6E6E6, true );
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
&:hover,
&:active,
&.active,
&.disabled,
&[disabled] {
background-color: #e6e6e6;
}
&:active,
&.active {
background-color: #cccccc;
}
&:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
.transition(background-position 0.1s linear);
}
&:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
&.active,
&:active {
background-color: #d9d9d9;
background-image: none;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
&.disabled,
&[disabled] {
cursor: default;
background-color: #e6e6e6;
background-image: none;
opacity: 0.65;
box-shadow: none;
}
}
.butter-modal-container {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
.layer {
z-index: 2140000100;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba( 0, 0, 0, 0.7 );
position: fixed;
opacity: 0;
.butter-dialog {
width: 60%;
height: 60%;
margin: 5% 20%;
background-color: #FFF;
border: 3px solid #FFF;
border-radius: 6px;
&.small {
height: 20%;
}
&.fade-in {
opacity: 1;
.transition(opacity 0.5s);
}
}
&.fade-in {
opacity: 1;
.transition(opacity 0.5s);
}
&.behind-timeline {
z-index: @TRAY_Z_INDEX - 100;
}
}
}
Jump to Line
Something went wrong with that request. Please try again.