Update with Twitter

2 files changed, 77 insertions, 0 deletions

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 856a559..f42044b 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -16,6 +16,7 @@
 // LEAP web app specific overrides
 //
 @import "leap";
+@import "twitter";
 
 // And finally bootswatch style itself
 // @import "bootswatch/cerulean/bootswatch";
diff --git a/app/assets/stylesheets/twitter.scss b/app/assets/stylesheets/twitter.scss
new file mode 100644
index 0000000..1d54785
--- /dev/null
+++ b/app/assets/stylesheets/twitter.scss
@@ -0,0 +1,76 @@
+.twitter {
+  // position: fixed;
+  // top: 0;
+  // right: 10px;
+  // bottom: 0;
+  // overflow: auto;
+  // width: 250px;
+}
+.twitter_header {
+  padding-top: 8px;
+  height: 30px;
+  font-size: 20px ;
+  text-align: center;
+}
+
+.tweets:hover {
+    background-color: #ccf2ff;
+  }
+
+.tweets {
+  border-bottom-style: solid;
+  border-color: #bfbfbf;
+  // display: inline;
+  // height: 32px;
+  // width: 100%;
+  // position: absolute;
+  // text-align: center;
+}
+
+.tweets_pic {
+  display: block;
+  float: left;
+  width: 28px;
+  height: 33px;
+  padding-left: 8px;
+  padding-top: 8px;
+  // background: hsl(0, 0%, 30%);
+}
+
+.tweets_name {
+  padding-left: 45px;
+  padding-top: 16px;
+  // border-bottom-style: solid;
+  // border-color: #00bfff;
+}
+
+.tweet_text {
+  padding-left: 8px;
+  padding-top: 15px;
+}
+
+.text_date {
+  text-align: right;
+  padding-top: 4px;
+  font-size: 12px ;
+}
+.twitter_footer {
+  padding-top: 8px;
+}
+
+.twitter-image-frame {
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+  position: relative;
+}
+
+.twitter-image-frame > img {
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  margin: auto;
+}