diff options
author | Stephane Desneux <stephane.desneux@iot.bzh> | 2016-05-31 18:16:48 +0200 |
---|---|---|
committer | Stephane Desneux <stephane.desneux@iot.bzh> | 2016-05-31 18:16:48 +0200 |
commit | 5b1e6cc132f44262a873fa8296a2a3e1017b0278 (patch) | |
tree | 43b2cd54e2e300b399ff3f2af4458a2c4ed8a144 /afb-client/bower_components/tether/examples/facebook/facebook.css | |
parent | f7d2f9ac4168ee5064580c666d508667a73cefc0 (diff) | |
parent | 85ace9c1ce9a98e9b8a22f045c7dd752b38d9129 (diff) |
Merge afb-client
Diffstat (limited to 'afb-client/bower_components/tether/examples/facebook/facebook.css')
-rw-r--r-- | afb-client/bower_components/tether/examples/facebook/facebook.css | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/afb-client/bower_components/tether/examples/facebook/facebook.css b/afb-client/bower_components/tether/examples/facebook/facebook.css new file mode 100644 index 0000000..eae1508 --- /dev/null +++ b/afb-client/bower_components/tether/examples/facebook/facebook.css @@ -0,0 +1,86 @@ +.drop-target.drop-open { + outline: 2px solid; +} + +.body { + position: relative; + margin-right: 300px; +} + +.page { + max-width: 100%; + width: 1080px; + padding: 0 10px; + box-sizing: border-box; + margin: 0 auto; +} + +.navigation { + background: blue; + color: #fff; + margin-right: 300px; + margin-bottom: 30px; +} + +.navigation .item a { + padding: 30px 20px; + display: inline-block; +} + +.navigation .item a { + color: inherit; +} + +.navigation .drop-target.drop-open { + background: #fff; + color: blue; + outline: none; +} + +.right-sidebar { + position: fixed; + height: 50%; + width: 300px; + background: #eee; + overflow: auto; + right: 0; +} + +.right-sidebar .drop-target.drop-open { + background: blue; + color: #fff; + outline: none; +} + +.right-sidebar .item a { + display: block; + padding: 20px; + margin-bottom: 10px; + background: rgba(0, 0, 0, .1); +} + +.right-sidebar-top { + top: 0; +} + +.right-sidebar-bottom { + top: 50%; + background: #ccc; +} + +.scroll-container { + position: relative; + overflow: auto; + background: #eee; + padding: 20px; + margin-bottom: 20px; + margin-right: 20px; + height: 200px; + width: 200px; +} + +.absolute-container { + position: absolute; + top: 20px; + right: 300px; +} |