chef-server-webui 0.8.2

data/public/stylesheets/jsonedit_main.css

@@ -0,0 +1,280 @@
+/* Put this inside a @media qualifier so Netscape 4 ignores it */
+@media screen, print { 
+	/* Turn off list bullets */
+	ul.mktree  li { list-style: none; } 
+	
+	ul.mktree {margin: 0px; margin-left: -10px !important; margin-top: 3px;}
+	/* Control how "spaced out" the tree is */
+	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; white-space: nowrap}
+	/* Provide space for our own "bullet" inside the LI */
+	ul.mktree  li           .bullet { padding-left: 15px;}
+	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
+	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../images/jsonedit/minus.gif)  center left no-repeat; }
+	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../images/jsonedit/plus.gif)   center left no-repeat; }
+	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../images/jsonedit/bullet.gif) center left no-repeat; }
+	/* Sublists are visible or not based on class of parent LI */
+	ul.mktree  li.liOpen    ul { display: block; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5;}
+	ul.mktree  li.liClosed  ul { display: none; }
+
+	
+	ul.mktree  li { line-height: 16px } 
+	/* Format menu items differently depending on what level of the tree they are in */
+	/* Uncomment this if you want your fonts to decrease in size the deeper they are in the tree */
+/*
+	ul.mktree  li ul li { font-size: 90% }
+*/
+
+}
+
+#jsoneditor {
+  height: 350px;
+}
+
+#treecontainer{
+	border:1px solid #ccc;
+	position: absolute;
+	width:300px;
+	height: 350px;
+	overflow: auto;
+	margin-right:4px;
+}
+#treecontainer div, #treecontainer a{
+	color: #000000; 
+	font: 12px Arial; 
+	text-decoration: none; 
+	padding-left: 2px; 
+	padding-right: 2px;
+	cursor:pointer;
+}
+#treecontainer .au{background-color: #ffffff; color: #000000} 	/* A tag unselected*/
+#treecontainer .as{background-color: #0a246a; color: #ffffff }	/* A tag selected*/
+
+#tabcontainer{
+	position: absolute;
+	left: 310px;
+	top: 19px;
+	overflow: hidden;
+}
+#tabcontainer #console{
+	margin-top:4px;
+	border: 1px solid #ccc;
+	width:498px;
+	display: none;
+}
+#tabcontainer #console #log{
+	color:#FF0000;
+	font: 12px Arial;
+	padding:2px;
+}
+#tabcontainer #console #bar{
+	background-image:url(../images/jsonedit/cross.png);
+	_background-image:url(../images/jsonedit/cross.gif);
+	background-position: right;
+	background-repeat:no-repeat;
+	font: 12px Arial;
+	padding:2px;
+	background-color:#F0F0F0;
+}
+#tabcontainer #console #bar a{
+	display: block
+}
+#tabcontainer .noshow{display:none}
+#tabcontainer .show{display:block}
+div.tablayout {
+	width: 500px;
+	margin: 0 0 0px 0;
+}
+div.nested{
+	width: 480px;
+	margin: 0 0 0px 0;
+}
+ul.tablayout {
+	list-style-type: none;
+	width: 100%;
+	float: left;
+	background: url(../images/jsonedit/pixel.gif) bottom left repeat-x;
+	margin:0pt;
+	padding:0pt;
+	font: 12px Arial, Verdana
+}
+ul.tablayout li {
+	margin: 0 2px 0 0;
+	float: left;
+}
+ul.tablayout a {
+	float: left;
+	display: block;
+	padding: 2px 8px;
+	border: 1px solid #ccc;
+	border-bottom: 0;
+	color: #666;
+	background: #eee;
+	text-decoration: none;
+	font-weight: bold;
+	outline:0;
+}
+ul.tablayout a:hover {background: #fff;}
+ul.tablayout a.active {
+	background: #fff;
+	padding-bottom: 3px;
+	cursor: default;
+	color: red;
+}
+#tab-container-2-nav a {
+	padding: 0px 8px;
+	background-color:#CCCCCC;
+}
+#tab-container-2-nav a.active{
+	background-color:#f0f0f0;
+}
+#tab-container-2-nav li{
+	
+}
+.xmlchoice{
+	height:24px;
+	text-align:left !important;
+}
+.xmlchoice input{
+	margin-top:0px;
+	vertical-align:middle;
+}
+.tab{
+	clear: left;
+	border: 1px solid #ccc;
+	border-top: 0;
+	padding: 8px 8px 0 8px;
+}
+.tab{font: 12px Arial;}
+.tabn{
+	clear: left;
+	border: 1px solid #ccc;
+	border-top: 0;
+	padding: 8px 8px 0 8px;
+	margin-bottom:8px;
+	background-color:#f0f0f0;
+}
+.tabn{font: 12px Arial;}
+
+
+.tab h2{margin: 0 0 20px 0;}
+
+.tab .button{	
+	border:1px solid white;
+	float:left;
+	height:20px;
+	width:20px;
+	background-repeat:no-repeat;
+	background-position: center center;
+	cursor: pointer;
+}
+.tabn .button{	
+	border:1px solid #f0f0f0;
+	float:left;
+	height:20px;
+	width:20px;
+	background-repeat:no-repeat;
+	background-position: center center;
+	cursor: pointer;
+}
+.tab .button:hover{border:1px outset;}
+.buttondown{border:1px inset !important}
+.tab #addbutton {
+	display: none;	
+	background:#EEEEEE none repeat scroll 0 0;
+	border:1px solid #001C26;
+	color:#001C26;
+	cursor:pointer;
+	padding:2px 5px;
+	-moz-border-radius-bottomleft:4px;
+	-moz-border-radius-bottomright:4px;
+	-moz-border-radius-topleft:4px;
+	-moz-border-radius-topright:4px;
+}
+.tab #savebutton {
+	background:#EEEEEE none repeat scroll 0 0;
+	border:1px solid #001C26;
+	color:#001C26;
+	cursor:pointer;
+	padding:2px 5px;
+	-moz-border-radius-bottomleft:4px;
+	-moz-border-radius-bottomright:4px;
+	-moz-border-radius-topleft:4px;
+	-moz-border-radius-topright:4px;
+}
+.tab #search {
+	background:#EEEEEE none repeat scroll 0 0;
+	border:1px solid #001C26;
+	color:#001C26;
+	cursor:pointer;
+	padding:2px 5px;
+	-moz-border-radius-bottomleft:4px;
+	-moz-border-radius-bottomright:4px;
+	-moz-border-radius-topleft:4px;
+	-moz-border-radius-topright:4px;
+}
+.tab #refresh{
+	background-image:url(../images/jsonedit/table_refresh.png);
+	_background-image:url(../images/jsonedit/table_refresh.gif);
+}
+.tab #buildbutton{
+	background-image:url(../images/jsonedit/build-button.png);
+}
+.tab #add{
+	background-image:url(../images/jsonedit/add2.png);
+}
+
+.tab #delete{
+	background-image:url(../images/jsonedit/delete.png);
+	_background-image:url(../images/jsonedit/delete.gif);
+}
+
+.tab #jsonnameinput{
+	display: none;
+}
+
+.tab textarea{
+	/*border: 1px solid;*/
+	width: 99%;
+	font:10px monospace;
+}
+.tab select{font:12px arial;}
+.tab .icanhastable td{text-align: right;}
+.tab .icanhastable{
+	border: 0px;
+	width: 100%;
+	padding-bottom:6px;
+}
+.tab .icanhastable td #autodetect{
+	vertical-align:middle;
+}
+
+#tab2 #jsonpath{
+	text-align: left;
+	margin-left: 4px;
+	font: 10px Arial;
+	letter-spacing:1px;
+}
+#tab2 #jsonmode{
+	text-align: left;
+	margin-left: 4px;
+	font: 11px Arial;
+	letter-spacing:1px;
+}
+#tab1 .icanhastable td{text-align: left;}
+#tab1 .icanhastable #results{
+	border: 1px solid #CCCCCC;
+	max-height:283px;
+	overflow:auto;
+}
+#tab1 .icanhastable #results table td{
+	background-color: #ffffcc;
+}
+#tab1 .icanhastable #results table td a{
+	color: #0000cc;
+}
+#tab1 .icanhastable #results table td a:hover{
+	text-decoration: underline;
+}
+#tab1 .icanhastable #results table .path{
+	font-size: 10px;
+}

data/public/stylesheets/themes/bec-green/style.css

@@ -0,0 +1,290 @@
+a:link, a:visited, a:hover, a:active { color: #33f; }
+h1, h2, h3 {color:#444}
+
+body {
+  color: #222;
+  background: #e5e5e5;
+  font-family: "Bitstream Vera Sans", verdana, sans-serif;  
+}
+
+hr {
+  background: #f0f0ee; 
+}
+
+p {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+input.checkbox {
+  vertical-align:middle;
+}
+
+#header h1 {
+  font-size: 28px;
+  padding: 5px 0;
+  margin: 5px 0;
+}
+
+.hightlight {
+  background-color: #ffc;
+}
+.small {
+  font-size: 11px;
+}
+.gray {
+  color: #999;
+}
+#header {
+  background: #48625B;
+}
+
+#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
+  color: #FFF;
+}
+
+#main {
+  background: #e5e5e5;
+  width: 69%;
+}
+
+#main .block {
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-topright: 4px;
+  padding: 0;
+  margin-bottom:20px;
+  padding-bottom: 20px;
+  background: #fff;
+}
+
+#main .block h2.title {
+  margin: 0 0 20px 0;
+  background-color: #E9FAE6;
+  padding: 5px 5px 5px 15px;
+  font-size:18px;
+}
+
+.main_container {
+  padding:10px;
+}
+
+/* #sidebar .block { background: #FFF; padding-bottom:0px; } */
+
+#sidebar .notice {
+  background-color: #ffc;
+  padding: 0 10px;
+  border-bottom:1px solid #ddd;
+  border-right:1px solid #ddd;
+  border-top:1px solid #fff;
+  border-left:1px solid #fff;
+}
+#sidebar .notice h2 {
+  font-size:16px;
+  margin: 5px 0;
+  border-bottom:1px solid #aaa;
+}
+#sidebar .notice p {
+  font-size:12px;
+}
+
+#sidebar .block {
+  padding-bottom: 0;
+}
+
+#sidebar .block .content {
+  padding: 0 10px;
+}
+
+
+#sidebar h3 {  
+  background: #c7d8d8;
+  border-bottom:1px solid #999;
+  padding: 5px 10px;
+}
+
+#sidebar ul li a:link, #sidebar ul li a:visited {
+  font-size:14px;
+}
+
+#sidebar ul li a:hover, #sidebar ul li a:active {
+  background: #E9FAE6;
+  color: #444;
+  font-size:14px;
+  text-decoration:underline;
+}
+#sidebar ul.navigation li.last a {
+  border-bottom: none;
+}
+
+#sidebar ul.navigation li a:link,#sidebar ul.navigation li a:visited {
+  padding: 5px 10px;
+  color:#444;
+  text-decoration: none;
+}
+#sidebar ul.navigation li a:hover {
+  text-decoration:underline;
+}
+#sidebar .block .sidebar-block h4 {
+  border-bottom: 1px solid #bbb;
+}
+#main-navigation ul li {
+  background: #30423E;
+}
+
+#main-navigation ul li:hover {
+  background: #23302D;
+}
+
+#main-navigation ul li.active {
+  background: #e5e5e5;
+}
+
+#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
+.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
+#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
+  text-decoration: none;
+  color: #FFF;
+}
+
+#main-navigation ul li a {
+  font-size: 14px;
+  padding: 4px 10px;
+}
+
+#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
+  color: #333;
+}
+#user-navigation ul li a:hover {
+  text-decoration: underline;
+}
+.secondary-navigation {
+  background: #48625B;
+  border-bottom-color: #30423e;
+  border-bottom: 5px solid #30423e;
+}
+
+.secondary-navigation ul li.active {
+  background-color: #30423e;
+}
+
+.secondary-navigation ul li:hover {
+  background-color: #23302d;
+}
+
+/* pagination */
+
+.pagination span.current {
+  background: #30423e;
+  color: #FFF;
+  border: 1px solid #30423e;
+  -moz-border-radius:5px;
+}
+
+.pagination a {
+  color: #364B69;
+  border: 1px solid #ddd;
+  -moz-border-radius:5px;
+}
+
+.pagination a:hover {
+  color: #444;
+  background: #E9FAE6;
+}
+
+/* tables */
+
+.table th {
+  background: #48625B;
+  color: #FFF;
+  font-weight:normal;
+  padding:3px;
+}
+
+.table th a.toggle {
+  display: block;
+  width: 12px;
+  height: 12px;
+  background: transparent url('images/tick.png') center no-repeat;
+  text-indent: -9999px;
+  -moz-outline: none;
+}
+
+.table th.first {
+  width: 30px;
+  text-align: center;
+}
+
+.table td {
+  border-bottom: 1px solid #F0F0EE;
+}
+
+/* forms */
+
+.form input.text, .form textarea.textarea {
+  border: 1px solid #ddd;
+  padding: 5px;
+  width: 95%;
+}
+
+.form .navform {
+  padding:10px;
+  background-color: #E9FAE6;
+  font-size:14px;
+  border-bottom:1px solid #ddd;
+  border-right:1px solid #ddd;
+  border-top:1px solid #eee;
+  border-left:1px solid #eee;
+}
+.form .navform input {
+  font-size:14px;
+}
+
+/* flash-messages */
+.flash .message {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  text-align:center;
+  margin:0 auto 5px;
+  width:80%;
+}
+.flash .message p {
+  margin:8px;
+}
+.flash .error {
+  border: 1px solid #fbb;
+  background-color: #fdd;
+}
+.flash .warning {
+  border: 1px solid #fffaaa;
+  background-color: #ffffcc;
+}
+.flash .notice {
+  border: 1px solid #ddf;
+  background-color: #eef;
+}
+
+/* lists */
+
+ul.list li {
+  border-bottom-color: #F0F0EE;
+}
+
+ul.list li .item .avatar {
+  border-color: #F0F0EE;
+  margin: 3px 10px 0 0;
+}
+
+ul.list li .left  {
+  padding: 5px 5px;
+}
+
+/* box */
+
+#box .block {
+  background: #FFF;  
+}
+
+#box .block h2 {
+  background: #48625B;  
+  color: #FFF;
+}