cable 0.8.6 → 0.9.0

data/public/stylesheets/cable/buttons.css

@@ -0,0 +1,55 @@
+.pagination .current,
+.pagination em,
+.pagination a,
+.previous_page,
+.formtastic input.button,
+.formtastic input[type=button],
+.formtastic input[type=file],
+.formtastic input[type=submit],
+.actions a,
+.user-session a{
+  display:inline-block;
+  font-size: 14px;
+  color: #ffffff;
+  padding: 4px 8px;
+  background: #777;
+  background: -moz-linear-gradient(top,#aaa 0%,#777);
+  background: -webkit-gradient(linear, left top, left bottom,from(#aaa),to(#777));
+  border-radius:          4px;
+  -moz-border-radius:     4px;
+  -webkit-border-radius:  4px;
+  border:                 1px solid #444;
+  -moz-box-shadow:    0px 1px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
+  -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
+  text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
+}
+.user-session a{
+  margin-left:12px;
+}
+.pagination .current,
+.actions a.active{
+	background: #2494fa; 
+  border: 1px solid #0474c2;	
+}
+.pagination em:hover,
+.pagination a:hover,
+.previous_page:hover,
+.actions a:hover,
+.user-session a:hover{
+  background:#333;
+  text-decoration:none;
+  cursor:pointer;
+}
+.formtastic input[type=button]:hover,
+.formtastic input[type=file]:hover,
+.formtastic input[type=submit]:hover{
+  background:#333;
+  text-decoration:none;
+  cursor:pointer;
+}
+
+.pagination em{
+  font-weight: bold;
+  color: white;
+  font-style: normal;
+}

data/public/stylesheets/cable/formtastic_changes.css

@@ -0,0 +1,51 @@
+/* @override http://localhost:3000/stylesheets/cable/formtastic_changes.css */
+
+form.formtastic legend { 
+  white-space:normal;
+  color:#333; 
+  font-weight: normal;
+}
+form.formtastic fieldset.inputs { 
+background: #f9f9f9;
+margin-bottom: 1em;
+padding: 1em;
+}
+form.formtastic fieldset.buttons { 
+	padding-left:15%; 
+}
+form.formtastic fieldset.buttons li { 
+	float:left; 
+	padding-right:0.5em; 
+}
+form.formtastic fieldset > ol > li label { 
+  display:block; 
+  width: 15%; 
+  float:left; 
+  padding-top:.2em; 
+  font-weight: bold;
+  color: #222;
+}
+
+
+form.formtastic fieldset > ol > li p.inline-hints { 
+	color:#000; 
+	margin:0.5em 0 0 15%; 
+	padding: 10px;
+	border-radius:          4px;
+    -moz-border-radius:     4px;
+    -webkit-border-radius:  4px;
+}
+
+
+
+form.formtastic fieldset > ol > li.string input,
+form.formtastic fieldset > ol > li.password input,
+form.formtastic fieldset > ol > li.numeric input,
+form.formtastic fieldset > ol > li.url input{
+	padding: .5em;
+	font-size: 16px;
+	min-width: 40%;
+	 -moz-box-shadow: 0px 0px 4px #ccc inset;
+  -webkit-box-shadow: 0px 0px 4px #ccc inset;
+          box-shadow: 0px 0px 4px #ccc inset;
+}

data/public/stylesheets/cable/menu.css

@@ -0,0 +1,120 @@
+/* @override http://localhost:3000/stylesheets/cable/menu.css */
+
+.cable_menu_wrapper {
+	position: relative;
+	height: 360px;
+	overflow-x: scroll;
+  overflow-y: hidden;
+	margin-bottom: 1em;
+	width:100%;
+}
+
+ul.cable_menu,
+ul.cable_menu ul {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 340px;  
+	overflow-x: hidden;
+	overflow-y: scroll;
+	padding: 2px 0px 2px 2px;
+	margin: 0;
+	width: 170px;
+	background:#fff;	
+	border-left:1px solid #eee;
+}
+.cable_menu_wrapper li.has-children {
+	width: 129px;
+	padding: 4px 20px 4px 4px;
+}
+.cable_menu_wrapper li:hover{
+	background-color: #f4f4f4;
+	cursor: pointer;
+}
+.cable_menu_wrapper li {
+	width: 145px;
+	padding: 4px 4px 4px 4px;
+	white-space: nowrap;
+	list-style: none;
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	background-color: white;
+	-webkit-border-radius: 3px;
+	margin-bottom: 3px;
+}
+.cable_menu_wrapper li.selected.last,
+.cable_menu_wrapper li.selected.last.has-children{
+	background-color: #2494fc;
+	color: white;
+}
+.cable_menu_wrapper .selected {
+	background: #ccc;
+}
+
+.current_selection {
+	padding: 1em;	
+	-webkit-border-radius: 4px;
+	background: #ccc;
+	margin-bottom: 1em;
+}
+.cable_menu_wrapper .ui-state-highlight{
+  display:block;
+  border: 2px solid #ffd47f;
+  background: #ffbf3f;
+  height: 10px;
+	width: 141px;
+}
+.cable_menu_wrapper .has-children {
+	background: #fff url(/images/cable/children.png) no-repeat right center;
+}
+
+.cable_menu_wrapper li.selected.has-children {
+	background: #ccc url(/images/cable/children.png) no-repeat right center;
+}
+
+#add-menu{
+  background-color:#eee;
+  background-image:url(/images/cable/add.png);
+  background-repeat:no-repeat;
+  background-position:left center;
+  padding-left:35px;
+	width: 114px; 
+}
+#add-menu:hover{
+  background-color:#ddd;
+}
+::-webkit-scrollbar {
+	height: 8px;
+	width: 8px;
+}
+
+::-webkit-scrollbar-track-piece {
+	margin-bottom: 10px;
+	border-bottom-left-radius: 4px 4px;
+	border-bottom-right-radius: 4px 4px;
+	border-top-left-radius: 4px 4px;
+	border-top-right-radius: 4px 4px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+	height: 25px;
+	background-color: #ccc;
+	-webkit-border-radius: 4px;
+	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+	width: 25px;
+	background-color: #ccc;
+	-webkit-border-radius: 4px;
+}
+ul.cable_menu.empty{
+  background:url(/images/cable/empty-menu.png);
+}
+#add-menu-form{
+  margin-top:1em;
+}
+#save-tree{
+  margin-bottom:1em;
+}

data/public/stylesheets/cable/pagination.css

@@ -0,0 +1,10 @@
+/* @override http://localhost:3000/stylesheets/cable/pagination.css */
+
+.pagination{
+  text-align: right;
+  padding: 1em 0;
+}
+
+.pagination .disabled{
+  display: none;	
+}

data/public/stylesheets/cable/regions.css

@@ -0,0 +1,247 @@
+/* @override http://localhost:3000/stylesheets/cable/regions.css */
+
+
+/* @group Headers */
+
+#header{ 
+  background: #333;
+  background: -moz-linear-gradient(top,#333 0%,#111);
+  background: -webkit-gradient(linear, left top, left bottom,from(#333),to(#111));
+}
+#header .container{
+	position: relative;
+	height: 120px;
+}
+#header h1 {
+	color: white;
+	margin: 1em 0;
+	font-size: 2em;
+	font-weight: bold;
+}
+#header .user-session{
+	text-align: right;
+	padding: .5em;
+	color:white;
+	-webkit-border-bottom-left-radius: 3px;
+	-webkit-border-bottom-right-radius: 3px;
+	border-right: none;
+	background-color: #444;
+  -moz-box-shadow:    0px 1px 2px rgba(0,0,0,1);	
+  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,1);  
+}
+
+
+/* @end */
+
+/* @group Main Navigation */
+
+#main-navigation{
+	position: absolute;
+	bottom: 0;
+}
+#main-navigation ul li{
+	list-style: none;
+}
+#main-navigation > ul li:first-child a {
+	-webkit-border-top-left-radius: 3px;
+}
+
+#main-navigation > ul li:last-child a {
+	-webkit-border-top-right-radius: 3px;
+	border-right: none;
+}
+
+#main-navigation ul li a:hover {
+	color: #000;
+	background-color: #ddd;
+}
+
+#main-navigation ul li a:link,
+#main-navigation ul li a:visited {
+	display: block;
+	text-align: center;
+	text-decoration: none;
+	color: #000;
+	letter-spacing: 1px;
+	outline: none;
+	float: left;
+	background: #ccc;
+}
+
+#main-navigation ul li a {
+	float: left;
+	font-weight: bold;
+	padding: 4px 8px;
+	text-decoration: none;
+	border-right: 2px groove #ddd;
+}
+
+#main-navigation ul li,
+#main-navigation ul li.selected a:link,
+#main-navigation ul li.selected a:visited {
+	color: #000;
+	background: #eee;
+}
+
+#main-navigation ul li.selected {
+	z-index: 3;
+}
+
+#main-navigation ul li.shadow {
+	width: 100%;
+	height: 2px;
+	position: absolute;
+	bottom: -3px;
+	left: 0;
+	border: none;
+	background: none;
+	z-index: 2;
+}
+
+#main-navigation ul li {
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	float: left;
+	background-color: #ccc;
+	position: relative;
+	z-index: 1;
+	margin-top: 0;
+	margin-left: 0;
+	margin-bottom: 0;
+}
+
+#main-navigation ul, #main-navigation {
+	padding: 0;
+}
+
+/* @end */
+
+/* @group Main */
+
+#main-wrapper{
+	padding-top: 1em;
+}
+#main .box{
+	min-height: 400px;
+	-webkit-border-radius: 4px;	
+}
+#main h2{
+	font-size: 1.5em;
+	display: block;
+	float: left;
+}
+#help{
+	float: right;
+}
+#help .button{
+	background: url(/images/cable/help.png) no-repeat right top;	
+	padding-right: 20px;
+	display: inline-block;
+}
+
+/* @end */
+
+/* @group Secondary Navigation */
+
+#secondary-navigation{
+	padding: 0;
+}
+#secondary-navigation ul {
+	padding: 0;
+	margin: 0;
+}
+#secondary-navigation ul ul{
+	padding: 0 0 0 1em;
+}
+#secondary-navigation ul li{
+	list-style: none;
+}
+#secondary-navigation ul li a{
+	padding: 5px;
+	display: block;
+	border-bottom: 1px solid #eee;
+}
+/* @end */
+
+/* @group Footer */
+
+#footer div.box {
+	text-align: right;
+	padding: 5px;
+	margin-bottom: 0;
+}
+
+#footer ul li a {
+	text-decoration: none;
+	color: #333;
+}
+
+#footer ul li {
+	display: inline;
+	padding-right: 1em;
+}
+
+#footer ul {
+	margin: 0;
+	padding: 0;
+}
+
+#powered-by-cable {
+	text-align: right;
+	font-size: 12px;
+	color: #777;
+	font-weight: bold;
+}
+
+/* @end */
+
+/* @group Breadcrumbs */
+
+#breadcrumb a:hover {
+	color: #618193;
+}
+
+#breadcrumb a {
+	color: #333;
+	text-decoration: none;
+}
+
+#breadcrumb {
+	font-weight: bold;
+	border-bottom: 1px solid #ccc;
+	margin-bottom: 1em;
+	padding-bottom: 1em;
+	clear: both;
+}
+
+/* @end */
+
+/* @group Messages */
+
+#errorExplanation p {
+	margin: 0;
+}
+
+#errorExplanation ul {
+	margin: 0;
+	padding: 0 1em;
+}
+
+#messages div.flash-notice {
+	
+}
+
+#messages.box.error {
+	background: #fff1f1 url(../images/icons/exclamation.png) no-repeat 7px 14px;
+	padding-left: 31px;
+	border-color: red;
+}
+
+#messages {
+	border: 1px solid #ff9123;
+	background-color: #fff4e9;
+	padding: 1em;
+}
+
+/* @end */

data/public/stylesheets/cable/search.css

@@ -0,0 +1,45 @@
+.inline-search form.formtastic.search fieldset.inputs {
+  float: left;
+  padding: 0;	
+  margin: 0;
+  border-bottom: none;
+}
+
+#search_term {
+	font-size: 1em;
+}
+
+#search_term_input {
+	margin: 0 1em 0 0;
+	width: 200px;
+}
+
+#search_term_input label {
+	float: left;
+	display: block;
+	width: 70px;
+}
+
+.inline-search #search_submit {
+	font-size: .75em !important;
+}
+
+.inline-search form.formtastic.search fieldset.inputs ol {
+	border-bottom: none;
+}
+
+.inline-search form.formtastic.search fieldset.buttons {
+	margin: 0;
+	padding: 0;
+	border-bottom: none;
+}
+
+.inline-search form.formtastic.search fieldset.buttons ol li.commit {
+	margin: 0;
+	padding: 0;
+}
+
+.inline-search {
+	float: left;
+	width: 260px;
+}

data/public/stylesheets/cable/tables.css

@@ -0,0 +1,34 @@
+/* @override http://localhost:3000/stylesheets/cable/tables.css */
+table{
+	border-bottom: 2px solid #ccc;
+}
+thead th{
+	background: #eee;
+	border-bottom: 2px solid #ccc;	
+	font-weight:normal;
+	font-size:1.25em;
+}
+
+table td{
+	border-bottom: 1px dashed #ccc;
+	border-right: 1px dashed #ccc;		
+}
+
+tbody tr:nth-child(even) td, 
+tbody tr.even td {
+	background:#eee;
+}
+
+th.actions,
+td.actions{
+	text-align: right;
+}
+td.actions{
+  padding-right:0px;
+}
+tbody tr td:first-child{
+  border-left: none;
+}
+tbody tr td:last-child{
+	border-right: none;
+}

data/public/stylesheets/cable/tags.css

@@ -0,0 +1,61 @@
+a.tag {
+  cursor: pointer;
+}
+div.tagsinput {
+  border: none;
+  background: none;
+  padding: 5px;
+  width: 420px !important;
+  overflow-y: auto;
+}
+div.tagsinput span.tag {
+  border: 1px solid #2494fa;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  display: block;
+  float: left;
+  padding: 4px;
+  text-decoration: none;
+  background: #2494fa;
+  color: #000;
+  margin-right: 5px;
+  margin-bottom: 5px;
+  font-family: helvetica;
+  font-size: 13px;
+}
+div.tagsinput span.tag a {
+  font-weight: bold;
+  color: #2494fa;
+  text-decoration: none;
+  font-size: 13px;
+  width: 16px;
+  height: 16px;
+  text-indent: -1090px;
+  display: inline-block;
+  background-image: url(/images/cable/delete.png);
+}
+div.tagsinput input {
+  width: 80px;
+  margin: 0px;
+  font-family: helvetica;
+  font-size: 12px !important;
+  border: 1px solid transparent;
+  padding: 5px;
+  background: transparent;
+  color: #000;
+  outline: 0px;
+  margin-right: 5px;
+  margin-bottom: 5px;
+}
+div.tagsinput div {
+  display: block;
+  float: left;
+  background-color: #fff;
+  border: 1px solid #bbb;
+}
+div.tagsinput div.tags_clear {
+  clear: both;
+  width: 100%;
+  height: 0px;
+  border: none;
+}