diff options
Diffstat (limited to 'addons/website_twitter/static/src/css')
| -rw-r--r-- | addons/website_twitter/static/src/css/Makefile | 3 | ||||
| -rw-r--r-- | addons/website_twitter/static/src/css/website.twitter.css | 110 | ||||
| -rw-r--r-- | addons/website_twitter/static/src/css/website.twitter.sass | 94 |
3 files changed, 207 insertions, 0 deletions
diff --git a/addons/website_twitter/static/src/css/Makefile b/addons/website_twitter/static/src/css/Makefile new file mode 100644 index 00000000000..21d0e6cdc39 --- /dev/null +++ b/addons/website_twitter/static/src/css/Makefile @@ -0,0 +1,3 @@ +sass: + sass -t expanded --compass --unix-newlines --watch website.twitter.sass:website.twitter.css + diff --git a/addons/website_twitter/static/src/css/website.twitter.css b/addons/website_twitter/static/src/css/website.twitter.css new file mode 100644 index 00000000000..b44bf800bd7 --- /dev/null +++ b/addons/website_twitter/static/src/css/website.twitter.css @@ -0,0 +1,110 @@ +.wrap-row { + position: relative; + overflow: hidden; + height: 310px; +} +.wrap-row .twitter-row { + position: absolute; + width: 100%; + height: auto; +} +.wrap-row .twitter-row div.scrollWrapper { + position: relative; + overflow: hidden; + width: 100%; + height: 100%; +} +.wrap-row .twitter-row div.scrollableArea { + position: relative; + width: auto; + height: 100%; +} +.wrap-row .twitter-row div .tweet { + border: 1px solid #cccccc; + max-width: 500px; + width: 500px; + font-size: 0.8em; + padding-top: 12px; + padding-right: 10px; + padding-bottom: 12px; + padding-left: 10px; + float: left; + display: block; + margin: 6px; + max-height: 90px; + height: 90px; + opacity: 0.6; +} +.wrap-row .twitter-row div .tweet h4, .wrap-row .twitter-row div .tweet p { + padding: 0; + margin: 0; +} +.wrap-row .twitter-row div .tweet .left { + display: block; + float: left; + width: 80px; +} +.wrap-row .twitter-row div .tweet .left img { + width: 65px; + height: auto; + float: left; + display: block; + margin: 0px 5px 0px -5px; +} +.wrap-row .twitter-row div .tweet .right { + display: block; + float: left; + width: 470px; +} +.wrap-row .twitter-row div .tweet .right .top { + height: 20px; +} +.wrap-row .twitter-row div .tweet h4 { + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: bold; + color: black; + float: left; + display: block; + position: relative; + margin-left: 70px; + margin-top: -65px; +} +.wrap-row .twitter-row div .tweet h4 span { + color: #cccccc; + font-weight: bold; + font-size: 14px; +} +.wrap-row .twitter-row div .tweet p { + line-height: 1.5em; + float: left; + position: relative; + display: block; +} +.wrap-row .twitter-row div .tweet .date { + float: right; + line-height: 0.5em; + margin-top: -60px; + margin-right: -10px; +} +.wrap-row .twitter-row div .tweet .right .bottom p { + margin-top: -65px; + margin-left: 70px; + font-size: 12px; + word-break: break-word; +} +.wrap-row .twitter-row div .tweet:hover { + -webkit-box-shadow: 0.5px 0.5px 0.5px 1px #428bca; + -moz-box-shadow: 0.5px 0.5px 0.5px 1px #428bca; + box-shadow: 0.5px 0.5px 0.5px 1px #428bca; + cursor: pointer; + opacity: 1; +} + +@media screen and (max-width: 580px) { + .wrap-row { + position: relative; + overflow: hidden; + height: 100px; + } +} diff --git a/addons/website_twitter/static/src/css/website.twitter.sass b/addons/website_twitter/static/src/css/website.twitter.sass new file mode 100644 index 00000000000..9eca59eb6ce --- /dev/null +++ b/addons/website_twitter/static/src/css/website.twitter.sass @@ -0,0 +1,94 @@ +.wrap-row + position: relative + overflow: hidden + height: 310px + .twitter-row + position: absolute + width: 100% + height: auto + div + &.scrollWrapper + position: relative + overflow: hidden + width: 100% + height: 100% + &.scrollableArea + position: relative + width: auto + height: 100% + .tweet + border: 1px solid #ccc + max-width: 500px + width: 500px + font-size: 0.8em + padding-top: 12px + padding-right: 10px + padding-bottom: 12px + padding-left: 10px + float: left + display: block + margin: 6px + max-height: 90px + height: 90px + opacity: 0.6 + h4, p + padding: 0 + margin: 0 + .left + display: block + float: left + width: 80px + img + width: 65px + height: auto + float: left + display: block + margin: 0px 5px 0px -5px + .right + display: block + float: left + width: 470px + .top + height: 20px + h4 + font-size: 14px + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif + font-weight: bold + color: #000 + float: left + display: block + position: relative + margin-left: 70px + margin-top: -65px + span + color: #ccc + font-weight: bold + font-size: 14px + p + line-height: 1.5em + float: left + position: relative + display: block + &.date + float: right + line-height: 0.5em + margin-top: -60px + margin-right: -10px + .right .bottom p + margin-top: -65px + margin-left: 70px + font-size: 12px + word-break: break-word + &:hover + -webkit-box-shadow: 0.5px 0.5px 0.5px 1px #428BCA + -moz-box-shadow: 0.5px 0.5px 0.5px 1px #428BCA + box-shadow: 0.5px 0.5px 0.5px 1px #428BCA + cursor: pointer + opacity: 1 + + +@media screen and (max-width: 580px) + .wrap-row + position: relative + overflow: hidden + height: 100px |