public/stylesheets/cable.css in cable-0.8.6 vs public/stylesheets/cable.css in cable-0.9.0

- old
+ new

@@ -1,862 +1,12 @@ /* @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;} +@import url("/stylesheets/cable/base.css"); +@import url("/stylesheets/cable/menu.css"); +@import url("/stylesheets/cable/regions.css"); +@import url("/stylesheets/cable/search.css"); +@import url("/stylesheets/cable/pagination.css"); +@import url("/stylesheets/cable/buttons.css"); +@import url("/stylesheets/cable/tables.css"); +@import url("/stylesheets/cable/tags.css"); +@import url("/stylesheets/cable/formtastic_changes.css"); \ No newline at end of file