cable 0.1.0 → 0.8.4

data/public/stylesheets/cable.css

@@ -0,0 +1,862 @@
+/* @override http://localhost:3000/stylesheets/cable.css */
+
+/* @override http://localhost:3000/stylesheets/cable.css */
+body{
+  padding-bottom: 5em;
+}
+a{
+	text-decoration: none;
+}
+a:hover{
+	text-decoration: underline;
+}
+.box, .rounded-box{
+	background: none;
+	padding: 1em;
+}
+.content.box{
+	padding:0 0 1em 0;
+}
+#sections label {
+	margin-bottom: 1em;
+}
+
+#add-section-button {
+	cursor: pointer;
+}
+#header h1{
+	color: white;
+}
+
+#header {
+	padding: 2em 0;
+	overflow: auto;
+}
+
+div.user-session {
+	text-align: right;
+	color: white;
+	font-weight: bold;
+	padding: 0 2em;
+}
+.header-wrapper{
+	min-width: 960px;
+  background: #45484d; /* old browsers */
+  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* firefox */
+
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* webkit */
+
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* ie */
+}
+#header.box{
+	padding: 1em 0;
+	overflow: auto;
+}
+#main-box{
+	min-height:300px;
+}
+
+#right-col,
+#main-box {
+  background: #fff;
+     -moz-box-shadow: 0px 2px 4px #aaa; 
+  -webkit-box-shadow: 0px 2px 4px #aaa; 
+          box-shadow: 0px 2px 4px #aaa;
+
+}
+#right-col{
+	background: #eee;
+}
+#footer div.box {
+  text-align: right;
+  padding: 5px;
+  margin-bottom: 0;
+}
+
+#footer ul {
+  margin: 0;
+  padding: 0;
+}
+#footer ul li {
+  display: inline;
+  padding-right: 1em;
+}
+#footer ul li a {
+  text-decoration: none;
+  color: #333;
+}
+
+#errorExplanation {
+}
+
+#main-box #errorExplanation h2 {
+  font-size: 1em;
+  font-weight: bold;
+  color: #8a1f11;
+}
+
+#errorExplanation p {
+  margin: 0;
+}
+
+#errorExplanation ul {
+  margin: 0;
+  padding: 0 1em;
+}
+
+div#messages.box.error {
+  background: #fff1f1 url(../images/icons/exclamation.png) no-repeat 7px 14px;
+  padding-left: 31px;
+  border-color: red;
+}
+
+#messages div.flash-notice {
+/*  background: url(../images/icons/accept.png) no-repeat;*/
+  padding-left: 20px;
+}
+
+.form-list {
+  margin: none;
+  padding: 0;
+}
+
+.form-list li {
+  list-style: none;
+  padding: .25em;
+  margin: 1em 0;
+  border-bottom: 1px dashed #ddd;
+}
+
+#size_submit {
+}
+
+.form-list label {
+  display: block;
+}
+
+.fieldWithErrors label {
+  color: red;
+}
+
+h1,
+h2 {
+  margin: 0;
+  font-weight: bold;
+  color: #555;
+  text-shadow: #fff 0 1px 1px;
+  font-size: 1.5em;
+}
+
+
+#main div.box h2 {
+  font-size: 1.5em;
+  padding-bottom: .5em;
+}
+
+#breadcrumb {
+	margin-bottom:.5em;
+	padding-bottom: .5em;
+	color: #333;	
+	font-weight: bold;
+	border-bottom: 1px solid #bdbdbd;
+}
+
+
+#page-menu {
+	background: black;
+	padding: 1em;
+}
+#page-menu a{
+	color: white;
+	color: #555;
+	text-shadow: rgba(255,255,255,0.56) 0 1px 1px;
+	text-decoration: none;
+	font-weight: bold;
+}
+#breadcrumb a{
+	color: #333;	
+	text-decoration: none;
+}
+#breadcrumb a:hover{
+	color: #618193;
+}
+
+#messages {
+  border: 1px solid #ff9123;
+  background-color: #fff4e9;
+  padding: 1em;
+}
+
+textarea {
+  width: 357px;
+  font-size: 1.2em;
+  padding: .25em;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border: 1px solid #bdbdbd;
+  height: 92px;
+}
+#secondary-navigation ul {
+  padding: 0;
+  margin: 0;
+}
+
+#wrapper .container {
+  padding-top: 2em;
+}
+
+#secondary-navigation ul li a {
+  font-weight: bold;
+  display: block;
+  padding: 4px 8px;
+  text-decoration: none;
+  color: #555;
+  text-shadow: rgba(255,255,255,0.56) 0 1px 1px;
+  opacity: 1;
+  border-bottom: 1px solid #eee;
+}
+
+#secondary-navigation ul li li a {
+  padding-left: 2em;
+	
+}
+.selected{
+ background: #fff;
+}
+.selected.last{
+	background: #fff url(/stylesheets/ui/aristo/images/right-arrow.png) no-repeat 132px center;	
+}
+#secondary-navigation ul li {
+  display: block;
+  clear: both;
+}
+
+
+#main {
+}
+
+a.ui-jqgrid-titlebar-close.HeaderButton {
+  display: none;
+}
+
+div.ui-jqgrid-titlebar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
+  display: none;
+}
+
+#header-band {
+  height: 382px;
+  background: #f5dfb4 url(../images/layout/header-band.png) repeat-x;
+}
+
+th.ui-state-default.ui-th-column {
+  padding: 5px 0;
+}
+
+.ui-jqgrid tr.jqgrow td {
+  padding: 5px;
+  border: none;
+  border-bottom: 2px groove #fff;
+}
+
+.ui-jqgrid-titlebar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
+  background: none;
+  color: black;
+  border-bottom: 2px groove #fff;
+  font-size: 1.2em;
+}
+
+
+.ui-corner-all {
+  border: none;
+}
+.photo-grid .photo {
+  float: left;
+  margin: 0 1em 1em 0;
+}
+.photo-grid {
+  overflow: auto;
+}
+.photo-grid .thumbnail {
+  box-shadow: 0px 0px 4px #000;
+}
+.gtip-tip {
+  z-index: 9999;
+}
+#search p{
+	margin: 0;
+	float: left;
+}
+#search{
+	margin: 1em 0;
+}
+#search input{
+	font-size: 1.25em;
+	
+}
+.button.small{
+	padding: 1px 8px;
+}
+.jstree-leaf a{
+	cursor: pointer;
+}
+.jstree-search{
+	color: #2494fa !important;
+	font-style: normal !important;
+	font-weight: bold !important;
+	font-size: 1.1em !important;
+}
+
+th.actions,
+td.actions{
+  text-align:right;
+}
+td.label{
+  width:100px;
+}
+
+div.tagsinput { border:none; background:none; padding:5px; width: 420px !important; overflow-y: auto;}
+
+a.tag {
+	cursor: pointer;
+}
+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; }
+
+
+
+	
+
+
+#powered-by-cable{
+  text-align:right;
+  font-size:10px;
+  color:#999;
+}
+#global-settings {
+	margin: 0;
+	padding: 0;
+}
+#global-settings li{
+	list-style: none;
+	margin-bottom: 1em;
+	padding-bottom: 1em;
+	border-bottom: 1px solid #eee;
+}
+
+.global_setting textarea{
+	overflow: auto;
+	height: 200px;
+	width: 430px !important;
+	padding: .5em !important;
+}#global-settings li label{
+	
+display: block;
+}
+
+.yes_no {
+/*	float:left;*/
+}
+
+/* @group My Group */
+
+#main-navigation ul,
+#secondary-navigation ul {
+  padding: 0;
+  overflow: auto;
+  margin: 0;
+}
+
+#main-navigation ul li,
+#secondary-navigation ul li {
+  display: inline;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+#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 {
+  float: left;
+  font-weight: bold;
+  padding: 4px 8px;
+  text-decoration: none;
+  border-right: 2px groove #ddd;
+}
+
+#main-navigation {
+	padding: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+#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 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;
+	-webkit-box-shadow: #111 0 -2px 6px;
+	-moz-box-shadow: #111 0 -2px 6px;
+	box-shadow: #111 0 -2px 6px;
+}
+
+#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;
+	-webkit-transition: background-color 0.1s linear;
+	-moz-transition: background-color 0.1s linear;
+	-o-transition: background-color 0.15s linear;
+}
+
+#content-wrapper {
+	min-height: 400px;
+	background: #eee;
+	padding: 1em 0;
+	
+}
+
+div.footer-wrapper {
+	border-top: 1px solid #eee;
+	padding: 1em;
+	
+}
+
+#main-navigation ul li a:hover {
+	color: #000;
+	background-color: #ddd;
+}
+
+#main-navigation ul li.selected a:link, 
+#main-navigation ul li.selected a:visited {
+	color: #000;
+	-webkit-transition: background-color 0.2s linear;
+	background:#eee;
+}
+
+/* @end */
+
+
+li.commit input,
+.button{
+	font-size: 12px !important;
+	margin-bottom: 0;
+	display: inline-block;
+	padding:5px 15px;
+	font-weight:bold;
+	text-decoration: none;
+	color: #fff;
+	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
+	background: #555;
+	border: none;
+	-moz-border-radius: 4px;
+	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+	-webkit-border-radius: 4px;
+	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+background: #aebcbf; /* old browsers */
+background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #494949 51%, #494949 100%); /* firefox */
+
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#494949), color-stop(100%,#494949)); /* webkit */
+
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#494949',GradientType=0 ); /* ie */
+}
+li.commit input:hover,
+.button:hover{
+	cursor: pointer;
+	color: white;
+background: #aebcbf; /* old browsers */
+background: -moz-linear-gradient(top, #aebcbf 0%, #3B5D75 50%, #0a0e0a 51%, #0a0809 100%); /* firefox */
+
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#3B5D75), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* webkit */
+
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* ie */
+}
+span.expand,
+span.close{
+  font-weight:normal;
+  font-size:12px;
+  text-transform:uppercase;
+  background: url(/stylesheets/ui/aristo/images/ui-icons_228ef1_256x240.png);
+  text-indent: -99999px;
+  width: 16px;
+  height: 16px;
+}
+span.close{
+	background-position: -98px -191px;
+}
+span.expand{
+	background-position: -66px -191px;
+}
+span.close{visibility: hidden;}
+.open span.close{visibility: visible;}
+.open span.expand{display: none;}
+
+
+
+
+.ui-sortable-helper{
+	-webkit-box-shadow:0px 2px 4px #333333;
+	-moz-box-shadow:0px 2px 4px #333333;
+	background: white;
+}
+.ui-sortable-helper a,
+.ui-sortable-helper input{
+	display: none;
+	
+}
+
+.ui-sortable-helper .class,
+.ui-sortable-helper .count,
+.ui-sortable-helper .children{
+	display: none;
+}
+.sortable:hover{
+	cursor: move;
+}
+
+
+.inline{
+	float: left;
+}
+.inline.parent{
+	width: 100px;
+}
+.inline.parent select{
+	width: 100px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+div.cmDiv{
+	border: 1px solid black;
+	background-color: #eee;
+}
+.clickMenu{
+	margin: 0;
+	padding: 0;
+	cursor: default;
+}
+.clickMenu, .clickMenu ul{
+	list-style: none;
+}
+.clickMenu ul{
+	margin: 0;
+	padding: 2px;
+	border: 1px solid black;
+	background-color: #eee;
+	min-width: 200px; /* ie doesnt know this :/ */
+	//float: left;/*ie again*/
+	//width: 200%;/*and again*/
+}
+.clickMenu div.outerbox{
+	display: none;
+	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
+}
+.clickMenu div.inner{
+	//top: 20px; /* for ie */
+	left: 0;
+	margin: 0;
+}
+.clickMenu div.inner div.outerbox{
+	margin: 0;
+	left: 98px;
+	//left: 90px; /* for ie */
+	top: -3px;
+}
+.clickMenu li{
+	position: relative;
+	padding: 0 20px 0 2px;
+	/*white-space: nowrap; does not really work in ie */
+}
+.clickMenu li.main{
+	float: left;
+	padding: 0 10px;
+	background-color: #eee;
+	//height: 20px; /* for ie */
+}
+.clickMenu li.main li
+{
+	z-index: 2;
+	min-width: 78px;
+}
+.clickMenu li.hover
+{
+	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
+	background-color: #aaa;
+}
+.clickMenu img.liArrow
+{
+	position: absolute;
+	right: 5px;
+	top: 0.41em;
+}
+.clickMenu a
+{
+	text-decoration: none;
+	color: black;
+	cursor: default;
+}
+/* thats for the shadowbox */
+html>body div.outerbox
+{
+	padding: 0 5px 5px 0;
+}
+html>body div.shadowbox1
+{
+	position: absolute;
+	right: 0;
+	bottom: 5px;
+	width: 5px;
+	height: 100%;
+	background: url(myshadow.png) no-repeat right top;
+}
+html>body div.shadowbox2
+{
+	position: absolute;
+	bottom: 0;
+	right: 5px;
+	height: 5px;
+	width: 100%;
+	background: url(myshadow.png) left bottom;
+}
+html>body div.shadowbox3
+{
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	height: 5px;
+	width: 5px;
+	background: url(myshadow.png) no-repeat right bottom;
+}
+html>body .innerbox
+{
+	margin: 0;
+	display: inherit;
+}
+
+
+/* From jarden */
+/* @override http://jardensportslicensing.local:3000/stylesheets/admin.css */
+
+thead th{border-bottom:2px solid #333;}
+.products td{vertical-align:top;}
+.products .name   {text-align:left;}
+.products .type   {text-align:left;}
+.products .style  {width:80px;text-align:center;}
+.products .upc    {width:130px;text-align:center;}
+.products .image  {width:80px;text-align:center;}
+.products .actions{width:200px;text-align:right;}
+.pagination{
+	margin: -1px;
+	text-align: right;
+	float: right;
+	padding-top: 0;
+	padding-left: 0;
+	padding-right: 0;
+	padding: 0;
+}
+.pagination em,.pagination a,.previous_page{
+	padding: 5px;
+	background: #eee;
+}
+
+.pagination em{
+	background: #333;
+	font-weight: bold;
+	color: white;
+	font-style: normal;
+}
+
+
+.pagination .disabled{
+	display: none;	
+}
+.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;
+}
+.top.table-control{
+	margin-top: 0;
+	border-bottom: solid 1px #eee;	
+}
+.bottom.table-control{
+	margin-bottom: 0;
+	border-top: solid 1px #eee;	
+}
+.table-control{
+	height: 30px;
+	padding: 1em 0;
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+
+td.feature_thumb img{
+	max-width:70px;
+}
+#portal li{
+  display:block;
+  margin:0 1em 1em 0;
+  padding:.5em;
+  float:left;
+  width:200px;
+  border:1px solid #eee;
+  font-weight:bold;
+  font-size:1.25em;
+}
+.containerobj .feature a { display:none; }
+/*.containerobj div { width:25%; }
+.containerobj div a { white-space:normal; position:relative; }
+.containerobj a canvas {  position:absolute; top:0;}