/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp, small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:“”;content:none;} ins{background-color:#ff9;color:#000;text-decoration:none;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;} abbr,dfn{border-bottom:1px dotted;cursor:help;} table{border-collapse:collapse;border-spacing:0;} hr{display:block;height:1px;border:0;border-top:1px solid ccc;margin:1em 0;padding:0;} input,select{vertical-align:middle;} /*Clear Fix*/ .clearfix:before,.clearfix:after{content:“0020”;display:block;height:0;overflow:hidden;} .clearfix:after{clear:both;} .clearfix{zoom:1;} .hide {display:none;}
/Common/ html{overflow-y:scroll;} body{font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;background-color: eee;} body,select,input,textarea{color:#666;} pre,code,kbd,samp{font-family:monospace,sans-serif;} a, a:active{
color: #7fbf4d; text-decoration: none;
} a:hover{
text-decoration: underline;
} input, textarea{
padding: 6px 6px; font: normal 12px Helvetica, Arial, sans-serif; border-right-width: 1px; border-style: solid; border-color: #D3D3D3 #ddd #ddd; -webkit-box-shadow: inset 0 1px 2px 0 #E8E8E8; -moz-box-shadow: inset 0 1px 2px 0 #E8E8E8; -ms-box-shadow: inset 0 1px 2px 0 #E8E8E8; -o-box-shadow: inset 0 1px 2px 0 #E8E8E8; box-shadow: inset 0 1px 2px 0 #E8E8E8;
} /button/ button.button, button.error-button{
-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; font: bold 14px Helvetica, Arial, sans-serif; line-height: 14px; padding: 10px 0 8px 0; text-align: center;
} button.error-button{
background-color: #ff1717; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff1717), to(#cc1212)); background-image: -webkit-linear-gradient(top, #ff1717, #cc1212); background-image: -moz-linear-gradient(top, #ff1717, #cc1212); background-image: -ms-linear-gradient(top, #ff1717, #cc1212); background-image: -o-linear-gradient(top, #ff1717, #cc1212); background-image: linear-gradient(top, #ff1717, #cc1212); border: 1px solid #cc1212; border-bottom: 1px solid #ca6d6d; -webkit-box-shadow: inset 0 1px 0 0 #ca6d6d; -moz-box-shadow: inset 0 1px 0 0 #ca6d6d; -ms-box-shadow: inset 0 1px 0 0 #ca6d6d; -o-box-shadow: inset 0 1px 0 0 #ca6d6d; box-shadow: inset 0 1px 0 0 #ca6d6d; text-shadow: 0 -1px 0 #902121;
} button.button{
background-color: #7fbf4d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f); background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f); background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f); background-image: -o-linear-gradient(top, #7fbf4d, #63a62f); background-image: linear-gradient(top, #7fbf4d, #63a62f); border: 1px solid #63a62f; border-bottom: 1px solid #5b992b; -webkit-box-shadow: inset 0 1px 0 0 #96ca6d; -moz-box-shadow: inset 0 1px 0 0 #96ca6d; -ms-box-shadow: inset 0 1px 0 0 #96ca6d; -o-box-shadow: inset 0 1px 0 0 #96ca6d; box-shadow: inset 0 1px 0 0 #96ca6d; text-shadow: 0 -1px 0 #4c9021;
} button.button-disabled, .stack-push button.button-disabled:hover, button.button-disabled:active {
background-color: #bbb; background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#aaa)); background-image: -webkit-linear-gradient(top, #bbb, #aaa); background-image: -moz-linear-gradient(top, #bbb, #aaa); background-image: -ms-linear-gradient(top, #bbb, #aaa); background-image: -o-linear-gradient(top, #bbb, #aaa); background-image: linear-gradient(top, #bbb, #aaa); border: 1px solid #ababab; -webkit-box-shadow: inset 0 1px 0 0 #CFCECE; -moz-box-shadow: inset 0 1px 0 0 #CFCECE; -ms-box-shadow: inset 0 1px 0 0 #CFCECE; -o-box-shadow: inset 0 1px 0 0 #CFCECE; box-shadow: inset 0 1px 0 0 #CFCECE; color: #e0e0e0; text-shadow: none; cursor: default;
}
button.button:hover{
background-color: #76b347; background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e)); background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e); background-image: -moz-linear-gradient(top, #76b347, #5e9e2e); background-image: -ms-linear-gradient(top, #76b347, #5e9e2e); background-image: -o-linear-gradient(top, #76b347, #5e9e2e); background-image: linear-gradient(top, #76b347, #5e9e2e); -webkit-box-shadow: inset 0 1px 0 0 #8dbf67; -moz-box-shadow: inset 0 1px 0 0 #8dbf67; -ms-box-shadow: inset 0 1px 0 0 #8dbf67; -o-box-shadow: inset 0 1px 0 0 #8dbf67; box-shadow: inset 0 1px 0 0 #8dbf67; cursor: pointer;
}
button.button:active{
border: 1px solid #5b992b; border-bottom: 1px solid #538c27; -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
} button.small {
font-size: 12px; padding: 5px 10px;
} .push-progress {
background-color: #bbb; background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#aaa)); background-image: -webkit-linear-gradient(top, #bbb, #aaa); background-image: -moz-linear-gradient(top, #bbb, #aaa); background-image: -ms-linear-gradient(top, #bbb, #aaa); background-image: -o-linear-gradient(top, #bbb, #aaa); background-image: linear-gradient(top, #bbb, #aaa); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #ababab; -webkit-box-shadow: inset 0 1px 0 0 #CFCECE; -moz-box-shadow: inset 0 1px 0 0 #CFCECE; -ms-box-shadow: inset 0 1px 0 0 #CFCECE; -o-box-shadow: inset 0 1px 0 0 #CFCECE; box-shadow: inset 0 1px 0 0 #CFCECE; margin: 18px 0 0 -3px; width: 207px; height: 34px; position: relative;
} .push-progress .bar{
background-color: #7fbf4d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f); background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f); background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f); background-image: -o-linear-gradient(top, #7fbf4d, #63a62f); background-image: linear-gradient(top, #7fbf4d, #63a62f); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
} .push-progress .deploying{
position: absolute; width: 100%; left: 0; color: #fff; font: bold 14px Helvetica, Arial, sans-serif; line-height: 14px; padding: 10px 0 8px 0; text-align: center;
}
/Layout/
-
html div#content { width: expression( document.body.clientWidth < 981 ? “981px” : “auto” );
} div#content {
margin: 0 auto; padding: 0 30px; min-width: 980px;
}
error_report, warning_report {
background-color: white; border: 1px solid #DDD; padding:10px; display: none; margin-bottom:10px; margin-left:0px; min-height:150px;
} error_report h1, warning_report h1 {
color:#EC592A; font-size:16px; padding: 14px 20px; font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 20px;
} error_report div, warning_report div {
margin: 10px; color: #666; font-size: 13px;
} error_report span, warning_report span {
display:block; margin:5px 0;
} info_msg_report {
background-color: white; border: 1px solid #DDD; padding:10px; display: none; margin-bottom:10px; margin-left:0px; min-height:150px;
} info_msg_report h1 {
color:#477EE0; font-size:16px; padding: 14px 20px; font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 20px;
} info_msg_report h3 {
font-weight: bold; margin:10px; font-size: 14px;
} info_msg_report div {
margin:10px; color:#666; font-size:13px;
} info_msg_report span {
display:block; margin:5px 0;
}
/Header/
header{
height: 100px; background-color: #FA6900; padding: 20px 30px; margin: 0 -30px 0; font-size: 14px; line-height: 18px;
} header a {
text-decoration: none; color: #fff;
} header a:hover {
color: #fff;
}
dna{
margin: 0; float: right;
} dna a{
font-size: 12px; line-height: 12px; font-weight: bold; display: block; white-space: pre; font-family: monospace; color: #fff;
} dna a:hover {
text-decoration: none; color: #333;
}
user{
float: left; width: 340px; margin: 1px 0 0 0; padding: 10px; background: #FFF8EC; border: 2px solid #AF3030;
}
user .line {
font-size: 14px; color: #555; line-height:20px;
}
user .line .label {
font-weight: bold;
}
user .line a {
color: #3277CF;
} .stacks {
margin-top: 5px;
} dev {
position:fixed; top:0; width:100%; background-color: #FF9; color: red; padding: 2px; text-align: center; font-weight: 500; font-size: 16px; line-height: 32px; border-bottom: 2px solid; z-index:100;
}
dev + content {
margin-top: 36px;
}
/*search haeder*/ header.search{
background:url(/images/search-header.png) no-repeat right -40px #EE2A7B;
} header.search dna a{
text-shadow: 1px 1px 2px #981348;
}
/****************************************** search specific header style
*******************************************/
header.search{
height: 98px; position: relative; background:url(/images/search-header.png) no-repeat right -40px #EE2A7B;
} header.search.search-flip {
background: #e9f6fc url(/images/bgr-search-flip.png) no-repeat right top ;
} header.search.search-flop {
background: #0c2158 url(/images/bgr-search-flop.png) no-repeat right top;
} header.search user {
margin-top: 0; position: relative; top: -10px;
} header.search dna{
position: absolute; left: 30px; top: 60px;
} header.search user p, header.search user a, header.search dna a, header.search .username, header.search .stacks{
color: #ff6b04 !important;
} header.search dna a{
font-size: 8px;
} header.search user h1{
display: none;
} /*warning message for search*/ section.incomplete {
color: red; font-size: 30px; line-height: 30px; font-weight: bold; padding:2px; text-align:center;
} /*another warning message for search*/ section.searchusingdark {
color: red; font-size: 30px; line-height: 30px; font-weight: bold; padding:2px; text-align:center;
} /*more search stuff*/ .cluster_name {
font-style: italic; margin-left: 0px;
} .xsearch .selectors {
padding-top: 8px;
}
.xsearch .selectors label {
font-weight: bold; text-transform: uppercase;
}
.xsearch .selectors select {
display: block;
}
/*Info Bar*/ section#info-bar{
clear: both; padding: 10px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 -30px 20px;
} info-bar ul{
list-style: none;
}
info-bar ul li{
float: left; display: inline-block; padding-right: 20px;
} info-bar ul li.heading{
font-weight: bold; padding-right: 10px;
} info-bar ul li span{
color: #333; font-family: monospace; font-size: 12px;
}
/*Main Content*/ section#main, .display-panel {
margin-left: 320px; background-color: #fff; border: 1px solid #ddd; margin-bottom: 20px; -webkit-box-shadow: 0 2px 0 0 #E7E7E7; -moz-box-shadow: 0 2px 0 0 #E7E7E7; -ms-box-shadow: 0 2px 0 0 #E7E7E7; -o-box-shadow: 0 2px 0 0 #E7E7E7; box-shadow: 0 2px 0 0 #E7E7E7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
} main .heading{
padding: 4px 20px; height: 16px; font-weight: normal; border-bottom: 1px solid #ccc;
} main .heading h2{
font-size: 16px; float: left; color: #333;
} main .heading .option{
float: right; font-weight: normal; color: #888;
} main .heading .option input{
margin: 0 2px 1px 0; padding: 0;
}
main .deploy-panel {
min-height:150px; margin-bottom:20px;
}
.push-topic{
background-color: #ffffff; padding: 5px 12px 20px; border: 2px solid #e8e8e8; color: #333; position: relative; margin-bottom:10px;
} .push-topic.hold {
background-color: #cc0000; color: #ccc;
} .push-topic.hold .title span {
color: white;
} .push-topic.hold .watch A {
color: yellow;
}
queue-on-hold {
text-align: center; font-size: 18px; font-weight: bold;
}
main.info {
padding:10px 10px 0 10px;
} main.info h2 {
font-size: 16px; font-weight:bold; color: black;
}
.deploy-panel .progress-panel .run-log-console {
padding-top: 10px
}
.deploy-panel .complete-panel .complete-msg {
padding-left:150px; height:150px;
}
.deploy-panel .complete-panel .complete-msg .image {
float:left; width:129px; height:100px; margin-left:-150px; background: url('/images/done.jpg');
}
.deploy-panel .complete-panel .complete-msg .message {
float:left; width:100%; padding-top:30px; font-size:14px; line-height:20px;
}
.push-topic .title{
margin-right: 125px; display: inline-block;
} .push-topic .title span{
font-weight: bold; color: #333;
} .push-topic .waiters {
display: inline; padding-left:7px;
} .log-run{
position: absolute; top: 50%; margin-top: -14px; right: 20px;
}
main .log-main{
padding: 0 0 20px 0;
} .log-msg{
padding: 16px 20px 20px; border-top: 1px solid #ddd;
} .log-msg h3{
margin-bottom: 5px;
} .log-msg input{
margin-right: 3px; width: 450px;
} log{
list-style: none; border-top: 1px solid #eee;
} log li{
padding: 12px 20px 11px; border-bottom: 1px solid #eee;
} log li a{
font-weight: bold; margin-left: 5px; background: #EAF5E0; padding: 1px 4px 2px; border-radius: 4px; text-transform: uppercase; font-size: 10px;
} log li.PRODUCTION{
background-color: #FAFFEB; border-left: 2px solid #7FBF4D; padding-left: 18px;
} log li.CONFIG.PRODUCTION{
background-color: #F6F6F6; border-left: 2px solid #7FBF4D; padding-left: 18px;
} log li.GLOBAL{
background-color: #FFEFE7; border-left: 2px solid #E37757; padding-left: 18px;
} log li .timestamp{
color: #8594B5; background-color: #F1FAFB; padding: 3px 4px 1px;
} log li .env{
font-weight: bold;
} .log-more{
padding: 0 20px 20px;
} .log-more a{
display: block;
} /Side/ aside{
float: left; width: 300px;
} .littleYesno-wrap{
height: 118px;
} .littleYesno a{
background-color: #DFFCC0; border: 1px solid #BEE69A; margin-bottom: 20px; -webkit-box-shadow: 0 2px 0 0 #E7E7E7; -moz-box-shadow: 0 2px 0 0 #E7E7E7; -ms-box-shadow: 0 2px 0 0 #E7E7E7; -o-box-shadow: 0 2px 0 0 #E7E7E7; box-shadow: 0 2px 0 0 #E7E7E7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 16px 20px 16px 47px; font-size: 16px; font-weight: bold; display: block; color: #469A03;
} .littleYesno a:hover{
background-color: #D4F7B1; border: 1px solid #BEE69A; text-decoration: none;
} .littleYesno .small{
padding-top: 8px; font-size: 12px; color: #333;
} .littleYesno .small span{
display: block; font-weight: bold; margin-top: 8px;
} .littleYesno .small span.metadata{
font-weight: normal; margin: 0;
} .littleYesno .red a{
background-color: #FFD7D7; border: 1px solid #E6B69A; color: #CF4B4B;
} .littleYesno .red a:hover {
background-color: #FFBCBC; border: 1px solid #E69C7D; text-decoration: none;
} .littleYesno .black a{
background-color: #ffcc00; border: 1px solid #C6C6C6; color: #333;
} .littleYesno .black a:hover {
background-color: #ffff00; border: 1px solid #990000; text-decoration: none;
}
.stack-box{
position: relative; background-color: #fff; border: 1px solid #ddd; margin-bottom: 20px; padding: 20px 20px 20px 47px; -webkit-box-shadow: 0 2px 0 0 #E7E7E7; -moz-box-shadow: 0 2px 0 0 #E7E7E7; -ms-box-shadow: 0 2px 0 0 #E7E7E7; -o-box-shadow: 0 2px 0 0 #E7E7E7; box-shadow: 0 2px 0 0 #E7E7E7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
} .stack-box.princess, .stack-box.config_princess {
background: url('/images/princess.gif') 219px 8px no-repeat #fff;
} .stack-box.last{
margin-bottom: 80px;
} .stack-box .arrow{
position: absolute; background: url('/images/arrow.png') -15px -13px no-repeat transparent; bottom: -15px; height: 15px; width: 30px; left: 130px;
} .stack-box h2{
font-size: 16px; margin-bottom: 5px;
} .stack-box h2 span{
color: #333; font-weight: bold; width: 27px; display: inline-block; margin-left: -27px;
} .stack-box .msg-form{
margin-top: 8px;
} .stack-box .or {
text-align:center; margin-left:-35px;
} .msg-form label{
display: inline-block; font-weight: bold; padding-right: 4px;
}
.stack-box .stack-status{
font-family: monospace; font-size: 14px;
} .stack-push{
margin: 18px 0 0 -3px;
} .stack-push button{
width: 209px;
} /links/ .links{
margin-top: 18px;
} .links h2{
font-size: 16px; margin-bottom: 18px;
} .links li {
list-style-type: none;
} .links a {
color: #999;
}
/* host lists */ .hosts{
margin-top: 18px;
} .hosts h3{
font-size: 14px; margin-bottom: 4px;
} .hosts li {
list-style-type: none; margin-left: 10px;
} .hosts a {
color: #999;
}
/*clear template*/ .stack-box#clear-templates{
background: #F4F4F4;
}
footer{
width: 100%; clear: left; float: left; margin: 10px 0 30px; padding-top: 20px; border-top: 1px solid #ccc;
} footer .etsy{
float: left; width: 320px;
} footer .source{
float: left;
}
/*log table*/
table#log{
width: 100%; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; box-shadow: 0 2px 0 0 #E7E7E7; margin-bottom: 20px;
} table#log th, td{
text-align: left; padding: 8px 8px; border-bottom: 1px solid #eee;
} table#log th{
font-weight: bold; color: #333; padding: 14px 8px; border-bottom: 1px solid #ddd;
} table#log .timestamp{
background-color: #F1FAFB; color: #8594B5; padding: 3px 4px 1px;
} table#log .PRODUCTION{
background-color: #FAFFEB; border-left: 2px solid #7FBF4D; padding-left: 18px;
} table#log .CONFIG.PRODUCTION{
background-color: #F6F6F6; border-left: 2px solid #7FBF4D; padding-left: 18px;
} table#log .GLOBAL {
background-color: #FFEFE7; border-left: 2px solid #E37757; padding-left: 18px;
}
/*Run log*/ .run-log-normal{
padding: 18px 20px 18px;
} run-log{
width: 100%; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; box-shadow: 0 2px 0 0 #E7E7E7; margin-bottom: 20px; list-style: none;
} run-log li{
text-align: left; padding: 8px 20px; border-bottom: 1px solid #eee;
} run-log .timestamp-normal{
background-color: #F1FAFB; color: #8594B5; padding: 3px 4px 1px;
}
/stats/ section#main.stats{
margin-left: 0;
} .stats-main{
padding: 20px;
} .stats-main p#choices {
padding-top:20px;
} .stats-main .holder {
height:360px; overflow:auto; padding-top:20px;
} .stats-main choices h3 , .stats-main .holder div.stats {
display:inline-block; width:180px;
} .stats h3 {
text-transform:capitalize; color:black; border-bottom:1px solid black; font-size:14px; font-weight:bold;
}
/config/ section#main.config{
margin-left: 0;
} .config .pushers{
padding: 20px;
} .config .pushers p{
font-size: 16px; font-weight: bold; margin-bottom: 20px;
} .config .pushers h3{
margin-bottom: 18px;
} .pushers textarea#production{
font: normal 12px monospace; line-height: 16px; width: auto;
} .config .pushers button{
padding-left: 20px; padding-right: 20px;
}
/consol/ .code {
background-color: #222; color: #ddd; font-size: 16px; padding: 8px;
}
.code .command {
font-family: monospace; font-size:14px; margin-top:2px; border-top: 1px solid #555; padding: 10px 20px 5px 10px;
} .code .command h4 {
color: #ccc; font-weight: normal;
}
.code .command h5 {
color: #abc; font-size: 12px; margin-bottom:10px;
} .code .command p {
margin: 10px;
} .code .stderr {
color: #EE3434; font-size: 12px; white-space: pre;
} .code .info_msg {
color: #FFFFFF; font-size: 12px; white-space: pre;
} .code .success_msg {
color: #7fbf4d; font-size: 12px; white-space: pre;
} .code .warning_msg {
color: #f0ad4e; font-size: 12px; white-space: pre;
}
.hidden {
display:none;
} span.watch {
float:right; width: 70px;
}
button#unlockstack {
color: white; font-weight:bold; background-color:red; border:1px solid white; font-size:12px; float: right;
}
.runlogpane {
width: 100%; background-color: black; margin-bottom: 10px;
}
diff h3 {
font-size:18px; font-weight: bold; color: gray;
} diff .codediff {
padding: 10px; border:1px solid #ddd;
} span.diffinfo {
margin-bottom:8px; display:block;
}
div.pending-diff {
background-color: white; padding:5px; margin-bottom:10px;
}
div#override_msg a {
text-decoration: underline;
}
div#override_msg strong {
font-weight: bold;
} div#override_msg.floater{
z-index: 1000; position: fixed; top: 210px; left: 340px; width: 500px; height: 300px; background-color:white; border:5px solid red; padding:10px; font-size: 200%; line-height: 200%;
}
div#override_msg div.closer {
font-size:14px; text-align:center; text-decoration: underline;
}
div#not-allowed-to-prod {
background:#454545; color:white; text-align:center; font-size:32px; line-height:1.3; padding:1em;
}
div#not-allowed-to-prod span {
display:inline; font-family: monospace, monaco; color:#aaa;
}
div.lockbox {
text-align: center; padding:8px 8px; color: black; margin-bottom: 10px; background-color: white;
}
div.lockbox button.button {
background-image: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#5e9e2e)); background-image: -webkit-linear-gradient(top, #cc0000, #990000); background-image: -moz-linear-gradient(top, #cc0000, #990000); background-image: -ms-linear-gradient(top, #990007, #cc0000); background-image: -o-linear-gradient(top, #cc0000, #990000); background-image: linear-gradient(top, #cc0000, #990000); border: 0;
} div.lockbox a {
color: #333;
}
div.tests_are_running {
padding:2px 0; height: 20px; line-height: 16px; font-size: 14px; background-color: #ffcc00; color: black; font-weight: bold; text-align: center; margin: 0 0 -17px -3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
div.tests_are_running img {
margin-top:1px; display:inline-block; height:16px; width: 16px; padding: 0; border:0;
} div.lockbox p.red {
font-weight: bold; background-color: #FFD7D7; padding: 8px;
} div.lockbox p.red {
font-size: 14px; background-color: #FFD7D7; border: 1px solid #E6B69A; color: #CF4B4B;
} div.lockbox p.red span.small {
font-size: 11px;
}
p.red {
color: #CF4B4B;
}
header.web_config {
background-color: #3b5998;
}
/* Stack Index Page */
.stack-list {
margin-top: 20px; -webkit-column-width: 220px; -moz-column-width: 220px;
}
.pinned-stack-list {
font-size: 28px; line-height: 32px; margin-right: 28px; padding-left: 20px;
}
.pinned-stack-list li {
list-style: none; border-bottom: 1px solid rgb(221,221,221); margin-bottom: 10px;
}
.pinned-stack-list li.last {
border-bottom: none
}
.pinned-stack-list h1 a {
display: block; margin-bottom: 7px; border-radius: 3px; padding-left: 7px;
}
.pinned-stack-list h1 a:hover {
text-decoration: none; text-shadow: 1px 1px 2px #CCC; background-color: #D4FCC0;
}
.stack-list.stack-box {
padding-left: 20px;
}
.stack-list li {
font-size: 18px; line-height: 28px; list-style: none;
}
.stack-list a {
display: block; border-radius: 3px; padding-left: 7px;
}
.stack-list a:hover {
text-decoration: none; text-shadow: 1px 1px 2px #CCC; background-color: #D4FCC0;
}
.index-side {
float: left;
}
.index-side .littleYesno {
width: 170px; line-height: 18px;
}
.index-side .littleYesno a {
padding-left: 20px;
}
/* deploys_status page */ .deploys-listing-heading{
font-weight: bold;
}
.extraction_in_progress {
background-color: #ff2626; color: #ffffff !important; font-size: 14px; font-weight: bold; padding-left: 20px; margin-bottom: 10px;
}
.extraction_in_progress ul { margin-left: 50px; }