diff --git a/assets/css/style.css b/assets/css/style.css index 8ae4ca6..89cfcfd 100755 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1 +1,181 @@ -.cart-tab{width:22em;position:fixed;top:5em;z-index:9999999}.cart-tab a.cart-parent{position:absolute;top:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1.618em;text-decoration:none}.cart-tab a.cart-parent span.contents{display:block;color:#666;font-size:.8em}.cart-tab a.cart-parent:hover{text-decoration:none}.cart-tab .widget{padding:1.618em;margin:0}.cart-tab.light{background:#fff}.cart-tab.light a.cart-parent,.cart-tab.light .widget{box-shadow:0 2px 1em 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 1em 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 1em 0 rgba(0,0,0,0.2);-o-box-shadow:0 2px 1em 0 rgba(0,0,0,0.2)}.cart-tab.light a.cart-parent{background:#fff}.cart-tab.light a.cart-parent:after{content:"";display:block;width:10px;height:100%;background:#fff;position:absolute;top:0;right:-10px}.cart-tab.dark{background:#333}.cart-tab.dark a.cart-parent,.cart-tab.dark .widget{box-shadow:0 2px 1em 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 1em 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 1em 0 rgba(0,0,0,0.2);-o-box-shadow:0 2px 1em 0 rgba(0,0,0,0.2)}.cart-tab.dark a.cart-parent{background:#333}.cart-tab.dark a.cart-parent:after{content:"";display:block;width:10px;height:100%;background:#333;position:absolute;top:0;right:-10px}.cart-tab.right{right:-22em;-webkit-transition:right ease .5s;-moz-transition:right ease .5s;-o-transition:right ease .5s;transition:right ease .5s}.cart-tab.right a.cart-parent{left:-8.402328em;width:8.402328em;-webkit-transition:left ease .5s;-moz-transition:left ease .5s;-o-transition:left ease .5s;transition:left ease .5s;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-tab.right a.cart-parent.hidden{left:0}.cart-tab.right a.cart-parent.visible{left:-8.402328em}.cart-tab.right:hover{right:0}.cart-tab.right .widget{-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-top-right-radius:0;border-bottom-right-radius:0}.cart-tab.left{left:-22em;-webkit-transition:left ease .5s;-moz-transition:left ease .5s;-o-transition:left ease .5s;transition:left ease .5s}.cart-tab.left a.cart-parent{right:-8.402328em;width:8.402328em;-webkit-transition:right ease .5s;-moz-transition:right ease .5s;-o-transition:right ease .5s;transition:right ease .5s;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-tab.left a.cart-parent.hidden{right:0}.cart-tab.left a.cart-parent.visible{right:-8.402328em}.cart-tab.left:hover{left:0}.cart-tab.left .widget{-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;border-top-left-radius:0;border-bottom-left-radius:0}.cart-tab.left.light a.cart-parent:after,.cart-tab.left.dark a.cart-parent:after{right:auto;left:-10px}.cart-tab.no-animation.right:hover{right:-22em}.cart-tab.no-animation.left:hover{left:-22em}.cart-tab.hidden{display:none} \ No newline at end of file +.cart-tab { + width: 22em; + position: fixed; + top: 5em; + z-index: 9999999; +} +.cart-tab a.cart-parent { + position: absolute; + top: 0; + display: block; + -webkit-box-sizing: border-box; + /* Safari/Chrome, other WebKit */ + -moz-box-sizing: border-box; + /* Firefox, other Gecko */ + box-sizing: border-box; + /* Opera/IE 8+ */ + padding: 1.618em; + text-decoration: none; +} +.cart-tab a.cart-parent span.contents { + display: block; + color: #666; + font-size: .8em; +} +.cart-tab a.cart-parent:hover { + text-decoration: none; +} +.cart-tab .widget { + padding: 1.618em; + margin: 0; + max-height: 600px; + overflow: auto; +} +.cart-tab.light { + background: #fff; +} +.cart-tab.light a.cart-parent, +.cart-tab.light .widget { + box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); +} +.cart-tab.light a.cart-parent { + background: #fff; +} +.cart-tab.light a.cart-parent:after { + content: ""; + display: block; + width: 10px; + height: 100%; + background: #fff; + position: absolute; + top: 0; + right: -10px; +} +.cart-tab.dark { + background: #333; +} +.cart-tab.dark a.cart-parent, +.cart-tab.dark .widget { + box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); + -o-box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2); +} +.cart-tab.dark a.cart-parent { + background: #333; +} +.cart-tab.dark a.cart-parent:after { + content: ""; + display: block; + width: 10px; + height: 100%; + background: #333; + position: absolute; + top: 0; + right: -10px; +} +.cart-tab.right { + right: -22em; + -webkit-transition: right ease 0.5s; + -moz-transition: right ease 0.5s; + -o-transition: right ease 0.5s; + transition: right ease 0.5s; +} +.cart-tab.right a.cart-parent { + left: -8.402328em; + width: 8.402328em; + -webkit-transition: left ease 0.5s; + -moz-transition: left ease 0.5s; + -o-transition: left ease 0.5s; + transition: left ease 0.5s; + -webkit-border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-bottomleft: 3px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.cart-tab.right a.cart-parent.hidden { + left: 0; +} +.cart-tab.right a.cart-parent.visible { + left: -8.402328em; +} +.cart-tab.right:hover { + right: 0; +} +.cart-tab.right .widget { + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.cart-tab.left { + left: -22em; + -webkit-transition: left ease 0.5s; + -moz-transition: left ease 0.5s; + -o-transition: left ease 0.5s; + transition: left ease 0.5s; +} +.cart-tab.left a.cart-parent { + right: -8.402328em; + width: 8.402328em; + -webkit-transition: right ease 0.5s; + -moz-transition: right ease 0.5s; + -o-transition: right ease 0.5s; + transition: right ease 0.5s; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.cart-tab.left a.cart-parent.hidden { + right: 0; +} +.cart-tab.left a.cart-parent.visible { + right: -8.402328em; +} +.cart-tab.left:hover { + left: 0; +} +.cart-tab.left .widget { + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + -webkit-border-top-left-radius: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-topleft: 0; + -moz-border-radius-bottomleft: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.cart-tab.left.light a.cart-parent:after, +.cart-tab.left.dark a.cart-parent:after { + right: auto; + left: -10px; +} +.cart-tab.no-animation.right:hover { + right: -22em; +} +.cart-tab.no-animation.left:hover { + left: -22em; +} +.cart-tab.hidden { + display: none; +} diff --git a/assets/css/style.less b/assets/css/style.less index 90cc730..e7455db 100755 --- a/assets/css/style.less +++ b/assets/css/style.less @@ -24,6 +24,8 @@ .widget { padding:1.618em; margin:0; + max-height: 600px; + overflow: auto; } // The light colour scheme diff --git a/config.codekit b/config.codekit index bdbba78..8673590 100644 --- a/config.codekit +++ b/config.codekit @@ -22,15 +22,6 @@ "strictMath": 0, "strictUnits": 0 }, - "\/assets\/css\/style.css": { - "fileType": 16, - "ignore": 1, - "ignoreWasSetByUser": 0, - "inputAbbreviatedPath": "\/assets\/css\/style.css", - "outputAbbreviatedPath": "No Output Path", - "outputPathIsOutsideProject": 0, - "outputPathIsSetByUser": 0 - }, "\/assets\/css\/style.less": { "allowInsecureImports": 0, "createSourceMap": 0, diff --git a/readme.txt b/readme.txt index f38ef97..01917d0 100755 --- a/readme.txt +++ b/readme.txt @@ -47,6 +47,7 @@ Thanks! Please fork the repo on