summaryrefslogtreecommitdiffstats
path: root/afb-client/bower_components/tether/examples/facebook/facebook.css
diff options
context:
space:
mode:
authorStephane Desneux <stephane.desneux@iot.bzh>2016-05-31 18:16:48 +0200
committerStephane Desneux <stephane.desneux@iot.bzh>2016-05-31 18:16:48 +0200
commit5b1e6cc132f44262a873fa8296a2a3e1017b0278 (patch)
tree43b2cd54e2e300b399ff3f2af4458a2c4ed8a144 /afb-client/bower_components/tether/examples/facebook/facebook.css
parentf7d2f9ac4168ee5064580c666d508667a73cefc0 (diff)
parent85ace9c1ce9a98e9b8a22f045c7dd752b38d9129 (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.css86
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;
+}