aboutsummaryrefslogtreecommitdiff
path: root/bh20simplewebuploader/static
diff options
context:
space:
mode:
authorPjotr Prins2020-12-24 09:14:40 +0000
committerGitHub2020-12-24 09:14:40 +0000
commit00ba74b163f723bb7283624171f0c7c203dc99e5 (patch)
tree3dd7fdf569ecbc2caf317d6712f215f2aa5235f7 /bh20simplewebuploader/static
parent73e0e802dd254bf2d167f6633c479e90b9bc4649 (diff)
parent6a2dbbc003e5adcf885b41674d9ca80fba7fd55b (diff)
downloadbh20-seq-resource-00ba74b163f723bb7283624171f0c7c203dc99e5.tar.gz
bh20-seq-resource-00ba74b163f723bb7283624171f0c7c203dc99e5.tar.lz
bh20-seq-resource-00ba74b163f723bb7283624171f0c7c203dc99e5.zip
Merge pull request #119 from BonfaceKilz/feature/add-commits-and-pubmed-articles-to-feed
Feature/add commits and pubmed articles to feed
Diffstat (limited to 'bh20simplewebuploader/static')
-rw-r--r--bh20simplewebuploader/static/main.css49
1 files changed, 41 insertions, 8 deletions
diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css
index 237b952..b6c900c 100644
--- a/bh20simplewebuploader/static/main.css
+++ b/bh20simplewebuploader/static/main.css
@@ -17,11 +17,6 @@ h1 {
text-align: center;
}
-.intro {
- color: #505050;
- // font-weight: 300;
-}
-
.header {
background-color: white;
margin: 0 auto;
@@ -202,6 +197,7 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
}
.intro {
+ color: #505050;
grid-area: a;
}
@@ -514,7 +510,7 @@ div.status {
justify-content: space-evenly;
}
-#twitter-feed {
+#feed {
background-color: #f5f8fa;
max-height: 440px;
max-width: 500px;
@@ -525,11 +521,11 @@ div.status {
}
-#twitter-feed ul {
+#feed ul {
list-style-type: none;
}
-#twitter-feed ul li {
+#feed ul li {
border-bottom: 2px solid white;
padding-bottom: 20px;
}
@@ -556,3 +552,40 @@ padding-right:10px;
{
max-width: 80%;
}
+
+/** Tabbed feed **/
+input[name="feed-tabs"] {
+ display: none;
+}
+
+input[name="feed-tabs"] + label {
+ display: inline-block;
+}
+
+input[name="feed-tabs"] ~ .tab {
+ display: none;
+}
+
+#tab-pubmed-articles:checked ~ .tab.content-pubmed-articles,
+#tab-tweets:checked ~ .tab.content-tweets,
+#tab-commits:checked ~ .tab.content-commits {
+ display: block;
+}
+
+input[name="feed-tabs"] + label {
+ border: 1px solid #999;
+ background: #EEE;
+ padding: 4px 12px;
+ border-radius: 4px 4px 0 0;
+ position: relative;
+ top: 1px;
+}
+
+input[name="feed-tabs"]:checked + label {
+ background: #FFF;
+ border-bottom: 1px solid transparent;
+}
+input[name="feed-tabs"] ~ .tab { /* grey line between tab and contents */
+ border-top: 1px solid #999;
+ padding: 12px;
+}