From f62db567d999f50a09947a0d6478a205f60ba03c Mon Sep 17 00:00:00 2001 From: Neylor Ohmaly Date: Mon, 10 Feb 2014 00:25:53 -0200 Subject: Fix error on the right|bottom and left|bottom alignment --- example/nsPopover.css | 184 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 184 insertions(+) create mode 100644 example/nsPopover.css (limited to 'example/nsPopover.css') diff --git a/example/nsPopover.css b/example/nsPopover.css new file mode 100644 index 0000000..d2623db --- /dev/null +++ b/example/nsPopover.css @@ -0,0 +1,184 @@ +/* line 8, ../sass/ns-popover.scss */ +.ns-popover-list-theme { + box-sizing: border-box; + border: solid 1px #d2d2d2; + border-radius: 3px; + z-index: 100; + background-color: #fff; + -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); + box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); } + /* line 18, ../sass/ns-popover.scss */ + .ns-popover-list-theme ul, .ns-popover-list-theme .list { + padding: 0; + margin: 0.625rem 0; + display: block; } + /* line 24, ../sass/ns-popover.scss */ + .ns-popover-list-theme li, .ns-popover-list-theme .list-item { + list-style-type: none; } + /* line 27, ../sass/ns-popover.scss */ + .ns-popover-list-theme li a, .ns-popover-list-theme .list-item a { + padding: 0.1875rem 0.625rem; + display: block; } + /* line 31, ../sass/ns-popover.scss */ + .ns-popover-list-theme li a:hover, .ns-popover-list-theme .list-item a:hover { + background-color: #f5f5f5; } + +/* line 123, ../sass/ns-popover.scss */ +.ns-popover-tooltip-theme { + box-sizing: border-box; + z-index: 100; + background-color: transparent; } + /* line 128, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme .ns-popover-tooltip { + box-sizing: border-box; + border: solid 1px #d2d2d2; + border-radius: 3px; + z-index: 100; + background-color: #fff; + padding: 0.5625rem 0.875rem; + max-width: 20rem; + font-size: 0.875rem; + -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); + box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2); + margin: 10px; } + /* line 142, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme .ns-popover-tooltip ul { + padding: 0; + margin: 0.625rem 0; + display: block; } + /* line 148, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme .ns-popover-tooltip li { + list-style-type: none; } + /* line 151, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme .ns-popover-tooltip li a { + padding: 0.1875rem 0.625rem; + display: block; } + /* line 155, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme .ns-popover-tooltip li a:hover { + background-color: #f5f5f5; } + /* line 163, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 11px; + border-color: transparent; + position: absolute; + border-bottom-color: #d2d2d2; + left: 50%; + top: -11px; + margin-left: -11px; } + /* line 56, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after { + content: " "; + display: block; + width: 0; + height: 0; + border: solid 10px; + border-color: transparent; + position: absolute; } + /* line 86, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after { + border-bottom-color: white; + border-top-width: 0; + top: 1px; + margin-left: -10px; } + /* line 169, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-top-placement .triangle { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 11px; + border-color: transparent; + position: absolute; + border-top-color: #d2d2d2; + left: 50%; + bottom: -11px; + margin-left: -11px; } + /* line 56, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after { + content: " "; + display: block; + width: 0; + height: 0; + border: solid 10px; + border-color: transparent; + position: absolute; } + /* line 72, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after { + border-top-color: white; + border-bottom-width: 0; + bottom: 1px; + margin-left: -10px; } + /* line 175, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-right-placement .triangle { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 11px; + border-color: transparent; + position: absolute; + border-right-color: #d2d2d2; + top: 50%; + left: -11px; + margin-top: -11px; } + /* line 56, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after { + content: " "; + display: block; + width: 0; + height: 0; + border: solid 10px; + border-color: transparent; + position: absolute; } + /* line 114, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after { + border-right-color: white; + border-left-width: 0; + left: 1px; + bottom: -10px; } + /* line 181, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-left-placement .triangle { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 11px; + border-color: transparent; + position: absolute; + border-left-color: #d2d2d2; + top: 50%; + right: -11px; + margin-top: -11px; } + /* line 56, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-left-placement .triangle:after { + content: " "; + display: block; + width: 0; + height: 0; + border: solid 10px; + border-color: transparent; + position: absolute; } + /* line 100, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-left-placement .triangle:after { + border-left-color: white; + border-right-width: 0; + right: 1px; + bottom: -10px; } + /* line 187, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-left-align .ns-popover-tooltip { + margin-left: 0; } + /* line 193, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-right-align .ns-popover-tooltip { + margin-right: 0; } + /* line 199, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-top-align .ns-popover-tooltip { + margin-top: 0; } + /* line 205, ../sass/ns-popover.scss */ + .ns-popover-tooltip-theme.ns-popover-bottom-align .ns-popover-tooltip { + margin-bottom: 0; } -- cgit v1.2.3