irc in a tab

1 files changed, 29 insertions, 5 deletions

diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 4e32401..0a12245 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -168,6 +168,10 @@ h1 + .news-item {
   }
 }
 
+.player-wrap {
+  background-color: $gray-dark;
+}
+
 .tab-content {
   background-color: $gray-dark;
 
@@ -175,7 +179,7 @@ h1 + .news-item {
     margin: auto;
   }
 
-  .switcher {
+  #switcher {
     padding: $padding-large-horizontal;
 
     h3 {
@@ -335,12 +339,32 @@ a.inverted {
 
 .room {
 
-  &.lq .tab-content {
-    padding-top: 32px;
+  &.lq .player-wrap {
+    padding: 32px 0;
+  }
+
+  &.audio .player-wrap {
+    padding: 64px 32px;
   }
 
-  &.audio .tab-content {
-    padding-top: 32px;
+  .click-to-irc {
+    background-image: url(../img/irc-soft.png);
+    height: 376px;
+    line-height: 376px;
+    border: 2px solid $gray-dark;
+
+    text-align: center;
+    cursor: pointer;
+
+    span { font-size: 60px; }
+    iframe { display: none; }
+
+    &.active {
+      background-image: none;
+      span { display: none; }
+      iframe { display: block; }
+    }
+
   }
 
 }