style.css in qless-0.11.0

- old
+ new
@@ -1,204 +1,37 @@
-/* @override http://localhost:4567/css/style.css */
-
-/* Shamelessly poached from resque
-	SEOmoz Blue: #4d87e2;
- */
-
-.queue-name {
-	font-size: 25px;
-	font-weight: bold;
+/* For proper failed job display*/
+.l-sidebyside {
+  overflow:auto;
 }
 
-.queue-summary {
-	font-size: 20px;
+.l-sidebyside > * {
+  display:inline-block;
+  *display: inline;
+  *zoom: 1;
 }
 
-.queue-summary-description {
-	font-size: 12px;
-	color: lightgrey;
+.subnav.subnav-failed {
+  overflow: hidden;
 }
-
-.queue-stats {
-	margin-top: 10px;
+.subnav.full {
+  height: auto;
+  max-height: 50%;
+  overflow-y: scroll;
 }
 
-.queue-stats-date {}
-.queue-stats-failures {}
-.queue-stats-time {}
-.queue-stats-wait {}
-
-.queue-stats-time-title {
-	font-size: 20px;
-	width: 100%;
-	text-align: center;
-	margin-bottom: 10px;
-	margin-top: 10px;
+.failed-job > .min-col-size {
+  min-width: 395px;
 }
 
-.queue-stats-time-summary {
-	text-align: center;
+.failed-job .row {
+  margin-left:0;
+  margin-right:10px;
+  height: 30px;
 }
 
-.queue-stats-time-histogram-wait {}
-.queue-stats-time-histogram-run {}
-
-.job-id {
-	float: left;
-	font-size: 20px;
-	font-weight: bold;
-	padding-bottom: 10px;
+.subnav-toggle-container {
+  text-align: right;
 }
 
-.job-priority {
-	font-size: 16px;
-	padding-left: 5px;
+.subnav-toggle-container .btn {
+  padding: 8px 10px;
 }
-
-.button {
-	background-color: darkgray;
-	float: left;
-	-webkit-border-radius: 5px;
-	-moz-border-radius: 5px;
-	border-radius: 5px;
-	color: white;
-	font-weight: bold;
-	padding-top: 2px;
-	padding-left: 7px;
-	padding-right: 7px;
-	padding-bottom: 3px;
-	margin-left: 5px;
-
-}
-
-.cancel-button {
-	background-color: red;
-}
-
-.job-tags {	
-	clear: both;
-	margin-left: 15px;
-}
-
-.job-tag {
-	border: none;
-	-webkit-border-radius: 15px;
-	-moz-border-radius: 15px;
-	border-radius: 15px;
-	padding-left: 10px;
-	padding-right: 10px;
-}
-
-.job-summary-container > .job-tags {
-	float: left;
-	clear: none;
-	margin-top: 1px;
-}
-
-.job-summary-container > .job-summary {
-	float: left;
-	clear: none;
-	margin-top: -7px;
-	padding-left: 12px;
-}
-
-.job-summary {
-	clear: both;
-	padding-top: 10px;
-	font-size: 16px;
-}
-
-.job-state, .job-queue, .job-worker {
-	font-weight: bold;
-}
-
-.job-data-container {
-	margin-top: 10px;
-	border: 2px solid black;
-}
-
-html { background:#efefef; font-family:Arial, Verdana, sans-serif; font-size:13px; }
-body { padding:0; margin:0; }
-
-.header { background:#000; padding:8px 5% 0 5%; border-bottom:1px solid #444;border-bottom:5px solid #4d87e2;}
-.header h1 { color:#333; font-size:90%; font-weight:bold; margin-bottom:6px;}
-.header ul li { display:inline;}
-.header ul li a { color:#fff; text-decoration:none; margin-right:10px; display:inline-block;  padding:8px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
-.header ul li a:hover { background:#333;}
-.header ul li.current a { background:#ce1212; font-weight:bold; color:#fff;}
-
-.header .namespace { position: absolute; right: 75px; top: 10px; color: #7A7A7A; }
-
-.subnav { padding:2px 5% 7px 5%; background:#ce1212; font-size:90%;}
-.subnav li { display:inline;}
-.subnav li a { color:#fff; text-decoration:none; margin-right:10px; display:inline-block; background:#dd5b5b; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px;}
-.subnav li.current a { background:#fff; font-weight:bold; color:#ce1212;}
-.subnav li a:active { background:#b00909;}
-
-#main { padding:10px 5%; background:#fff; overflow:hidden; }
-#main .logo { float:right; margin:10px;}
-#main span.hl { background:#efefef; padding:2px;}
-#main h1 { margin:10px 0; font-size:190%; font-weight:bold; color:#ce1212;}
-#main h2 { margin:10px 0; font-size:130%;}
-#main table { width:100%; margin:10px 0;}
-#main table tr td, #main table tr th { border:1px solid #ccc; padding:6px;}
-#main table tr th { background:#efefef; color:#888; font-size:80%; font-weight:bold;}
-#main table tr td.no-data { text-align:center; padding:40px 0; color:#999; font-style:italic; font-size:130%;}
-#main a { color:#111;}
-#main p { margin:5px 0;}
-#main p.intro { margin-bottom:15px; font-size:85%; color:#999; margin-top:0; line-height:1.3;}
-#main h1.wi { margin-bottom:5px;}
-#main p.sub { font-size:95%; color:#999;}
-
-#main table.queues { width:40%;}
-#main table.queues td.queue { font-weight:bold; width:50%;}
-#main table.queues tr.failed td { border-top:2px solid; font-size:90%; }
-#main table.queues tr.failure td { background:#ffecec; border-top:2px solid #d37474; font-size:90%; color:#d37474;}
-#main table.queues tr.failure td a{ color:#d37474;}
-
-#main table.jobs td.class { font-family:Monaco, "Courier New", monospace; font-size:90%; width:50%;}
-#main table.jobs td.args{ width:50%;}
-
-#main table.workers td.icon {width:1%; background:#efefef;text-align:center;}
-#main table.workers td.icon img { height: 16px; width: 16px; }
-#main table.workers td.where { width:25%;}
-#main table.workers td.queues { width:35%;}
-#main .queue-tag { background:#b1d2e9; padding:2px; margin:0 3px; font-size:80%; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#3274a2; -webkit-border-radius:4px; -moz-border-radius:4px;}
-#main table.workers td.queues.queue { width:10%;}
-#main table.workers td.process { width:35%;}
-#main table.workers td.process span.waiting { color:#999; font-size:90%;}
-#main table.workers td.process small { font-size:80%; margin-left:5px;}
-#main table.workers td.process code { font-family:Monaco, "Courier New", monospace; font-size:90%;}
-#main table.workers td.process small a { color:#999;}
-#main.polling table.workers tr.working td { background:#f4ffe4; color:#7ac312;}
-#main.polling table.workers tr.working td.where a { color:#7ac312;}
-#main.polling table.workers tr.working td.process code { font-weight:bold;}
-
-
-#main table.stats th { font-size:100%; width:40%; color:#000;}
-#main hr { border:0; border-top:5px solid #efefef;  margin:15px 0;}
-
-#footer { padding:10px 5%; background:#efefef; color:#999; font-size:85%; line-height:1.5; border-top:5px solid #ccc; padding-top:10px;}
-#footer p a { color:#999;}
-
-#main p.poll { background:url(poll.png) no-repeat 0 2px; padding:3px 0; padding-left:23px; float:right; font-size:85%; }
-
-#main ul.failed {}
-#main ul.failed li {background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff)) #efefef; margin-top:10px; padding:10px; overflow:hidden; -webkit-border-radius:5px; border:1px solid #ccc; }
-#main ul.failed li dl dt {font-size:80%; color:#999; width:60px; float:left; padding-top:1px; text-align:right;}
-#main ul.failed li dl dd {margin-bottom:10px; margin-left:70px;}
-#main ul.failed li dl dd .retried { float:right; text-align: right; }
-#main ul.failed li dl dd .retried .remove { display:none; margin-top: 8px; }
-#main ul.failed li.hover dl dd .retried .remove { display:block; }
-#main ul.failed li dl dd .controls { display:none; float:right; }
-#main ul.failed li.hover dl dd .controls { display:block; }
-#main ul.failed li dl dd code, #main ul.failed li dl dd pre { font-family:Monaco, "Courier New", monospace; font-size:90%; white-space: pre-wrap;}
-#main ul.failed li dl dd.error a {font-family:Monaco, "Courier New", monospace; font-size:90%; }
-#main ul.failed li dl dd.error pre { margin-top:3px; line-height:1.3;}
-
-#main p.pagination { background:#efefef; padding:10px; overflow:hidden;}
-#main p.pagination a.less { float:left;}
-#main p.pagination a.more { float:right;}
-
-#main form {float:right; margin-top:-10px;margin-left:10px;}
-
-#main .time a.toggle_format {text-decoration:none;}
\ No newline at end of file