summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets
diff options
context:
space:
mode:
authorluca-marie <ml.kochsiek@fu-berlin.de>2016-08-24 15:23:07 +0200
committerthea <ta.kupler@gmail.com>2016-09-01 12:08:46 +0200
commite1e98d0229b8b79de2105515f0312903a23dc335 (patch)
tree2a7b0c492ffbd9819f05b226e263d5826fcc44d9 /app/assets/stylesheets
parent92481029074f34342cc35937f3aab94aca7887c7 (diff)
Update with Twitter
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r--app/assets/stylesheets/application.scss1
-rw-r--r--app/assets/stylesheets/twitter.scss76
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;
+}