From 9b2f3a4a4dc42ac8f4529d034da5278845dd42c9 Mon Sep 17 00:00:00 2001 From: Richard Wall Date: Sun, 22 Aug 2010 14:41:26 +0100 Subject: move examples to an examples subfolder --- .../assets/css/jquerytools.dateinput.skin1.css | 144 +++++++++++++++++++++ docs/examples/assets/css/style.css | 87 +++++++++++++ docs/examples/assets/css/tabs-no-images.css | 62 +++++++++ 3 files changed, 293 insertions(+) create mode 100644 docs/examples/assets/css/jquerytools.dateinput.skin1.css create mode 100644 docs/examples/assets/css/style.css create mode 100644 docs/examples/assets/css/tabs-no-images.css (limited to 'docs/examples/assets/css') diff --git a/docs/examples/assets/css/jquerytools.dateinput.skin1.css b/docs/examples/assets/css/jquerytools.dateinput.skin1.css new file mode 100644 index 0000000..69aedb8 --- /dev/null +++ b/docs/examples/assets/css/jquerytools.dateinput.skin1.css @@ -0,0 +1,144 @@ +/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */ + +/* the input field */ +.date { + border:1px solid #ccc; + font-size:18px; + padding:4px; + text-align:center; + width:194px; + -moz-box-shadow:0 0 10px #eee inset; +} + +/* calendar root element */ +#calroot { + margin-top:-1px; + width:198px; + padding:2px; + background-color:#fff; + font-size:11px; + border:1px solid #ccc; + -moz-border-radius:5px; + -webkit-border-radius:5px; + -moz-box-shadow: 0 0 15px #666; + -webkit-box-shadow: 0 0 15px #666; +} + +/* head. contains title, prev/next month controls and possible month/year selectors */ +#calhead { + padding:2px 0; + height:22px; +} + +#caltitle { + font-size:14px; + color:#0150D1; + float:left; + text-align:center; + width:155px; + line-height:20px; + text-shadow:0 1px 0 #ddd; +} + +#calnext, #calprev { + display:block; + width:20px; + height:20px; + background:transparent url(../icons/prev.gif) no-repeat scroll center center; + float:left; + cursor:pointer; +} + +#calnext { + background-image:url(../icons/next.gif); + float:right; +} + +#calprev.caldisabled, #calnext.caldisabled { + visibility:hidden; +} + +/* year/month selector */ +#caltitle select { + font-size:10px; +} + +/* names of the days */ +#caldays { + height:14px; + border-bottom:1px solid #ddd; +} + +#caldays span { + display:block; + float:left; + width:28px; + text-align:center; +} + +/* container for weeks */ +#calweeks { + background-color:#fff; + margin-top:4px; +} + +/* single week */ +.calweek { + clear:left; + height:22px; +} + +/* single day */ +.calweek a { + display:block; + float:left; + width:27px; + height:20px; + text-decoration:none; + font-size:11px; + margin-left:1px; + text-align:center; + line-height:20px; + color:#666; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} + +/* different states */ +.calweek a:hover, .calfocus { + background-color:#ddd; +} + +/* sunday */ +a.calsun { + color:red; +} + +/* offmonth day */ +a.caloff { + color:#ccc; +} + +a.caloff:hover { + background-color:rgb(245, 245, 250); +} + + +/* unselecteble day */ +a.caldisabled { + background-color:#efefef !important; + color:#ccc !important; + cursor:default; +} + +/* current day */ +#calcurrent { + background-color:#498CE2; + color:#fff; +} + +/* today */ +#caltoday { + background-color:#333; + color:#fff; +} diff --git a/docs/examples/assets/css/style.css b/docs/examples/assets/css/style.css new file mode 100644 index 0000000..561b11e --- /dev/null +++ b/docs/examples/assets/css/style.css @@ -0,0 +1,87 @@ +body { + font-family: sans; + width: 960px; + margin: 20px auto 10px auto; +} + +form div { + text-align: center; +} + +h2 { + padding: 0 0 0 55px; + margin: 20px auto 5px auto; + font-size: 14px; + text-align: left; + clear: both; +} + +p, li, dt, dd, td, th, div { + font-size: 12px; +} + +.loading .title { + background-repeat: no-repeat; + background-position: 0 50%; + background-image: url(/assets/icons/loading.gif); +} + +.range-preview { + height:50px; + margin: 0 auto 10px auto; + position: relative; +} + +.chart { + height:200px; + width: 850px; + margin: 0 auto 0 auto; +} + +.tickLabel { + width:50px; + overflow:hidden; +} + +.graph-legend { + width: 790px; + padding: 5px 0 5px 0; + margin: 10px auto 0 auto; + background-color: #f7f7f7; + position: relative; + left: 25px; +} + +.graph-legend .legendItem { + float: left; + cursor: pointer; + margin-right: 20px; + margin-top: 5px; + margin-left: 5px; +} + +.graph-legend .disabled { + text-decoration: line-through; +} + +.graph-legend .legendColorBox { + float: left; + margin-right: 5px; +} + +input[type=checkbox] { + margin: 0; + padding: 0; + border: none; +} + +.notice { + border: 1px solid Green; + background: #FFDDFF; + margin-bottom: 20px; + padding: 5px; +} + +#calroot { + z-index: 2; +} diff --git a/docs/examples/assets/css/tabs-no-images.css b/docs/examples/assets/css/tabs-no-images.css new file mode 100644 index 0000000..58a54b4 --- /dev/null +++ b/docs/examples/assets/css/tabs-no-images.css @@ -0,0 +1,62 @@ + +/* root element for tabs */ +ul.css-tabs { + margin:0 !important; + padding:0; + height:30px; + border-bottom:1px solid #666; +} + +/* single tab */ +ul.css-tabs li { + float:left; + padding:0; + margin:0; + list-style-type:none; +} + +/* link inside the tab. uses a background image */ +ul.css-tabs a { + float:left; + font-size:13px; + display:block; + padding:5px 30px; + text-decoration:none; + border:1px solid #666; + border-bottom:0px; + height:18px; + background-color:#efefef; + color:#777; + margin-right:2px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright:4px; + position:relative; + top:1px; +} + +ul.css-tabs a:hover { + background-color:#F7F7F7; + color:#333; +} + +/* selected tab */ +ul.css-tabs a.current { + background-color:#ddd; + border-bottom:2px solid #ddd; + color:#000; + cursor:default; +} + + +/* tab pane */ +.css-panes > div { + display:none; + border:1px solid #666; + border-width:0 1px 1px 1px; + min-height:150px; + padding:15px 20px; + background-color:#ddd; +} + + + -- cgit v1.2.3-2-g168b