summaryrefslogtreecommitdiff
path: root/www/css
diff options
context:
space:
mode:
authorPliablePixels <pliablepixels@gmail.com>2015-06-30 19:43:10 -0400
committerPliablePixels <pliablepixels@gmail.com>2015-06-30 19:43:10 -0400
commitec224285320d38b3007fb469c10fffbca1294c10 (patch)
tree8915a65f13913d1bc1d5b67d081330684d69c3fd /www/css
parent89cd2015ebfcb08803c2ff6e2f9384a86f4f1ecd (diff)
set 50K limit for logs, separated my modifications for angular-circular-navigations
Diffstat (limited to 'www/css')
-rw-r--r--www/css/angular-circular-navigation.css390
1 files changed, 390 insertions, 0 deletions
diff --git a/www/css/angular-circular-navigation.css b/www/css/angular-circular-navigation.css
new file mode 100644
index 00000000..0c2ee1cb
--- /dev/null
+++ b/www/css/angular-circular-navigation.css
@@ -0,0 +1,390 @@
+/* PP - Modified to show at right angles */
+
+/* line 34, scss/angular-circular-navigation.scss */
+.cn-button {
+ margin-top: -1.5em;
+ margin-left: -1.5em;
+ width: 3em;
+ height: 3em;
+}
+
+/* line 40, scss/angular-circular-navigation.scss */
+.cn-button.small {
+ margin-top: -1em;
+ margin-left: -1em;
+ width: 2em;
+ height: 2em;
+}
+
+/* line 46, scss/angular-circular-navigation.scss */
+.cn-button.big {
+ margin-top: -2em;
+ margin-left: -2em;
+ width: 4em;
+ height: 4em;
+}
+
+/* line 54, scss/angular-circular-navigation.scss */
+.cn-wrapper {
+ margin-top: -8.75em;
+ margin-left: -8.75em;
+ width: 17.5em;
+ height: 17.5em;
+}
+
+/* line 60, scss/angular-circular-navigation.scss */
+.cn-wrapper.small {
+ margin-top: -7em;
+ margin-left: -7em;
+ width: 14em;
+ height: 14em;
+}
+
+/* line 66, scss/angular-circular-navigation.scss */
+.cn-wrapper.big {
+ margin-top: -12.25em;
+ margin-left: -12.25em;
+ width: 24.5em;
+ height: 24.5em;
+}
+
+/* line 74, scss/angular-circular-navigation.scss */
+.cn-wrapper li {
+ margin-top: -3.3em;
+ margin-left: -10em;
+ width: 10em;
+ height: 10em;
+}
+
+/* line 80, scss/angular-circular-navigation.scss */
+.cn-wrapper.small li {
+ margin-top: -2.6em;
+ margin-left: -8em;
+ width: 8em;
+ height: 8em;
+}
+
+/* line 86, scss/angular-circular-navigation.scss */
+.cn-wrapper.big li {
+ margin-top: -4.5em;
+ margin-left: -14em;
+ width: 14em;
+ height: 14em;
+}
+
+/* line 93, scss/angular-circular-navigation.scss */
+.cn-wrapper li a {
+ right: -5em;
+ bottom: -5em;
+ width: 10em;
+ height: 10em;
+}
+
+/* line 99, scss/angular-circular-navigation.scss */
+.cn-wrapper.small li a {
+ right: -4em;
+ bottom: -4em;
+ width: 8em;
+ height: 8em;
+}
+
+/* line 105, scss/angular-circular-navigation.scss */
+.cn-wrapper.big li a {
+ right: -7em;
+ bottom: -7em;
+ width: 14em;
+ height: 14em;
+}
+
+/* line 117, scss/angular-circular-navigation.scss */
+circular *, .circular * {
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ position: relative;
+}
+
+/* line 126, scss/angular-circular-navigation.scss */
+circular, .circular {
+ position: absolute;
+ top: 100%;
+ left: 50%;
+}
+
+/* line 137, scss/angular-circular-navigation.scss */
+.cn-button {
+ position: absolute;
+ top: 100%;
+ left: 50%;
+ z-index: 11;
+ padding-top: 0em;
+ border: none;
+ border-radius: 50%;
+ background: none;
+ background-color: #0A833D;
+ color: #ffffff;
+ text-align: center;
+ font-weight: 700;
+ font-size: 1.3em;
+ text-transform: uppercase;
+ cursor: pointer;
+ -webkit-backface-visibility: hidden;
+ outline: 0;
+}
+
+/* line 160, scss/angular-circular-navigation.scss */
+.cn-wrapper {
+ position: absolute;
+ top: 100%;
+ left: 50%;
+ z-index: 10;
+ border-radius: 50%;
+ background: transparent;
+ opacity: 0;
+ -webkit-transition: all .3s ease 0.3s;
+ -moz-transition: all .3s ease 0.3s;
+ transition: all .3s ease 0.3s;
+ -webkit-transform: scale(0.1);
+ -ms-transform: scale(0.1);
+ transform: scale(0.1);
+ pointer-events: none;
+ overflow: hidden;
+}
+
+/* line 178, scss/angular-circular-navigation.scss */
+.opened-nav {
+ border-radius: 50%;
+ opacity: 1;
+ -webkit-transition: all .3s ease;
+ -moz-transition: all .3s ease;
+ transition: all .3s ease;
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ pointer-events: auto;
+}
+
+/* line 195, scss/angular-circular-navigation.scss */
+.cn-wrapper li {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ overflow: hidden;
+ font-size: 1.3em;
+ -webkit-transition: all .3s ease;
+ -moz-transition: all .3s ease;
+ transition: all .3s ease;
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+ pointer-events: none;
+}
+
+/* line 209, scss/angular-circular-navigation.scss */
+.cn-wrapper li a {
+ position: absolute;
+ display: block;
+ border-radius: 50%;
+ background: #0A833D;
+ opacity: 0.7;
+ color: #ffffff;
+ text-align: center;
+ text-decoration: none;
+ font-size: 1.2em;
+ line-height: 2.5;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ pointer-events: auto;
+ cursor: pointer;
+}
+
+/* line 226, scss/angular-circular-navigation.scss */
+.cn-wrapper li a.is-active {
+ opacity: 1;
+}
+
+/* line 230, scss/angular-circular-navigation.scss */
+.cn-wrapper li a:hover,
+.cn-wrapper li a:active,
+.cn-wrapper li a:focus {
+ opacity: 0.9;
+}
+
+/* line 236, scss/angular-circular-navigation.scss */
+.cn-wrapper li a.is-active:hover,
+.cn-wrapper li a.is-active:active,
+.cn-wrapper li a.is-active:focus {
+ opacity: 0.9;
+}
+
+/* line 241, scss/angular-circular-navigation.scss */
+.cn-wrapper li a span {
+ position: relative;
+ top: 1.8em;
+ display: block;
+ font-size: .5em;
+ font-weight: 700;
+ text-transform: uppercase;
+}
+
+/* line 250, scss/angular-circular-navigation.scss */
+.opened-nav li {
+ -webkit-transition: all .3s ease .3s;
+ -moz-transition: all .3s ease .3s;
+ transition: all .3s ease .3s;
+}
+
+/* line 269, scss/angular-circular-navigation.scss */
+.item-odd-left-5, .opened-nav.items-11 li:first-child {
+ -webkit-transform: rotate(-105deg) skew(60deg);
+ -ms-transform: rotate(-105eg) skew(60deg);
+ transform: rotate(-105deg) skew(60deg);
+}
+
+/* line 272, scss/angular-circular-navigation.scss */
+.item-odd-left-4, .opened-nav.items-9 li:first-child, .opened-nav.items-11 li:nth-child(2) {
+ -webkit-transform: rotate(-63deg) skew(60deg);
+ -ms-transform: rotate(-63deg) skew(60deg);
+ transform: rotate(-63deg) skew(60deg);
+}
+
+/* line 275, scss/angular-circular-navigation.scss */
+.item-odd-left-3, .opened-nav.items-7 li:first-child, .opened-nav.items-9 li:nth-child(2), .opened-nav.items-11 li:nth-child(3) {
+ -webkit-transform: rotate(-21deg) skew(60deg);
+ -ms-transform: rotate(-21deg) skew(60deg);
+ transform: rotate(-21deg) skew(60deg);
+}
+
+/* line 278, scss/angular-circular-navigation.scss */
+.item-odd-left-2, .opened-nav.items-5 li:first-child, .opened-nav.items-7 li:nth-child(2), .opened-nav.items-9 li:nth-child(3), .opened-nav.items-11 li:nth-child(4) {
+ -webkit-transform: rotate(11deg) skew(60deg);
+ -ms-transform: rotate(11deg) skew(60deg);
+ transform: rotate(11deg) skew(60deg);
+}
+
+/* line 281, scss/angular-circular-navigation.scss */
+.item-odd-left-1, .opened-nav.items-3 li:first-child, .opened-nav.items-5 li:nth-child(2), .opened-nav.items-7 li:nth-child(3), .opened-nav.items-9 li:nth-child(4), .opened-nav.items-11 li:nth-child(5) {
+ -webkit-transform: rotate(23deg) skew(60deg);
+ -ms-transform: rotate(23deg) skew(60deg);
+ transform: rotate(23deg) skew(60deg);
+}
+
+/* line 284, scss/angular-circular-navigation.scss */
+.item-odd-center, .cn-wrapper li, .opened-nav.items-1 li:first-child, .opened-nav.items-3 li:nth-child(2), .opened-nav.items-5 li:nth-child(3), .opened-nav.items-7 li:nth-child(4), .opened-nav.items-9 li:nth-child(5), .opened-nav.items-11 li:nth-child(6) {
+ -webkit-transform: rotate(75deg) skew(60deg);
+ -ms-transform: rotate(75deg) skew(60deg);
+ transform: rotate(75deg) skew(60deg);
+}
+
+/* line 287, scss/angular-circular-navigation.scss */
+.item-odd-right-1, .opened-nav.items-3 li:nth-child(3), .opened-nav.items-5 li:nth-child(4), .opened-nav.items-7 li:nth-child(5), .opened-nav.items-9 li:nth-child(6), .opened-nav.items-11 li:nth-child(7) {
+ -webkit-transform: rotate(127deg) skew(60deg);
+ -ms-transform: rotate(127deg) skew(60deg);
+ transform: rotate(127deg) skew(60deg);
+}
+
+/* line 290, scss/angular-circular-navigation.scss */
+.item-odd-right-2, .opened-nav.items-5 li:nth-child(5), .opened-nav.items-7 li:nth-child(6), .opened-nav.items-9 li:nth-child(7), .opened-nav.items-11 li:nth-child(8) {
+ -webkit-transform: rotate(139deg) skew(60deg);
+ -ms-transform: rotate(139deg) skew(60deg);
+ transform: rotate(139deg) skew(60deg);
+}
+
+/* line 293, scss/angular-circular-navigation.scss */
+.item-odd-right-3, .opened-nav.items-7 li:nth-child(7), .opened-nav.items-9 li:nth-child(8), .opened-nav.items-11 li:nth-child(9) {
+ -webkit-transform: rotate(171deg) skew(60deg);
+ -ms-transform: rotate(171deg) skew(60deg);
+ transform: rotate(171deg) skew(60deg);
+}
+
+/* line 296, scss/angular-circular-navigation.scss */
+.item-odd-right-4, .opened-nav.items-9 li:nth-child(9), .opened-nav.items-11 li:nth-child(10) {
+ -webkit-transform: rotate(213deg) skew(60deg);
+ -ms-transform: rotate(213deg) skew(60deg);
+ transform: rotate(213deg) skew(60deg);
+}
+
+/* line 299, scss/angular-circular-navigation.scss */
+.item-odd-right-5, .opened-nav.items-11 li:nth-child(11) {
+ -webkit-transform: rotate(235deg) skew(60deg);
+ -ms-transform: rotate(235deg) skew(60deg);
+ transform: rotate(235deg) skew(60deg);
+}
+
+/* line 304, scss/angular-circular-navigation.scss */
+.item-even-left-5, .opened-nav.items-10 li:first-child {
+ -webkit-transform: rotate(-69deg) skew(60deg);
+ -ms-transform: rotate(-69deg) skew(60deg);
+ transform: rotate(-69deg) skew(60deg);
+}
+
+/* line 307, scss/angular-circular-navigation.scss */
+.item-even-left-4, .opened-nav.items-8 li:first-child, .opened-nav.items-10 li:nth-child(2) {
+ -webkit-transform: rotate(-37deg) skew(60deg);
+ -ms-transform: rotate(-37deg) skew(60deg);
+ transform: rotate(-37deg) skew(60deg);
+}
+
+/* line 310, scss/angular-circular-navigation.scss */
+.item-even-left-3, .opened-nav.items-6 li:first-child, .opened-nav.items-8 li:nth-child(2), .opened-nav.items-10 li:nth-child(3) {
+ -webkit-transform: rotate(-5deg) skew(60deg);
+ -ms-transform: rotate(-5deg) skew(60deg);
+ transform: rotate(-5deg) skew(60deg);
+}
+
+/* line 313, scss/angular-circular-navigation.scss */
+.item-even-left-2, .opened-nav.items-4 li:first-child, .opened-nav.items-6 li:nth-child(2), .opened-nav.items-8 li:nth-child(3), .opened-nav.items-10 li:nth-child(4) {
+ -webkit-transform: rotate(27deg) skew(60deg);
+ -ms-transform: rotate(27deg) skew(60deg);
+ transform: rotate(27deg) skew(60deg);
+}
+
+/* line 316, scss/angular-circular-navigation.scss */
+.item-even-left-1, .opened-nav.items-2 li:first-child, .opened-nav.items-4 li:nth-child(2), .opened-nav.items-6 li:nth-child(3), .opened-nav.items-8 li:nth-child(4), .opened-nav.items-10 li:nth-child(5) {
+ -webkit-transform: rotate(59deg) skew(60deg);
+ -ms-transform: rotate(59deg) skew(60deg);
+ transform: rotate(59deg) skew(60deg);
+}
+
+/* line 319, scss/angular-circular-navigation.scss */
+.item-even-right-1, .opened-nav.items-2 li:nth-child(2), .opened-nav.items-4 li:nth-child(3), .opened-nav.items-6 li:nth-child(4), .opened-nav.items-8 li:nth-child(5), .opened-nav.items-10 li:nth-child(6) {
+ -webkit-transform: rotate(91deg) skew(60deg);
+ -ms-transform: rotate(91deg) skew(60deg);
+ transform: rotate(91deg) skew(60deg);
+}
+
+/* line 322, scss/angular-circular-navigation.scss */
+.item-even-right-2, .opened-nav.items-4 li:nth-child(4), .opened-nav.items-6 li:nth-child(5), .opened-nav.items-8 li:nth-child(6), .opened-nav.items-10 li:nth-child(7) {
+ -webkit-transform: rotate(123deg) skew(60deg);
+ -ms-transform: rotate(123deg) skew(60deg);
+ transform: rotate(123deg) skew(60deg);
+}
+
+/* line 325, scss/angular-circular-navigation.scss */
+.item-even-right-3, .opened-nav.items-6 li:nth-child(6), .opened-nav.items-8 li:nth-child(7), .opened-nav.items-10 li:nth-child(8) {
+ -webkit-transform: rotate(155deg) skew(60deg);
+ -ms-transform: rotate(155deg) skew(60deg);
+ transform: rotate(155deg) skew(60deg);
+}
+
+/* line 328, scss/angular-circular-navigation.scss */
+.item-even-right-4, .opened-nav.items-8 li:nth-child(8), .opened-nav.items-10 li:nth-child(9) {
+ -webkit-transform: rotate(187deg) skew(60deg);
+ -ms-transform: rotate(187deg) skew(60deg);
+ transform: rotate(187deg) skew(60deg);
+}
+
+/* line 331, scss/angular-circular-navigation.scss */
+.item-even-right-5, .opened-nav.items-10 li:nth-child(10) {
+ -webkit-transform: rotate(219deg) skew(60deg);
+ -ms-transform: rotate(219deg) skew(60deg);
+ transform: rotate(219deg) skew(60deg);
+}
+
+/* line 340, scss/angular-circular-navigation.scss */
+.cn-wrapper li a {
+ -webkit-transform: skew(-60deg) rotate(-75deg) scale(1);
+ -ms-transform: skew(-60deg) rotate(-75deg) scale(1);
+ transform: skew(-60deg) rotate(-75deg) scale(1);
+}