Start of chart from Jeff
This commit is contained in:
Jonathon Wilson
parent
d254c26010
commit
68cd2ab63a
|
|
@ -8,6 +8,7 @@ $ColorScreenPrimary: #ed3618; /* Orange */
|
|||
$ColorElementPrimary: #0b6672; /* Teal */
|
||||
$ColorText: #ffffff; /* White */
|
||||
$ColorLink: #9ec030; /* Lime */
|
||||
$ColorSidebarText: #a0b9bd;
|
||||
$ColorScreenBackground: lighten($ColorUIBackground, 10%);
|
||||
|
||||
$color1: #006AB6; /* mid blue */
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
padding:0px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.panelcontents {
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
|
|
@ -21,7 +22,7 @@
|
|||
padding: 3px 0px 3px 10px;
|
||||
font-size: 180%;
|
||||
font-weight: 100;
|
||||
color:#a0b9bd;
|
||||
color: $ColorSidebarText;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
|
@ -64,25 +65,12 @@
|
|||
margin-left: 0px;
|
||||
}
|
||||
|
||||
/*.expander {*/
|
||||
/*position:relative;*/
|
||||
/*text-align:right;*/
|
||||
/*padding: 0px 0px 8px 0px;*/
|
||||
/*}*/
|
||||
|
||||
/*.expander p span {*/
|
||||
/*padding: 0px 4px;*/
|
||||
/*margin: 0px 2px;*/
|
||||
/*background-color: $ColorElementPrimary;*/
|
||||
/*color: lighten($ColorElementPrimary, 15);*/
|
||||
/*}*/
|
||||
|
||||
.search form {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.search input[type="text"] {
|
||||
input[type="text"] {
|
||||
background-color:#227985;
|
||||
border: solid 1px #01545f;
|
||||
font-weight:400;
|
||||
|
|
@ -99,6 +87,10 @@
|
|||
clear:both;
|
||||
}
|
||||
|
||||
li strong {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
li.offline {
|
||||
background-color: shade($ColorElementPrimary, 20);
|
||||
color: shade($text, 10);
|
||||
|
|
@ -151,11 +143,6 @@
|
|||
color:#FFF;
|
||||
}
|
||||
|
||||
/*li img {*/
|
||||
/*margin: 8px;*/
|
||||
/*float:left;*/
|
||||
/*}*/
|
||||
|
||||
.name {
|
||||
display:block;
|
||||
position:absolute;
|
||||
|
|
@ -179,5 +166,36 @@
|
|||
font-family: LatoItalic, Arial, sans-serif;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
#chat-fixed {
|
||||
position:static;
|
||||
}
|
||||
.chat-select {
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
.chat-select select {
|
||||
font-family:Raleway;
|
||||
font-size:12px;
|
||||
color:$ColorSidebarText;
|
||||
background-color:shade($ColorElementPrimary, 20);
|
||||
border:none;
|
||||
}
|
||||
|
||||
.chat-text {
|
||||
float:left;
|
||||
width:180px;
|
||||
font-size:11px;
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
color:#D5E2E4;
|
||||
}
|
||||
|
||||
.chat-text em {
|
||||
color:#9DB8AF
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -87,44 +87,6 @@
|
|||
<div class="friend-icon"></div>
|
||||
<br clear="all" />
|
||||
</li>
|
||||
|
||||
<!--
|
||||
<li>
|
||||
<%= image_tag "avatars/avatar_brian.jpg", :class => "avatar small" %>
|
||||
<p class="name">Brian Smith</p>
|
||||
<p class="status">Available</p>
|
||||
</li>
|
||||
<li>
|
||||
<%= image_tag "avatars/avatar_peter.jpg", :class => "avatar small" %>
|
||||
<p class="name">Peter Walker</p>
|
||||
<p class="status">Practicing</p>
|
||||
</li>
|
||||
<li>
|
||||
<%= image_tag "avatars/avatar_peter.jpg", :class => "avatar small" %>
|
||||
<p class="name">Peter Walker</p>
|
||||
<p class="status">Practicing</p>
|
||||
</li>
|
||||
<li>
|
||||
<%= image_tag "avatars/avatar_peter.jpg", :class => "avatar small" %>
|
||||
<p class="name">Peter Walker</p>
|
||||
<p class="status">Practicing</p>
|
||||
</li>
|
||||
<li>
|
||||
<%= image_tag "avatars/avatar_peter.jpg", :class => "avatar small" %>
|
||||
<p class="name">Peter Walker</p>
|
||||
<p class="status">Practicing</p>
|
||||
</li>
|
||||
<li>
|
||||
<%= image_tag "avatars/avatar_peter.jpg", :class => "avatar small" %>
|
||||
<p class="name">Peter Walker</p>
|
||||
<p class="status">Practicing</p>
|
||||
</li>
|
||||
<li class="offline">
|
||||
<%= image_tag "avatars/avatar_seth.jpg", :class => "avatar small" %>
|
||||
<p class="name">Seth Call</p>
|
||||
<p class="status">Offline</p>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -136,10 +98,63 @@
|
|||
</div>
|
||||
<div layout-panel="expanded" class="panel expanded">
|
||||
<div layout-panel="header" class="panel-header">
|
||||
<h2>chat</h2>
|
||||
<h2>chat<div class="badge">48</div></h2>
|
||||
</div>
|
||||
<div layout-panel="contents" class="panelcontents">
|
||||
Chat contents go here.
|
||||
<!-- chat message input -->
|
||||
<div id="chat-fixed">
|
||||
<input id="chat-input" type="text" placeholder="enter message" /><br />
|
||||
|
||||
<!-- send to box -->
|
||||
<div class="chat-select">Send to: <select><option>Everyone</option>
|
||||
<option>All Musicians</option>
|
||||
<option>All Fans</option>
|
||||
<option>Brian Smith</option>
|
||||
<option>Peter Walker</option>
|
||||
<option>David Wilson</option>
|
||||
</select></div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="avatar-small">
|
||||
<%= image_tag "avatars/avatar_david.jpg" %>
|
||||
</div>
|
||||
<div class="chat-text">
|
||||
<strong>David Wilson to All Musicians:</strong> I'm hearing a little echo from someone's setup. Can you all check your equipment, please? <em>(2 minutes ago)</em>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="avatar-small">
|
||||
<%= image_tag "shared/avatar_creepyeye.jpg" %>
|
||||
</div>
|
||||
<div class="chat-text">
|
||||
<strong>Brian Smith to All Musicians:</strong> Let's get rolling. I've got to run in 30 mins <em>(4 minutes ago)</em>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="avatar-small">
|
||||
<%= image_tag "avatars/avatar_david.jpg" %>
|
||||
</div>
|
||||
<div class="chat-text">
|
||||
<strong>David Wilson to Everyone:</strong> Give me a second <em>(10 minutes ago)</em>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="avatar-small">
|
||||
<%= image_tag "shared/avatar_silverfox.jpg" %>
|
||||
</div>
|
||||
<div class="chat-text">
|
||||
<strong>Peter Walker to Jonathon Wilson:</strong> Hey bud, how's the new guitar working out? <em>(12 minutes ago)</em>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue