diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-25 13:13:57 +0100 |
| commit | d25ff2bddd44b9dac1ceb248424109d1782dd211 (patch) | |
| tree | 34fcfd824a1a72e7b4d431b688adcea532b62180 /minionlivesmatter/templates/assets/tether/docs/css/intro.css | |
| parent | a2cbdd1b88ac723e5e441c0a3c22636f0a8c4dfd (diff) | |
| download | meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.tar.gz meta-d25ff2bddd44b9dac1ceb248424109d1782dd211.zip | |
add minionlivesmatter as submodule
Diffstat (limited to 'minionlivesmatter/templates/assets/tether/docs/css/intro.css')
| -rw-r--r-- | minionlivesmatter/templates/assets/tether/docs/css/intro.css | 218 |
1 files changed, 0 insertions, 218 deletions
diff --git a/minionlivesmatter/templates/assets/tether/docs/css/intro.css b/minionlivesmatter/templates/assets/tether/docs/css/intro.css deleted file mode 100644 index 44303fd..0000000 --- a/minionlivesmatter/templates/assets/tether/docs/css/intro.css +++ /dev/null @@ -1,218 +0,0 @@ -@charset "UTF-8"; -*, *:after, *:before { - box-sizing: border-box; } - -body { - position: relative; } - -.yellow-box { - width: 100px; - height: 100px; - background-color: #fe8; - pointer-events: none; } - -.green-box { - margin-top: 65px; - margin-left: 100px; - width: 200px; - height: 50px; - background-color: #4e9; } - .no-green .green-box { - display: none; } - -.scroll-box { - height: 150px; - border: 10px solid #eee; - background: #fbfbfb; - overflow: auto; - position: relative; } - -.scroll-content { - height: 2000px; - width: 2000px; - padding: 910px 809px; } - -pre.pre-with-output { - margin: 0; - width: 50%; - float: left; } - pre.pre-with-output code mark { - background: #b8daff; - color: #000; } - -p, h2, h3 { - clear: both; } - -output { - display: block; - position: relative; - width: 50%; - float: right; - margin-bottom: 15px; } - output.scroll-page .scroll-box { - overflow: hidden; } - output.scroll-page:after { - content: "↕ scroll the page ↕"; } - output:after { - content: "↕ scroll this area ↕"; - position: absolute; - bottom: 25px; - width: 100%; - text-align: center; - font-size: 16px; - font-variant: small-caps; - color: #777; - opacity: 1; - -webkit-transition: opacity 0.2s; - transition: opacity 0.2s; } - output.scrolled:after { - opacity: 0; } - output[deactivated], output[activated] { - cursor: pointer; } - output[deactivated] .scroll-box, output[activated] .scroll-box { - pointer-events: none; } - output[deactivated]:after, output[activated]:after { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 1; - content: "Click To Show"; - background-color: #AAA; - border-left: 10px solid #EEE; - color: white; - font-size: 24px; - font-variant: normal; - padding-top: 80px; } - output[activated]:after { - content: "Click To Hide"; } - output[activated].visible-enabled:after { - height: 35px; - padding-top: 5px; } - -.attachment-mark, .tether-marker-dot { - position: relative; } - .attachment-mark:after, .tether-marker-dot:after { - content: "A"; - width: 10px; - height: 10px; - background-color: red; - display: inline-block; - line-height: 10px; - font-size: 9px; - color: white; - text-align: center; - position: absolute; } - -span.attachment-mark:after, span.tether-marker-dot:after { - position: relative; - top: -1px; - margin-right: 1px; } - -.tether-marker-dot { - position: absolute; } - .tether-marker-dot:after { - top: -5px; - left: -5px; } - -.tether-target-marker { - position: absolute; } - div.tether-target-attached-left .tether-target-marker { - left: 0; } - div.tether-target-attached-top .tether-target-marker { - top: 0; } - div.tether-target-attached-bottom .tether-target-marker { - bottom: 0; } - div.tether-target-attached-right .tether-target-marker { - right: 0; } - div.tether-target-attached-center .tether-target-marker { - left: 50%; } - -.tether-element-marker { - position: absolute; } - div.tether-element-attached-left .tether-element-marker { - left: 0; } - div.tether-element-attached-top .tether-element-marker { - top: 0; } - div.tether-element-attached-bottom .tether-element-marker { - bottom: 0; } - div.tether-element-attached-right .tether-element-marker { - right: 0; } - div.tether-element-attached-center .tether-element-marker { - left: 50%; } - -.tether-element-attached-middle .tether-element-marker { - top: 50px; } - -.tether-target-attached-middle .tether-target-marker { - top: 25px; } - -.tether-element { - position: relative; } - .tether-element.tether-pinned-left { - box-shadow: inset 2px 0 0 0 red; } - .tether-element.tether-pinned-right { - box-shadow: inset -2px 0 0 0 red; } - .tether-element.tether-pinned-top { - box-shadow: inset 0 2px 0 0 red; } - .tether-element.tether-pinned-bottom { - box-shadow: inset 0 -2px 0 0 red; } - -.tether-target { - position: relative; } - -.tether-element.tether-out-of-bounds[data-example="hide"] { - display: none; } - -[data-example^="optimizer"].lang-javascript { - /* This should just be a `code` selector, but sass doesn't allow that with & */ - min-height: 220px; } - -[data-example^="optimizer"].tether-element:before { - margin-top: 26px; - display: block; - text-align: center; - content: "I'm in the body"; - line-height: 1.2; - font-size: 15px; - padding: 4px; - color: #666; } - -[data-example^="optimizer"] .scroll-box .tether-element:before { - content: "I'm in my scroll parent!"; } - -.tether-element[data-example="scroll-visible"] { - height: 30px; } - .tether-element[data-example="scroll-visible"] .tether-marker-dot { - display: none; } - -.hs-doc-content h2.projects-header { - text-align: center; - font-weight: 300; } - -.projects-paragraph { - text-align: center; } - .projects-paragraph a { - display: inline-block; - vertical-align: middle; - *vertical-align: auto; - *zoom: 1; - *display: inline; - text-align: center; - margin-right: 30px; - color: inherit; } - .projects-paragraph a span { - display: inline-block; - vertical-align: middle; - *vertical-align: auto; - *zoom: 1; - *display: inline; - margin-bottom: 20px; - font-size: 20px; - color: inherit; - font-weight: 300; } - .projects-paragraph a img { - display: block; - max-width: 100%; - width: 100px; } |
