From b6112f31a83b60a06347e4ad71b846dc145526eb Mon Sep 17 00:00:00 2001 From: Richard Wall Date: Sun, 13 Jun 2010 23:44:36 +0100 Subject: Include a screenshot and move style to assets. --- assets/css/style.css | 67 ++++++++++++++++++++++++++++++++++++++++++ assets/css/tabs-no-images.css | 62 ++++++++++++++++++++++++++++++++++++++ assets/icons/loading.gif | Bin 0 -> 673 bytes assets/images/screenshot1.png | Bin 0 -> 125473 bytes index.html | 4 +-- style.css | 67 ------------------------------------------ tabs-no-images.css | 62 -------------------------------------- 7 files changed, 131 insertions(+), 131 deletions(-) create mode 100644 assets/css/style.css create mode 100644 assets/css/tabs-no-images.css create mode 100644 assets/icons/loading.gif create mode 100644 assets/images/screenshot1.png delete mode 100644 style.css delete mode 100644 tabs-no-images.css diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..8f5798e --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,67 @@ +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; +} + +.loading { + 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; +} + +.chart canvas { +} + +.tickLabel { + width:50px; + overflow:hidden; +} + +.legendLabel { + cursor: pointer; +} + +.legend .disabled { + text-decoration: line-through; +} + +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/assets/css/tabs-no-images.css b/assets/css/tabs-no-images.css new file mode 100644 index 0000000..58a54b4 --- /dev/null +++ b/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; +} + + + diff --git a/assets/icons/loading.gif b/assets/icons/loading.gif new file mode 100644 index 0000000..f2a1bc0 Binary files /dev/null and b/assets/icons/loading.gif differ diff --git a/assets/images/screenshot1.png b/assets/images/screenshot1.png new file mode 100644 index 0000000..50585be Binary files /dev/null and b/assets/images/screenshot1.png differ diff --git a/index.html b/index.html index 953499c..00174a3 100644 --- a/index.html +++ b/index.html @@ -5,9 +5,9 @@ RRD Charts + + - - diff --git a/style.css b/style.css deleted file mode 100644 index 8f5798e..0000000 --- a/style.css +++ /dev/null @@ -1,67 +0,0 @@ -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; -} - -.loading { - 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; -} - -.chart canvas { -} - -.tickLabel { - width:50px; - overflow:hidden; -} - -.legendLabel { - cursor: pointer; -} - -.legend .disabled { - text-decoration: line-through; -} - -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/tabs-no-images.css b/tabs-no-images.css deleted file mode 100644 index 58a54b4..0000000 --- a/tabs-no-images.css +++ /dev/null @@ -1,62 +0,0 @@ - -/* 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